﻿@charset "utf-8";
/* 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;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {font-size:1em; font-style:normal;}
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: #111; font-family:微软雅黑,Arial, Helvetica, sans-serif; font-weight:normal;}
a{ font-family:微软雅黑,Arial,Helvetica,sans-serif; color:#111; text-decoration:none; font-size:12px; font-weight:normal;}
a:hover{ color:#446aab; 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:#cccccc 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;}
.bg2{ background:#333333;}
.bg3{ background:url(../Images/about_bg.jpg);}

.info-title{ float:left; display:block; width:100%; height:50px; overflow:hidden; position:relative; }
.info-title h3{ float:left; height:50px; font-size:18px; line-height:50px; color:#333; padding-left:25px; background:url(../Images/icons.png) left center no-repeat;}
.info-title h4{ height:50px; line-height:50px; font-size:16px;  overflow:hidden;  text-align:center; color:#ffffff;}
.info-title h5{ float:left; line-height:50px; color:#000000; font-size:16px; overflow:hidden; width:100%;}
.info-title em{  height:50px; font: 14px/50px Arial, Helvetica, sans-serif; overflow:hidden; text-transform:uppercase; }
.info-title span{ float:right; line-height:50px; font-size:16px;}
.info-title span a{ font-size:16px;}
.info-title span a.more{ float:left; display:block; width:33px; height:50px; background:url(../Images/more.png) center no-repeat; }

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

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

.headertop-wrapper{   color:#ebeaea;}
.headertop{  margin:0 auto; position:relative; }
.headertop p{ display:block; text-align:left; }

.header-wrapper{bottom repeat-x}
.header{ width:290px;  margin:0 auto; position:relative;}
.header h1{ float:left;  }
.header h1 a img{float: center;margin:-25px;margin-left:-500px; }
.header-tel{float: right; background:url(../images/tel.gif) left bottom no-repeat; padding-left:50px;  font-size:16px;color:#000; }
.header-tel span{ display:block;font-size:25px;font-family:Arial;line-height:30px; }
.hicontaobao{ position:absolute; left:780px; top:40px; width:50px; height:30px; padding-top:50px; line-height:20px; top center no-repeat; }
.hiconew{ position:absolute; left:850px; top:10px; width:80px; height:100px; line-height:20px; text-align:center;}
.hiconew img{ width:80px;}

.menu-wrapper{ width:1600px;  bottom repeat-x}
.menu{ width:1100px; height:50px; auto; position:relative;margin-left:520px;  }
ul.menu-list{ float:left; width: 100%; height:50px;margin-top:30px;}
ul.menu-list li{ float:left; text-align:center; position:relative; z-index:9;}
ul.menu-list li a{ float:left; display:block; text-align:center; width: 130px;  text-transform:uppercase; line-height:50px; color:#fff; font-size:16px;font-weight:bold;}
ul.menu-list li a span{ font-size:12px;}
ul.menu-list li a:hover,ul.menu-list li a.current{  top center no-repeat; color:#8c0009;}
ul.menu-list li ul{ position:absolute; top:50px; left:0px; width:180px; display:none; z-index:9999; background:#fff; border-radius:5%;}
ul.menu-list li ul li{ float:left; width:100%; background:none; margin: 0;}
ul.menu-list li ul li a{ display:block; width:100%; padding:0; height:50px;  line-height:40px;color:#333; font-size:14px; font-weight:normal; text-align:center; overflow:hidden;border-bottom:#ebeef0 solid 1px;}
ul.menu-list li ul li a:hover{  width:100%; }

#banners{ float:left; width:100%; min-width:1200px; height:960px;margin-top:-150px; position:relative;  z-index:1; overflow:hidden; background:#ccc}
.banner-wrapper{ height:400px;}
.inbanner{ float:left; width:100%;  position:relative;  height:250px; }




#inbanners{ float:left; width:100%; min-width:1200px; height:480px;margin-top:-150px; position:relative;  z-index:1; overflow:hidden; background:#ccc}
.inbanner-wrapper{ height:500px;}
.inbanner{ float:left; width:100%;  position:relative;  height:480px; }

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

.infullslide{ min-width:1000px; position:relative;  height:300px; overflow:hidden;  }
.infullslide .bd{ position:relative; z-index:0;  }
.infullslide .bd ul{ width:100% !important;  }
.infullslide .bd li{ width:100% !important;  height:360px; overflow:hidden; text-align:center;  }
.infullslide .bd li a{ display:block; height:600px; }
.infullslide .hd{ width:1200px; left:50%; margin-left:-600px; bottom:15px; position:absolute; z-index:10; bottom:15px; overflow:hidden;  }
.infullslide .hd ul{margin-left:500px;  }
.infullslide .hd ul li{ float:left; margin:0 5px; display:inline; cursor:pointer; }
.infullslide .hd ul li{width: 62px;height: 12px;background: #fff; }
.infullslide .hd ul .on{background: #bc0007;  }

.mainer-wrapper{ padding:50px 0;}
.mainer-wrappers{}
.mainer{ width:1200px; margin:0 auto;}
.mainer1{ width:1500px; margin:0 auto;}
.mainer2{ width:1050px; margin:0 auto;}
.mainer3{ width:1450px; margin:0 auto;}
.mainer4{ width:1350px; margin:0 auto;}

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

.home-title{ display:block; overflow:hidden; text-align: center; font-family:"Microsoft YaHei";  no-repeat bottom center; padding-bottom:10px;}
.home-title .ten { display:block; text-align:center; font: bold 30px/50px "Microsoft YaHei";text-transform: uppercase; color: #d4d4d4; }
.home-title .tcn { display:block; text-align:center; font: 43px/60px "微软雅黑"; text-transform: uppercase; color: #333; margin-top:30px; }
.home-title .tbn { display:block; text-align:center; font: 20px/50px "Microsoft YaHei";text-transform: uppercase; color: #d4d4d4; }
.home-title .tn { display:block; text-align:center; font: 43px/60px "微软雅黑"; text-transform: uppercase; color: #fff; }

.home-titles{ display:block; width:200px; border-top:#ffd800 solid 5px; font-size:26px; line-height:35px; padding:5px 0; color:#666; text-transform: uppercase; font-family:微软雅黑,Verdana,Arial, Helvetica, sans-serif;}
.home-titles span{ display:block; font-size:16px; color:#999; line-height:35px;}
.home-desc{ display:block; line-height:25px; overflow:hidden; margin-top:10px; color:#999; font-weight:normal;}

.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-about{ background: #f5f5f5; }


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











.aboutbox{ float: left; width: 1520px; height: 650px;  background:url(../images/aboutboxbg.png) right center no-repeat;}

.about-img{float: left;width:620px;box-shadow: 5px 5px 5px #aaaaaa;}
.about-img img{float: left;width:620px;height: 450px;}
.about-txtbox{ float: right; width: 850px; margin-right: 30px; }

.about-brief{float: left;width:680px; border-radius: 20px; background: #ffffff; padding:40px 50px; margin-right: 30px;}
.about-brief h3{font-size: 36px;color: #ca0822;}
.about-brief .txt{ display: block; height: 240px; line-height: 30px;color: #333; font-size: 15px; overflow: hidden;}
.about-brief a.more,.home-news a.more{ display: block;width: 120px;height: 32px;text-align: center;line-height: 32px;color: #fff;border-radius: 4px;margin-top: 30px;background-color: #bc0007;margin: auto; font-size: 14px;}
.about-brief a.more{  float: right;}
.about-brief a.more:hover,.home-news a.more:hover{color: #fff;background-color: #ca0822;}
.about-telbox{float: left;width:520px; height: 50px; border-radius: 20px; background: #ffffff; padding:20px 50px; margin-top:10px; }
.telboxbg{ float: left;width:400px; color: #ca0822; height: 51px; font-size:32px; line-height: 51px; font-weight:bold; padding: 0 30px 0 90px; background:url(../images/telbg.png) center no-repeat;}

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





.home-product-box{ float:left; width:1400px; margin-top:20px; }
.picScroll-left{ margin:0 auto; width:1460px; position:relative;}
.picScroll-left .prev,
.picScroll-left .next{ position:absolute; left:-230px; top:50%; margin-top:-28px; display:block; width:12px; height:56px; background:url(../images/arr.png) left center no-repeat; z-index:999 }
.picScroll-left .next{ left:auto; right:-70px; background-position:-18px 0px; }
.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;  auto; width:1450px; overflow:hidden;}
.picScroll-left .bd ul{ float: left; zoom:1; width: 410px;margin-right:-30px; }
.picScroll-left .bd ul li{float:left; margin: 10px 10px;}
.picScroll-left .bd ul dl{width:365px; border:#efefef 1px solid; background:#fff;}
.picScroll-left .bd ul dl dt{padding:10px;}
.picScroll-left .bd ul dl dt img{ width:100%}
.picScroll-left .bd ul dl dd{border-top:#efefef 1px solid; text-align:center; padding:30px 0; height:100px;}
.picScroll-left .bd ul dl dd .tit{font-weight:bold; font-size:16px; height: 60px; line-height: 30px; overflow: hidden;}
.picScroll-left .bd ul dl dd .desc{font-size:13px; margin-top:20px; color:#3d78c8;}
.picScroll-left .bd ul dl dd .view{ display:none;background:url(../images/icon_view.png) no-repeat; height:27px; line-height:27px; font-size:12px; width:120px; margin:20px 45px; color:#fff; padding-left:37px; text-transform:uppercase; text-align:left;}
.picScroll-left .bd ul dl:hover{border:#005ba1 1px solid;-webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.3);-moz-box-shadow:0px 3px 10px rgba(0,0,0,0.3);box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.3);}
.picScroll-left .bd ul dl:hover dd{background:#005ba1;}
.picScroll-left .bd ul dl:hover dd .tit{color:#fff;}
.picScroll-left .bd ul dl:hover .desc{display:none;}
.picScroll-left .bd ul dl:hover .view{display:block;}
.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:10px; height:10px; margin:5px; background:url(../images/hdicon.png) 0 -10px no-repeat; overflow:hidden;}	
.picScroll-left .hd ul .on{ background-position:0 0; }

.pbg{ background:#f5f5f5;}
.pbg1{ background:#5a5858;}

.home-news-box{ float: left; margin: 0 30px; width:450px; padding: 20px 10px; background: #ffffff; border-radius: 20px;}
.faqbox{ width: 320px; }

.home-news-titles{float: left; width: 100%;  padding: 10px 0; border-bottom: #efefef solid 1px;}
.home-news-titles span{float: left; font-size:22px; line-height: 40px; color:#333333;}
.home-news-titles span em{ font-size:16px; color:#999; font-weight: normal; text-transform: uppercase;}
.home-news-titles a{float: right; width: 80px; height: 20px; line-height: 20px; margin-top:10px; background: #ca0822; color:#ffffff; border-radius: 10px; text-transform: uppercase; text-align: center}

.home-news-box .home-news-list { float: left; width: 100%;  }
.home-news-box .home-news-list li { width: 430px; height: 100px;float: left; position: relative; margin:1px 0;  }
.home-news-box .home-news-list li a{ width: 430px; float: left; border-bottom: #efefef solid 1px; padding: 20px 0;}
.home-news-box .home-news-list li div{ float: left; width: 80px; margin-right: 10px; padding-right: 9px;text-align: center; font-size: 16px; color: #777676; }
.home-news-box .home-news-list li div em{display: block; width:80px; font-size: 25px; line-height: 35px;color: #000; }
.home-news-box .home-news-list li span { float: left;  display: block; line-height: 40px; height: 40px; overflow: hidden; font-size: 16px; text-align: left; width: 330px; }
.home-news-box .home-news-list li p {  float: left; display: block; line-height: 35px; height: 60px;  font-size: 14px; text-align: left; width: 330px; color: #aaaaaa;width: 330px; }
.home-news-box .home-news-list li a:hover{ background: #ca0822; color: #ffffff; border-radius: 10px;}
.home-news-box .home-news-list li a:hover p{color: #ffffff;}
.home-news-box .home-news-list li a:hover div{border-right: #ffffff solid 1px;}

.home-faq-list { float: left; width: 100%;  }
.home-faq-list li { width: 320px; float: left; position: relative; margin:5px 0;  }
.home-faq-list li a{ width: 320px; float: left; border-bottom: #efefef solid 1px; padding: 5px 0;}
.home-faq-list li span{ float: left; padding-left: 35px; background:url(../images/ask.png) left center no-repeat; width: 285px; font-size: 18px; line-height: 40px; height: 40px; overflow: hidden; }
.home-faq-list li p {  float: left;  padding-left: 35px; background:url(../images/answer.png) left center no-repeat; line-height: 25px; height: 50px; overflow: hidden; font-size: 14px; text-align: left; width: 285px; color: #aaaaaa; }


.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(../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 .showsub{display: block;}
ul.type-nav-list .hidesub{display: none;}
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:#f8f5f5; 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;}



.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: 44px; line-height: 44px; overflow: hidden; font-size:16px;color:#333333;border-radius:20px;;border:#666 solid 1px;  }    
.typeslide ol li a:hover,.typeslide ol li.on a{ background:url(../images/type-on.png) center no-repeat; color:#f20909; }

.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: 370px; margin: 20px; background: #eeeeee; hidden;border:#d2d4d5 solid 1px;border-radius:20px;}
.typeslide .typeslide-main ul li .pbox a .pic{  text-align:center;width: 320px; height: 320px; overflow:padding-left:50px;}
.typeslide .typeslide-main ul li .pbox a img{text-align:center; width: 320px; height: 320px; transition-duration:300ms;padding-left:50px;}
.typeslide .typeslide-main ul li .pbox a span{ float: left;  width: 450px; 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{ background: #ca0822; color: #ffffff;}

.product-list { float: left; width: 1140px; text-align: center;}
.product-list li{ float: left; width: 270px;border:#f2eded solid 1px; margin:26px; background: #eee;border:#d6d5d5 solid 1px;}
.product-list li a .pic{  width:270px; height: 270px; overflow: hidden;}
.product-list li a img{  width:270px; height:270px; transition-duration:300ms;}
.product-list li a span{ float: left;  width: 259px; padding: 5px; height: 40px; color: #333333; overflow: hidden; line-height: 35px; font-size: 14px; text-align: center;}
.product-list li:hover img{ transform:scale(1.1);}
.product-list li:hover span{ background: #0a52a6; color: #ffffff;width: 262px;}







.case-list { float: left; width: 1140px; text-align: center;}
.case-list li{ float: left; width: 310px;border:#f2eded solid 1px; margin:7px; background: #eee;border:#d6d5d5 solid 1px;}
.case-list li a .pic{  width:310px; height: 210px; overflow: hidden;}
.case-list li a img{  width:310px; height:210px; transition-duration:300ms;}
.case-list li a span{ float: left;  width: 329px; padding: 5px; height: 40px; color: #333333; overflow: hidden; line-height: 35px; font-size: 14px; text-align: center;}
.case-list li:hover img{ transform:scale(1.1);}
.case-list li:hover span{ background: #0a52a6; color: #ffffff;width: 301px;}




.honor-list { float: left; width: 1140px; text-align: center;}
.honor-list li{ float: left; width:300px;border:#f2eded solid 1px;  margin:7px; background: #eee;border:#d6d5d5 solid 1px;}
.honor-list li a .pic{  width:280px; height: 410px; overflow: hidden;ine-height:20px;}
.honor-list li a img{  width:280px; height:410px; transition-duration:300ms;}
.honor-list li a span{ float: left;  width: 280px; padding: 5px; height: 30px; color: #333333; overflow: hidden; line-height: 30px; font-size: 14px; text-align: center;}
.honor-list li:hover img{ transform:scale(1.1);}
.honor-list li:hover span{ background: #0a52a6; color: #ffffff;width: 280px;}





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

.position-box { float: left; width: 100%; padding: 10px 0; border-bottom: #cfd1d3 solid 1px; margin-bottom: 10px; font-size: 14px;}
.position-box h5{ float: left; font-size: 24px;line-height: 50px; }
.position-box .location{ float: right; font-size: 14px;line-height: 50px; }
.position-box a{ font-size: 14px;line-height: 50px; }

.ysbox{ float:left; width:1200px; padding:20px 0 20px 0; background:url(../images/recommendbg.png) no-repeat bottom center}
.ysbrief{ width:620px; margin-top:50px;}
.ysnum{ float:left; width:100px;}
.ysnum span{ float:left; width:80px; padding:20px 10px; background:#da251e; color:#FFF; font-size:60px; text-align:center; font-family:Georgia, "Times New Roman", Times, serif}
.ysnum span em{ border-bottom:#FFF solid 5px;}
.ysdesc{ float:left; width:450px; margin-left:50px; margin-top:30px;}
.ysdesc h3{ float:left;  font-size:30px; border-bottom:#dddddd solid 5px; padding-bottom:10px; color:#ffffff;}
.ysdesc h3 span{ display:block; font-size:16px; font-weight:normal;}
.ysdesc p{ float:left; width:450px; font-size:16px; margin-top:10px; line-height:25px; color:#FFF;}
.ysimg{ width:450px;}


.ad{ height:60px; background:url(../images/ad_bg.jpg) no-repeat center #999; position:relative;}
.ad p{background:url(../images/head_phone.png) no-repeat left center;font-size:15px;color:#000;padding-left:60px; margin-top:30px; margin-left:80px;}
.ad span{display:block;font-size:25px;font-family:Arial;line-height:30px;}


.home-about-box{  margin-top:160px;}
.home-about-brief{ float:left; width:600px; color:#FFF; font-size:12px;}
.home-about-brief strong{ display:block; font-size:56px; text-transform:uppercase; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif}
.home-about-brief b{ display:block; font-size:32px; }
.home-about-brief p{ display:block; font-size:16px; line-height:30px; margin-top:20px; }
.home-about-brief .more{display:inline-block;width:95px;height:30px; margin-top:10px;text-align:center;line-height:30px;background:#da251e;color:#ffffff;border-radius:3px;box-shadow:2px 2px 3px #203d7c}
.home-about-brief .more:hover{background:#fff;color:#da251e;}

.newssidebox{ float: left; width: 960px; }
.newsheadbox{float: left; width: 600px; background: #ffffff; padding:10px 20px; box-shadow: 0 5px 25px rgba(0, 0, 0, 0.12); margin-top: 10px; }

.newstitbox{ float: left; width: 200px; height: 500px; padding: 50px; background: url(../images/advtitbg.png) no-repeat left center; margin: 0 20px;}
.newstit-title b {display: block; font-size: 45px; font-weight: bold; color: #e42832; margin-top: 60px;}
.newstit-title small {display: block;text-transform: uppercase;font-size: 22px;color: #999; font-weight: bold; margin-top: 10px;}
.newstit-title p {color: #666;margin-top: 20px;font-size: 18px;font-weight: normal;color: #999;}
.newstit-title i{ width:80px; height: 5px; background:#e42832; margin-top: 50px; display: block; }

.newsrecommendbox{ float: left; width: 320px; background: #ffffff; box-shadow: 0 5px 25px rgba(0, 0, 0, 0.12);}
.newsrecommendbox .nimg{float: left; width: 320px; height: 320px; overflow: hidden; }
.newsrecommendbox img{  width: 320px; height: 320px; transition-duration:500ms;}
.newsrecommendbox .nimg:hover img{transform:scale(1.1);}
.ninfo{ float: left; padding:10px 20px; width: 280px; line-height: 25px; }
.ninfo h3 a{ float: left; width: 100%; transition-duration:500ms; height: 60px; line-height: 60px; font-size: 20px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; word-break:keep-all;}
.ninfo p{ float: left; width: 280px; height: 150px; overflow: hidden; line-height: 30px; font-size: 15px;}
.ninfo span{ float: left; width: 100%; line-height: 40px; font-size: 14px; margin-top: 10px; color: #e42832 ;}
.ninfo h3 a:hover{ padding-left: 20px; width: 280px; background: url(../images/arr-r.png) no-repeat left center;}

.newslistbox{ float: left; width:670px; background: #ffffff; padding:30px 20px; box-shadow: 0 5px 25px rgba(0, 0, 0, 0.12);}
.home-news-list{ float:left; width:500px; position: relative; overflow: hidden;}
.home-news-list li { float: left; width: 100%; position: relative; padding-bottom: 10px;  border-bottom: #e3e3e3 solid 2px; }
.home-news-list li a{ float: left; width: 100%; 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;}
.home-news-list li p{ display: block; width: 100%; line-height: 20px; font-size: 15px; height: 40px; overflow: hidden;}
.home-news-list li:hover a{ float: left; padding-left: 20px; width: 580px; background: url(../images/arr-r.png) no-repeat left center; }
.home-news-list li span{ float: left; width: 100%; line-height: 25px; font-size: 14px; margin-top: 5px; text-align: left;}
.home-news-list li i{ position: absolute; left: 0; bottom: -2px; height: 2px; width: 0;  transition-duration:500ms;}
.home-news-list li:hover i{ width: 100%; background:#e42832; }
.home-news-list li:hover span{text-align: right; color: #e42832;}


.side{ float: left; width: 300px;border:#e8e6e6 solid 1px;}
.side h5{ float:left; width:280px; padding: 10px; background:#0e5ab4; color:#ffffff; text-align: left; line-height:23px; font-size: 20px;}

.side h5 span{ display: block; font-size: 14px; text-transform: uppercase; line-height: 30px; font-weight:normal;}
.side .side-box{ float:left; width:260px; overflow: hidden;  background:#ffffff; text-align: center; padding:20px; position: relative; }
.side-box .more{ float:left; display: block; width: 260px; height: 40px; background:#ca0822; color:#ffffff; text-align: center; line-height: 40px; font-size: 16px;}
.side-box .more:hover{ color:#ffffff;font-weight:bold;  }

.side-faq-list { float: left; width: 100%;  }
.side-faq-list li { width: 260px; float: left; position: relative; margin:10px 0;  }
.side-faq-list li a{ width: 100%; float: left;border-bottom:#e4e4e4 solid 1px;}
.side-faq-list li span{ float: left; padding-left:10px; background:url(../images/ask.png) left top no-repeat; width:260px; font-size: 15px; line-height:30px; text-align: left; overflow: hidden; }
.side-faq-list li p {  float: left;  padding-left: 10px; background:url(../images/answer.png) left top no-repeat; display: block; line-height: 22px; height:88px; overflow: hidden; font-size: 14px; text-align: left; width: 240px; color: #aaaaaa; }

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

.main{ float:left; width:1200px;}
.main-head{height:85px;background:#f8f9fb;padding:24px 30px 0 30px;}
.main-head .title{max-width:600px; overflow:hidden}
.main-head .title .fen{font-size:32px;color:#98a4b0;text-transform:uppercase;line-height:36px;}
.main-head .title .fen span{color:#da251e; font-weight:bold;}
.main-head .title .fcn{font-size:20px;color:#666;line-height:29px;font-weight:normal;}
.position,
.position a{color:#666;}
.position{margin-top:45px;line-height:22px;}
.position a:hover{color:#E02739;}





.bain-content-box{float:left; width:100%; line-height:25px; overflow:hidden; font-size:16px;border:#ebe5e6 solid 1px; background: #fff; padding:0px 30px;}









.main-box{float:left; margin-left: 20px; width:960px; background: #f5f5f5;}
.main-content-box{float:left; width:960px; line-height:35px; overflow:hidden; font-size:16px;border:#ebe5e6 solid 1px; background: #f5f5f5; padding:20px 30px;}
.main-content-box img{ max-width: 960px; height:auto; width:expression(this.width > 1000 ? "1000px" : this.width);}
.main-content{float:left; width:100%; line-height:35px; overflow:hidden; font-size:16px;}
.main-content-pbox{float:left; width:940px; line-height:35px; overflow:hidden; font-size:16px; padding:20px 10px;}

ul.news-list{ float:left; width:970px;}
ul.news-list li{ float:left; width:100%; background:#f5f5f5; margin-bottom:20px; border-bottom: 1px solid #eee; padding: 10px 0;}
ul.news-list li a{ float:left; width:100%; }
ul.news-list li a .ntime{ float:right; width:80px; height:70px; padding:10px 10px; background:#bc0007; overflow:hidden; text-align:right; font-size:32px; color:#ffffff; border-right:#cccccc solid 1px;}
ul.news-list li a .ntime span{ display:block; font-size:16px; text-align:right;}
ul.news-list li a .ncontent{ float:left; width:860px; }
ul.news-list li a .ncontent strong{ float:left; width:100%; height:40px; font-size:18px; font-weight: normal; line-height:40px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
ul.news-list li a .ncontent p{ float:left; width:100%; height:50px; line-height:25px; overflow:hidden;color:#999999;}
ul.news-list li a:hover .ntime{ background:#221514; color:#FFF;}
ul.news-list li a:hover strong{ color:#bc0007; font-weight: bold;}
ul.news-list li a:hover p{ color:#333333;}
ul.news-list li:hover {border-bottom: 1px solid #ca0822;}

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

.m_arrows a{text-indent:-9999px; display:block; width:45px; height:45px;margin:0 10px;margin-top:-60px; }
.m_arrows .nolink{ display:none}
.newsnext{ float:right; background:url(../images/arrows.png) -45px 0 no-repeat}
.newsnext:hover{ background-position:-45px -45px}
.newsprev{ float:left; background:url(../images/arrows.png) 0 0 no-repeat}
.newsprev:hover{ background-position:0 -45px}
.m_cotent img{ max-width:100%;}


.productlist{ float:left; width:950px;}
.productlist li{float:left;margin-right:18px; margin-left:16px; padding-bottom:15px; margin-bottom:20px; margin-top:10px;}
.productlist li dl{width:280px; border:#efefef 1px solid; background:#fff;}
.productlist li dl dt{padding:10px;}
.productlist li dl dt img{ width:100%}
.productlist li dl dd{border-top:#efefef 1px solid; text-align:center; padding:30px 0; height:40px; }
.productlist li dl dd .tit{font-weight:bold; font-size:16px; height: 30px; line-height: 30px; overflow: hidden;}
.productlist li dl dd .desc{font-size:16px; margin-top:0px; color:#005ba1;}
.productlist li dl dd .view{ display:none;background:url(../images/icon_view.png) no-repeat; height:27px; line-height:27px; font-size:12px; width:120px; margin:20px 45px; color:#fff; padding-left:37px; text-transform:uppercase; text-align:left;}
.productlist li dl:hover{border:#005ba1 1px solid;-webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.3);-moz-box-shadow:0px 3px 10px rgba(0,0,0,0.3);box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.3);}
.productlist li dl:hover dd{background:#005ba1;}
.productlist li dl:hover dd .tit{color:#fff;}
.productlist li dl:hover .desc{display:none;}
.productlist li dl:hover .view{display:block;}

.pro-briefbox{ float: left; width: 940px; 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(../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;}

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


.footer-contactbox{ float: left; width:348px; color: #fff;font-size: 16px;border-right:#737070 solid 1px;margin-top:-50px; }
.footer-contactbox p{line-height: 30px;width:348px; }
.footer-contactbox p a,.footer-contactbox p a:hover{color: #fff; font-size: 16px;}

.footer-wechat{  text-align:left; margin: 30px 0;margin-top:50px;}
.footer-wechat img{border-radius: 0px;width: 180px;}

.footer-copyright{ line-height: 30px;font-size: 14px;color: #333333;text-align: left; padding: 0px 0; border-top:1px dotted #737070;background:#3b3939}
.footer-copyright a{ font-size: 16px;}
.friendlink-box{float: left; width: 100%;}
.friend-titles{float: left; width: 100%; padding: 10px 0;  margin-bottom: 10px;}
.friend-titles span{float: left; font-size:24px; line-height: 30px; color:#fff;}
.friend-titles span em{ font-size:18px; color:#999; font-weight: normal; text-transform: uppercase;}


.linklist {float: right; height: auto; overflow: hidden; border-right:#737070 solid 1px; }
.linklist dl { float: left; width: 147px; height: 250px; padding-left: 20px; margin: 0 10px; left top no-repeat;}
.linklist dt { font-size: 14px; font-weight: bold; line-height: 40px; color: #fff; }
.linklist dt a { display: block;  color: #fff; font-size: 16px;  font-weight: bold;}
.linklist dt a:hover { color: #fff; }
.linklist dd { height: auto; overflow: hidden;  }
.linklist dd a { display: block; height: 35px; line-height: 35px; overflow: hidden; color: #fff; font-size: 14px;}
.linklist dd a:hover { color: #ca0822; }

.linklist dl.pnav { float: left; width: 220px;  padding-left: 20px; margin: 0 10px; background:url(../images/foot-arr.png) left top no-repeat;color: #fff;border-top:1px dotted #737070;}
.linklist dl.pnav dt {width: 100px; font-size: 14px; font-weight: bold; line-height: 40px; color: #fff; border-bottom: #dfdede solid 1px;}
.linklist dl.pnav dd a { display: block; height: 35px; float: left; width: 100px; margin-right: 10px; line-height: 35px; overflow: hidden; color: #999; font-size: 14px;}
.linklist dl.pnav dd a:hover { color: #ca0822; }







.copyright-box{float:center; width: 100%;margin-top: 10px;color:#fff;margin-left:320px;}

.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:#ca0822; color:#fff; border:#ca0822 solid 1px;}
.wp-pagenavi a:hover { background:#ca0822; color:#fff; border:#ca0822 solid 1px;}


/*在线客服*/
.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: #bc0007;
    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: #980006;
}
.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;
}



.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;  color: #333333;     /* Gecko browsers */-webkit-border-radius: 5px;   /* Webkit browsers */border-radius:5px;            /* W3C syntax */margin:0 3px;}
.wp-pagenavi a.page-num-current { background:#e42832; color:#fff; border:#e42832 solid 1px;}
.wp-pagenavi a:hover { background:#e42832; color:#fff; border:#e42832 solid 1px;}
