/* 基本元素重置 */
html,body { margin:0; font-size:16px; font-family:"Microsoft YaHei"; color:#535353; width:100% }
a:link { color:#535353; text-decoration:none; }
a:visited { text-decoration:none; color:#535353; }
a:hover { text-decoration:none; color:#45496f; }
a:active { text-decoration:none; color:#535353; }
a img, img {border:0; max-width:100% } 
html, body, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, blockquote, pre, form,input,select,textarea,button, fieldset, table, th, td, span,form,p,a,img,object,embed  { padding:0px; margin:0px; list-style:none;font-family:"Microsoft YaHei";max-width:100%   }
table{border-collapse:collapse;border-spacing:0;border:0;}
.clear { clear:both; zoom: 1}
 
 
/* header */
.m_nav{ width:100%; height:auto; margin:0 auto;  overflow:hidden}
.m_nav ul{ margin:0 auto;}
.m_nav ul li{ width:24.5%; float:left; height:35px; text-align:center;  line-height:35px; color:#fff; background:#45496f; border-right:1px solid #dfe1df;border-bottom:1px solid #dfe1df}
.m_nav ul li a{ color:#fff; display:block;  height:35px; text-align:center; background:#45496f;font-size:14px;}
.menu_btn {
    background: url(../m/ce1.png) no-repeat;
    display: block;
    float: right;
    height: 50px;
    width: 50px;
    position: absolute;
    top: 0px;
    right: 0;
}.index_nav{display: none;
    position: absolute;
    top: 0px;
    right: 0px;
    background: #45496f;
    z-index: 999;
    padding: 5px;
    margin-bottom: 20px;
    color: #4e4e4e;
    opacity: 0.95;}
	.one_nav{ line-height:40px; font-size:16px; text-indent:2em;  color:#fff; border-bottom:10px; border-bottom:1px solid #fff; width:90%;}
.index_nav a {
    color: #fff;
}.phone_close {
    float: right;
}
.bottom_tools span.menu_btn_ce {width:45px;height:45px;position:absolute;right:0px;top:-57px;background:url("ce1.png") no-repeat center center;
transform:rotate(0deg);
-ms-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-webkit-transform:rotate(0deg); 
-o-transform:rotate(0deg);
-webkit-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear; }
.bottom_tools span.menu_btn_ce.on{background: url("ce2.png") no-repeat center center; z-index:1999;
transform:rotate(135deg);
-ms-transform:rotate(135deg);     /* IE 9 */
-moz-transform:rotate(135deg);    /* Firefox */
-webkit-transform:rotate(135deg); /* Safari 和 Chrome */
-o-transform:rotate(135deg);
-webkit-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;}
.menu_ce{overflow: hidden;width:70px; position: absolute;right:0px; top:-230px; z-index: 999;height: 0; 
-webkit-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;}
.menu_ce li{width:70px; height:30px; line-height:30px; background:#636871;text-align:center; font-size:12px}
.menu_ce li:nth-of-type(1) { padding-top:10px}
.menu_ce li:nth-of-type(8) { padding-bottom:10px}
.menu_ce li a { display:block; color:#fff}
.menu_ce li:hover a { color:#45496f}


/* 轮播焦点图*/
.flexslider { position: relative; width:100%;overflow: hidden;   }
.slides { position: relative; z-index: 1; }
.slides li {}
.flex-control-nav { position: absolute; bottom: 5%; z-index: 2; width: 100%; text-align: center;}
.flex-control-nav li { display: inline-block; width: 14px; height: 14px; margin: 0 5px; *display: inline; zoom: 1;}
.flex-control-nav a { display: inline-block; width: 14px; height: 14px; line-height:60px; overflow: hidden; background: url(dot.png) right 0 no-repeat; cursor: pointer;}
.flex-control-nav .flex-active { background-position: 0 0;}


/* base */
.title_f1 { font-family:myfont; font-weight:normal; font-size:36px; line-height:40px; text-align: center}
.title_f2 { font-size:20px;font-weight:normal; height:28px; line-height:28px; background: url(title_f2.png) no-repeat center;text-align: center; }
.title_f3 {font-size:16px; color:#666; line-height:24px; padding:10px 10px 30px 10px;text-align: center}
a.more { display:block; color:#45496f; width:200px; height:36px; line-height:36px; border:2px solid #45496f; text-align:center; font-size:16px; margin:40px auto 20px auto; clear:both; -webkit-transition-property: background-color; -webkit-transition-duration:2s; -webkit-transition-timing-function: ease; }
a.more:hover { background:#45496f; color:#fff; }




 /** form_message **/
.form_message { text-align:center; border-bottom:1px dashed #ccc; padding-bottom:30px; margin-bottom:20px;}
.form_message ul li { margin-bottom:10px; width:100%; line-height:50px;}
.form_message input { height:50px; line-height:50px; color:#333; font-size:14px; background:#f0efef;width:100%; text-indent:10px; border:none}
.form_message input.yanzhen{ height:50px; line-height:50px; color:#333; font-size:14px; background:#f0efef;width:150px; text-indent:10px; border:none;float:left;margin-right: 20px;margin-bottom: 10px;}
.form_message ul li img{margin-top: 18px;float:left;}

.form_message textarea { background:#f0efef;width:100%; text-indent:10px; border:none; line-height:40px; font-size:14px; }
.form_message p { color:#666; text-align:center}
.form_message .submit { color:#45496f; font-size:16px;width:100%; margin:0px auto; height:50px; line-height:50px; border: none; text-align:center; clear:both; background:#45496f; color:#fff; }
 

 
/* foot */
.foot { padding:10px; padding-bottom:20px; color:#fff; font-size:14px; background:#45474d; line-height:24px; text-align:center; color:#ccc }
.foot a { color:#ddd; margin:0px 5px }
.foot a:hover {color:#45496f}
.foot img { margin-top:15px; }
.foot .weixinsm { line-height:20px; margin-top:10px;}


/* foot_menu */
.foot_menu { height:50px; width:100%; padding:5px 0px; background:#f6f6f6; position:fixed; bottom:0px; border-top:1px solid #eee}
.foot_menu ul li { width:20%; height:50px;float:left; text-align:center; font-size:14px; color:#7b7b7b}
.foot_menu ul li img { height:30px;}
 

/*侧栏快捷*/
.bottom_tools{position:fixed;z-index:9999;right:10px; bottom:70px;max-width:100%}
#scrollUp{width:45px;height:45px;background:url(backgrounds.wap.png) -54px -53px;display:none;max-width:100%}
#scrollUp:hover{background-image:url(backgrounds.wap.png);background-position:-100px -53px}
 
#cenav { width:50px;height:45px; display:none; margin-bottom:10px; line-height:14px; position:relative;background-image:url(backgrounds.wap.png);background-position:-102px 0 ;max-width:100%}
 
.nava{ width:200px; height:30px; line-height:30px; position:absolute; right:20px;max-width:100%}
.nava li a{ color:#fff; width:200px; display:block; height:30px; line-height:30px; font-size:12px; }

a.navas { width:145px; height:145px;}
 
.nava li{float:left;position:relative; height:30px; line-height:30px;}
.nava li .second{position:absolute;left:0;display:none; width:100px; margin-bottom:5px;  max-width:100%}
.nava li .second a { padding:0px 10px; background:#636871;}
.nava li .second a:hover { background:#4b505a;}

/*首页*/
/* 关于我们 */
.about_us_warp { width:100%; overflow:hidden; border-top:1px solid #ccc;  }
.about_us { text-align:center; padding:30px 20px;}
.about_us p.about_text { margin-top:20px; line-height:24px; color:#666}
/* 动态数字 */
.count { width:290px; margin:20px auto; position: relative; }
.count ul li { float:left; margin:0px 5px;  text-align: center; font-size:24px; font-weight:bold; overflow:hidden}
.count .count-text { font-size:13px; font-weight:normal;width:80px; }
 
  

/* 案例展示 */
.cases { width:100%; text-align:center; border-top:1px solid #ccc; padding:30px 0px; background:#fff }
.cases img { width:50%; height:auto; float:left }
.cases a:hover img { width:50%; height:100%;  filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;  }
 

 
/* 项目 */
.projects { padding:10px 10px 30px 10px; text-transform:uppercase;text-align:center; }
.projects ul li { line-height:30px; width:33%; height:90px; float:left; margin-top:15px; font-size:14px}
.projects ul li img { width:70px;} 
/* 项目 */ 
.projects_about { padding:20px 10px; text-align:left; color:#fff; line-height:28px;text-transform:uppercase; background:#45496f   }
.projects_about h2 { font-size:22px; font-weight:normal; line-height:30px;}


.main { width:100%}
.main .subnav { border-bottom:1px dashed #ccc; padding:20px 10px 10px 10px; }
.main .subnav li { float:left;  margin-bottom:10px; border:1px solid #ccc; height:40px;line-height:40px;width:48%; text-align:center;cursor:pointer; margin-left:-2px; }
.main .subnav li:hover {  border:1px solid #45496f; background:#45496f; }
.main .subnav li:hover a { display:block; color:#fff}

.main .subnav li:nth-of-type(1) { margin-right:4%}
.main .subnav li:nth-of-type(3) { margin-right:4%}
.main .subnav li:nth-of-type(5) { margin-right:4%}
.main .about_title { font-size:22px; height:50px; line-height:50px; font-weight:normal;text-align:center }
.main .summary {  padding:0px 30px; text-align:center;margin-bottom:30px; color:#666; line-height:24px;}
 

/** news **/
.news { width:100%; border-top:1px dashed #ccc; margin-top:10px }
.news_tab { border-bottom:1px dashed #ccc; padding:20px 10px 10px 10px; }
.news_tab li { float:left;  margin-bottom:10px; border:1px solid #ccc; height:40px;line-height:40px;width:48%; text-align:center;cursor:pointer; margin-left:-2px; }
.news_tab li:nth-of-type(1) { margin-right:4%}
.news_tab .hit { border:1px solid #45496f; background:#45496f; color:#fff }
.pane{ padding:20px 10px; display:none; }

.news .pane ul li { height:80px; overflow:hidden; margin-bottom:20px; text-align:left; } 
.news .pane ul li span { width:80px; height:80px; padding-top:15px; display:block; float:left; background:#45496f; margin-right:20px; color:#fff;  text-align:center }
.news .pane ul li span b { font-size:40px; line-height:28px;}
.news .pane ul li h3 { font-weight:normal; font-size:18px; height:32px;line-height: 32px; border-bottom:1px solid #ccc; margin-bottom:8px; overflow:hidden; }
.news .pane ul li h3 a {color:#45496f}
.news .pane ul li p { color:#666; font-size:14px; line-height:20px;}

/** news_list **/
.news_list { padding:10px 10px; line-height:30px;  border-top:1px dashed #ccc; margin-top:10px}
.news_list2 { padding:5px 10px; }
.news_list2 li{ float:left; padding:5px; line-height:20px;border:1px solid #ccc; margin:10px 5px 0 0; font-size:16px;}
#lion{ background:#45496f}
#lion a { color:#FFFFFF}
form.search { border:1px solid #ccc; height:40px;  }
form.search .textfield { height:40px; width:90%; float:left; border:none; font-size:20px; text-indent:15px; color:#999}
form.search .submit { height:40px; width:10%; float:right; border:none; background:url(serch.png) no-repeat center right}
.news_list .news_tab li:hover {border:1px solid #45496f; background:#45496f; }
.news_list .news_tab li:hover a { color:#fff }

.news_list h2 { font-size:26px;font-weight:normal; line-height:40px; height:auto; text-align: center;overflow: hidden;padding-top:10px; }
.news_list p.date { color:#666; height:40px; line-height:40px; border-bottom:1px solid #ccc; font-size:14px; margin-bottom:20px;}
.news_list .previous,.news_list .next { display:block; width:100%; background:#bbb; color:#fff; height:40px; line-height:40px; text-align:center; margin-top:10px; overflow: hidden;}
 


.zhengwen{ font-size:16px; }
.zhengwen img{ width:100%}
.zhengwen p img{ width:100%}
.shangxia{ border-top:1px dashed #ccc; padding-top:10px}
.shangxia a{ color:#45496f}
/** invoice **/
.invice{ padding:20px; text-align:center}
.invice h4 { font-size:18px; margin-top:25px; height:40px; line-height:40px;}
.invice img { max-width:100%}

/** about **/
.about { padding:20px 10px; text-align:center;background:#eeeeee;}
.about ul li { width:500px; height:420px; margin:0px auto;margin-bottom:30px; background:#fff url(icon_mj.png) no-repeat right bottom}
.about ul li:hover { background:#fff url(icon_mjs.png) no-repeat right bottom}
.about ul li img { width:500px; height:220px;}
.about ul li h3 { font-weight:normal; font-size:24px; margin-top:30px; line-height:30px;}
.about ul li font { color:#666; font-size:16px; margin-bottom:30px;text-transform:uppercase }
.about ul li p { color:#666; margin-top:15px;}

/** service **/
.service { text-align:center; padding-top:20px}
.service_pic { background:#f7f7f7;padding:20px 0px }

/** selects **/
.selects {  background:#45474d; padding:20px 20px 40px; color:#fff}
.selects ul li { height:90px; background:#fff; width:100%;  margin-top:20px; overflow:hidden}
.selects ul li span { display:block; float:left; width:90px; height:90px; line-height:90px;background:#8b8b8b; font-size:50px; text-align:center; margin-right:20px;}
.selects ul li p { color:#666; line-height:35px; padding:10px 0px  }
.selects ul li:hover span { background:#45496f }

 

/** contact **/
.contact { padding:20px;line-height:28px; font-size:14px }
.contact .con_til { padding:10px 0px; color:#666;text-align:center}
.contact h4 { font-weight:normal; margin-top:20px; font-size:18px; height:40px; line-height:40px; color:#45496f }
.contact h5 { margin-top:20px; font-size:18px; height:40px; line-height:40px;color:#45496f; font-weight:normal }
.contact p { color:#666;  }
.contact p.sale_qq { padding-left:50px; line-height:40px; height:40px; background:url(icon_qq.png) no-repeat 0px 5px}
.contact p.sale_phone { padding-left:50px; line-height:40px; height:40px; background:url(icon_phone.png) no-repeat 0px 5px }

/** map **/
.map { width:100%; overflow:hidden}

 
/** build **/
.build { padding:30px 10px;}
.build ul li { width:100%; margin:0px auto; margin-top:30px; font-size:14px; }
.build ul li img { width:100%; }
.build ul li h3 { font-size:18px; font-weight:normal; line-height:32px;}
.build ul li p { color:#666; font-size:14px }
.build ul li a { display:block; width:100%; height:100%; position:relative; margin-bottom:5px;}
.build ul li:hover a img{ filter:alpha(opacity=20);/*支持 IE 浏览器*/ -moz-opacity:0.20;/*支持 FireFox 浏览器*/ opacity:0.20;/*支持 Chrome, Opera, Safari 等浏览器*/ }
 
.build ul li.build_li { width:49%; float:left}
.build ul li#build_right { margin-right:2%}


/** solution **/
.solution { background:#eee; padding:30px 20px }
.solution p { color:#666; font-size:14px }
.solution ul li { margin-bottom:20px; padding-left:80px; position:relative;  }
.solution ul li h3 { font-size:18px; font-weight:normal; line-height:32px;}
.solution ul li span {  width:68px; height:68px;display:block; position:absolute; left:0px; top:0px; background:url(jjbg.png) no-repeat}
 
.solution ul li.wlyx span { background-position:0px 0px}
.solution ul li.wxyx span { background-position:-67px 0px}
.solution ul li.gnwkj span { background-position:-135px 0px}
.solution ul li.ymzc span { background-position:-203px 0px}
.solution ul li.qyyx span { background-position:-271px 0px}
.solution ul li.sdzs span { background-position:-338px 0px}
.solution ul li.mydh span { background-position:-406px 0px}
.solution ul li.logosj span { background-position:-474px 0px}
 
/** sales **/
.sales { padding:20px; background:#45496f; color:#fff;max-width: 100%;}
.sales_box { width:490px; color:#666; font-size:18px; margin:0px auto; line-height:26px;max-width: 100%;}
.sales_boxs { padding:0px 20px;background:#fff; max-width: 100%;}
.sales_box h3 { font-size:16px; margin-top:20px; padding-left:50px;  line-height:38px;}
.sales_box p {  padding-left:50px;font-size:14px;}
.sale_img { width:100%; max-height:100%; margin:0px auto; padding:0px; line-height:0px;}
.sales_box h3.saleh1 {background:url(sales_01.png) no-repeat; }
.sales_box h3.saleh2 {background:url(sales_02.png) no-repeat;}
.sales_box h3.saleh3 {background:url(sales_03.png) no-repeat;}
.sales_box h3.saleh4 {background:url(sales_04.png) no-repeat;}
.sales_box h3.saleh5 {background:url(sales_05.png) no-repeat;margin-top:0px;}
.sales_box h3.saleh6 {background:url(sales_06.png) no-repeat;}


/** case **/
.case { padding:30px 10px; line-height:30px; }
.case_tab { margin-top:20px;}
.case_tab li { float:left;  margin-bottom:10px; border:1px solid #ccc; height:40px;line-height:40px;width:48%; text-align:center;cursor:pointer; margin-left:-2px; }
.case_tab li:hover {  border:1px solid #45496f; background:#45496f; }
.case_tab li:hover a { display:block; color:#fff}
.case_tab li:nth-of-type(1) { margin-right:4%}
.case_tab li:nth-of-type(3) { margin-right:4%}
.case_tab li:nth-of-type(5) { margin-right:4%}

 

.case_list { padding:10px 10px;border-top:1px dashed #ccc; margin-top:10px}
.case_list ul li { width:49%; float:left; margin-top:20px; overflow: hidden;}
.case_list ul li:nth-of-type(2n) { margin-left:2% }
.case_list ul li h5{ font-weight:normal; font-size:16px; height:32px; line-height:32px; text-align:center;}
 
.case_list ul li a { display:block; width:100%; position:relative; }
.case_list ul li a img {width: 194px;
    height: 194px; }
.case_list ul li:hover a img {  filter:alpha(opacity=20);/*支持 IE 浏览器*/ -moz-opacity:0.20;/*支持 FireFox 浏览器*/ opacity:0.20;/*支持 Chrome, Opera, Safari 等浏览器*/ }
 

.case_details { padding:30px 10px; border-top:1px dashed #ccc; margin-top:20px;}
.case_details h2{ font-weight:normal; font-size:28px; height:50px; line-height:40px; text-align:center}
.case_details img { width:100%;}

/** payment **/
.payment { padding:30px 10px}
.payment ul li { border:1px solid #ccc; border-radius:8px; padding:10px 20px; line-height:24px; overflow:hidden; margin-top:20px; font-size:14px;}
.payment ul li h4 { height:54px; border-bottom:1px solid #ccc; margin-bottom:10px; overflow:hidden}


/** abb **/
.abb { padding:0px 0px; line-height:24px;}
.abb h3 { font-weight:normal; font-size:22px; text-align:center; padding:30px 30px 10px 30px}
.abb .abb_t { color:#666; margin-bottom:20px; text-align:center; font-size:14px}
.abb .abb_list { background:#fff; padding:30px 10px;}
.abb .abb_list ul li {  line-height:46px;width:100%; margin-bottom:20px; line-height:30px;}
.abb .abb_list ul li a { display:block; width:100%; position:relative; }
.abb .abb_list ul li a img {width:100%;}
.abb .abb_list ul li:hover a img {  filter:alpha(opacity=20);/*支持 IE 浏览器*/ -moz-opacity:0.20;/*支持 FireFox 浏览器*/ opacity:0.20;/*支持 Chrome, Opera, Safari 等浏览器*/ }
.abb .abb_list ul li:hover a span { display:block; width:100%; height:100%; position:absolute; top:0px; left:0px;background:url(build_icon.png) no-repeat center center; }

.abb .abb_video { padding:10px 10px; text-align:center;background:#eee;}

.showMorehandle{ cursor:pointer; border:2px solid #FF5A10; margin:0 auto; background:#fff; height:30px; line-height:30px; display:block; width:80px; text-align:center;font-size: 18px;color:#FF8418;clear:both;}
.showMorehandle:hover{background: #FF8418;color:#fff;transition: All 0.8s ease; -webkit-transition: All 0.8s ease; -moz-transition: All 0.8s ease; -o-transition: All 0.8s ease;}
.showMoreNChildren{margin-bottom: 10px;height: 100%;overflow: hidden;}

/*分页效果*/
.pages2{ padding:20px 0 30px;font-family:simsun; text-align:center;}
.pages2 li{display:inline}
.pages2 li strong{margin-left:5px;font-weight:normal}
.pages2 a{padding:10px 13px;border:1px solid #CCC; background:#fff; color:#A4A4A4;line-height:18px}
    .pages2 li.thisclass,.pages2 a:hover{padding:10px 13px;border:1px solid #45496f;background:#45496f;color:#fff;text-decoration:none}
    .pages2 li.thisclass{padding:10px 13px;line-height:18px}
    * html .pages2 li.thisclass {padding:10px 7px 10px 15px;margin-right:6px}
    *+html .pages2 li.thisclass {padding:10px 7px 10px 15px;margin-right:6px}