@charset "UTF-8";
/*------------// Overall //------------------*/
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
body{font:12px/140% 'Microsoft YaHei', Arial, sans-serif;color:#5a5a5a; margin:0; background:#FFF;padding: 0;}
html,body{-webkit-text-size-adjust:none; font-family: 'Microsoft YaHei', Arial, sans-serif !important;height: 100%;}
table,td{font:12px/140% -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; color:#5a5a5a;}
table{border-collapse:collapse; border-spacing:0; empty-cells:show; }
em {font-style: initial;}
th, td { border-collapse:collapse; }
a:link{text-decoration:none; color:#5a5a5a;}
a:visited{text-decoration:none; color:#5a5a5a;}
a:hover {text-decoration: none;color: #e60012;}
img{ border:0; }
img {vertical-align: top;max-width: 100%;}
div,p,img,ul,ol,li,form,input,label,span,dl,dt,dd,h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner{   border:none;padding:0 }
a{blr:expression(this.onFocus=this.blur())} /*for IE*/
a{outline:none;} /*for Firefox*/
i {font-style: initial;}
ol,ul,li{list-style-type:none;}
.cl:after{content:"";display:block;clear:both;visibility:hidden;}
.cl{zoom:1;}
.clearfix:after{content:"";display:block;clear:both;visibility:hidden;}
.clearfix{zoom:1;}
.z {float: left}
.y {float: right;}
.clear {clear: both;}
.clear:after{content:"";display:block;clear:both;visibility:hidden;}
.container {max-width: 1200px;margin: 0 auto;}
.center {text-align: center}
@media (max-width: 1200px){
    .pd15{padding: 0 15px;}
}

/*分页*/
.am-pagination {padding-left: 0;margin: 1.5rem 0;list-style: none;color: #999999;text-align: left;}
.am-pagination {position: relative;}
.am-pagination-default {margin-left: 10px;margin-right: 10px;font-size: 16px; text-align: center}
.am-pagination:before, .am-pagination:after {content: " "; /* display: table; */}
.am-pagination > li {display: inline-block;}
.am-pagination > li > a, .am-pagination > li > span {position: relative;display: block;padding: 0.5em 1em;text-decoration: none;line-height: 1.2;background-color: #ffffff;border: 1px solid #dddddd;border-radius: 2px;margin-bottom: 5px;margin-right: 5px;}
.am-pagination > .am-active > a, .am-pagination > .am-active > span, .am-pagination > .am-active > a:hover, .am-pagination > .am-active > span:hover, .am-pagination > .am-active > a:focus, .am-pagination > .am-active > span:focus {z-index: 0;color: #ffffff;background-color: #e60012;border-color: #e60012;cursor: default;}
.am-pagination .am-pagination-next {float: right;}
.am-pagination .am-pagination-next a {border-radius: 2px;}
.am-pagination > li:last-child > a, .am-pagination > li:last-child > span {margin-right: 0;}
.am-pagination-default .am-pagination-prev, .am-pagination-default .am-pagination-next {float: none;}



@font-face {
    font-family: 'hy';
    src: url('webfonts/hyhj.ttf');
    font-weight: normal;
    font-style: normal;
}



header{position:fixed;width:100%;top:0;left:0;background:#fff;height:80px;z-index:99;box-shadow: 0 0 5px #888;}
div#header{height:80px;position:relative;}
div#header a.logo{display:block;width:251px;height:80px;}
div#header a.logo img{margin-top: 10px;}
ul#Nav{width:500px;height:80px;margin-left: 94px;}
ul#Nav .hitema{border-right:1px solid #e6e6e6;float:left;height:80px;position:relative;z-index:10;}
ul#Nav .hitema:hover span, ul#Nav .active span {position: relative;width: 11px;height: 12px;margin: auto;border-left: 8px solid transparent;border-right: 8px solid transparent;border-bottom: 10px solid #3668c1;display: block;top: -12px;}
ul#Nav .hitema .hitemb{display:block;width:99px;line-height:80px; text-align:center;height:80px;font-size:16px;}
ul#Nav .active .hitemb{color: #3668c1}
ul#Nav .hitema .hitemb:hover{background:url(../index/menuon.png) repeat-x;color:#333;}

#Nav li .submenu {-o-transition: all .6s;-moz-transition: all .6s;-webkit-transition: all .6s;-ms-transition: all .6s;transition: all .6s;width: 500px;position: absolute;left: 0px;font-size: 14px;overflow: hidden;height: 0px;top: 80px}
#Nav li .blue {background-color: #3668c1;}
#Nav li:hover .submenu {height: auto}
#Nav li .submenu .nav {display: table-cell;width: 190px;padding-top: 30px;padding-right: 27px;padding-bottom: 30px;padding-left: 27px;}
#Nav li .submenu .nav ul li {-o-transition: all .6s;-moz-transition: all .6s;-webkit-transition: all .6s;-ms-transition: all .6s;transition: all .6s;width: auto;height: auto;clear: both;float: none;line-height: 30px;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #749be0;text-align: left;border-right-width: 1px;border-right-style: solid;border-right-color: #749be0;font-size: 14px;}
#Nav li .submenu .nav ul li:hover {background-image: none;}
#Nav li .submenu .nav ul li:last-child {border-bottom-style: none;}
#Nav li .submenu .nav ul li a {border-top-style: none;border-right-style: none;border-bottom-style: none;border-left-style: none;color: #FFFFFF;display: block;background-image: url(../images/ico_arrow2.gif);background-repeat: no-repeat;background-position: left center;padding-left: 20px;}
#Nav li .submenu .con {display: table-cell;line-height: 24px;text-align: left;color: #a3bbda;padding-right: 20px;vertical-align: top;padding-top: 30px;padding-bottom: 30px;white-space: normal;}
#Nav li .submenu .con strong {font-size: 24px;color: #FFFFFF;}
#Nav li .submenu .con p {padding-top: 12px;overflow:hidden;font-size: 12px;}
#Nav li .submenu .con i {font-style: normal;margin-top: 20px;display: block;}
#Nav li .submenu .con i a {line-height: 28px;display: inline-block;color: #FFFFFF;border-top-width: 1px;border-bottom-width: 1px;border-top-style: solid;border-bottom-style: solid;border-top-color: #FFFFFF;border-bottom-color: #FFFFFF;border-right-style: none;border-left-style: none;background-image: url(../images/ico_arrow.gif);background-repeat: no-repeat;background-position: left center;padding-left: 20px;}




div#header div.telbox{float:left;padding:0 10px; background:url(../images/tel.png) 10px center no-repeat #FFF;line-height:80px; font-size:17px; padding-left:45px;}
div#header a.wx{position:relative;width:80px;height:80px;background:url(../images/head-im.jpg) -81px 0px no-repeat;float:right;}
div#header a.wx span{display:block;position:absolute;width:150px;padding:10px;background:#fff;top:80px;right:0;display:none;z-index:5;}
div#header a.wx span img{width:100%;}
div#header a.wx span i {background: url(../images/wxcor.jpg) center no-repeat;width: 100%;background-size: 100%;height: 150px;display: block;}
div#header a.wx:hover span{display:block;}
div#header a.search{position:relative;width:80px;height:80px;background:url(../images/head-im.jpg) -162px 0px no-repeat;float:right;z-index:8;}
div#header a.search div.sbox{width: 215px;position: absolute;top: 80px;right: 0px;padding: 10px;background: #fdb53d;display:none;}
div#header a.search div.sbox input{ float:left; width:170px; background:#fcc365; height:20px; line-height:20px; border:none; color:#FFF; font-family:微软雅黑,Arial, Helvetica, sans-serif;}
div#header a.search div.sbox input.sbtn{ float:left; width:20px; background: url("../images/sbtn.png") center no-repeat;text-indent:-9999px}
div#header a.search:hover .sbox{ display:block; }








.b-5{background:#f6f6f6;padding:40px 0;}
.b-5 h2{font-size:16px;font-weight:normal;border-bottom:1px solid #e3e3e3;padding-bottom:10px;margin-bottom:20px;}
.b-5 .g1 {width: 40%;float: left;padding-right: 20px;}
.b-5 .g1 h2 span {font-size: 12px;}
.b-5 .g1 p{font-size:15px;color:#646464;line-height:24px;}
.b-5 .g1 span{font-family:Arial;}
.b-5 .g1 .add{margin-top:7px;}
.b-5 .g2 {width: 30%;float: left}
.b-5 .g2 ul {padding-left: 18px;}
.b-5 .g2 li {width: 50%;float: left;list-style-type: circle;padding-left: 5px;}
.b-5 .g2 li a {height: 25px;display: block;font-size: 15px;}
.b-5 .g2 h2 span {font-size: 12px;}
.b-5 .g3 {width: 30%;float: right;padding-left: 20px;}
.b-5 .g3 .ewm {text-align: right;}
.b-5 .g3 .ewm img{box-shadow: 0 0 20px #ddd; width: 130px;}
.b-5 .g3 li{margin-bottom:12px;}
.b-5 .g3 li a{display:block;width:116px;height:34px;line-height:34px;border:1px solid #e5e5e5;font-size:15px;background:url(qq.png) left 13px center no-repeat;padding-left:38px;box-sizing:border-box;}



.index_footer_main{background:#3668c1;display: table; width: 100%;}
.index_footer_main .footer_left{ width:388px; float: left;}
.index_footer_main .footer_left span,.index_footer_main .footer_right span{ font-weight: bold; font-size: 18px;  margin-top: 60px; margin-bottom: 15px; display: block; color: #fff;}
.index_footer_main .footer_left .footer_kstd{width: 308px;}
.index_footer_main .footer_left .footer_kstd a{background: url(../images/hw_top_117.png) no-repeat left;float: left; width: 136px;text-indent: 18px; line-height: 42px; text-align: left; color: #eee;font-size: 15px;}
.index_footer_main .footer_left ul p{ line-height: 30px; text-indent: 24px; color: #eee;font-size: 15px;}
.index_footer_main .footer_left ul p.footer_dz{ background: url(../images/hw_top_17.png) no-repeat left; }
.index_footer_main .footer_left ul p.footer_dh{ background: url(../images/hw_top_18.png) no-repeat left; }
.index_footer_main .footer_left ul p.footer_yx{ background: url(../images/hw_top_19.png) no-repeat left; }
.index_footer_main .footer_left ul p.footer_gw{ background: url(../images/hw_top_20.png) no-repeat left; }
.index_footer_main .footer_left ul p.footer_cz{ background: url(../images/chuanzhen.png) no-repeat left; }
.index_footer_main .footer_right{float: right;}
.index_footer_main .footer_right img{ margin-top: 8px;}
.copyright{height: 42px; background: #333; width: 100%;display: table;}

.copyright a{ color: #cccccc; font-size: 12px;}
.copyright p {color: #cccccc;font-size: 12px;line-height: 42px;}
.copyright ul {float: right;width: 370px;}
.copyright ul li,.copyright ul li span {float: left;color: #cccccc;line-height: 42px;font-size: 12px;}
.copyright p {display: inline;}
.copyright ul li a {float: right;margin-top: 10px;}

.listpage{ display:block; float:left; width:100%; height:30px; overflow:hidden; text-align:right;}
.pagelist1.pages{ font-family:Webdings; cursor:hand;}
.pagelist1{ font-size:12px; padding:3x; margin:3px; text-align:right;}
.pagelist2{ font-size:11px; padding:3x; margin:3px; text-align:right;}
.pagelist2 a{ border:#ccc solid 1px; color:#bc0008; margin-right:2px; padding:2px 5px;}
.pagelist2 a:hover{ background:#bc0008; border:#ccc solid 1px; color:#fff;}
.pagelist2 span.current{ background:#bc0008; border:#ccc solid 1px; color:#FFFFFF; margin-right:2px; padding:2px 5px;}
.pagelist2 span.disabled{ border:#ddd solid 1px; color:#ddd; margin-right:2px; padding:2px 5px;}
.pagelist2 span.total{ font-size:12px; line-height:20px; margin:0 5px;}

.noInfo{ float:left; background:url(../images/loading.gif) left no-repeat; width:100%; height:30px; padding-left:20px; line-height:30px;}
.clears{ clear:both; font-size:0; line-height:0;}

.fl{float:left;}.fr{float:right;}
.tar{text-align:right;}.tac{text-align:center;}.tal{text-align:left;}

.w250{width:250px;}
.h20{height:20px;}.h30{height:30px;}.h100{height:100px;}

.pt10{padding-top:10px;}.pl10{padding-left:10px;}.pr25{padding-right:25px;}.pr10{padding-right:10px;}
.mgt10{margin-top:10px;}.mgb10{margin-bottom:10px;}.mgt20{margin-top:20px;}

.lh20{line-height:20px;}.lh25{line-height:25px;}
.bb{border-bottom:#efefef solid 1px;}
.bbs{border-bottom:#6eba19 solid 1px;}
.bbr{border-bottom:#ea1205 solid 1px;}
.dashline{ background:url(../Images/dashedline.gif) bottom repeat-x;}
.tline{ background:url(../Images/line.png) left bottom no-repeat;}
.hidden{overflow:hidden;}
.relative { position:relative;}.absolute { position:absolute;}


.info-title{ float:left; display:block; width:100%; overflow:hidden; position:relative;}
.bgs1{ background:url(../images/side-title-line.png) left bottom no-repeat;}
.info-title h3{ float:left; height:40px; font-size:16px; line-height:40px; color:#e60012;}
.info-title h4{ float:left; height:40px; font-size:16px; line-height:40px; color:#eb8a1c }
.info-title h5{ float:left; line-height:40px; color:#000000; font-size:16px; overflow:hidden; width:100%;}
.info-title em{ float:left; margin-left:10px; height:35px; font: 13px/40px Arial, Helvetica, sans-serif; overflow:hidden; color:#666666 }
.info-title span{ float:right; line-height:40px; font-size:12px; background:url(../images/title_bg.png) right top no-repeat;}
.info-title span a{ font-size:12px;}
.info-title span a.more{ float:left; display:block; width:33px; height:40px; line-height:40px; background:url(../Images/more.png) center no-repeat; }
.title-line{ background:url(../images/title-line.png) left bottom no-repeat;}

.wrapper{ float:left; width:100%; display:block; }

.telbox{ float:left; background:#FFF; padding:0 10px;}
.tel{ float:left; line-height:80px; font-size:17px; background:url(../images/tel.png) left center no-repeat #FFF; padding-left:35px;}
a.wx{
    float:right;
    width: 80px;
    height: 80px;
    background: url(../images/head-im.jpg) no-repeat center;
    border-right: 1px solid #1f74ba;
    position:relative;z-index:999;
}
a.wx .ew{ display:none; width:150px; position:absolute; top:80px; right:0px; padding:10px; background:#FFF}
a.wx .ew img{ width:150px;}
a.wx:hover .ew{ display:block; }
/*.search{
    float:right;
    width: 80px;
    height: 80px;
    background: url(../images/head-im.jpg) no-repeat right;
    position:relative;z-index:999;
}
a.search .sbox{ display:none; width:200px; position:absolute; top:80px; right:0px; padding:10px; background:#fdb53d;}
a.search .sbox input{ float:left; width:170px; background:#fcc365; height:20px; line-height:20px; border:none; color:#FFF; font-family:微软雅黑,Arial, Helvetica, sans-serif;}
a.search .sbox input.sbtn{ float:left; width:20px;}
a.search:hover .sbox{ display:block; }*/

.header-wrapper{ height:80px; background:#fff; position:fixed; left:0; top:0; z-index:9999 }
.header{ width:1200px; height:80px; margin:0 auto; position:relative; z-index:999;}
.header h1{ float:left;}

.lan{ position:absolute; top:80px; right:0; background:#fda412; height:40px; width:180px; line-height:40px; font-size:14px; font-weight:bold; z-index:99}
.lan i{ margin-left:5px; font-weight:normal;}
.lan i a{ color:#fff; display:inline-block; padding-left:32px;}
.lan .china{ background:url(../Images/cn.png) no-repeat 0 center;}
.lan .english{ background:url(../Images/en.png) no-repeat 0 center;}

ul.menu-list{ float:left; height:80px; background:#FFF; padding-right:5px; }
ul.menu-list li{ float:left; position:relative; border-right: 1px solid #e6e6e6;}
ul.menu-list li a{ float:left; width:100px; height:80px; line-height:80px; text-align:center; font-size:16px;  }
ul.menu-list li a:hover,ul.menu-list li a.current{ background:url(../images/menuon.png) top center repeat-x; color:#333;}
ul.menu-list li .submenu{ position:absolute; top:80px; left:0px; width:320px; padding:10px; display:none; z-index:10; background:#fff}
ul.menu-list li .submenu ul{ float:left; width:100px; }
ul.menu-list li .submenu ul li{ float:left; width:100%; border-right: 0px solid #e6e6e6;}
ul.menu-list li .submenu ul li a{ display:block; width:100px; height:50px; line-height:50px; font-size:14px; font-weight:normal; text-align:center; overflow:hidden; border-bottom:#CCC dashed 1px; }
ul.menu-list li .submenu ul li a:hover{ background:#f29400; color:#FFF; }
ul.menu-list li .submenu img{ float:right; width:200px; height:150px; }

.searchbg{ background:url(../images/searchbg.jpg) top center no-repeat #f3f3f5}
.inbanner{ float:left; width:100%;  position:relative;  height:300px; margin-top:80px; }    
.banner-wrapper{ margin:0 auto; width:1200px;}
.allproductbox{ float:left; height:50px; margin-top:250px; position:relative; z-index:99; cursor:pointer;}
.allproduct{ float:left; height:50px; font-size:16px; text-align:left; background:url(../images/nav_icon.png) 5px center no-repeat #0061b0; line-height:50px; color:#ffffff; padding-left:50px; padding-right:20px; width:180px;}
.productlistbox{ position:absolute; top:50px; left:0px; width:250px; background:url(../images/nbgon.png); z-index:9999; display:none;}
.productlistbox ul{ float:left; width:250px; }
.productlistbox ul li{ float:left; width:100%;}
.productlistbox ul li a{ float:left; width:100%; height:50px; text-align:center; line-height:50px; overflow:hidden; font-size:14px; color:#FFF;}
.productlistbox ul li a:hover{ background:#f29400; color:#FFF;}

.fullSlide{ float:left; width:100%;  position:relative;  height:700px; background:#e8e8e8; margin-top:80px; }   
.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }    
.fullSlide .bd ul{ width:100% !important;  }    
.fullSlide .bd li{ width:100% !important;  height:700px; overflow:hidden; text-align:center;  } 
.fullSlide .bd li a{ display:block; height:700px; } 
.fullSlide .hd{ position:absolute; bottom:0px; left:0px; width:100%; height:70px;  overflow:hidden; padding:20px 0; background:url(../images/touming.png) repeat;  }
.fullSlide .hd ul{ width:1200px; left:50%; margin-left:-600px; position:absolute; z-index:1; bottom:20px;}
.fullSlide .hd ul li{ float:left; margin:0 16px; display:inline; cursor:pointer; }
.fullSlide .hd ul li img{ width:200px; display:block; border:2px solid #fff; filter:alpha(opacity=50);opacity:0.5;  }
.fullSlide .hd ul .on img{ border-color:#fdb53d; filter:alpha(opacity=100);opacity:1;  }

.fullSlide .prev,
.fullSlide .next{
    position: absolute;
    display: block;
    width: 55px;
    height: 55px;
    background: url(../images/i-ban-row.jpg) no-repeat top left;
    top: 50%;
    margin-top: -27px;
}
.fullSlide .prev{
    left: 0px;
}
.fullSlide .next{
    background: url(../images/i-ban-row.jpg) no-repeat top right;
    right: 0px;
}
.fullSlide .prev:hover,
.fullSlide .next:hover{
    background-position-y: bottom;
}

.video-wrapper{ padding:80px 0; background:#1067a6; overflow:hidden;}
.video-wrap{ float:left; width:1200px; margin-top:40px;}
.video-wrap .video-box{ float:left; width: 800px; height:450px; color:#FFF; font-size:16px;}
.video-wrap .video-box video{ float:left; width: 800px; height:450px;}
.video-side{ float:right; width:390px;}
.video-side-img{ float:left; width:390px;}
.video-side-box{ float:left; width:390px; padding:25px 0; background:#e2a430; height:200px;}

.case-wrapper{ padding:80px 0; background: url(../images/pbg.jpg) top center no-repeat; background-size:cover; }
.home-case-box{ margin:0 auto; width:1000px; height:800px; background: url(../images/casebg.png) center no-repeat; position:relative;}
.casebox{ position:absolute; width:200px; height:230px;}
.casebox .cimg{ float:left; width:200px; height:200px; overflow:hidden;}
.casebox .cimg img{  width:180px; height:180px; border-radius:100px; border:#efefef solid 10px; -webkit-transition: -webkit-transform 1s ease-out; -moz-transition: -moz-transform 1s ease-out; -o-transition: -o-transform 1s ease-out; -ms-transition: -ms-transform 1s ease-out;}
.casebox span{ float:left; width:200px; height:30px; line-height:30px; overflow:hidden; text-align:center; font-size:16px;}
.case1{ left:150px; top:30px;}
.case2{ right:150px; top:30px;}
.case3{ left:20px; top:300px;}
.case4{ left:400px; top:300px;}
.case5{ right:20px; top:300px;}
.case6{ left:150px; bottom:0px;}
.case7{ right:150px; bottom:0px;}
.casebox a:hover img{ border:#0061b0 solid 10px; -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); transform: rotateZ(360deg);}
.casebox a:hover span{ color:#0061b0;}

.newsScroll-left{ float:left; margin-left:100px; overflow:hidden; width:1000px; height:370px; position:relative; margin-top:20px; }
.newsScroll-left .bd{}
.newsScroll-left .bd ul{ overflow:hidden;  zoom:1; }
.newsScroll-left .bd ul li{ width:320px;float:left; margin:0 10px; position:relative;}
.newsScroll-left .bd ul li .nimg{ float:left; width:320px;}
.newsScroll-left .bd ul li .nimg img{ width:320px; height:320px;}
.newsScroll-left .bd ul li .nbg{ position:absolute; left:0px; bottom:0px; width:300px; height:50px; padding:10px 10px; background:url(../images/nbg.png); color:#FFF;}
.newsScroll-left .bd ul li a:hover .nbg{ background:url(../images/nbgon.png);}
.newsScroll-left .bd ul li .nbg dt{ float:left; width:100%; overflow:hidden; line-height:25px;}
.newsScroll-left .bd ul li .nbg dd{ float:left; width:100%; overflow:hidden; line-height:25px;}
.newsScroll-left .prev,
.newsScroll-left .next{ position: absolute; display: block; width: 90px; height: 30px; background: url(../images/nprev.png) no-repeat top left; bottom:0px;}
.newsScroll-left .prev{ left: 400px;}
.newsScroll-left .next{ background: url(../images/nnext.png) no-repeat top right; right: 400px;}
.newsScroll-left .prev:hover{ background: url(../images/nprevon.png) no-repeat top right;}
.newsScroll-left .next:hover{ background: url(../images/nnexton.png) no-repeat top right;}


.product-wrapper{ padding:80px 0; background: url(../images/pbg.jpg) top center no-repeat; background-size:cover; }
.home-product-box{ float:left; width:1200px; margin-top:40px; }
.picScroll-left{ float:left; width:1200px; position:relative;}
.picScroll-left .prev,
.picScroll-left .next{ position:absolute; left:-50px; top:50%; margin-top:-25px; display:block; width:32px; height:50px; background:url(../images/slider-arrow.png) -176px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5; z-index:999 }
.picScroll-left .next{ left:auto; right:-50px; background-position:-60px 5px; }
.picScroll-left .prev:hover,
.picScroll-left .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.picScroll-left .prevStop{ display:none;  }
.picScroll-left .nextStop{ display:none;  }
.picScroll-left .bd{ margin-top:20px;}
.picScroll-left .bd ul{ zoom:1; }
.picScroll-left .bd ul li{ margin-right:10px; margin-left:10px; padding-top:20px;  float:left; text-align:center;  width:220px;  position:relative; }
.picScroll-left .bd ul li a{ float:left; _display:inline; text-align:center;  width:220px; z-index:9;}
.picScroll-left .bd ul li a .num{ position:absolute; top:0px; height:40px; left:50%; margin-left:-20px; width:40px; background:#1067a6; color:#FFF; font-size:16px; line-height:40px; z-index:999; border-radius:20px;}
.picScroll-left .bd ul li .pic{ float:left; width:220px;   }
.picScroll-left .bd ul li .pic img{ width:210px; height:210px; border-radius:110px;  border:#CCC solid 1px; padding:4px;  transition:all 0.8s ease;}
.picScroll-left .bd ul li .title{ float:left; width:220px; margin-top:20px; height:50px;  font: 14px/50px "Microsoft YaHei"; text-align:center;  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:keep-all; background:url(../images/proline.png) top center no-repeat; color:#111;}
.picScroll-left .bd ul li a:hover .pic img{transform:rotatey(360deg); -webkit-transform:rotatey(360deg); -moz-transform:rotatey(360deg); border:#1067a6 solid 1px;}
.picScroll-left .bd ul li a:hover .title{ background:url(../images/prolineon.png) top center no-repeat;}
.picScroll-left .bd ul li a:hover .num{ background:#e2a430;}

.news-wrapper{ padding:80px 0; background: url(../images/newsbg.jpg) top center no-repeat; background-size:cover; }
.home-news-box{ float:left; width:1200px; margin-top:40px; }
.home-aboutlist{ margin:0 auto; width:1080px;}
.home-aboutlist li{
    float:left;
    width: 320px;
    margin:0 20px;
}
.home-aboutlist li a:hover .home-aboutlist-info{ background:#1067a6}
.home-aboutlist li a:hover .home-aboutlist-info .cn{ color:#FFF;}
.home-aboutlist li a:hover .home-aboutlist-info .en{ color:#FFF;}
.home-aboutlist li a:hover .home-aboutlist-info .dis{ color:#FFF;}
.home-aboutlist-img,
.home-aboutlist-img img{
    width: 320px;
    height: 180px;
}
.home-aboutlist-info{
    
    padding: 20px 35px;
    height: 200px;
    background: #fff;
    text-align: center;
}
.home-aboutlist-info .cn{
    font-size: 20px;
    color: #555;
}
.home-aboutlist-info .en{
    font: 20px/1.8 "Times New Roman","Arial";
    color: #ccc;
    text-transform: uppercase;
}
.home-aboutlist-info i{
    display: inline-block;
    zoom: 1;
    *display: inline;
    width: 86px;
    font-size: 0px;
    height: 1px;
    background: #e5e5e5;
    margin: 20px 0px;
}
.home-aboutlist li .dis{
    color: #888;
    font-size: 14px;
}

.about-wrapper{ padding:80px 0; background: url(../images/aboutbg.jpg) top center no-repeat; background-size:cover; }
.home-about-box{ float:left; width:1200px; margin-top:40px;}



.mainer-wrapper{ position:relative; z-index:10;  padding:50px 0;}
.mainer{ width:1200px; margin:0 auto;}

.home-title{ display:block; overflow:hidden; text-align: center; font-family:"Microsoft YaHei";}
.home-title .ten { display:block; text-align:center; font:40px/50px "Microsoft YaHei";text-transform: uppercase; color: #82a7d1; }
.home-title .tcn { display:block; text-align:center; font: 22px/40px "微软雅黑"; text-transform: uppercase; color: #9db9da; }

.home-title{ display:block; overflow:hidden; text-align: center; font-family:"Microsoft YaHei";}
.home-title h2 { display:block; height: 45px; line-height:45px; font-size:20px; text-align: center; color: #444444;  background: url(../images/title-lineGrey.png) no-repeat center ; }
.home-title span { display:block; line-height:25px; text-align:center; color:#aaa; text-transform:uppercase;}
.home-title span i{ color:#0061b0; font-size:14px;}

.bg1{ background:#f3f3f3;}
.news-recommendbox{ float:left; width:1200px; height:320px; overflow:hidden;  position:relative; }
.news-recommendbox-title{ position:absolute; top:0px; left:0px; width:150px; height:250px;  background: url(../images/newsrecommend.png) no-repeat center;}
.news-recommendbox-content{ float:right; margin-top:30px; width:1000px; padding-left:120px; padding-top:25px; padding-bottom:25px; height:220px; background:#FFF;}

.nbox{ width:285px;float:left; position:relative; margin-right:20px; margin-bottom:20px;}
.nbox .nimg{ float:left; width:285px;}
.nbox .nimg img{ width:285px; height:285px;}
.nbox .nbg{ position:absolute; left:0px; bottom:0px; width:265px; height:50px; padding:10px 10px; background:url(../images/nbg.png); color:#FFF;}
.nbox a:hover .nbg{ background:url(../images/nbgon.png);}
.nbox .nbg dt{ float:left; width:265px; height:25px; overflow:hidden; line-height:25px;}
.nbox .nbg dd{ float:left; width:100%; overflow:hidden; line-height:25px;}
.nbox1{ float:left; width:285px; height:590px; position:relative; margin-right:20px; margin-bottom:20px;}
.nbox1 .nimg img{ width:285px; height:590px;}

.renews-list{ float:left; width:950px;}
.renews-list li{ float:left; width:950px; height:100px; margin-bottom:10px; margin-right:20px; padding-bottom:9px; border-bottom:#CCC dashed 1px; }
.renews-list li a{display:block; width:100%; height:100%; transition:all 1s ease;}
.renews-list li a .simg{width:100px; height:100px; float:left;}
.renews-list li a .simg img{width:100px; height:100px;}
.renews-list li a .time{width:100px; height:100px; float:right;  transition:all 0.3s ease; border-left:#eeeeee solid 1px;}
.renews-list li a .time .day{ font-size:36px; display:block; text-align:center; margin-top:10px; line-height:50px; font-family:"Trebuchet MS", Arial; transition:all 0.3s ease; border-bottom:#eeeeee solid 1px;}
.renews-list li a .time .date{color:#999; display:block; text-align:center; font-size:14px; transition:all 0.3s ease;}
.renews-list li a .con{width:700px; float:right; padding:10px 0; margin-right:20px; }
.renews-list li a .con strong{ font-size:14px; display:block; line-height:40px; }
.renews-list li a .con p{color:#999; display:block; line-height:20px; height:40px; overflow:hidden;}
.renews-list li a:hover{background:#efefef;}

.renews-list li a:hover .time,.renews-list li a:active .time{background:#0061b0;}
.renews-list li a:hover .day,.renews-list li a:active .day,.renews-list  li a:hover .date,.renews-list li a:active .date{color:#FFF;}

.news-list{ float:left; width:1220px;}
.news-list li{ float:left; width:590px; height:120px; margin-bottom:20px; margin-right:20px; }
.news-list li a{display:block; width:100%; height:100%; background:#f1f1f1; transition:all 1s ease;}
.news-list li a .simg{width:120px; height:120px; float:left;}
.news-list li a .simg img{width:120px; height:120px;}
.news-list li a .con{width:460px; float:right; padding:5px 0;  }
.news-list li a .con strong{ font-size:14px; display:block; line-height:40px; }
.news-list li a .con p{color:#999; display:block; line-height:20px; height:40px; overflow:hidden;}
.news-list li a:hover{background:#69a9dc;}
.news-list li a:hover .con strong{ color:#FFF}
.news-list li a:hover .con p{ color:#FFF}
.news-list li a:hover .con span{ color:#FFF}


.map-wrapper{ position:relative;}
#mapbg{width:100%;height:450px;position:absolute;left:0;top:0;background:rgba(255,255,255,0.3);z-index:99}
.mapbox{ width:1200px; left:50%; margin-left:-600px; top:0px; position:absolute; height:450px; z-index:999;}
.infobox{ float:left; margin-left:200px; margin-top:50px; background:url(../images/infobox1.png) no-repeat; width:300px; height:200px; padding:80px 40px ; color:#FFF; font-size:14px; line-height:25px;}
.infobox strong{ display:block; font-size:16px; text-align:center; line-height:40px; color:#fda412}

.infobox2{ float:right; margin-right:280px; margin-top:120px; background:url(../images/infobox2.png) no-repeat; width:120px; height:120px; padding:44px 44px 44px 78px ; color:#FFF; font-size:14px; line-height:25px;}
.infobox2 img{ width:120px; height:120px;}

.main-content{ float:left; width:1200px; line-height:25px; overflow:hidden; }
.main-content img{ max-width: 1200px; height:auto; width:expression(this.width > 1200 ? "1200px" : this.width);}

.main-content .titles{ display:block; font-size:18px; line-height:35px; text-align:center; border-bottom:1px dashed #ccc;}
.main-content .date{ display:block; font-size:12px; line-height:30px; text-align:center; color:#999}
.main-content b{ color:#d00712;}

.product-list{ float:left; overflow:hidden; zoom:1; width:1200px; margin-top:10px; }
.product-list li{ float:left; width:298px; overflow:hidden;border:#efefef solid 1px; position:relative; border-top:none;border-left:none;}
.product-list li span{ float:left; width:300px; height:40px; line-height:40px; font-size:14px; text-align:center;}
.product-list li .proimg{ float:left; width:298px; height:298px; overflow:hidden; position:relative; }
.product-list li .proimg:hover img{ -webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.product-list li .proimg img{ position:absolute;top:0;bottom:auto;left:0;right:auto; -webkit-transition:-webkit-transform 1s ease-out;-moz-transition:-moz-transform 1s ease-out;-ms-transition:-ms-transform 1s ease-out;transition:transform 1s ease-out; width:100%; }
.product-list li.nobord{ border-right:none;}
.product-list li .proimg .overbg{ position:absolute; bottom:0px; left:0px; width:300px; height:300px; background:url(../images/nbgon.png); z-index:99; display:none;}
.product-list li .proimg .btn{ position:absolute; bottom:0px; left:0px; width:300px; height:300px; background:url(../images/go.png) center no-repeat; z-index:999; display:none;}
.product-list li a:hover span{ background:url(../images/nbgon.png); color:#FFF;}
.product-list li a:hover .overbg{ display:block;}
.product-list li a:hover .btn{ display:block;}


.case-list{ float:left; overflow:hidden; zoom:1; width:1200px; margin-top:10px; }
.case-list li{ float:left; width:240px; height:240px; overflow:hidden;  position:relative; margin:0 30px 30px 30px;}
.case-list li .caseimg{ float:left; width:240px; height:240px; overflow:hidden; position:relative; }
.case-list li .caseimg img{ position:absolute;top:0;bottom:auto;left:0;right:auto; width:220px; height:220px; border-radius:120px; border:10px solid #0061b0;}
.case-list li .casecon{ position:absolute; top:180px; left:0px; width:200px; padding:20px; height:200px; background:url(../images/touming.png); border-radius:130px;}
.case-list li .casecon strong{ float:left; width:200px; height:40px; line-height:40px; font-size:14px; color:#FFF; overflow:hidden; margin-left:10px; text-align:center;}
.case-list li .casecon p{ float:left; width:200px; line-height:25px; overflow:hidden; padding:10px; color:#FFF; }


ul.certificate-list{ float:left; width:1200px;}
ul.certificate-list li{ float:left; width:298px; overflow:hidden;border:#efefef solid 1px; position:relative; border-top:none;border-left:none;}
ul.certificate-list li.nobord{ border-right:none;}
ul.certificate-list li .cerbox{ *float:left; width:298px; height:298px; text-align:center; vertical-align:middle; display:table-cell; position:relative; overflow:hidden;}
ul.certificate-list li .cerimg{ *position:absolute; top:50%;}
ul.certificate-list li .cerimg img{ *position:relative; top:-50%; left:-50%; vertical-align: middle\9; }
ul.certificate-list li span{ float:left; width:300px; height:40px; line-height:40px; font-size:16px; text-align:center;}


.slideBox{ width:500px; height:500px; position:relative; margin:0 auto;}
        .slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
        .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
        .slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
        .slideBox .hd ul li.on{ background:#f00; color:#fff; }
        .slideBox .bd{ position:relative; height:100%; z-index:0;   }
        .slideBox .bd li{ zoom:1; vertical-align:middle; }
        .slideBox .bd img{ width:500px; height:500px; display:block;  }

        /* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:-80px; top:50%; margin-top:-21px; display:block; width:22px; height:42px; background:url(../images/arrow5.png) top left no-repeat; }
.slideBox .next{ left:auto; right:-80px; background-position: top right; }
.slideBox .prev:hover{ background:url(../images/arrow5.png) bottom left no-repeat; }
.slideBox .next:hover{ background:url(../images/arrow5.png) bottom right no-repeat; }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }

.product-content{ float:left; width:100%;}
.product-content dl{ float:left; width:100%; background:#70addd; height:80px;}
.product-content dd{ float:left; width:160px; height:80px; line-height:80px; text-align:center; color:#757474; cursor:pointer; font-size:14px; font-weight:bold; color:#fff;}
.product-content dd:hover,.product-content .on{ background:#fda412; color:#fff; -webkit-transition: none; -moz-transition: none; transition: color 0.5s linear, background-color 0.5s linear, background-image 0.5s linear; -moz-transition: color 0.5s linear, background-color 0.5s linear, background-image 0.5s linear; -webkit-transition: color 0.5s linear, background-color 0.5s linear, background-image 0.5s linear; -o-transition: color 0.5s linear, background-color 0.5s linear, background-image 0.5s linear;}
.product-content .contentbox{ float:left; width:100%; margin-top:20px; line-height:30px;}
.product-content .pcontent{ float:left; width:100%; }



.download-list{ float:left; width:1220px;}
.download-list li{ float:left; width:590px; height:60px; margin-bottom:10px; padding-bottom:9px; margin-right:20px; border-bottom:#CCC dashed 1px; }
.download-list li a{ float:left; width:520px; height:100%; line-height:60px; font-size:16px; background:#f1f1f1; transition:all 1s ease; padding-left:70px; background:url(../images/pdf_icon.png) left center no-repeat;}
.download-list li a strong{ float:left; width:460px; height:100%; line-height:60px; font-size:16px;}
.download-list li a span{ float:right; width:60px; height:60px; text-align:center; background:url(../images/dicon.png) center no-repeat;}


.productdownload{ float:left; width:1200px;}
.productdownload li{ float:left; width:100%; height:60px; margin-bottom:10px; padding-bottom:9px; border-bottom:#CCC dashed 1px; }
.productdownload li a{ float:left; width:1130px; height:100%; line-height:60px; font-size:16px; background:#f1f1f1; transition:all 1s ease; padding-left:70px; background:url(../images/pdf_icon.png) left center no-repeat;}
.productdownload li a strong{ float:left; width:1070px; height:100%; line-height:60px; font-size:16px;}
.productdownload li a span{ float:right; width:60px; height:60px; text-align:center; background:url(../images/dicon.png) center no-repeat;}

.gbookimg{ float:left; width:600px; height:400px; background:url(../images/gbookimg.jpg) left center no-repeat;}
.gbookcon{ float:left; width:560px; height:360px; background:#f1f2f2; padding:20px;}
#faqbox{ float:left; width:100%;}
#faqbox .faqline{ float:left; width:100%; line-height:2em; height:35px; text-align:left; margin-bottom:10px;}
#faqbox .faqline .faqtit{  width:100px; display:block; float:left; clear:both; text-align:right}
#faqbox .faqline input{ border:#cccccc solid 1px; height:25px; line-height:25px; font-family:微软雅黑; border-radius:5px;}
#faqbox .Content{ float:left; width:100%; line-height:2em; height:120px; text-align:left}
#faqbox .Content .faqtit{  width:100px; display:block; float:left; clear:both; text-align:right}
#faqbox .Content textarea { height:100px; border:#cccccc solid 1px; font-family:微软雅黑; border-radius:5px;}

.contactimg{ float:left; width:600px; height:400px; background:url(../images/contactimg.jpg) left center no-repeat;}
.contactcon{ float:left; width:500px; height:300px; background:#f1f2f2; padding:50px; line-height:30px;}
.contactcon .contactinfo{ float:left; width:500px; height:300px; overflow:hidden;}


.aboutimg{ float:left; width:600px; height:400px; background:url(../images/aboutimg.jpg) left center no-repeat;}
.aboutcon{ float:left; line-height:30px; background:#f1f2f2; padding:40px 40px;font-size: 16px; }
.aboutinfo{ float:left; width:520px; height:320px; overflow:hidden; }
.zhiciimg{ float:right; width:600px; height:400px; background:url(../images/zhiciimg.jpg) left center no-repeat;}
.zhicicon{ float:left;  line-height:30px; background:#f1f2f2; padding:40px 40px; font-size: 16px; }
.zhiciinfo{ float:left; width:520px; height:320px; overflow:hidden; }
.cultureimg{ float:right; width:600px; height:550px; background:url(../images/culture.png) left center no-repeat;}
.culturecon{ float:left; width:600px; line-height:30px;}
.cultureinfo{ float:left; width:500px; margin-top:40px; line-height:30px; font-size:14px; overflow:hidden;}

.culturewrapper{ width:100%;  float:left; background:#0061b0;  }
.culturewrapper ul{ width:100%;  float:left;}
.culturewrapper li{ width:25%; float:left; font-size:12px; color:#FFF; }
.culturewrapper li a{ width:100%; float:left; padding:20px 0; color:#FFF; }
.culturewrapper li a:hover{ background:#fda412;}
.culturewrapper li .pimg{ float:left; width:35%; text-align:center;}
.culturewrapper li .pimg img{ width:auto; margin-top:10px;}
.culturewrapper li .pcon{ float:right; width:60%; padding:6px 0;}
.culturewrapper li .pcon strong{ float:left; width:100%; line-height:30px; font-size:16px;  }
.culturewrapper li .pcon p{ float:left; width:100%;  line-height:20px; font-size:12px; text-transform: uppercase;   }

ul.culturelist{ float: left; width: 480px; margin-top:20px;}
ul.culturelist li{ width: 480px; height: 72px; margin: 30px; 0}
ul.culturelist li span{ display: inline-block; float: left; width: 63px; height: 72px; background: url(../images/numbg.png) no-repeat left center; font: bold 30px/72px Arial; color: #fff; text-align: center;}
ul.culturelist li .intro{ float: right; width: 360px;}
ul.culturelist li h2{ float:left; font-size: 30px; line-height: 42px; color: #0f62be;}
ul.culturelist li em{ float:left; font-size: 20px; line-height: 42px; color: #666; margin-left:10px;}
ul.culturelist li em b{ font-size: 30px; line-height: 42px; color: #fda412;}
ul.culturelist li p{ display:block; line-height:20px; font-size:14px; color:#999}
.rightcultureimg{ float:right; width:550px;  margin-top:20px;}
.rightcultureimg img{ width:550px; border-radius:25px; transition:all 0.8s ease;}
.rightcultureimg:hover img{transform:rotatey(360deg); -webkit-transform:rotatey(360deg); -moz-transform:rotatey(360deg);}

.environmentScroll-left{ float:left; overflow:hidden; width:1200px; height:320px; position:relative; margin-top:20px; }
.environmentScroll-left .bd{}
.environmentScroll-left .bd ul{ float:left; width:1260px; zoom:1; }
.environmentScroll-left .bd ul li{ width:360px;float:left; margin-right:60px; position:relative;}
.environmentScroll-left .bd ul li .nimg{ float:left; width:360px;}
.environmentScroll-left .bd ul li .nimg img{ width:360px; }
.environmentScroll-left .bd ul li .nbg{ position:absolute; left:0px; bottom:0px; width:360px; height:50px; padding:10px 10px; background:url(../images/nbg.png); color:#FFF;}
.environmentScroll-left .bd ul li a:hover .nbg{ background:url(../images/nbgon.png);}
.environmentScroll-left .bd ul li .nbg dt{ float:left; width:100%; overflow:hidden; line-height:25px;}
.environmentScroll-left .bd ul li .nbg dd{ float:left; width:100%; overflow:hidden; line-height:25px;}
.environmentScroll-left .prev,
.environmentScroll-left .next{ position: absolute; display: block; width: 90px; height: 30px; background: url(../images/nprev.png) no-repeat top left; bottom:0px;}
.environmentScroll-left .prev{ left: 500px;}
.environmentScroll-left .next{ background: url(../images/nnext.png) no-repeat top right; right: 500px;}
.environmentScroll-left .prev:hover{ background: url(../images/nprevon.png) no-repeat top right;}
.environmentScroll-left .next:hover{ background: url(../images/nnexton.png) no-repeat top right;}

.friendlink-wrapper{ background:#1067a6;}
.friendlink{ width:1200px; margin:0 auto; line-height:25px; position:relative;}
.friendlink-box{ float:left; width:1200px; background:url(../images/friendbg.png) left top repeat-y; padding:10px 0;}
.friend-left{ float:left; width:100px; line-height:30px; font-size:16px; color:#FFF; text-align:center;}
.friend-right{ float:right; width:1080px; line-height:30px; font-size:12px; color:#FFF;}
.friend-right a{ color:#FFF;}


.pageNavi { float:left; margin-top:20px; display:block; WIDTH: 100%; TEXT-ALIGN: center; line-height:30px; font-size:12px;}
.wp-pagenavi { CLEAR: both}
.wp-pagenavi A {
    font-size:12px;
    border:#CCC solid 1px;
    padding:5px 10px; 
-moz-border-radius: 5px;      /* Gecko browsers */
-webkit-border-radius: 5px;   /* Webkit browsers */
border-radius:5px;            /* W3C syntax */
margin:0 3px;
    }
.wp-pagenavi SPAN { 
border:#CCC solid 1px;
padding:5px 10px; 
-moz-border-radius: 5px;      /* Gecko browsers */
-webkit-border-radius: 5px;   /* Webkit browsers */
border-radius:5px;            /* W3C syntax */
margin:0 3px;
}
.wp-pagenavi A:hover { background:#0073bf; color:#FFF; border:#0073bf solid 1px;}
.wp-pagenavi SPAN.current {  background:#0073bf; color:#FFF; border:#0073bf solid 1px;}
.pageleft {FLOAT: left; TEXT-ALIGN: left; line-height:30px;}
.pageright {FLOAT: right; TEXT-ALIGN: right; line-height:30px;}