@charset "utf-8";

/****************banner****************/
.main_image {width:100%; height:500px; overflow:hidden; margin:0 auto; position:relative;}
.main_image ul {width:9999px; height:500px; overflow:hidden; position:absolute; top:0; left:0}
.main_image li {float:left; width:100%; height:500px;}
.main_image li span {display:block; width:100%; height:500px;}
.main_image li a {display:block; width:100%; height:500px;}
div.flicking_con {width:990px; margin:0 auto; position:relative}
div.flicking_con .flicking_inner {position:absolute; top:440px; left:50%; z-index:2; width:300px; height:21px} 
div.flicking_con a {float:left; width:21px; height:21px; margin:0; padding:0; background:url('../images/btn_main_img.png') 0 0 no-repeat; display:block; text-indent:-1000px}
div.flicking_con a.on {background-position:0 -21px}
#btn_prev,#btn_next{z-index:3;position:absolute;display:block;width:73px!important;height:74px!important;top:50%;margin-top:-37px;display:none;}
#btn_prev{background:url(../images/hover_left.png) no-repeat left top;left:100px;}
#btn_next{background:url(../images/hover_right.png) no-repeat right top;right:100px;}


.bg1{ background:#f5f5f5; height:420px; overflow:hidden; 
background:rgba(255, 255, 255, 0.5)!important;
filter:Alpha(opacity=60); background:#fff;   }
.inabout{ width:100%; height:auto; overflow:hidden; background:url(../images/probgy.jpg) no-repeat center center; height:420px; margin:0 auto 30px auto; }
.wd580{ width:550px; float:left; height:auto; overflow:hidden; margin:0 0 0 30px; }
.wd580 h3{ font-size:27px; line-height:108px; color:#016e92;}
.wd580 p{ line-height:25px;}
.wd580i{width:550px; height:auto; overflow:hidden; margin-top:58px; text-align:right !important; color:#ff6000; font-size:18px;}
.wd580i a{ color:#ff6000; font-size:18px;}

.wd460{ width:460px; height:340px; overflow:hidden; float:left; margin-left:100px; margin-top:40px;}

.soon{ height:auto; overflow:hidden; margin: 0 auto;}
.soon h3{ font-size:27px; text-align:center;height:auto; overflow:hidden; color:#016e92; text-transform:uppercase;}
.soonmore{ width:1200px; line-height:40px; height:40px; border-bottom:0px #ddd solid; text-align:right; margin-bottom:20px;}

.soon ul{ zoom:1; margin-right:-32%;}
.soon ul li{ width:276px; height:auto; overflow:hidden; float:left; margin-right:32px; margin-bottom:32px;}
.soon ul li .pics{ width:276px; height:210px; overflow:hidden;}
.soon ul li .pics img{ width:276px; height:210px; display:block; -webkit-transition:1s; transition:1s;}
.soon ul li .pics:hover img{-webkit-transform:scale(1.23);-moz-transform: scale(1.23);-o-transform:scale(1.23);}
.soon ul li .navp{ width:274px; height:140px; border-bottom:1px #ddd solid; border-left:1px #ddd solid; border-right:1px #ddd solid; background:#fff;}
.soon ul li .navp h4{ text-align:center; font-size:14px; line-height:40px;}
.soon ul li .navp p{ padding:0 15px; line-height:20px; font-size:12px; color:#585858;}

.xypro{}

.dg-container{width:100%;height:560px;position:relative;margin-bottom:0px; }
.dg-wrapper{width:605px;height:540px;margin:0 auto;position:relative;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-o-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-perspective:1000px;-moz-perspective:1000px;-o-perspective:1000px;-ms-perspective:1000px;perspective:1000px;}
.dg-wrapper li{width:605px;height:445px;border:1px solid #d5d4d4;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;border-radius:5px;position:absolute;left:0;top:0;-webkit-box-shadow:0px 10px 20px rgba(0,0,0,0.3);-moz-box-shadow:0px 10px 20px rgba(0,0,0,0.3);-o-box-shadow:0px 10px 20px rgba(0,0,0,0.3);-ms-box-shadow:0px 10px 20px rgba(0,0,0,0.3);box-shadow:0px 10px 20px rgba(0,0,0,0.3);z-index:5;}
.dg-wrapper li img{-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;border-radius:5px;}
.dg-wrapper li h3 a{font-size:32px;color:#444;position:absolute;right:88px;bottom:60px;}
.dg-wrapper li p{font-size:16px;color:#4b4b4b;position:absolute;right:43px;bottom:20px;}
.dg-wrapper li.dg-transition{-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
.dg-nav{width:145px;position:absolute;left:44%;top:480px;margin-top:10px;margin-bottom:20px;}
.dg-nav .dg-prev{width:30px;height:30px;background:url(../images/pro-icon.png) no-repeat left top;float:left;cursor:pointer;}
.dg-nav .dg-next{width:30px;height:30px;background:url(../images/pro-icon.png) no-repeat -30px top;float:right;cursor:pointer;}
.dg-nav .dg-prev:hover{background-position:left -30px;}
.dg-nav .dg-next:hover{background-position:-30px -30px;}



.naybanner{ width:100%; height:330px;}

.navlist{ width:100%; height:70px; background:#f1f1f1;}
.navlist ul{}
.navlist ul li{ line-height:70px; padding:0 40px; float:left;}
.navlist ul li a{ font-size:18px;}
.navlist ul li:hover{ background:#fff;}
.white{ background:#fff; color:#0080c3;}
.white a{  color:#0080c3;}

.contentna{ height:auto; overflow:hidden; margin:10px  auto;}
.contentna h2{ text-align:right; color:#000; padding:20px 0 20px 0;}
.contentna h2 a{color:#000;}
.contentna h2 a:hover{color:#f98904;}
.contentna p{ padding-bottom:2em; text-align:justify; line-height:27px;}
.contentna p img{ margin:auto; clear:both; display:block;}

.certificate_content{ height:auto; overflow:hidden;}
.certificate_content ul{float:left;width:1340px;}
.certificate_content li{float:left;width:301px; margin:0 0 0 75px; background:url(../images/about-certificate-bg.jpg) no-repeat;height:248px;text-align:center;padding-top:22px;}
.certificate_content li h3{ line-height:85px; text-align:center;}
/*************分页css*************/
.cuspages{ width:100%; height:auto; overflow:hidden; margin:50px 0 25px 0;}
.pages {overflow: hidden;zoom: 1;font-size: 12px;float: right;clear:both;}
.pages span, .pages a {float: left;width: 34px;height: 34px;border: #e2e2e2 1px solid;font-size:12px;text-align: center;line-height: 34px;margin-right: 5px;}
.pages .disabled { color: #ccc; }
.pages .current {background-color: #f26f21;border: #f26f21 1px solid;color: #fff;}


.newsbox{ width:1100px; height:auto; overflow:hidden; margin:auto;}
.newsbox dl{ padding-bottom:4em; height:auto; overflow:hidden;}
.newsbox dl dt{ width:250px; height:185px; float:left; overflow:hidden;}
.newsbox dl dt img{width:250px; height:185px; -webkit-transition:1s; transition:1s;}
.newsbox dl dt:hover img{-webkit-transform:scale(1.23);-moz-transform: scale(1.23);-o-transform:scale(1.23);}
.newsbox dl dd{ margin-left:15px; width:835px; height:185px; float:left;}
.newsbox dl dd h3{ font-size:18px; line-height:40px;}
.newsbox dl dd h3 a{ color:#F60;}
.newsbox dl dd i{ font-size:12px; color:#999;}

.newsnav{ width:1200px; height:auto; overflow:hidden; margin:auto;}
.newsnav h3{ font-size:22px; text-align:center; line-height:45px;}
.newsnav h4{ text-align:center; color:#999; width:1200px; display:block; line-height:40px; border-bottom:1px #ddd solid; margin-bottom:20px;}
.newsnav p{ line-height:27px; padding-bottom:2em; text-align:justify;}
.newsnav img{ clear:both; display:block; margin:auto;}

.newfy{ width:1200px; height:auto; overflow:hidden; border-top:1px #ddd solid; margin:30px 0; padding-top:25px;}
.newfy p{ line-height:35px; padding-bottom:0px; }
.newfy p a{ color:#888;}
.newfy p a:hover{ color:#FF6600;}

.download{ width:1200px; height:auto; overflow:hidden; margin:auto;}
.download dl{ border-bottom:1px #eee solid; padding:30px 0; height:auto; overflow:hidden;}
.download dl dt{ width:1000px; height:100px; float:left;}
.download dl dt h3{ line-height:40px; font-size:16px;}
.download dl dt h3 a{font-size:16px;}
.download dl dt p{ line-height:25px; color:#888;}
.download dl dd{ width:80px; height:100px; float:left; margin-left:120px;}
.download dl dd h3{ line-height:30px; text-align:center; color:#999;}
.download dl dd p img{ clear:both; margin:auto; display:block;}

.contat{ width:1000px; margin:auto; height:auto; overflow:hidden;}
.contat p{ line-height:33px;}
.contatss{width:1000px; margin:40px auto; height:auto; overflow:hidden;}
.contatss h3{ line-height:30px; font-size:20px; color:#F90;}
.contatss p{ line-height:25px;}
.contatss table{ font-size:14px;}

.products_list_header{text-align:center;}
.products_list_header ul{display:inline-block;*display:inline;*zoom:1;}
.products_list_header li{float:left;margin-right:8px;margin-left:8px;position:relative;}
.products_list_header li a{height:40px;padding-left:24px;padding-right:24px;line-height:40px;-webkit-border-radius:20px;border-radius:20px;display:block;background-color:#008add;font-size:18px;color:#fff;margin-bottom:45px;}
.products_list_header li span{display:none;}
.products_list_header li.active span,.products_list_header li:hover span{display:block;position:absolute;left:50%;margin-left:-8px;top:40px;width:0px;height:0px;border-top:8px solid #ff7800;border-left:8px solid transparent;border-bottom:1px solid transparent;border-right:8px solid transparent;}
.products_list_header li.active a,.products_list_header li:hover a{background-color:#ff7800;}

.web{margin:0px auto;padding:0px;width:1000px;height: auto;display: table;}
.products_list{ padding-top:60px; overflow:hidden; padding-bottom:50px;}
.products_list ul li{ position:relative; float:left; border:solid 1px #e6e6e6; text-align:center; width:256px; padding:25px; margin-right:37px; margin-bottom:30px; min-height:400px; background:#fff; }
.products_list ul li .pisss{overflow:hidden; width:250px; height:250px; }
.products_list ul li img{ display:block; margin:0 auto; margin-bottom:15px;  -webkit-transition:1s; transition:1s;}
.products_list ul li:hover img{-webkit-transform:scale(1.23);-moz-transform: scale(1.23);-o-transform:scale(1.23);}

.products_list ul li a{ font-size:16px; color:#333;}
.products_list ul li p{ color:#999; font-size:12px; padding-top:10px; padding-right:22px; line-height:22px;}
.products_list ul li a.pro_more{ font-size:14px; border:solid 1px #e6e6e6; display:block; margin:0 auto; width:80px; height:30px; line-height:30px;  margin-top:10px;}
.products_list ul li a.pro_more:hover,.products_list ul li a.pro_more.cur{background:#ffa92d; color:#fff;}
.li_bor{ position:absolute; top:-4px; left:-4px; border:solid 4px #ffa92d; z-index:4;}
.pro_lishang{ position:absolute; z-index:5;}
.products_list ul li a:hover{ color:#ffa92d;}

.prorigd{ width:1200px; height:auto; overflow:hidden; }
#preview{ float:none; margin:0 auto; text-align:center;}
.jqzoom{ width:500px; position:relative;}
.zoomdiv{left:859px; }
.list-h li{float:left;}
#spec-n5{ padding-left:5px;height:100px; padding-top:6px; overflow:hidden; width:650px;}
/*#spec-left{ background:url(../images/left.gif) no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:10px;}
#spec-right{background:url(../images/right.gif) no-repeat; width:10px; height:45px; float:left;cursor:pointer; margin-top:10px;}
*/
#spec-list{ width:630px; height:100px; float:left; overflow:hidden; margin-left:0px; display:inline; }
#spec-list ul { padding-left:5px; *padding-left:6px}
#spec-list ul li{ float:left; text-align:left;  display:inline; width:120px; height:100px; overflow:hidden; display:block; border:0 !important; }
#spec-list ul li img{ padding:1px ; border:1px solid #ccc; width:90px; height:90px;}
#spec-list{ position:relative;  margin-right:6px;}
#spec-list div{ margin-top:0;margin-left:-30px; *margin-left:0;}

.jqzoom{position:relative!important;padding:0;}
.jqzoom img{ border:1px solid #e2e2e2; width:500px; height:500px}
.zoomdiv{z-index:100;position:absolute;top:1px;left:10px;background:#fff no-repeat center center;border:2px solid #06a7ea;display:none;text-align:center;overflow: hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FFF 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
.pro_content{ width:1200px; height:auto; margin-top:2px;}
.pro_product{ width:1200px; height:500px; padding-top:15px;}  
.pro_left{ width:500px; height:500px; float:left;}
.pro_right{ width:650px; height:500px; float:right; padding-right:10px;}
.pro_right h3{ width:650px; height:40px; display:block; padding-top:10px; font-size:18px; font-weight:bold;}
.pro_right p{ font-size:14px; line-height:26px;}
.pro14{ width:1200px; height:auto; overflow:hidden; margin:20px auto;}

.protablist{ padding:25px 0 0;overflow:hidden; zoom:1;}
.protablist h2{ height:29px !important; background:url(../images/protitle.png) repeat-x left bottom; padding:0;}
.protablist h2 span{ float:left; padding:0 20px; height:26px; line-height:26px; color:#333333; margin-right:5px; background:url(../images/protabbg.png) repeat-x left bottom; border: 1px solid #c1c0c0;}
.protablist h2 span.current{ border:none; border-top:2px solid #d51d14; border-left:1px solid #d51d14; border-right:1px solid #d51d14; margin-top:1px; background:#fff; cursor:pointer;}
.protablist .subpro{ clear:both; display:none; padding:25px 0 50px;  min-height:200px; overflow:hidden; zoom:1;}
.protablist .subpro p{ color:#333; line-height:25px; }
.protablist .subpro h3{ font-weight:bold;  padding:10px 0 0;}
.protablist .subpro .donwload a{ padding:0 8px;}
.protablist .subpro li{color:#333; line-height:160%; }
.protablist .tab01{ padding:10px;}
.protablist .tab01 p{ line-height:180%; color:#333;}
.protablist .tab01 dl{ float:left; width:200px; text-align:center; padding-top:40px;}
.protablist .tab01 dl dd{ text-align:center; color:#333; padding-top:15px;}








.pro_list{ width:100%; float:left;}
.pro_list li{width:240px; float:left;text-align:center; list-style:none; padding:0px;}

.pro_list li a.pic{ border:1px solid #ccc; width:200px;padding:2px;display:block;  height:154px;text-align:center; margin:auto;}
.pro_list li a.pic:hover{ border:#F60 1px solid;}
.pro_list li a.pic img{ height:152px;max-width:200px; width:auto;*width:200px; margin:auto;}
.pro_list li  a.text{width:200px; text-align:center;  display:block;margin: auto;line-height:35px; text-decoration:none; font-size:12px; font-weight:bold; color:#4a4a4a;}
.pro_list li  a.text:hover{width:200px; color:#F60; }
.pro_list li p{font-size:12px; line-height:30px; text-align:center;}








