@import url(font-awesome.css);

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(/template/default/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(/template/default/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 {background-image:url(about:blank);background-attachment:fixed;}
*html .header-wrapper{position:absolute;top:expression(eval(document.documentElement.scrollTop));}



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

.wrapper{ float:left; width:100%; display:block; position: relative;  }
.bg1{ background:#f5f5f5;}
.top-wrapper{ position: relative; background: #898989;}
.topcon{ width:1360px; 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;  }

.header-wrapper{ position: relative;  }
.header{ width:1360px; height:100px; margin:0 auto; }
.logo{ float:left; }
.logo a img{ height: 100px;}

.header-tel{float: right; background:url(../image/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{ 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: 120px; 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;}


#banners{ float:left; width:100%; min-width:1360px; height:771px; 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; }


.mainer-wrapper{ padding:50px 0;}
.mainer-wrapperpro{padding:100px 0;}
.mainer{ width:1460px; margin:0 auto;}
.mainerbanner{ width:1360px; 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;}



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






.home-title{ display:block; overflow:hidden; text-align: center; background:url(/template/default/images/title-icon.png) no-repeat bottom center; padding-bottom:20px;}
.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 40px/50px "微软雅黑"; 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(/template/default/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(../image/bg-quick.jpg) center repeat-x; height: 650px;}
.quickcontainer{ float: left; width: 1240px; margin-left: 50px; background: #ffffff; height: 600px; padding: 0px 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;}
.quickcontainer .leftbox .videobox b{ display: block; font-size: 40px; text-align: center; transition-duration:500ms;margin-top:50px;}
.quickcontainer .leftbox .videobox span{position: absolute; bottom: 10px; left: 0px; width: 100%; line-height: 40px; font-size: 16px; text-align: center; transition-duration:500ms;}
.quickcontainer .leftbox .videobox a:hover b{ display: block; font-size: 50px; text-align: center;color: #ffffff; padding: 43px;margin-top:-20px;}
.quickcontainer .leftbox .videobox a:hover span{ bottom: 0px; font-size: 16px;color: #ffffff; }

.quickcontainer .leftbox .casebox{ float: left; width: 300px; height: 330px; background:url(../image/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: 80px; 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;}
.quickcontainer .leftbox .casebox a:hover b{ display: block; font-size: 40px; 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(../image/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: 50px; 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;}
.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;}
.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: 25px;}

.quickcontainer .rightbox .newsbox{ float: left; width: 300px; height: 120px; background: #033b75;}
.quickcontainer .rightbox .newsbox b{ display: block; font-size: 40px; 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;}

.quickcontainer .rightbox .contactbox{ float: left; width: 300px; height: 330px; background:url(../image/bgcontact.jpg) no-repeat center;}
.quickcontainer .rightbox .contactbox .sbg{ position: absolute; bottom: -330px; display: block; width: 100%; height: 100%;background-color:rgba(3,59,117,0.5);  transition-duration:500ms;}
.quickcontainer .rightbox .contactbox b{ display: block; font-size: 50px; 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: 40px; 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}



.pboxs-1{ background:url(/template/default/images/cpt1-bg.jpg) no-repeat top center; }
.pboxs-2{ background:url(/template/default/images/cpt2-bg.jpg) no-repeat top center; }
.pboxs-1 .typebox{ float: left; margin-left: 40px;  width: 640px; position: relative; z-index: 9999; }
.pboxs-1 .typeimg{ position: absolute; max-width: 800px; right: 0px; top: 50px; 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: 40px; color: #033b75; line-height: 80px; margin-top: 50px;}
.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: 640px; position: relative; z-index: 9999;}
.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: 40px; color: #033b75; line-height: 80px;  margin-top: 50px;}
.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 #ccc;   }
.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("../image/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("../image/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 #ccc; width: 180px; height: 180px; overflow: hidden;}
.hotpro .bd ul li .pic img{ width:180px; 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: 1360px; margin-top: 10px; }
.hotsale-left{ margin:0 auto; width:1360px; 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(../image/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(../image/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:230px;  position:relative; }
.hotsale-left .bd ul li a{ float:left; _display:inline; text-align:center;  width:230px; z-index:9;}
.hotsale-left .bd ul li .pic{ float:left; width:230px; height:300px; overflow: hidden; border:#f1f1f1 solid 1px;}
.hotsale-left .bd ul li .pic img{ width:230px; height:300px; transition:all 0.8s ease; }
.hotsale-left .bd ul li .con{ float:left; width:220px; 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(/template/default/images/prolineon.png) bottom center no-repeat; padding-bottom:5px;}
.hotsale-left .bd ul li .con p{ float:left; width:220px; 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(../image/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;  border:#e5e5e1 solid 1px;  }	
.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(../image/slider-arrow.png) -100px 290px no-repeat;   }	
.caseslider .next .arrow{ left:0; background:url(../image/slider-arrow.png) 20px 290px no-repeat;  }


.about{ left:0; background:url(../image/servicebg.jpg); height: 580px; }
.news{ background-color: #fbfbfb; }

.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(../image/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(../image/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(/template/default/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(../image/icoCircle.gif) 0 -9px no-repeat; overflow:hidden;}	
.picScroll-left .phd ul .on{ background-position:0 0; }







.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(../image/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(../image/arr-r.png) no-repeat left center; }


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

.advantagebox .advbox{ float: left; width: 1460px; position: relative;}
.advantagebox .bd ul {zoom: 1; height: auto; overflow: hidden;border:#807f7f solid 1px;}
.advtext {float: right; width:680px; height: 460px; font-size: 16px; color: #ffffff; }
.advtext h3 {display: block; font-size:30px; 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: 750px;height: 580px;}
.advimg img { width: 750px; height: 580px; 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: 900px;  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(/template/default/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: 16px; }
.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(../image/icon0.png); }
.advantagebox .hd ul li .a1 { background-image: url(../image/icon1.png); }
.advantagebox .hd ul li .a2 { background-image: url(../image/icon2.png); }

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

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

.aboutnavinfo{ float: left; width: 600px; height: 150px; background: #efefef; margin-top: 30px; }
.aboutnavinfo ul{ float: left; width: 600px; }
.aboutnavinfo ul li{ float: left; width: 150px;}
.aboutnavinfo ul li a{ float: left; width: 100px; height: 50px; padding: 80px 25px 20px 25px; font-size: 20px; line-height: 50px; text-align: center;}
.aboutnavinfo ul li a.a1{ background: url(../image/a1.png) no-repeat 45px 25px; }
.aboutnavinfo ul li a.a2{ background: url(../image/a2.png) no-repeat 45px 25px; }
.aboutnavinfo ul li a.a3{ background: url(../image/a3.png) no-repeat 45px 25px; }
.aboutnavinfo ul li a.a4{ background: url(../image/a4.png) no-repeat 45px 25px; }
.aboutnavinfo ul li a:hover{ color:#ffffff; }
.aboutnavinfo ul li a.a1:hover{ background: url(../image/a1-1.png) no-repeat 45px 25px #033b75; }
.aboutnavinfo ul li a.a2:hover{ background: url(../image/a2-1.png) no-repeat 45px 25px #033b75; }
.aboutnavinfo ul li a.a3:hover{ background: url(../image/a3-1.png) no-repeat 45px 25px #033b75; }
.aboutnavinfo ul li a.a4:hover{ background: url(../image/a4-1.png) no-repeat 45px 25px #033b75; }

.honorbox{ float: left; width: 1360px; margin-top: 30px; }
.honor-left{ margin:0 auto; width:1360px; 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(../image/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(../image/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:1360px;}
.honor-left .bd ul{ zoom:1; }
.honor-left .bd ul li{ margin-right:20px; margin-left:20px; float:left; text-align:center;  width:280px;  position:relative;border:#e7e4e4 solid 1px; }
.honor-left .bd ul li a{ float:left; _display:inline; text-align:center;  width:230px; z-index:9;}
.honor-left .bd ul li .pic{ float:left; width:280px; height:230px; overflow: hidden; }
.honor-left .bd ul li .pic img{ width:280px; height:230px; transition:all 0.8s ease; }
.honor-left .bd ul li .con{ float:left; width:270px; 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(/template/default/images/prolineon.png) bottom center no-repeat; padding-bottom:5px;}
.honor-left .bd ul li .con p{ float:left; width:270px; 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(../image/icoCircle.gif) 0 -9px no-repeat; overflow:hidden;}	
.honor-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;}


.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:30px;margin-bottom:50px}
.side-head{ float: left; display: block; width: 100%; background-color: #005ba1;text-align: center;padding-top: 20px; padding-bottom:20px;}
.side-head .sen {font-size: 22px;color: white;text-transform: uppercase;}
.side-head .scn {font-size: 16px;line-height: 35px;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(../image/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(../image/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(../image/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-list { float: left; width: 100%; margin-top: 0px; height: auto; overflow: hidden; }
.news-list li { width:930px; 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-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-list { float: left; width: 100%; overflow: hidden; text-align: center;}
.product-list li { float: left; display: block; zoom: 1; position: relative; width: 278px; 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: #005ba1; 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(../image/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(../image/star-w.png) center no-repeat; }
.download-list li a:hover .ptxt p{ color: #ffffff; }





.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:504px; }
.proimgbox .proimg{ float:left; width:500px; border:1px #dfdcdc solid;}
.proimgbox .proimg img{ width:500px; height: 500px;}

.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(../image/sprev.png) left top no-repeat; z-index:999   }
.proimgscroll-left .next{ left:auto; right:0px; background:url(../image/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: 16px;}
.article-nextprev div{float:left; width:100%; display: block; }
.article-nextprev a{ font-size: 16px;}
.tags { float: left; margin-left: 20px; font-size: 16px; line-height: 32px; text-decoration: underline;}

.cpss{ float: right;}
.cpss input.txtinput{ width: 200px; height: 30px; border:#cccccc solid 1px; line-height: 30px; }
.cpss input.subinput{ width: 80px; height: 30px; text-align: center;  background: #005ba1; color: #ffffff; border: none; }


.footerlinkbg{background:#f1f1f1; padding: 50px 0; color: #000;}
.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: #333; font-size: 16px; text-align: center; }
.linklist a:hover {color: #25386f;  }


.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: 30px;color: #333;height: 70px;padding-left: 40px; }
.footer-contact li b{ font-size: 26px;line-height: 26px;color: #333;font-weight: bold;font-family: Arial;display: block;}
.footer-contact li:nth-child(1){ background: url(../image/foot1.png) no-repeat left 8px; }
.footer-contact li:nth-child(2){ background: url(../image/foot1.png) no-repeat left 8px; }
.footer-contact li:nth-child(3){ background: url(../image/foot2.png) no-repeat left 5px; }
.footer-contact li:nth-child(4){ background: url(../image/foot3.png) no-repeat left 7px; }

.footer-erw{float: right; width: 160px;} 
.footer-erw p{width: 160px;}    
.footer-erw p img{width: 140px;height: 140px;display: block;margin: 0 auto;border:1px solid #c5c1bd;border-radius: 1px;}
.footer-erw span{display: block;font-size: 14px;color: #333;line-height: 14px;text-align: center;padding-top: 20px;}

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


.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;      -webkit-border-radius: 5px;   border-radius:5px;            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 .ppar{ float: left; width: 100%; padding: 15px 0; line-height: 30px; font-size: 16px;}
.probriefbox .ppar p{ float: left; width: 100%; display: block; border-bottom: #666666 solid 1px; line-height: 36px;}
.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;}
.probriefbox .pew{ float: left; width: 410px; height: 80px; padding:5px; margin-top: 20px; background: #005ba1; color: #ffffff; }
.probriefbox .pew img{  float: left; width: 80px; }
.probriefbox .pew span{ float: left; height: 80px; margin-left: 20px; background:url(../image/wxs.png) center left no-repeat; padding-left: 80px; font-size: 16px; line-height: 40px;}
.mainer6{ width:1500px; margin:0 auto;}



.home-case-box{ float:left; width:1345px; margin-top:-50px; margin-right: 80px; }
.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(../image/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:450px; 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 14px/30px "Microsoft YaHei"; text-align:center;  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:keep-all; background:url(/template/default/images/prolineon.png) bottom center no-repeat; padding-bottom:5px;}
.picScroll-left .bd ul li .con p{ float:left; width:330px;height: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:#fff;background:#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(../image/icoCircle.gif) 0 -9px no-repeat; overflow:hidden;}	
.picScroll-left .hd ul .on{ background-position:0 0; }








.online {
    position: fixed;
    bottom: 150px;
    right: 10px;
    width: 60px;
    z-index: 999;
    color: #999;
}
.online a {
    color: #666;
}
.online a:hover {
    text-decoration: none;
}
.online dl {
    background: #005ba1;
    padding: 10px 5px;
    margin-bottom: 1px;
    position: relative;
}
.online dl dd {
    color: #fff;
    text-align: center;
    font-size: 12px;
    cursor: pointer;
}
.online dl dd i {
    font-size: 25px;
}
.online dl:hover {
    background: #005ba1;
}
.online dl dt {
    position: absolute;
    top: 0px;
    right: 60px;
    background: #fff;
    border: 1px solid #ccc;
    z-index: 9999;
    display: none;
    padding: 10px 15px;
    font-weight: normal;
}
.online dl dt h3 {
    display: block;
    font-size: 16px;
    color: #666;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
}
.online dl dt h3 i {
    margin-right: 5px;
}
.online dl dt h3 span {
    float: right;
    cursor: pointer;
}
.online dl dt input {
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-top: 15px;
    height: 40px;
    line-height: 40px;
    padding: 3px 5px;
    width: 100%;
}
.online dl dt button {
    margin: 10px 0;
    border: none;
    border-radius: 5px;
    width: 100%;
    font-size: 18px;
    height: 40px;
    line-height: 40px;
    background: #28a7e1;
    color: #fff;
    cursor: pointer;
}




.producticon{ float:left; width:230px; height:365px; line-height:50px; font-size:16px; color:#FFF; padding: 0 10px; background:  #6c6c6e; position:relative; z-index:1000;}

.headproductbox .head-product-itembox{ float:left; width:1420px;height:45px; border-bottom:#e7e5e5 solid 1px;}
.leftbox{ float:left; width:260px;height:50px;}
.leftbox a{ float:left; display:block; width:270px; height:55px;  color:#FFF;line-height:50px; font-size:15px; font-weight:bold; padding:0 10px;  right center no-repeat;}
.leftbox a:hover{ width:180px; height:44px;center no-repeat #CCC;padding-right:50px; color:#d70010;}
.rightbox{ float:center; width:1420px; color:#cccccc}
.rightbox a{ float:left;width:170px;  height:55px; line-height:50px; padding-right:20px;font-size:15px; border-right:#e1e1e3 solid 1px; overflow:hidden;}


.typelistbox{ overflow:hidden; width:1610px;}
.home-product-list{ float:left; overflow:hidden; width:1650px; }
.home-product-list li{ float:left; width:270px; height:241px; margin:12px;background: #fff; border:#f5eeee solid 1px;}
.home-product-list li a{ float:left; display:block; width:230px; height:180px; padding-left:20px;}
.home-product-list li span{  width:200px; height:200px; line-height:30px; font-size:14px;  overflow:hidden;}
.home-product-list li .proimg{ float:center; width:200px; height:200px; overflow:hidden; position:relative; }

.home-product-list li .proimg img{ position:absolute;top:0;bottom:auto;left:0;right:auto; -webkit-transition:-webkit-transform 0.3s ease-out;-moz-transition:-moz-transform 0.3s ease-out;-ms-transition:-ms-transform 0.3s ease-out;transition:transform 0.3s ease-out; width:100%; }

.home-product-list li.nobord{ border-right:none;}
.pro{ background:#f5f5f5; }



.typeslide{ float:right; width:1520px; margin-top: 15px;}
.typeslide .typeslide-side { float: left; width: 1420px;}
.typeslide ol { float: left; width: 1520px;margin-top:-75px;} 
.typeslide ol li { float:right; width: 200px; overflow: hidden; text-align: center;}
.typeslide ol li a{ float:left; padding-bottom:6px; width:180px; height: 39px; line-height: 39px; overflow: hidden; font-size:16px;color:#333333;border:#d5d9dc solid 1px;  }    
.typeslide ol li a:hover,.typeslide ol li.on a{ background:url(/template/default/images/type-on.png) center no-repeat; background:#034e9b; color:#fff; }

.typeslide .typeslide-main { float: right; width: 1540px;}
.typeslide .typeslide-main ul { float: left; width: 100%; margin-top:10px;}
.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: 330px;height: 370px; margin:20px;  background:#999; hidden;border:#d2d4d5 solid 1px;border-radius:0px;margin-top:0px;}
.typeslide .typeslide-main ul li .pbox a .pic{  text-align:center;width: 300px;  overflow:}
.typeslide .typeslide-main ul li .pbox a img{text-align:center; width: 330px; height: 330px; transition-duration:300ms;padding-left:0px;border-radius:0px;}
.typeslide .typeslide-main ul li .pbox a span{ float: left;  width: 330px; padding: 5px; height: 30px; border-radius:20px;color:#fff; overflow: hidden; line-height: 35px; text-align: center;}

.type-side{ float:left; width:220px; background: #ffffff;}
.type-side h5{ float:left; width:180px; padding: 20px; background:#ca0822; color:#ffffff; text-align: center; line-height: 40px; font-size: 26px;}
.type-side h5 span{ display: block; font-size: 16px; text-transform: uppercase; line-height: 30px;}
.type-side .type-side-box{ float:left; width:180px; height: 840px; overflow: hidden;  background:#ffffff; text-align: center; padding:20px; position: relative; }

ul.type-nav-list li{ float: left; width:260px; text-align: left; font-size: 16px; }
ul.type-nav-list li a{ float: left; width:260px; padding:0 10px; font-size: 16px; border-bottom:#e6e5e5 solid 1px;line-height: 40px; height: 40px; margin: 3px 0; background:url(/template/default/images/type-bg.jpg) no-repeat; color: #333333;}
ul.type-nav-list li a.current,ul.type-nav-list li a:hover{ color: #ca0822; font-weight:bold;}
ul.type-nav-list li .subtypenavlist{ float: left; width: 260px;}
ul.type-nav-list li .subtypenavlist a{ float: left; width: 240px;  padding:0 0 0 20px; font-size:14px; border-bottom: #efefef solid 1px; background:url(/template/default/images/type-arr.jpg) left center no-repeat; height:35px; line-height: 35px; font-weight:normal; text-align:left; overflow:hidden; color: #333333; }
ul.type-nav-list li .subtypenavlist a:hover,ul.type-nav-list li .subtypenavlist a.cur{ color:#ca0822;}




.chose-wrapper .title {
	font-size: 42px;
	color: #333;

}

.chose-wrapper .subtitle {
	font-size: 18px;
	color: #999;
	margin-top: 15px;
	letter-spacing: 1.5px;
}


.mainer1300{width: 1460px; position: absolute;
	top: 0;
	left: 50%;
	margin-left: -650px; z-index: 80;
padding: 100px 0;}

.chose-wrapper {
	background: no-repeat left center #fff;
	padding-top: 80px;
	text-align: center;
	height: 650px;
	line-height: 1;
	position: relative;
}

.chose-wrapper>.bgimg {
	position: absolute;
	top: 0;
	width: 1300px;
	left: 50%;
	margin-left: -390px;
}

.chose-wrapper>.bgimg img {
	position: absolute;
	top: 0;
	right: 910px;
}

.chose-wrapper .title,
.chose-wrapper .subtitle {
	text-align: left;
	padding-left: 470px;
	width: 1300px;
	margin-left: auto;
	margin-right: auto;
}

.chose-wrapper .tab-hd {
	float: left;
	width: 240px;
	
	color: #fff;
	height: 584px;
	margin-top: 60px;
	font-size: 18px;
	z-index: 10;

}
.chose-wrapper .tab-hd>div .center{
	width: 100%;
}
.chose-wrapper .tab-hd>div:first-child {
	background: #e87827;
	height: 240px;
	text-align: center;


}

.chose-wrapper .tab-hd>div:first-child .num {
	font-size: 90px;
	margin-bottom: 20px;

}

.chose-wrapper .tab-hd>div:last-child {
	padding-left: 55px;
	text-align: left;
	height: 345px;
	line-height: 30px;
}

.chose-wrapper .tab-bd {
	width: 1080px;
	float: left;
	margin-top: 60px;
}

.chose-wrapper .tab-bd ul {
	border-bottom: 1px solid #eee;
}

.chose-wrapper .tab-bd ul li {
	float: left;
	width: 212px;
	height: 146px;
	background: #fff;
	border-top: 1px solid #eee;
	border-right: 1px solid #eee;
}

.chose-wrapper .tab-bd ul li a {
	display: block;
	height: 100%;
	width: 100%;
	position: relative;
}

.chose-wrapper .tab-bd ul li:hover a:before {
	position: absolute;
	content: '';
	width: 245px;
	height: 197px;
	top: -7PX;
	left: 50%;
	background: url(/template/default/images/shadowbg3.png) no-repeat;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);

}

.chose-wrapper .tab-bd ul li a i {
	display: block;
	height: 100%;
	width: 100%;
	position: relative;
	z-index: 999;
	background: url(/template/default/images/logo.png) no-repeat center center;
}








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


.num-wrapper {
	color: #fff;
	text-align: center;
	background: #0ba29a; no-repeat center center;
	background-size: cover;
	height:185px;
}
.num-wrapper .home-title p {
	color: #fff;
}

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

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

	
}

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

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

.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);
}





.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(../image/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(../image/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(../image/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(../image/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(../image/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;}