@charset "utf-8";
body{overflow-x:hidden;width:100%}

.main,header,img.res,nav{background-color:#fff}
.keywords a{font-size:12px;}

nav .icon-navicon{margin-top:20px}
#top-nav li .fadein-left,#top-nav li .fadein-right{-webkit-animation:.5s ease-out backwards;animation:.5s ease-out backwards}
#top-nav li .fadein-left{-webkit-animation-name:navfadeinL;animation-name:navfadeinL}
#top-nav li .fadein-right{-webkit-animation-name:navfadeinR;animation-name:navfadeinR}
@media (min-width:760px){#top-nav li .drop-menu{background-color:hsla(0,0%,100%,.9)}
nav .nav-inline.nav-menu ul{top:50px;padding:0;min-width:inherit;border-radius:0;border-bottom:3px solid #d40000}
nav .nav-inline.nav-menu ul li{height:40px}
nav .nav-inline.nav-menu ul a{padding:10px 20px;transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;-webkit-transition:all .2s ease;background-color:transparent}
nav .nav-inline.nav-menu ul a:hover{color:#fff;background-color:#d40000}
}
nav .menu-product{position:absolute;left:0;width:100%;background-color:hsla(0,0%,100%,.9);z-index:10000;display:none;overflow-y:hidden}
nav .menu-product .container{padding:0}
nav .menu-product .container li{padding-bottom:33px}
nav .menu-product .container h3{padding-top:30px;}
nav .menu-product .container h3 a{font-size:18px;line-height:22px;font-weight:100;color:#d40000;transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;-webkit-transition:all .2s ease}
nav .menu-product .container h3 a:hover{color:#ef011c;font-size:20px}
nav .menu-product .container img{max-width:100%;margin:0 auto}
nav .menu-product .container h5,nav .menu-product .container img{-webkit-transition:all .8s ease 0s;transition:all .8s ease 0s;-ms-transition:all .8s ease 0s;-webkit-transform:scale(0.9,0.9);transform:scale(0.9,0.9)}
nav .menu-product .container h5{font-size:1pc;color:#656565;font-weight:100;padding:4px 0 1pc}
nav .menu-product .container a:hover img{-webkit-transform:scale(1,1);transform:scale(1,1)}
nav .menu-product .container a:hover h5{color:#ef011c}
nav .menu-product a.menu-more{font-size:1pc}
.about,.area,.news,.product,.service,.solution{font-weight:bolder}

@media (min-width:760px){nav .nav-inline{margin:26px -10px 0;text-align:right}
nav .nav-inline li a{padding:5px 7px}
}
@media (min-width:1000px){nav .nav-inline{margin:23px -13px 0;font-size:1pc}
nav .nav-inline li a{padding:5px 13px}
}
@media (min-width:1210px){nav .nav-inline{margin:23px -21px 0;font-size:18px}
nav .nav-inline li a{padding:5px 20px}
}
.banner{background-color: #fff}
.banner .pager-next,.banner .pager-prev{border-radius:0;width:45px;height:76px;line-height:76px;border:0;background-color:hsla(0,0%,100%,.45);color:#fff;margin-top:-38px;font-size:3pc}
.pager-next:hover,.pager-prev:hover{background-color:rgba(0,0,0,.45)}
.pointer li{border-radius:0;width:20px;height:4px;background-color:hsla(0,0%,100%,.45);border:0;margin:0}
.pointer li.active{background-color:#fff;width:20px;height:4px}
.msite{display: none;}

@-webkit-keyframes navfadeinL{0%{opacity:0;-webkit-transform:translateX(-20px)}
to{opacity:1;-webkit-transform:translateX(0)}
}
@keyframes navfadeinL{0%{opacity:0;transform:translateX(-20px)}
to{opacity:1;transform:translateX(0)}
}
@-webkit-keyframes navfadeinR{0%{opacity:0;-webkit-transform:translateX(20px)}
to{opacity:1;-webkit-transform:translateX(0)}
}
@keyframes navfadeinR{0%{opacity:0;transform:translateX(20px)}
to{opacity:1;transform:translateX(0)}
}

/*=========================首页导航下面服务按钮 start=============================*/
.ksdh{ padding:10px 0px; overflow:hidden; width:1180px; margin:0 auto;}
.ksdh li{ float:left; height:100px; margin-top:5px; line-height:25px;list-style:none;}
.ksdh_w1 a{ width:75px; padding-top:71px; background:url(../img/w1.png) no-repeat;display:block; font-size:14px; font-family:"微软雅黑"; color:#333; margin:10px 78px;text-align:center;}
.ksdh_w1 a:hover { background:url(../img/x1.png) no-repeat; color:#C00; font-weight:bold; text-decoration:underline;}
.ksdh_w2 a{ width:75px; padding-top:71px; background:url(../img/w2.png) no-repeat;display:block; font-size:14px; font-family:"微软雅黑"; color:#333; margin:10px 78px;text-align:center;}
.ksdh_w2 a:hover { background:url(../img/x2.png) no-repeat; color:#C00; font-weight:bold; text-decoration:underline;}
.ksdh_w3 a{ width:75px; padding-top:71px; background:url(../img/w3.png) no-repeat;display:block; font-size:14px; font-family:"微软雅黑"; color:#333; margin:10px 78px;text-align:center;}
.ksdh_w3 a:hover { background:url(../img/x3.png) no-repeat; color:#C00; font-weight:bold; text-decoration:underline;}
.ksdh_w4 a{ width:75px; padding-top:71px; background:url(../img/w4.png) no-repeat;display:block; font-size:14px; font-family:"微软雅黑"; color:#333; margin:10px 78px;text-align:center;}
.ksdh_w4 a:hover { background:url(../img/x4.png) no-repeat; color:#C00; font-weight:bold; text-decoration:underline;}
.ksdh_w5 a{ width:75px; padding-top:71px; background:url(../img/w5.png) no-repeat;display:block; font-size:14px; font-family:"微软雅黑"; color:#333; margin:10px 78px;text-align:center;}
.ksdh_w5 a:hover { background:url(../img/x5.png) no-repeat; color:#C00; font-weight:bold; text-decoration:underline;}
/*=========================首页导航下面服务按钮 end=============================*/

.foot_wai1 { overflow:hidden; background:url(../img/foot_pp.gif) repeat-x top; }
.foot_x { background:url(../img/foot_x.jpg) no-repeat left center; height:30px; margin:17px 25px; padding-left:50px; font-size:16px; line-height:30px;}
.foot_zxzx { background:url(../img/foot_zxzx.gif) no-repeat; margin-left:30px; padding:22px 0px 0px 40px; width:286px; height:67px; text-align:left; font-size:20px; font-weight:bold; }
.foot_dh{ overflow:hidden; width:1110px; margin:0 auto;list-style:none;}
.foot_dh li{ float:left;}
.foot_dh a { color:#FFF;text-decoration:none;}
.foot_dh a:hover { color:#F00; text-decoration:none;}
.foot_wai2 { overflow:hidden; background:#02468f;}
.foot_cplb_sqzxrx{ background:url(../img/foot_cxzxrx_tp.gif) no-repeat left top;color:#b1b4b6; line-height:33px; padding-left:74px; border-right:1px solid #4B5054; padding-right:70px;}
.foot_cplb_sqzxrx2{ color:#D7D8D9; font-size:16px; margin-bottom:13px;}
.foot_cplb_sqzxrx2 span{ font-size:20px;}
.foot_cplb {overflow:hidden; width:1180px; margin:0 auto;}
.foot_cplb li{ float:left; width:auto; margin:20px 35px; list-style:none;  }
.foot_cplb li a p{color:#fff;}
.foot_cplb li a:hover p{color:rgb(32, 12, 12);}
.foot_cplb li a{color:#b1b4b6; line-height:30px;}
.foot_cplb li a:hover{color:#FFF;}
.foot_wai3 { overflow:hidden; background:#033a76; height:45px; line-height:45px; color:#fff; text-align:center;}
.foot_wai3 a {color:#73777A; }
.foot_wai3 a:hover {color:#CCCCCC; text-decoration:underline;}


/*=========================共用相关产品代码=============================*/
.pro_body_right { float:right; width:280px; border:1px solid #CCC; overflow:hidden;}
.pro_body_right p { line-height:40px; font-size:16px; text-align:center; margin-top:10px;}
.pro_body_right p img{width:240px; height:185px;}
.pro_body_right p a:hover img{ border:3px solid #fff;}
.pro_body_right p a:hover { color:#FF0000; font-size:16px; font-weight:bold;}
.pro_body_right_xgcp { color:#FFF; font-size:20px; padding-left:15px; background:#50B480; height:55px; line-height:53px; margin-bottom:20px;}
.pro_body_right_xgcp img { float:right; margin:20px 20px 0 0;}

/**分页**/
.web_page{padding:20px 0px;text-align:center;font-size:14px;}
.web_page a,.web_page b{height:36px;line-height:36px;margin:2px;display:inline-block;border:1px solid #ddd;background:#fff;padding:0 12px;}
.web_page a:hover,.web_page b{background:#50b480;font-weight:500;color:#fff;border:1px solid #50b480;}
.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix{ display:inline-block; } 
.clearfix { display:block; } 


.toptel{float:right;background: url(../images/toptel.png) no-repeat left center; padding:0 0 0 60px;  margin:2% 0 0 0; line-height:1.2em; color: #fff;} 
.toptel b{ display:block; font-size: 24px;color: #FFC000; line-height:1.2em;}