@charset "utf-8";
@import url(font-awesome.css);
/* CSS Document */
html,body,h1,h2,h3,h4,h5,h6,pre,div,ul,ol,li,dl,dt,dd,form,p,blockquote,fieldset,input,hr {margin:0; padding:0;}
ul,ol {list-style:none;}
fieldset,img,hr {border:none;}
caption,th {text-align:left;}
table {border-collapse:collapse; border-spacing:0;}
td { line-height:30px; cursor:hand;}
select{ font-family:微软雅黑,Arial, Helvetica, sans-serif; font-size:12px; line-height:20px;}

body{font-size:12px; color: #333; font-family:微软雅黑,Arial, Helvetica, sans-serif; font-weight:normal; overflow-x: hidden; }
a{ font-family:微软雅黑,Arial,Helvetica,sans-serif; color:#333; text-decoration:none; font-size:12px; font-weight:normal;}
a:hover{ color:#005ba1; text-decoration:none;}

.noInfo{ background:url(../images/loading.gif) left no-repeat; 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;}.mgb20{margin-bottom:20px;}
.mgt50{margin-top:50px;}
.lh20{line-height:20px;}.lh25{line-height:25px;}
.bb{border-bottom:#eeeeee solid 1px;}
.bbr{border-bottom:#ea1205 solid 1px;}
.dashline{ background:url(../Images/dashedline.gif) bottom repeat-x;}
.hidden{overflow:hidden;}
.relative { position:relative;}.absolute { position:absolute;}
.point{ color:#d10818;font-family:Georgia, "Times New Roman", Times, serif}
.ptb10{ padding:10px 0;}

*html,*html body /* 修正IE6振动bug */{background-image:url(about:blank);background-attachment:fixed;}
*html .header-wrapper{position:absolute;top:expression(eval(document.documentElement.scrollTop));}

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

.top-wrapper{ position: relative; background: #033b75;}
.topcon{ width:1460px; height:30px; margin:0 auto; }
.topcon a{ color: #ffffff; line-height: 30px; }
.topcon .backhome{ float: right;  margin-right: 20px;}
.searchbox{float: right;  width: 150px; height: 22px; margin-top: 4px; background: #ffffff; padding: 0 10px; border-radius: 11px;}
.searchbox input{ float: left; width: 120px; height: 22px; border: none; line-height: 22px; }
.searchbox input.searchbtn{width: 22px; height: 22px;  }
/* head */
.header-wrapper{ position: relative; /*background:url(../images/headbg.jpg) center;*/ }
.header{ width:1460px; height:100px; margin:0 auto; }
.logo{ float:left; }
.logo a img{ height: 100px;}

.header-tel{float: right; background:url(../images/tel.png) center left no-repeat; padding-left:50px; margin-top: 20px; display: block; font-size: 20px;  color:#033b75; }
.header-tel span{ display: block; font-size: 16px;line-height: 20px; }
.header-tel b{ display: block; font-size: 22px;line-height: 40px; }

/* menu */

.menu{ text-align:center; float: left; margin-left: 20px;}
.menu ul{ text-align:center; display:inline-block; vertical-align:middle;}
.menu li{ float:left; line-height:100px;text-align:center; position:relative}
.menu li .menutit{ float: left; width: 95px; margin: 0 10px; height: 40px; padding: 30px 0; position:relative; color:#333; font-size:18px;font-weight: bold; line-height: 40px; transition:1s;-webkit-transition:1s;-moz-transition:1s;}
.menu li .menutit:after {content: '';width: 0;height: 3px;background-color: #033b75;position: absolute;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);bottom: 0;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s}
.menu .cur a:after,.menu li:hover .menutit:after {width: 100%}
.menu .cur a.menutit, .menu .menutit:hover{ color:#033b75; }
.menu .menutit span{ display: block; width: 100%; font-size: 10px; line-height: 15px;}
.menu li .sub{ position:absolute; top: 100px; display:none;clear:both; z-index:999;background-color:#fff; width:120%; margin-left:-10%; border-radius: 0 0 8px 8px;}
.menu .subbox{ text-align:center; line-height:45px; padding-bottom:10px;box-shadow: 0 0 3px #ccc;}
.menu .subbox a{ display:block; font-size: 14px;}
.menu .subbox a:hover{background-color: #033b75; color:#fff;}

/* banner */
#banners{ float:left; width:100%; min-width:1360px; height:700px; position:relative;  z-index:1; overflow:hidden; background:#ccc}
.inbanner{ float:left; width:100%; height:360px; position:relative;  z-index:1; overflow:hidden; background:#575757}
.main-navbox{ margin: 0 auto; text-align: center;}
.main-nav {  display: inline-block;  *display: inline;zoom: 1; }
.main-nav li { display: inline-block;  *display: inline;zoom: 1; margin: 0 5px; height: 60px; line-height: 60px; }
.main-nav li a { display: block; padding: 0 20px; color: #5f5f5f; font-size: 18px; height: 60px; line-height: 60px; transition-duration:500ms;}
.main-nav li a:hover,.main-nav li a.current { color: #fff;  background: #e42832;}
.positionlink a{ line-height: 50px; font-size: 12px; }

/* wrapperbg */
.mainer-wrapper{ padding:30px 0;}

.mainer-wrapperpro{padding:100px 0;}
.mainer{ width:1460px; margin:0 auto;}
.mainerbanner{ width:1460px; margin:0 auto; overflow:hidden;}
.pmainer1{ float: left; width:680px; margin-left: 300px; height: 700px;}
.pmainer2{ float: right; width:680px; margin-right: 300px; height: 700px;}
.mainerproduct{ width:100%; margin:0 auto; max-width: 1920px; position: relative;}
.maineradv{ width:100%; margin:0 auto; max-width: 1920px; position: relative;}

/* title */
.home-title{ display:block; overflow:hidden; text-align: center; background:url(../images/title-icon.png) no-repeat bottom center; padding-bottom:10px;}
.home-title .ten { display:block; text-align:center; font: 18px/30px "Microsoft YaHei";text-transform: uppercase; color: #000; }
.home-title .tcn { display:block; text-align:center; font: bold 36px/40px "微软雅黑"; text-transform: uppercase; color: #000; }
.home-title .ten a { font-size: 18px; color: #ffffff; }

.home-titles{ display:block; overflow:hidden; text-align: center; background:url(../images/title-icon.png) no-repeat bottom center; padding-bottom:30px;}
.home-titles .ten { display:block; text-align:center; font: 18px/30px "Microsoft YaHei";text-transform: uppercase; color: #000; }
.home-titles .tcn { display:block; text-align:center; font: bold 40px/100px "微软雅黑"; color: #000; }
.home-titles .ten a { font-size: 18px; color: #ffffff; }

.home-more{ float:left; width:100%; margin-top:30px; overflow:hidden; text-align:center;}
.home-more a{ width:120px; height:30px; display:inline-block; border:#454753 solid 2px; text-align:center; font-size:14px; line-height:30px; overflow:hidden;}
.home-more a:hover{ background:#ffb102; color:#FFF}

.home-type-box{ width: 1350px; margin:0 auto;}
ul.typelist{ float: left; width: 100%;}
ul.typelist li{ float:left; text-align:center;  width:450px;  position:relative; }
ul.typelist li a{ float:left; _display:inline; text-align:center; z-index:9;}
ul.typelist li .pic{ float:left; width:100%;  overflow: hidden; }
ul.typelist li .pic img{ width:100%; transition:all 0.5s ease;}
ul.typelist li b{ float:left; width:100%; padding:5px 0; text-align:center; background:#e42832; color:#FFF; height:50px; line-height: 50px; font-size: 20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:keep-all; }
ul.typelist li a:hover .pic img{transform:scale(1.2); }

.quickbg{background:url(../images/cpt2-bg.jpg) center repeat-x; margin-top:30px;}
.quickcontainer{ float: left; width: 1240px; margin-left: 50px; background: #ffffff; height: 600px; padding: 40px 10px; }
.quickcontainer .sbox{ float: left; border-radius: 5px; margin: 5px; overflow: hidden; position: relative;}
.quickcontainer .sbox a{ float: left; display: block; width: 100%; height: 100%; color: #ffffff; }
.quickcontainer .leftbox{ float: left; width: 300px;  }
.quickcontainer .leftbox .videobox{ float: left; width: 300px; height: 250px; background: #033b75;background:url(../images/vido.jpg)}
.quickcontainer .leftbox .videobox b{ display: block; font-size: 25px; text-align: center; transition-duration:500ms;}
.quickcontainer .leftbox .videobox span{position: absolute; bottom: 10px; left: 0px; width: 100%; line-height: 40px; font-size: 25px; text-align: center; transition-duration:500ms;}
.quickcontainer .leftbox .videobox a:hover b{ display: block; font-size: 20px; text-align: center;}
.quickcontainer .leftbox .videobox a:hover span{ bottom: 70px; font-size: 25px;background-color:rgba(246,56,58,0.5);}

.quickcontainer .leftbox .casebox{ float: left; width: 300px; height: 330px; background:url(../images/bgcases.jpg) no-repeat center;}
.quickcontainer .leftbox .casebox .sbg{ position: absolute; top: -330px; display: block; width: 100%; height: 100%;background-color:rgba(3,59,117,0.5);  transition-duration:500ms;}
.quickcontainer .leftbox .casebox b{ display: block; font-size: 50px; text-align: center; transition-duration:500ms; color: #f6383a;}
.quickcontainer .leftbox .casebox span{position: absolute; bottom: 10px; left: 0px; width: 100%; line-height: 40px; font-size: 16px; text-align: center; transition-duration:500ms;background-color:rgba(246,56,58,0.5);}
.quickcontainer .leftbox .casebox a:hover b{ display: block; font-size: 30px; text-align: center; position: absolute; width: 100%;}
.quickcontainer .leftbox .casebox a:hover span{ bottom: 70px; font-size: 25px;}
.quickcontainer .leftbox .casebox a:hover .sbg{top: 0}

.quickcontainer .centerbox{ float: left; width: 600px; margin-left: 20px; }
.quickcontainer .centerbox .probox{ float: left; width: 600px; height: 590px; background:url(../images/bgpro.jpg) no-repeat center;}
.quickcontainer .centerbox .probox .sbg{ position: absolute; left: -600px; display: block; width: 100%; height: 100%;background-color:rgba(246,56,58,0.5);  transition-duration:500ms;}
.quickcontainer .centerbox .probox b{ display: block; width: 100%; position: absolute; top: -60px; font-size: 30px; text-align: center; transition-duration:500ms;}
.quickcontainer .centerbox .probox span{position: absolute; bottom: 10px; left: 0px; width: 100%; line-height: 40px; font-size: 16px; text-align: center; transition-duration:500ms;}
.quickcontainer .centerbox .probox a:hover b{ top: 0; }
.quickcontainer .centerbox .probox a:hover span{ bottom: 70px; font-size: 25px;background-color:rgba(246,56,58,0.5);}
.quickcontainer .centerbox .probox a:hover .sbg{left: 0}

.quickcontainer .rightbox{ float: right; width: 300px; }
.quickcontainer .rightbox .servicebox{ float: left; width: 300px; height: 120px; background: #f6383a;background:url(../images/prontactts.jpg) }
.quickcontainer .rightbox .servicebox span{position: absolute; bottom: 10px; left: 0px; width: 100%; line-height: 40px; font-size: 16px; text-align: center; transition-duration:500ms;}
.quickcontainer .rightbox .servicebox a:hover span{ bottom: 70px; font-size: 20px;background-color:rgba(246,56,58,0.5);}

.quickcontainer .rightbox .newsbox{ float: left; width: 300px; height: 120px; background: #033b75;background:url(../images/newcontact.jpg)}
.quickcontainer .rightbox .newsbox b{ display: block; font-size: 30px; text-align: center; transition-duration:500ms;}
.quickcontainer .rightbox .newsbox span{position: absolute; bottom: 10px; left: 0px; width: 100%; line-height: 40px; font-size: 16px; text-align: center; transition-duration:500ms;}
.quickcontainer .rightbox .newsbox a:hover b{ display: block; font-size: 30px; text-align: center;}
.quickcontainer .rightbox .newsbox a:hover span{ bottom: 20px; font-size: 25px;background-color:rgba(246,56,58,0.5);}

.quickcontainer .rightbox .contactbox{ float: left; width: 300px; height: 330px; background:url(../images/bgcontact.jpg) no-repeat center;}
.quickcontainer .rightbox .contactbox .sbg{ position: absolute; bottom: -330px; display: block; width: 100%; height: 100%;background-color:rgba(246,56,58,0.5);   transition-duration:500ms;}
.quickcontainer .rightbox .contactbox b{ display: block; font-size: 30px; text-align: center; transition-duration:500ms; color: #ffffff;}
.quickcontainer .rightbox .contactbox span{position: absolute; bottom: 10px; left: 0px; width: 100%; line-height: 40px; font-size: 16px; text-align: center; transition-duration:500ms;}
.quickcontainer .rightbox .contactbox a:hover b{ display: block; font-size: 30px; text-align: center; position: absolute; width: 100%;}
.quickcontainer .rightbox .contactbox a:hover span{ bottom: 70px; font-size: 25px;}
.quickcontainer .rightbox .contactbox a:hover .sbg{bottom: 0}


















/* product */
.pboxs-1{ background:url(../images/cpt1-bg.jpg) no-repeat top center; }
.pboxs-2{ background:url(../images/cpt2-bg.jpg) no-repeat top center; }

.pboxs-1 .typebox{ float: left; margin-left: 40px;  width: 770px; position: relative; z-index: 9999; }
.pboxs-1 .typeimg{ position: absolute; max-width:800px; right: 0px; top: 10px; overflow: hidden; }
.pboxs-1 .typeimg img{ float: left;  overflow: hidden; transition-duration:500ms;}
.pboxs-1 .typeimg:hover img{ transform:scale(1.1);}
.pboxs-1 .typebox b{ display: block; font-size: 30px; color: #033b75; line-height: 80px; margin-top:10px;}
.pboxs-1 .typebox p{ float: left; width: 100%; font-size: 16px; line-height: 30px; margin-top: 10px;}
.pboxs-1 .hxl{ float: left; width: 100%;  margin-top: 20px; border-top: #cccccc solid 2px; padding-top: 10px;}
.pboxs-1 .hxl a{ float: left; display: block; width: 33.3%; height: 40px; line-height: 40px; font-size: 16px; overflow: hidden; }
.pboxs-1 .hcp{ float: left; width:860px;margin-top: 50px; background: #ffffff; }

.pboxs-2 .typebox{ float: right; margin-right: 40px;  width: 740px; position: relative; z-index: 9999;margin-top: 60px; }
.pboxs-2 .typeimg{ position: absolute; max-width: 800px; left: 0px; top: 50px; overflow: hidden; }
.pboxs-2 .typeimg img{ float: left;  overflow: hidden; transition-duration:500ms;}
.pboxs-2 .typeimg:hover img{ transform:scale(1.1);}
.pboxs-2 .typebox b{ display: block; font-size: 30px; color: #033b75; line-height: 80px;  margin-top: 0px;}
.pboxs-2 .typebox p{ font-size: 16px; line-height: 30px;}
.pboxs-2 .hxl{ float: left; width: 100%;  margin-top: 20px; border-top: #cccccc solid 2px; padding-top: 10px;}
.pboxs-2 .hxl a{ float: left; display: block; width: 33.3%; height: 40px; line-height: 40px; font-size: 16px; overflow: hidden; }
.pboxs-2 .hcp{ float: right; width:860px;  margin-top: 50px; background: #ffffff; }







.hotpro{ overflow:hidden; position:relative;  border:1px solid #e8e7e7; margin-top:-20px;  }
.hotpro .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
.hotpro .hd .prev,.hotpro .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
			 cursor:pointer; background:url("../images/arrow.png") 0 0 no-repeat;}
.hotpro .hd .next{ background-position:0 -50px;  }
.hotpro .hd .prevStop{ background-position:-60px 0; }
.hotpro .hd .nextStop{ background-position:-60px -50px; }
.hotpro .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.hotpro .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../images/icoCircle.gif") 0 -9px no-repeat; }
.hotpro .hd ul li.on{ background-position:0 0; }
.hotpro .bd{ padding:10px;   }
.hotpro .bd ul{ overflow:hidden; zoom:1; }
.hotpro .bd ul li{ margin:0 10px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.hotpro .bd ul li .pic{ text-align:center; padding:4px; border:1px solid #e8e7e7; width: 245px; height: 180px; overflow: hidden;margin-top:-5px;}
.hotpro .bd ul li .pic img{ width:245px; height:180px; transition-duration:500ms;}
.hotpro .bd ul li a:hover img{transform:scale(1.1);}
.hotpro .bd ul li .title{ line-height:30px; font-size: 16px; }

.hotsalebox{ float: left; width: 1460px; margin-top: 40px; }
.hotsale-left{ margin:0 auto; width:1460px; position:relative;}
.hotsale-left .prev,
.hotsale-left .next{ position:absolute; left:0px; top:50%; margin-top:-25px; display:block; width:40px; height:40px; background:url(../images/bprev.png) no-repeat; z-index: 999; filter:alpha(opacity=50);opacity:0.5; z-index:999 }
.hotsale-left .next{ left:auto; right:0px; width:40px; height:40px; background:url(../images/bnext.png) no-repeat; }
.hotsale-left .prev:hover,
.hotsale-left .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.hotsale-left .prevStop{ display:none;  }
.hotsale-left .nextStop{ display:none;  }
.hotsale-left .bd{ margin-top:20px; margin:0 auto; width:1360px;}
.hotsale-left.bd ul{ zoom:1; }
.hotsale-left .bd ul li{ margin-right:20px; margin-left:20px; float:left; text-align:center;  width:430px;  position:relative; }
.hotsale-left .bd ul li a{ float:left; _display:inline; text-align:center;  width:400px; z-index:9;}
.hotsale-left .bd ul li .pic{ float:left; width:400px; height:390px; overflow: hidden; border:#f1f1f1 solid 1px;}
.hotsale-left .bd ul li .pic img{ width:400px; height:390px; transition:all 0.8s ease; }
.hotsale-left .bd ul li .con{ float:left; width:392px; padding:5px; text-align:center; background:#efefef; }
.hotsale-left .bd ul li .con strong{ float:left; width:100%; height:30px;  font: bold 16px/30px "Microsoft YaHei"; text-align:center;  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:keep-all; background:url(../images/prolineon.png) bottom center no-repeat; padding-bottom:5px;}
.hotsale-left .bd ul li .con p{ float:left; width:380px; line-height:20px; height:40px; overflow:hidden;}
.hotsale-left .bd ul li a:hover .pic img{ transform:scale(1.2); }
.hotsale-left .bd ul li a:hover .con{ background:#033b75; color:#ffffff ;}
.hotsale-left .hd{ float:left; width:100%; height:30px; line-height:30px; margin-top:20px; text-align:center; }	
.hotsale-left .hd ul{ text-align:center;  padding-top:5px;  }	
.hotsale-left .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:9px; height:9px; margin:5px; background:url(../images/icoCircle.gif) 0 -9px no-repeat; overflow:hidden;}	
.hotsale-left .hd ul .on{ background-position:0 0; }

.caseslider{ width:100%;  min-width:980px;  height:600px;  position:relative; overflow:hidden; background:#fff; text-align:center;   }	
.caseslider .bd{ width:980px; position:absolute; left:50%; margin-left:-490px  }	
.caseslider .bd li{ width:980px;  overflow:hidden; position: relative; }	
.caseslider .bd li img{ display:block; width:980px; height:600px;    }	
.caseslider .bd li .cinfo{ position: absolute; bottom: 0; left: 0; width: 940px; padding: 10px 20px; height: 100px; background-color:rgba(0,0,0,0.5); }
.caseslider .bd li .cinfo b{ display: block; color: #ffffff; font-size: 20px;  text-align: left;}
.caseslider .bd li .cinfo p{ display: block; color: #ffffff; font-size: 15px;  text-align: left; line-height: 30px; height: 60px; overflow: hidden;}
.caseslider .tempWrap{ overflow:visible !important }	
.caseslider .tempWrap ul{  margin-left:-980px !important; }	
.caseslider .hd{ position:absolute; width:100%; left:0;  z-index:1; height:8px; bottom:20px;  text-align:center;  }	
.caseslider .hd li{ display:inline-block; *display:inline; zoom:1; width:8px; height:8px; line-height:99px; overflow:hidden; margin:0 5px; cursor:pointer; filter:alpha(opacity=60);opacity:0.6;  }	
.caseslider .hd li.on{ background-position:0 0; filter:alpha(opacity=100);opacity:1;  }	
.caseslider .pnBtn{  position:absolute; z-index:1; top:0; width:100%;  height:600px; cursor:pointer;   }	
.caseslider .prev{ left:-50%; margin-left:-490px;  }	
.caseslider .next{ left:50%;  margin-left:490px;  }	
.caseslider .pnBtn .blackBg{ display:block;  position:absolute; left:0; top:0; width:100%; height:600px; background:#000; filter:alpha(opacity=50);opacity:0.5;   }	
.caseslider .pnBtn .arrow{ display:none;   position:absolute; top:0; z-index:1; width:60px; height:600px;  }	
.caseslider .pnBtn .arrow:hover{ filter:alpha(opacity=60);opacity:0.6; }	
.caseslider .prev .arrow{ right:0; background:url(../images/slider-arrow.png) -100px 290px no-repeat;   }	
.caseslider .next .arrow{ left:0; background:url(../images/slider-arrow.png) 20px 290px no-repeat;  }


.news{ left:0; background:url(../images/news.jpg); }
.about{ left:0; background:url(../images/quick.jpg);  height: 690px;}
.prdt{ left:0; background:#f8f8f8; height: 690px; }
.hored{ left:0; background:url(../images/bg3.jpg); height: 290px;}

.productnavbox { width: 100%; position: relative; text-align: left; margin-top: 20px;}
.productnavbox .bd ul { height: 640px; }
.slidetext {width:600px; font-size: 16px;  }
.slidetext h3 {display: block; font-size:40px; line-height: 100px;; text-transform: uppercase; }
.slideinfo { color: #333333; line-height: 35px; height: 175px; font-size: 16px; overflow: hidden; margin-top: 30px; }
.slidemore { transition-duration:500ms; display: block; width: 200px; height: 40px; line-height: 40px; margin-top: 10px; color: #e32831; font-size: 16px; text-align: center; border:#e32831 solid 1px; border-radius: 5px; }
.slidemore:hover { background-color: #e32831; color: #ffffff;}
.slideimg { width: 750px; margin-right: -100px;}
.slideimg img { width: 750px; height: 600px; display: block; transition-duration:500ms; box-shadow: 0 5px 30px rgba(0, 0, 0, 0.12);}
.slideimg img:hover {transform:scale(1.1); }
.productnavbox .hd{ position: relative;z-index: 9; float: left; width: 100%; margin-top:0px; }
.productnavbox .hd ul { height: 220px; width: 1200px; padding:0 90px; border: 1px solid #d3d3d3; background-color: #fff;  border-radius: 110px;box-shadow: 0 5px 25px rgba(0, 0, 0, 0.12);}
.productnavbox .hd ul li { float: left; width:200px; }
.productnavbox .hd ul li a { height: 150px; padding: 40px 0; position: relative; display: block; color: #000; font-size: 18px; text-align: center; }
.productnavbox .hd ul li a div img {width: 80px; height: 64px; transition-duration:300ms;}
.productnavbox .hd ul li a:hover img{ transform:scale(1.2);}
.productnavbox .hd ul li a p { margin:15px 0 15px; }
.productnavbox .hd ul li a span { display: block; margin: 0 auto; width: 18px; height:3px; background-color: #e42832; transition-duration:500ms}
.productnavbox .hd ul li a em { position: absolute; right: 0; top: 0; height: 100%; width: 1px; z-index: 5; display: block; }
.productnavbox .hd ul li.on a { color: #e42832; }
.productnavbox .hd ul li.on a span { width: 100px; }

.picScroll-left{ float: left; width:850px; height: 210px; margin-top: 30px; position:relative; overflow: hidden; z-index: 99; background:url(../images/pbg.png) ; border-radius: 100px;}
.picScroll-left .sprev,
.picScroll-left .snext{ position:absolute; left:10px; 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 .snext{ left:auto; right:0px; background-position:-60px 5px; }
.picScroll-left .sprev:hover,
.picScroll-left .snext:hover{ filter:alpha(opacity=100);opacity:1;  }
.picScroll-left .pbd{ margin:0 auto; width:750px; margin-top: 20px;}
.picScroll-left .pbd ul{ zoom:1; }
.picScroll-left .pbd ul li{ margin-right:5px; margin-left:5px; float:left; text-align:center;  width:140px;  position:relative; }
.picScroll-left .pbd ul li a{ float:left; _display:inline; text-align:center;  width:200px; z-index:9;}
.picScroll-left .pbd ul li .pic{ float:left; width:140px;}
.picScroll-left .pbd ul li .pic img{ width:140px; height:140px; transition:all 0.8s ease; border: #e8e8e8 solid 1px;}
.picScroll-left .pbd ul li .con{ float:left; width:140px; text-align:center; color:#ffffff;}
.picScroll-left .pbd ul li .con strong{ float:left; width:100%; height:30px;  line-height: 30px; font-size: 14px; font-weight: normal; text-align:center;  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:keep-all; background:url(../images/prolineon.png) bottom center no-repeat; padding-bottom:5px;}
.picScroll-left .pbd ul li .con p{ float:left; width:110px; line-height:20px; height:40px; overflow:hidden;}
.picScroll-left .phd{ float:left; width:100%; height:30px; line-height:30px; margin-top:20px; text-align:center; }	
.picScroll-left .phd ul{ text-align:center;  padding-top:5px;  }	
.picScroll-left .phd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:9px; height:9px; margin:5px; background:url(../images/icoCircle.gif) 0 -9px no-repeat; overflow:hidden;}	
.picScroll-left .phd ul .on{ background-position:0 0; }


/* news */
.news-container{ float:left; width:1360px;}
.news-box{ float:left; width:1360px;}
.question-box{ float:right; width:360px; margin-top: 20px;}

.news-nav-list{ float: left; width: 540px; margin-left: 410px;  }
.news-nav-list li{ float: left; width:180px; text-align: center; background: url(../images/menu-line.png) no-repeat right center; }
.news-nav-list li a{ float: left; width:100%; font-size: 22px; line-height: 80px; height: 80px; transition-duration:500ms; }
.news-nav-list li.on a{ font-weight: bold; color: #033b75; background: url(../images/arr-t.png) no-repeat center bottom;}

.newsmain{float: left; width: 1360px; margin-top: 20px;  position: relative; }
.nmore{ position: absolute; top: -75px; right: 10px;  width: 60px; height: 50px; line-height: 50px; font-size: 16px; text-transform: uppercase; transition-duration:500ms;}
.nmore:hover{ padding-right: 10px; width: 60px; background: url(../images/arr-r.png) no-repeat right center;}
.nleft{ float: left; width: 860px; }
.renewsbox{float: left; width: 1360px;position: relative; }
.newsrecommendbox{ float: left; width: 860px; background: #033b75; box-shadow: 0 5px 25px rgba(0, 0, 0, 0.12);}
.newsrecommendbox img{ float: left; width: 400px; height: 300px; }
.ninfo{ float: left; padding: 20px; width: 400px; line-height: 25px; color: #ffffff; }
.ninfo h3 a{ float: left; width: 400px; transition-duration:500ms; height: 50px; color: #ffffff;  line-height: 50px; font-size: 20px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; word-break:keep-all;}
.ninfo p{ float: left; width: 400px; line-height: 30px; font-size: 15px;}
.ninfo h3 a:hover{ padding-left: 20px; width: 380px; background: url(../images/arr-r.png) no-repeat left center;}

.newslistbox{ float: left; width: 860px; margin-top: 20px; }
.newslistbox .nlist1 li{ float: left; width: 260px; height: 240px; margin: 0 10px; }
.newslistbox .nlist1 li a{ float: left; display: block; width: 100%; height: 50px; line-height: 50px; font-size: 20px; transition-duration:500ms; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; word-break:keep-all; }
.newslistbox .nlist1 li a:hover{ padding-left: 20px; width: 240px; background: url(../images/arr-r.png) no-repeat left center;  overflow: hidden;}
.newslistbox .nlist1 li p{ float: left; display: block; width: 100%; height: 75px; line-height: 25px; font-size: 14px; overflow: hidden;}
.newslistbox .nlist1 li span{float: left; display: block; width: 100%; height: 50px; font-size: 16px; line-height: 30px; font-weight: bold;}

.newslistall{ float: right; width: 460px;}

.q-title{ float: left; width: 100%; height: 50px; border-bottom: #e3e3e3 solid 1px; }
.q-title h3{ float: left; width: 150px; height: 50px; line-height: 50px; background: #e42832; color: #fff; font-size: 20px; text-align: center; }
.q-title a{float: right; width: 60px; height: 50px; line-height: 50px; font-size: 16px; text-transform: uppercase; transition-duration:500ms;}
.q-title a:hover{ padding-right: 10px; width: 60px; background: url(../images/arr-r.png) no-repeat right center;}

.question-top{ float:left; width:100%; position: relative; overflow: hidden; margin-top: 20px;}
.q-list li { float: left; width: 100%; padding-bottom: 20px;  border-bottom: #e3e3e3 solid 1px;}
.q-list li a{ float: left; width: 460px; transition-duration:500ms; font-weight: bold; height: 60px; line-height: 60px; font-size: 20px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; word-break:keep-all;}
.q-list li p{ line-height: 25px; font-size: 15px;}
.q-list li a:hover{ padding-left: 20px; width: 440px; background: url(../images/arr-r.png) no-repeat left center; }


.bgadv{ background:url(../images/advbg.jpg) no-repeat top center; background-size:cover ; height: 660px; }
.advantagebox { float: left; display:block; width: 100%; position: relative; text-align: left; }

.advantagebox .advbox{ float: left; width: 1360px; position: relative;}
.advantagebox .bd ul {zoom: 1; height: auto; overflow: hidden;}
.advtext {float: right; width:520px; height: 460px; font-size: 16px; color: #ffffff; }
.advtext h3 {display: block; font-size:36px; line-height: 60px;; text-transform: uppercase; padding-bottom: 10px; border-bottom: #033b75 solid 3px; }
.advtext span {display: inline-block; font-size:14px; line-height:50px; font-weight: bold; text-transform: uppercase; color: #ccc; border-top:#e42832 solid 2px; }
.advinfo {  line-height: 30px;  overflow: hidden; margin-bottom: 30px; margin-top: 30px; color: #fff;}
.advmore { transition-duration:500ms; display: block; width: 120px; height: 32px; line-height: 32px; color: #fff; font-size: 14px; text-align: center; background-color: #646464; border-radius: 16px; }
.advmore:hover { background-color: #e42832;  color: #fff;}
.advimg { float: left;  width: 500px;}
.advimg img { width: 800px; height: 560px; display: block; transition-duration:500ms;}
.advimg img:hover { filter: alpha(opacity=70); opacity: 0.7; }

.advantagebox .hd {float: left; width: 100%; position: relative; text-align: center; margin-top: 50px;}
.advantagebox .hd ul { height: 200px; width: 1000px;  margin:0 auto; }
.advantagebox .hd ul li { float: left; width:240px; cursor: pointer; margin: 0 20px; }
.advantagebox .hd ul li a { display: block; width:240px; height: 160px; padding-top:10px; position: relative; display: block; color: #ffffff; font-size: 18px; text-align: center; background: #033b75; }
.advantagebox .hd ul li a i { position: absolute; left: 0; top: -10px; height: 11px; width: 100%; z-index: 5; display: none; background: url(../images/arr.png) no-repeat center top; }
.advantagebox .hd ul li a div { height: 70px; background-position: center top; background-repeat: no-repeat; margin-top: 20px;  }
.advantagebox .hd ul li a p { margin:5px 0 5px; font-size: 24px; }
.advantagebox .hd ul li a em { position: absolute; right: 0; top: 0; height: 100%; width: 1px; z-index: 5; display: block; }
.advantagebox .hd ul li .a0 { background-image: url(../images/icon0.png); }
.advantagebox .hd ul li .a1 { background-image: url(../images/icon1.png); }
.advantagebox .hd ul li .a2 { background-image: url(../images/icon2.png); }

.advantagebox .advbox .prev{ position:absolute; right:450px; top:500px; display:block; width:40px; height:40px; background:url(../images/bprev.png) no-repeat; z-index: 999; }
.advantagebox .advbox .next{ position:absolute; right:400px; top:500px; display:block; width:40px; height:40px; background:url(../images/bnext.png) no-repeat; z-index: 999; }

.aboutbox{ float: left; width: 1460px; }
.aboutimg{ float: right; width: 720px; overflow: hidden; }
.aboutimg img{ width: 700px; transition-duration:500ms; margin-top: 30px;}
.aboutimg:hover img{ transform:scale(1.2);}
.aboutinfo{ float: right; width: 720px; }
.abouttext b{ display: block; font-size: 36px; margin-top: 50px; margin-bottom: 10px; }
.abouttext .ainfo{ display: block; }
.abouttext p{ font-size: 16px; line-height: 35px;}
.abouttext a{ font-size: 16px; color: #033b75;}

.aboutnavinfo{ float: left; width: 700px; height: 140px; background: #efefef; margin-top: 40px; }
.aboutnavinfo ul{ float: left; width: 700px; }
.aboutnavinfo ul li{ float: left; width: 170px;}
.aboutnavinfo ul li a{ float: left; width: 170px; height: 50px; padding: 80px 25px 20px 25px; font-size: 20px; line-height: 50px; text-align: center;}
.aboutnavinfo ul li a.a1{ background: url(../images/a1.png) no-repeat 85px 25px; }
.aboutnavinfo ul li a.a2{ background: url(../images/a2.png) no-repeat 85px 25px; }
.aboutnavinfo ul li a.a3{ background: url(../images/a3.png) no-repeat 85px 25px; }
.aboutnavinfo ul li a.a4{ background: url(../images/a4.png) no-repeat 85px 25px; }
.aboutnavinfo ul li a:hover{ color:#ff0012; }


.honorbox{ float: left; width: 1460px; margin-top: -30px; }
.honor-left{ margin:0 auto; width:1460px; position:relative;}
.honor-left .prev,
.honor-left .next{ position:absolute; left:0px; top:50%; margin-top:-25px; display:block; width:40px; height:40px; background:url(../images/bprev.png) no-repeat; z-index: 999; filter:alpha(opacity=50);opacity:0.5; z-index:999 }
.honor-left .next{ left:auto; right:0px; width:40px; height:40px; background:url(../images/bnext.png) no-repeat; }
.honor-left .prev:hover,
.honor-left .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.honor-left .prevStop{ display:none;  }
.honor-left .nextStop{ display:none;  }
.honor-left .bd{ margin-top:20px; margin:0 auto; width:1460px;}
.honor-left .bd ul{ zoom:1; }
.honor-left .bd ul li{ margin-right:20px; margin-left:20px; float:left; text-align:center;  width:250px;  position:relative; }
.honor-left .bd ul li a{ float:left; _display:inline; text-align:center;  width:260px; z-index:9;}
.honor-left .bd ul li .pic{ float:left; width:260px;  overflow: hidden; }
.honor-left .bd ul li .pic img{ width:257px;  transition:all 0.8s ease;border:#999 solid 1px;  }
.honor-left .bd ul li .con{ float:left; width:250px; padding:5px; text-align:center; background:#efefef; }
.honor-left .bd ul li .con strong{ float:left; width:100%; height:30px;  font: bold 16px/30px "Microsoft YaHei"; text-align:center;  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:keep-all; background:url(../images/prolineon.png) bottom center no-repeat; padding-bottom:5px;}
.honor-left .bd ul li .con p{ float:left; width:250px; line-height:20px; height:40px; overflow:hidden;}
.honor-left .bd ul li a:hover .pic img{ transform:scale(1.2); }
.honor-left .bd ul li a:hover .con{ background:#033b75; color:#ffffff ;}
.honor-left .hd{ float:left; width:100%; height:30px; line-height:30px; margin-top:20px; text-align:center; }	
.honor-left .hd ul{ text-align:center;  padding-top:5px;  }	
.honor-left .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:9px; height:9px; margin:5px; background:url(../images/icoCircle.gif) 0 -9px no-repeat; overflow:hidden;}	
.honor-left .hd ul .on{ background-position:0 0; }

/*.bgabout{ background:url(../images/aboutbg.jpg) no-repeat top center; background-size:cover ; height: 600px; }
.aboutbox{ float: left; width: 900px; height: 600px; margin-left: 230px; background-color:rgba(255,255,255,0.7); }
.aboutboxs{ float: left; width: 760px; padding: 50px; border: #033b75 solid 1px; margin: 20px; height: 460px; background-color:rgba(255,255,255,0.5); }
.aboutboxs b{ display: block; font-size: 50px; margin-top: 30px; }
.aboutboxs p{ font-size: 16px; line-height: 30px; margin-top: 30px; }
.aboutboxs a{ font-size: 16px; color: #033b75;}*/






/* newproud */
.newproudbox{ float: left; width: 1360px; margin-top: 30px; }
.newproud-left{ margin:0 auto; width:1360px; position:relative;}
.newproud-left .prev,
.newproud-left .next{ position:absolute; left:0px; top:50%; margin-top:-25px; display:block; width:40px; height:40px; background:url(../images/bprev.png) no-repeat; z-index: 999; filter:alpha(opacity=50);opacity:0.5; z-index:999 }
.newproud-left .next{ left:auto; right:0px; width:40px; height:40px; background:url(../images/bnext.png) no-repeat; }
.newproud-left .prev:hover,
.newproud-left .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.newproud-left .prevStop{ display:none;  }
.newproud-left .nextStop{ display:none;  }
.newproud-left .bd{ margin-top:20px; margin:0 auto; width:1360px;}
.newproud-left .bd ul{ zoom:1; }
.newproud-left .bd ul li{ margin-right:20px; margin-left:20px; float:left; text-align:center;  width:230px;  position:relative; }
.newproud-left .bd ul li a{ float:left; _display:inline; text-align:center;  width:230px; z-index:9;}
.newproud-left .bd ul li .pic{ float:left; width:230px; height:230px; overflow: hidden; }
.newproud-left .bd ul li .pic img{ width:230px; height:230px; transition:all 0.8s ease; }
.newproud-left .bd ul li .con{ float:left; width:220px; padding:5px; text-align:center; background:#efefef; }
.newproud-left .bd ul li .con strong{ float:left; width:100%; height:30px;  font: bold 16px/30px "Microsoft YaHei"; text-align:center;  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:keep-all; background:url(../images/prolineon.png) bottom center no-repeat; padding-bottom:5px;}
.newproud-left .bd ul li .con p{ float:left; width:220px; line-height:20px; height:40px; overflow:hidden;}
.newproud-left .bd ul li a:hover .pic img{ transform:scale(1.2); }
.newproud-left .bd ul li a:hover .con{ background:#033b75; color:#ffffff ;}
.newproud-left .hd{ float:left; width:100%; height:30px; line-height:30px; margin-top:20px; text-align:center; }	
.newproud-left .hd ul{ text-align:center;  padding-top:5px;  }	
.newproud-left .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:9px; height:9px; margin:5px; background:url(../images/icoCircle.gif) 0 -9px no-repeat; overflow:hidden;}	
.newproud-left .hd ul .on{ background-position:0 0; }
.nums{ margin-top: 30px; }
.numbox{ float: left; width: 160px; margin: 0 10px; font-size: 16px;}
.numbox span{ display: block;  font-size: 45px; font-weight: bold; line-height: 70px;}

/* maincontent */
.main{ float:right; width:1060px; min-height: 800px; line-height:30px; overflow:hidden; font-size:16px; padding:18px 28px; border: solid #eeeeee 1px;}
.main-content{ float:left; width:1060px; line-height:30px; overflow:hidden; font-size:16px; }
.main-content img{ max-width: 1060px; height:auto; width:expression(this.width > 960 ? "960px" : this.width);}

.m-title{ float: left; width: 100%; display: block; font-size: 24px; line-height: 60px; border-bottom:solid #cccccc 1px ; margin-bottom: 30px; }
.m-title b{ float: left; border-bottom:solid #005ba1 1px ; color: #005ba1; line-height:60px;  }

.main-content .titles{ display:block; font-size:30px; line-height:60px; text-align:center; border-bottom:1px dashed #ccc;}
.main-content .date{ display:block; font-size:14px; line-height:40px; text-align:center; margin-top: 20px;}

.side{ float:left; width:300px; background:#fff; padding-bottom:10px;margin-bottom:50px}
.side-head{ float: left; display: block; width: 100%; background-color: #033b75;text-align: center;}
.side-head .sen {font-size: 20px;color: white;height: 45px;line-height: 45px;}
.side-head .scn {font-size: 16px;line-height: 45px;color: white;}
.side-con{ float:left; width:270px; border: solid #eeeeee 1px; padding: 13px;}
.sidelist{ float:left; width:100%;}
.sidelist li{  float:left; width:270px; border-bottom: 1px solid #eeeeee;}
.sidelist li a{ float: left; width: 240px; display:block; height: 50px;line-height: 50px;text-align: left; cursor: pointer;font-size: 17px; color:#828282; padding: 0 20px 0 10px; background: url(../images/arrs.png) center right no-repeat;}
.sidelist li a:hover,.sidelist li a.on{ color:#005ba1; font-weight: bold; }
.sidelist li .sidesubnav{ float: left; width: 260px; margin-left: 10px;}
.sidelist li .sidesubnav a{ float: left; width: 230px; display:block; height: 40px;line-height: 40px;text-align: left; cursor: pointer;font-size: 15px; color:#828282; padding: 0 10px 0 20px; background: url(../images/arrs.png) center left no-repeat;}
.sidelist .shows{ display: block; }
.sidelist .hides{ display: none; }

.sidenewslist{ float:left; width:100%;}
.sidenewslist li{  float:left; width:270px; height: 40px; border-bottom: 1px solid #eeeeee;}
.sidenewslist li a{ float: left; width: 240px; display:block; height: 40px;line-height: 40px;text-align: left; cursor: pointer;font-size: 16px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; word-break:keep-all; color:#828282; padding: 0 10px 0 20px; background: url(../images/arrow-r.jpg) center left no-repeat;}
.sidenewslist li a:hover,.sidelist li a.on{ color:#005ba1; font-weight: bold; }

.side-iconbox{ float:left; width:270px;}
.siconbox{margin-left: 15px;padding-top: 10px;padding-bottom: 10px;width: 110px;height: 60px;float: left;text-align: center;margin-top: 20px;border: 1px solid lightgray;cursor: pointer;font-size: 16px;}
.siconbox a{font-size: 16px;}

.siconbox .sew {position: relative;z-index: 500;display: none;width: 102px;height: 102px;border: none;}
.siconbox .sew  img {width: 120px;height: 120px;}
.swx:hover .sew {display: block;margin-left: -0px;margin-top: -180px;}

/* news */
.news-list { float: left; width: 100%; margin-top: 0px; height: auto; overflow: hidden; }
.news-list li { width:1030px; float: left; position: relative;margin: 40px 14px 50px 14px; border: #f1f1f1 solid 1px; transition-duration:500ms;}
.news-list li a { display: block; padding: 10px 20px; color: #444; }
.news-list li a h3 { font-size: 18px; line-height: 50px; height: 50px; margin-left: 130px; transition-duration:500ms;}
.news-list li a p { color: #777; line-height: 30px; font-size: 14px; margin-bottom: 10px; }
.news-list li:hover {box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); }
.news-list li:hover a { color: #005ba1; }
.news-list li:hover a h3 {margin-left: 140px; }
.news-list li:hover a .ntext { background-color: #005ba1; }
.news-list li:hover a .ntext span { color: #fff; }
.news-list .ntext { position: absolute; left: 25px; top: -40px; z-index: 5; height: 80px; background-color: #646464; width: 80px; padding: 5px; text-align: right; color: #fff; }
.news-list .ntext b { font-weight: normal; display: block; font-size: 28px; line-height: 28px; padding: 20px 0 5px; }
.news-list .ntext span { display: block; font-size: 14px; color: #a4a4a4; }

/* certificate */
.certificate-list { float: left; width: 100%; overflow: hidden; text-align: center;}
.certificate-list li { float: left; display: block; zoom: 1; position: relative; width: 260px;  background: #fff; border: #eeeeee solid 1px; padding:20px 18px; margin:20px 10px; overflow: hidden; }
.certificate-list li a { float: left; display: block; color: #333; overflow: hidden;}
.certificate-list li a .p-img{ float:left; width:260px; height:220px; overflow:hidden; position:relative;}
.certificate-list li a .p-img img{ width:260px; transition-duration:500ms;}
.certificate-list li a .p-info{ display:block; overflow:hidden; padding:10px 40px; text-align:center; z-index:3; }
.certificate-list li a .p-info h3{ display:block; height: 50px; line-height:50px; font-size:16px; font-weight:normal; overflow:hidden;}
.certificate-list li a .p-info p{ display: block; line-height:20px; color:#aaa; height:20px; font-size: 12px; overflow:hidden; }
.certificate-list li a:hover .p-img img{ transform:scale(1.1);}
.certificate-list li:hover {box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);}


/* product */
.product-list { float: left; width: 100%; overflow: hidden; text-align: center;}
.product-list li { float: left; display: block; zoom: 1; position: relative; width: 298px; border: #f1f1f1 solid 1px; background: #fff;  margin:20px; overflow: hidden; }
.product-list li a { float: left; display: block; color: #333; overflow: hidden; padding:9px;}
.product-list li a .p-img{ float:left; width:260px; max-height:260px; overflow:hidden; position:relative;}
.product-list li a .p-img img{ width:260px; height:260px; transition-duration:500ms;}
.product-list li a .p-info{ display:block; overflow:hidden; padding:20px 40px; margin-top: 10px; text-align:center; z-index:3; border-top: #f1f1f1 solid 1px; }
.product-list li a .p-info h3{ display:block; line-height:30px; font-size:16px; font-weight:normal; height: 60px; overflow: hidden;}
.product-list li a:hover .p-img img{ transform:scale(1.1);}
.product-list li:hover{box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);}
.product-list li a .p-info span{ transition-duration:500ms; display: block; margin:0 auto; line-height:30px; color:#fff; border: #fff solid 1px; height:30px; overflow:hidden; margin-top: 10px; background: #033b75; width: 100px; text-align: center;  border-radius: 5px;}
.product-list li a:hover .p-info span{  background: #fff; border: #005ba1 solid 1px; color:#005ba1; }
.product-list li a .p-info span em{ filter: alpha(opacity=0); opacity: 0;}
.product-list li a:hover .p-info span em{ filter: alpha(opacity=100); opacity: 1; }

.download-list{ float:left; overflow:hidden; zoom:1; width:960px;}
.download-list li{ float:left; width:460px; overflow:hidden; position:relative; margin:0px 9px 20px 9px; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); border-radius: 10px; border:#fafafa solid 1px;}
.download-list li .ptxt{ float:left; width:440px; padding:10px 10px; text-align:center; background: #ffffff; }
.download-list li .ptxt i{ display: block; height: 25px; width: 100%; background:url(../images/star.png) center no-repeat;}
.download-list li .ptxt span{ display: block; height: 50px; width: 100%; line-height: 50px; font-size: 16px; overflow:hidden;}
.download-list li a:hover .pic img{transform:scale(1.1); }
.download-list li a:hover .ptxt{background: #005ba1; color: #ffffff;}
.download-list li a:hover .ptxt i{background:url(../images/star-w.png) center no-repeat; }
.download-list li a:hover .ptxt p{ color: #ffffff; }

/* download */
/*.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;}*/

/* product-detail */
.pro-briefbox{ float: left; width: 1040px; line-height: 30px; font-size: 14px; margin-top: 20px; }
.pro-briefbox .brief{line-height: 30px; font-size: 14px;}
.proimgbox{ float:left; width:584px; }
.proimgbox .proimg{ float:left; width:580px; border:1px #dfdcdc solid;}
.proimgbox .proimg img{ width:580px; }

.proimgscroll-left{ float:left; width:400px; overflow:hidden; position:relative; margin-top:10px; }
.proimgscroll-left .bd{ width:300px; margin:0 auto; overflow:hidden;}
.proimgscroll-left .bd ul{ overflow:hidden; zoom:1; }
.proimgscroll-left .bd ul li{ float:left; width:52px; height:52px; margin-right:4px; margin-left:4px; overflow:hidden;border:1px #CCCCCC solid; }
.proimgscroll-left .bd ul li img{ width:50px; height:50px;}
.proimgscroll-left .prev,
.proimgscroll-left .next{ position:absolute; left:0; top:50%; margin-top:-25px; display:block; width:14px; height:50px; background:url(../images/sprev.png) left top no-repeat; z-index:999   }
.proimgscroll-left .next{ left:auto; right:0px; background:url(../images/snext.png) left top no-repeat;}

.fa{ font-size: 14px; }
.article-nextprev{ float:left; width: 100%;  clear: both; display: block; margin-top:20px; text-align:center; font-size: 14px;}
.article-nextprev div{ width:33.3%; float:left;}
.article-nextprev a{ font-size: 14px;}

/* foot */
.footerlinkbg{background:#033b75; padding: 50px 0; color: #ffffff;}
.footerlinkbg strong{ float: left; display: block; width: 100%; font-size: 25px; height: 70px; }

.linklist { float: left; height: auto; overflow: hidden; width: 300px; }
.linklist a { float: left; display: block; width: 120px; height: 40px; line-height: 40px; margin-right: 10px; color: #ffffff; font-size: 16px; text-align: center; }
.linklist a:hover { background:#033b75; }


.footer-contact{ float: left; width: 720px; margin-left: 30px; }
.footer-contact ul{ float: left; margin-top: 0px; }
.footer-contact li{ float: left; width: 320px; font-size: 16px;line-height: 20px;color: #ffffff;height: 70px;padding-left: 40px; }
.footer-contact li b{ font-size: 26px;line-height: 26px;color: #ffffff;font-weight: bold;font-family: Arial;display: block;}
.footer-contact li:nth-child(1){ background: url(../images/foot1.png) no-repeat left 8px; }
.footer-contact li:nth-child(2){ background: url(../images/foot1.png) no-repeat left 8px; }
.footer-contact li:nth-child(3){ background: url(../images/foot2.png) no-repeat left 5px; }
.footer-contact li:nth-child(4){ background: url(../images/foot3.png) no-repeat left 7px; }

.footer-erw{float: right; width: 160px;} 
.footer-erw p{width: 160px;}    
.footer-erw p img{width: 120px;height: 120px;display: block;margin: 0 auto;}
.footer-erw span{display: block;font-size: 14px;color: #ffffff;line-height: 14px;text-align: center;padding-top: 20px;}

.footerbg{background:#042f5b; padding: 10px 0; color: #fff; text-align: center; line-height: 30px; font-size: 14px;}
.footerbg a{color: #fff; }

/* page */
.pageNavi { float:left; margin-top:20px; display:block; width: 100%; text-align: center; line-height:30px; font-size:12px; margin-bottom:10px;}
.wp-pagenavi { clear: both}
.wp-pagenavi a {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.page-num-current { background:#005ba1; color:#fff; border:#005ba1 solid 1px;}
.wp-pagenavi a:hover { background:#005ba1; color:#fff; border:#005ba1 solid 1px;}



.bain-content-box{float:left; width:100%; line-height:25px; overflow:hidden; font-size:16px;border:#ebe5e6 solid 1px; background: #fff; padding:0px 30px;}
.m_title{width:100%;text-align:center;background:#f8f8f8;padding:10px 0;margin-top:20px}
.m_title h3{width:100%;height:40px;line-height:40px;font-size:20px;color:#000;overflow:hiddeen;text-overflow:ellipsis;white-space:nowrap}
.m_title p{padding:0;margin:0;height:30px;line-height:30px;overflow:hiddeen;text-overflow:ellipsis;white-space:nowrap;color:#999;font-size:12px}
.m_title p span{margin:0 5px}
.m_cotent{padding:10px 0 10px 0}


.probriefbox{ float:right; width:420px;}
.probriefbox b{ float:left; width:100%; line-height: 40px; margin: 5px 0; font-size: 20px;}
.probriefbox .pdesc{ float: left; width: 100%; padding: 15px 0; line-height: 30px; font-size: 16px;}
.probriefbox .ptel{float: left; width: 100%; margin-top: 30px; }
.probriefbox p em{ float: left; display: block; width:80px;margin-left: 3px; text-align: center; height: 40px; line-height: 40px; background: #5cb85c; color: #ffffff; font-size: 16px; border-radius: 5px; }
.probriefbox p span{float: left; margin-left: 3px; width:160px; text-align: center; height: 40px; line-height: 40px; background: #d9534f; color: #ffffff; font-size: 16px; border-radius: 5px;}


.mainer6{ width:1500px; margin:0 auto;}



.home-case-box{ float:left; width:1320px; margin-top:10px; margin-right: 150px; }
.picScroll-left{ margin:0 auto; width:1400px; position:relative;}
.picScroll-left .prev,
.picScroll-left .next{ position:absolute; left:0px; 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:0px; 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; margin:0 auto; width:1400px;}
.picScroll-left .bd ul{ zoom:1; }
.picScroll-left .bd ul li{ margin-right:10px; margin-left:10px; float:left; text-align:center;  width:460px; padding:10px; position:relative; }
.picScroll-left .bd ul li a{ float:left; _display:inline; text-align:center;  width:450px; z-index:9;}
.picScroll-left .bd ul li .pic{ float:left; width:450px;   }
.picScroll-left .bd ul li .pic img{ width:450px; height:330px; transition:all 0.8s ease;border:#fff solid 1px;}
.picScroll-left .bd ul li .con{ float:left; width:435px; padding:10px; text-align:center; background:#fff; color:#333;}
.picScroll-left .bd ul li .con strong{ float:left; width:100%; height:30px;  font: bold 16px/30px "Microsoft YaHei"; text-align:center;  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:keep-all; background:url(../images/prolineon.png) bottom center no-repeat; padding-bottom:5px;}
.picScroll-left .bd ul li .con p{ float:left; width:330px; line-height:20px; height:40px; overflow:hidden;}
.picScroll-left .bd ul li a:hover .pic img{}
.picScroll-left .bd ul li a:hover .con{  color:#bc0007;}
.picScroll-left .hd{ float:left; width:100%; height:30px; line-height:30px; margin-top:20px; text-align:center; }	
.picScroll-left .hd ul{ text-align:center;  padding-top:5px;  }	
.picScroll-left .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:9px; height:9px; margin:5px; background:url(../images/icoCircle.gif) 0 -9px no-repeat; overflow:hidden;}	
.picScroll-left .hd ul .on{ background-position:0 0; }





.typeslide{ float:right; width:1520px; margin-top: 15px;}
.typeslide .typeslide-side { float: left; width: 1420px;}
.typeslide ol { float: left; width: 1520px;} 
.typeslide ol li { float:left; width: 300px; overflow: hidden; text-align: center;}
.typeslide ol li a{ float:left; padding-bottom:10px; width: 270px; height: 49px; line-height: 49px; overflow: hidden; font-size:18px;color:#333333;border-radius:20px;;border:#b6b5b5 solid 1px;  }    
.typeslide ol li a:hover,.typeslide ol li.on a{  center no-repeat; color:#a0091d; height: 49px; line-height: 49px; }

.typeslide .typeslide-main { float: right; width: 1540px;}
.typeslide .typeslide-main ul { float: left; width: 100%; margin-top: 30px;}
.typeslide .typeslide-main ul li{ float: left; width: 1540px;}
.typeslide .typeslide-main ul li .pbox{ float: left; width: 1540px; }
.typeslide .typeslide-main ul li .pbox .pitem{ float: left; width: 460px;height: 440px; margin: 20px; background: #eeeeee; hidden;border:#d2d4d5 solid 1px;border-radius:20px;}
.typeslide .typeslide-main ul li .pbox a .pic{  text-align:center;width: 420px; height: 390px; overflow:padding-left:0px;}
.typeslide .typeslide-main ul li .pbox a img{text-align:center; width: 420px; height: 370px; transition-duration:300ms;padding-left:0px; margin: 20px;}
.typeslide .typeslide-main ul li .pbox a span{ float: left;  width: 440px; padding: 5px; height: 50px; border-radius:20px;color: #333333; overflow: hidden; line-height: 45px; font-size: 14px; text-align: center;}

.typeslide .typeslide-main ul li .pitem:hover span{color: #ca0822;}

.bg1{ background:#f1f1f1;}
.box-wrapper{ background:url(../images/boxbg.jpg) top no-repeat; background-size:cover;}
.wrapper-bg{ background:#f4f6f7; top repeat;}
.advantage-wrapper-bg{ background:url(../images/advantage-wrapper-bg.jpg) top center no-repeat; background-size:cover;}
.about-wrapper-bg{ background:url(../images/about_bg.jpg) top center no-repeat;background-size:cover;  height:800px;}


.mainer2{ width:1050px; margin:0 auto;}



.numper {
	color: #fff;
	text-align: center;
	background: url(../images/about_bg.jpg) no-repeat center center;
	background-size: cover;
	height:605px;
}


.num-wrapper {
	color: #fff;
	text-align: center;
	background: url(../images/bg2.jpg) no-repeat center center;
	background-size: cover;
	height:405px;
}
.num-wrapper .home-title p {
	color: #fff;
}

.num-wrapper .countuplist {
	margin-top: 45px;
}

.num-wrapper .countuplist .countup-item {
	width: 33%;
	float: left;
	font-size: 26px;
	height: 207px;
	text-align: center;

	/* padding: 50px 0 ; */
}

.num-wrapper .countuplist .countup-item>div {
	margin: 0 auto;
	width: 100%;
}

.num-wrapper .countuplist .countup-item .num {
	font-size: 55px;
	margin-bottom: 20px;
}

.num-wrapper .countuplist .countup-item:nth-child(3n+2) {
	border-left: 1px solid rgba(255, 255, 255, .2);
	border-right: 1px solid rgba(255, 255, 255, .2);
}

.num-wrapper .countuplist .countup-item:nth-child(n+4) {
	border-top: 1px solid rgba(255, 255, 255, .2);
}








.home01 {
    position: relative;
    z-index: 2
}

.home01 h2 {
    text-align: center;
    color: #333;
    font-size: 36px;
}

.home01 h2:after {
    content: '';
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 12px;
    width: 60px;
    height: 2px;
    background-color: #ef9c0c;
}

.home01 .rect-77 {
    padding-bottom: 77%;
}

.home01 .home01_box {
    height: 940px;
    background: url(../images/advbg.jpg) no-repeat center;
    padding-top: 50px;
    overflow: hidden;
    background-size:cover ;
}


.home01 .owl-carousel {
    z-index: 2;
}

.home01 .owl-carousel .item {
    display: none;
}

.home01 .owl-carousel .owl-item .item {
    display: block;
}

.home01 .owl-carousel .item {
    padding: 0 0px;
    height: 572px;
    position: relative;
}

.home01 .owl-carousel .item img {
    float: left;
}

.home01 .owl-carousel .prev_item .item img {
    float: right;
}

.home01 .owl-carousel .owl-stage-outer {
    overflow: visible;
}

.home01 .home_box {
    height: 572px;
    margin-top: 47px;
    position: relative;
}

.home01 .owl-carousel .owl-item img {
    width: auto;
}

.home01 .home_box .text_box {
    position: absolute;
    width: 598px;
    height: 667px;
    background: #fff;
    z-index: 1;
    right: 0px;
    top: 0;
}

.home01 .home_box .text_box .infor {
    padding: 88px 60px 49px 56px;
}

.home01 .home_box .text_box .infor .tit {
    font-size: 30px;
    line-height: 44px;
    margin-bottom: 6px;
    color: #0e5ab4;
    font-weight: 600;
}

.home01 .home_box .text_box .infor .con {
    font-size: 19px;
    line-height: 30px;
    color: #000;
    margin-bottom: 70px;
}

.home01 .home_box .text_box .infor .txt {
    font-size: 14px;
    line-height: 36px;
    color: #6b6b6b;
}

.home01 .home_box .home01_nav {
    position: absolute;
    width: 598px;
    height: 572px;
    z-index: 3;
    right: 0px;
    top: 0;
}

.home01 .home_box .home01_nav button {
    position: absolute;
    width: 40px;
    height: 40px;
    z-index: 2;
    font-size: 0;
    cursor: pointer;
    bottom: 95px;
    outline: none;
    border: none;
}

.home01 .home_box .home01_nav .owl-prev {
    left: 11%;
    background: url(../images/bprev.png) no-repeat 50%;
}

.home01 .home_box .home01_nav .owl-next {
    left: 21%;
    background: url(../images/bnext.png) no-repeat 50%;
}

.home01 .home_box .home01_line {
    position: absolute;
    width: 207px;
    height: 3px;
    background: #d7000f;
    margin-top: -1px;
    right: 35%;
    bottom: 44%;
    z-index: 3
}

.home01 .home_box .text_box .home01_page {
    width: 50px;
    position: absolute;
    bottom: 15%;
    right: 16%;
    z-index: 2;
}

.home01 .home_box .text_box .home01_page span {
    display: block;
    line-height: 1;
}

.home01 .home_box .text_box .home01_page .current {
    font-size: 24px;
    font-weight: bold;
    color: #0e5ab4;
}

.home01 .home_box .text_box .home01_page .all {
    font-size: 18px;
    font-weight: bold;
    margin-top: 10px;
    padding-left: 32px;
    color: #b7b7b7;
}

.home01 .home01_page .xiexian {
    display: inline-block;
    width: 1px;
    height: 29px;
    background: #b7b7b7;
    transform: rotate(47deg);
    position: absolute;
    right: 40%;
    bottom: 15%;
}

.home01 .icon_box {
    margin-top: 118px;
}

.home01 .icon_box ul {
    display: flex;
    justify-content: space-between;
    padding: 0 1.5625vw;
}

.home01 .icon_box li {
    /* float: left; */
    /* width: 12.5%; */
    text-align: center;
    cursor: pointer;
    font-size: 18px;
    color: #666;
    position: relative;
    z-index: 5;
}

.home01 .icon_box li:hover,
.home01 .icon_box li.cur {
    color: #0e5ab4;
}

.home01 .icon_box li i {
    display: block;
    height: 58px;
    /*background: url(../images/index01.png) no-repeat;*/
    margin: 0 auto 22px;
    line-height: 58px;
}

.home01 .icon_box li i img.img2 {
    display: none;
}

.home01 .icon_box li.cur i img.img1,
.home01 .icon_box li:hover i img.img1 {
    display: none;
}

.home01 .icon_box li.cur i img.img2,
.home01 .icon_box li:hover i img.img2 {
    display: inline;
}


.home01 .home_box .home01_line {
    display: none;
}

.home01 .home_box .text_box {
    z-index: 3
}

.home01 .home_box .home01_nav {
    z-index: 4
}

.home01 .home_box .text_box .infor {
    opacity: 0;
}

.home01 .home_box .text_box .infor .con {
    font-size: 16px;
    color: #555;
    margin-bottom: 0;
}

.home01 .owl-dots {
    display: none!important;
}

.wrap {
    width: 1260px;
    margin-right: auto;
    margin-left: auto;
}