*{ margin: 0; padding: 0; font-family:Helvetica;}
a{ text-decoration: none;}
li{ list-style: none;}
img{ border: none;}
input{ -webkit-appearance: none; outline: none;}
textarea{-webkit-appearance: none;}
select{-webkit-appearance: none;}

/*首页开始*/
.headerbox{ width: 100%; height: 100%; /* box-shadow:2px 6px 10px #aaa;*/ z-index: 99999; }
.headerbox .header{width: 1200px; margin: 0 auto; padding-bottom: 10px;}
.headerbox .header .logo{float: left; width: 170px; height: 58px; margin-top: 25px;}
.headerbox .header .logo img{ width: 170px; height: 58px;}
.headerbox .header .nav{float: left; width: 685px; margin-top: 40px; margin-left: 125px;}
.headerbox .header .nav .searchpad{ display: none;}
.headerbox .header .nav ul{width: 685px;}
.headerbox .header .nav ul li{ float: left; margin: 0 20px; position:relative;}
.headerbox .header .nav ul li a{ display: block; height: 40px; line-height: 40px; font-size: 14px; color: #0d1017;}


.headerbox .header .nav ul li i{ display:block; height:3px; width:100%; background:#297cd8; position:absolute; bottom:0; left:0; width:0%; left:50%; transition:0.3s;}
.headerbox .header .nav ul li:hover i{ width:100%; left:0%;}
.headerbox .header .nav ul li a:hover{ color:#297cd8;}
.headerbox .header .nav ul li a.on{ color:#297cd8;}
.headerbox .header .nav ul li i i.on{ display:block; width:100%; left:0%;}
.headerbox .header .nav ul li a.on{  color:#297cd8;}




.headerbox .header .searchbox{ float: left; width: 220px;}
.headerbox .header .searchbox .switch{ width: 120px; margin-left: 100px; margin-top: 10px;}
.headerbox .header .searchbox .switch a{ display:inline-block; height: 14px; line-height: 14px; margin: 0 8px; color: #0d1017; font-size: 14px;}
.headerbox .header .searchbox .search{ width: 220px; margin-top: 15px;}
.headerbox .header .searchbox .search input[type=text]{ float: left; width: 180px; height: 30px; line-height:30px; padding-left: 10px; border: 1px solid #aaa; border-right: none; border-bottom-left-radius: 5px; border-top-left-radius: 5px;border-bottom-right-radius: 0px; border-top-right-radius: 0px;}
.headerbox .header .searchbox .search input[type=submit]{ float: left; width: 28px; height: 32px; border: 1px solid #aaa; border-left: none; background: url(../img/search.png) center no-repeat;border-bottom-right-radius: 5px; border-top-right-radius: 5px;border-bottom-left-radius: 0px; border-top-left-radius: 0px; cursor: pointer;}
.headerphone{ display: none;}




/*banner开始*/
.hi{ display: none;}
.bannerbox{ padding:15px 0 0; box-shadow:2px 6px 10px #aaa;}
.swiper-container {width: 100%;height: 500px;}
.swiper-slide {text-align: center;font-size: 18px;background: #fff; display: -webkit-box;display: -ms-flexbox; display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;
-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center; align-items: center;}
/*banner结束*/
/*广告语开始*/
.advertising{ width: 1200px; margin: 50px auto;}
.advertising h3{ text-align: center; font-size: 24px; font-family: "微软雅黑";}
.advertising h3 span{ color: #297cd8;}
.advertising p{ margin-top: 20px; text-align: center; font-family: "微软雅黑";font-size: 16px; color: #666; font-weight: bold;}
.advertisingphone{ display: none;}
/*广告语结束*/
/*产品目录开始*/
.productbox{ width: 1200px; margin: 80px auto; }
.productbox .top{ width: 100%;}
.productbox .top .introduction{ float: left; width: 50%;}
.productbox .top .introduction h3{ font-size: 18px;}
.productbox .top .introduction h3 span{ font-size: 32px;}
.productbox .top .introduction .brief{ line-height: 20px; font-size: 12px;}
.productbox .top .search{ float: left; width: 40%; margin-left: 10%; margin-top: 30px;}
.productbox .top .search input[type=text]{ float: left; width: 87%; height: 50px; line-height:50px; padding-left: 2%; border: 1px solid #aaa; border-right: none; border-bottom-left-radius: 5px; border-top-left-radius: 5px;border-bottom-right-radius: 0px; border-top-right-radius: 0px;}
.productbox .top .search input[type=submit]{ float: left; width:10%; height: 52px; border: 1px solid #aaa; border-left: none; background: url(../img/search.png) center no-repeat;border-bottom-right-radius: 5px; border-top-right-radius: 5px;border-bottom-left-radius: 0px; border-top-left-radius: 0px; cursor: pointer;}
.productbox .catalog{ width: 100%; margin: 40px auto;}
.productbox .catalog ul{ float: left; width: 25%;}
.productbox .catalog ul li{width: 100%; height: 30px; line-height: 30px;}
.productbox .catalog ul li a{ display: block; width: 90%; margin: 0 auto; font-size: 14px; color: #297cd8;}
.productbox .catalog ul li a:hover{ color: #fb8801;}
.productbox .catalogphone{ display: none;}
/*产品目录结束*/
/*质量保证开始*/
.assurancebox{ width: 1200px; margin: 50px auto 0;}
.assurancebox .introduction{ float: left; width: 30%;}
.assurancebox .introduction h3{ font-size: 32px;}
.assurancebox .introduction .brief{ line-height: 25px; font-size: 16px; font-weight: bold;}
.assurancebox .introduction .summary{ margin-top: 15px; line-height: 25px; font-size: 14px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 9;-webkit-box-orient: vertical;}
.assurancebox .introduction a{ display: block; margin-top: 10px; font-size: 14px; color: #297cd8;}
.assurancebox .introduction a:hover{ color: #fb8801;}
.assurancebox .content{ float: left; width: 68%; margin-left: 2%;}
.assurancebox .content ul{ width: 100%; margin-top: 30px;}
.assurancebox .content ul li{ float: left; width: 50%; margin-bottom: 50px;}
.assurancebox .content ul li a{ position: relative; display: block; float: right; width: 90%; }
.assurancebox .content ul li a:hover .icons{ background: url(../img/cheng.png) center no-repeat;}
.assurancebox .content ul li a .icons{ position: absolute; top: -30px; left: -30px; width: 61px; height: 69px; background: url(../img/hui.png) center no-repeat; transition: background 1s;}
.assurancebox .content ul li a .icons img{ display: block; margin: 20px auto;}
.assurancebox .content ul li a .info{ width: 100%; height: 150px; background-color: #fafafa;}
.assurancebox .content ul li a .info h3{ padding-top: 20px; text-align: center; font-size: 18px; color: #434343;}
.assurancebox .content ul li a .info span{ display: block; width: 90%; margin: 10px auto; font-size: 12px; line-height: 20px; color: #000000;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
/*质量保证结束*/
/*关于我们开始*/
.aboutbox{ width: 1200px; margin: 0 auto;}
.aboutbox .aboutusphone{ display: none;}
.aboutbox .culturevideo{ float: left; width: 390px;}
.aboutbox .culturevideo:hover a span{ color: #fb8801;}
.aboutbox .culturevideo .video{ width: 100%; height: 280px;}
.aboutbox .culturevideo a{ display: block; width: 100%; height: 28px; margin-top: 10px; padding:0 0 10px; background-color: #fafafa;}
.aboutbox .culturevideo a .imgs{ float: left; width: 28px; height: 28px; margin-left: 12px;}
.aboutbox .culturevideo a span{ display: block; float: left; width: 280px; margin-left: 20px; line-height:28px; font-size: 14px; color: #000;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; font-weight: bold;}
.aboutbox .culturevideo a .arrow{ float: left; width: 20px; height: 28px; margin-left: 20px; background: url(../img/jiantou.png) center no-repeat;}
.aboutbox .aboutus{ float: left; width: 390px; margin-left: 15px;}
.aboutbox .aboutus:hover a span{ color: #fb8801;}
.aboutbox .aboutus .introduction{ width: 100%; height: 280px;background-color: #fafafa;}
.aboutbox .aboutus .introduction h3{ width: 95%;  margin: 0 auto; padding-top: 20px; font-size: 32px;}
.aboutbox .aboutus .introduction .summary{width: 95%; margin: 15px auto; line-height: 25px; font-size: 14px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 8;-webkit-box-orient: vertical;}
.aboutbox .aboutus a{ display: block; width: 100%; height: 28px; margin-top: 10px; padding: 10px 0; background-color: #fafafa;}
.aboutbox .aboutus a .imgs{ float: left; width: 28px; height: 28px; margin-left: 12px;}
.aboutbox .aboutus a span{ display: block; float: left; width: 280px; margin-left: 20px; line-height:28px; font-size: 14px; color: #000;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; font-weight: bold;}
.aboutbox .aboutus a .arrow{ float: left; width: 20px; height: 28px; margin-left: 20px; background: url(../img/jiantou.png) center no-repeat;}
.aboutbox .provideo{ float: left; width: 390px;margin-left: 15px;}
.aboutbox .provideo:hover a span{ color: #fb8801;}
.aboutbox .provideo .video{ width: 100%; height: 280px;}
.aboutbox .provideo a{ display: block; width: 100%; height: 28px; margin-top: 10px; padding: 10px 0; background-color: #fafafa;}
.aboutbox .provideo a .imgs{ float: left; width: 28px; height: 28px; margin-left: 12px;}
.aboutbox .provideo a span{ display: block; float: left; width: 280px; margin-left: 20px; line-height:28px; font-size: 14px; color: #000;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; font-weight: bold;}
.aboutbox .provideo a .arrow{ float: left; width: 20px; height: 28px; margin-left: 20px; background: url(../img/jiantou.png) center no-repeat;}
/*关于我们结束*/
/*合作客户开始*/
.cooperation{ width: 1200px; margin: 20px auto; padding: 20px 0; background-color: #fafafa;}
.cooperation ul{ width: 100%; background-color: #fff;}
.cooperation ul li{ float: left; width: 14.2%; height: 60px;}
.cooperation ul li a{ display: block;width: 130px; height: 60px; margin: 0 auto; transition: background 1s;}
.cooperationphone{ display: none;}
/*合作客户结束*/
/*底部开始*/
.footer{ width: 100%; height: 100%; padding: 30px 0; background-color: #434343;}
.footer .up{ width: 1200px; margin: 0 auto;}
.footer .up .content{ float: left; width:33%;}
.footer .up .content .column{ width: 80%; height: 40px; line-height: 40px; border-bottom: 1px solid #297cd8; font-family: "微软雅黑";  font-size: 14px; color: #fff; font-weight: bold;}
.footer .up .content ul{ width: 80%; margin-top: 20px;}
.footer .up .content ul li{ width: 100%; border-bottom: 1px solid #4e4e4e; margin-bottom: 10px;}
.footer .up .content ul li:last-child{ border-bottom:none;}
.footer .up .content ul li a{ display: block; width: 100%;margin-bottom: 10px;}
.footer .up .content ul li a:hover .time{ background:url(../img/pic2.png) left center no-repeat;}
.footer .up .content ul li a:hover .topic{ color: #fff;}
.footer .up .content ul li a .time{ float: left; width: 20%; height: 30px; background:url(../img/pic1.png) left center no-repeat; transition: background 1s}
.footer .up .content ul li a .time .day{ display: block; float: left; width: 40%; line-height: 30px; text-align: center; font-size: 18px; color: #fff; font-weight: bold; }
.footer .up .content ul li a .time .month{display: block; float: left; width: 40%; margin-left: 20%; margin-top: 15px; font-size: 10px; color: #fff;}
.footer .up .content ul li a .topic{ float: left; width: 77%; margin-left: 3%; line-height: 15px; font-size: 12px; color: #ccc;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.footer .up .content .info{ width: 80%; height: 150px; margin-top: 20px; line-height: 25px; font-size: 12px; color: #ccc; overflow: hidden;}
.footer .up .content .share{ width: 80%; margin: 30px 0;}
.footer .up .content .share a{ display: block; float: left; width: 20%;}
.footer .up .linksbox{ width: 100%; margin: 20px 0; padding: 15px 0; background-color: #535353;}
.footer .up .linksbox span{ display: block; float: left; margin-left: 1%; font-size: 14px; color: #fff; font-weight: bold;}
.footer .up .linksbox .link{ float: left; margin-left: 1%;}
.footer .up .linksbox .link a{ display: block; float: left; padding: 0 10px; font-size: 14px; color: #297cd8; font-weight: bold;}
.footer .up .linksbox .link a:hover{ color: #2f88eb;}
.footer .down{ width: 100%; border-top: 1px solid #ccc;}
.footer .down .banquan{ width: 1200px; margin: 20px auto 0; color: #ccc; font-size: 12px;}							
/*底部结束*/

@media (min-width: 992px) and (max-width: 1199px) {/*主要适应于分辨率低的电脑*/
	.headerbox .header{ width: 990px; margin: 0 auto; padding-bottom: 10px;}
	.headerbox .header .nav{float: left; width: 550px; margin-top: 40px; margin-left: 40px;}
	.headerbox .header .nav ul{width: 550px;}
	.headerbox .header .nav ul li{ float: left; margin: 0 10px;}
	/*banner开始*/
	.swiper-container {width: 100%;height: 380px;}
	/*banner结束*/
	/*广告语开始*/
	.advertising{ width: 990px; margin: 50px auto;}
	/*广告语结束*/
	/*产品目录开始*/
	.productbox{ width: 990px; margin: 80px auto; }
	.productbox .catalog ul li a{ display: block; width: 90%; margin: 0 auto; font-size: 14px; color: #297cd8;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
	/*产品目录结束*/
	/*质量保证开始*/
	.assurancebox{ width: 990px; margin: 50px auto 0;}
	.assurancebox .introduction h3{ font-size: 30px;}
	.assurancebox .introduction .brief{ line-height: 25px; font-size: 14px; font-weight: bold;}
	.assurancebox .introduction .summary{ margin-top: 15px; line-height: 25px; font-size: 14px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 7;-webkit-box-orient: vertical;}
	/*质量保证结束*/
	/*关于我们开始*/
	.aboutbox{ width: 990px; margin: 0 auto;}
	.aboutbox .culturevideo{ float: left; width: 320px;}
	.aboutbox .culturevideo a span{ display: block; float: left; width: 210px; margin-left: 20px; line-height:28px; font-size: 14px; color: #000;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; font-weight: bold;}
	.aboutbox .aboutus{ float: left; width: 320px; margin-left: 15px;}
	.aboutbox .aboutus .introduction .summary{width: 95%; margin: 15px auto; line-height: 25px; font-size: 14px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 7;-webkit-box-orient: vertical;}
	.aboutbox .aboutus a span{ display: block; float: left; width: 210px; margin-left: 20px; line-height:28px; font-size: 14px; color: #000;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; font-weight: bold;}
	.aboutbox .provideo{ float: left; width: 320px;margin-left: 15px;}
	.aboutbox .provideo a span{ display: block; float: left; width: 210px; margin-left: 20px; line-height:28px; font-size: 14px; color: #000;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; font-weight: bold;}
	/*关于我们结束*/	
	/*合作客户开始*/
	.cooperation{ display: none;}
	.cooperationphone{ display: block; width: 990px; margin: 20px auto; padding: 20px 0; background-color: #fafafa;}
	.cooperationphone ul{ width: 100%; background-color: #fff;}
	.cooperationphone ul li{ float: left; width: 16.6%; height: 60px;}
	.cooperationphone ul li a{ display: block;width: 130px; height: 60px; margin: 0 auto; transition: background 1s;}
	/*合作客户结束*/
	/*底部开始*/
	.footer .up{ width: 990px; margin: 0 auto;}
	.footer .up .content ul li a .time{ float: left; width: 20%; height: 30px; background:url(../img/pic1.png) left center no-repeat; transition: background 1s}
	.footer .up .content ul li a .time .day{ display: block; float: left; width: 50%; line-height: 30px; text-align: center; font-size: 18px; color: #fff; font-weight: bold; }
	.footer .up .content ul li a .time .month{display: block; float: left; width: 40%; margin-left: 10%; margin-top: 15px; font-size: 10px; color: #fff;}
	.footer .down .banquan{ width: 990px; margin: 20px auto 0; color: #ccc;}							
	/*底部结束*/
}

@media (min-width: 768px) and (max-width: 991px) {/*主要pad端*/	
	.headerbox .header{ width: 750px; margin: 0 auto; padding-bottom: 10px;}
	.headerbox .header .nav{float: left; width: 550px; margin-top: 20px; margin-left: 17px;}
	.headerbox .header .nav .searchpad{ display: block; width: 370px; margin-left: 180px; margin-top: 0px;}
	.headerbox .header .nav .searchpad .search{ float: left; width: 220px;}
	.headerbox .header .nav .searchpad .search input[type=text]{ float: left; width: 180px; height: 20px; line-height:20px; padding-left: 10px; border: 1px solid #aaa; border-right: none; border-bottom-left-radius: 5px; border-top-left-radius: 5px;border-bottom-right-radius: 0px; border-top-right-radius: 0px;}
	.headerbox .header .nav .searchpad .search input[type=submit]{ float: left; width: 28px; height: 22px; border: 1px solid #aaa; border-left: none; background: url(../img/search.png) center no-repeat;border-bottom-right-radius: 5px; border-top-right-radius: 5px;border-bottom-left-radius: 0px; border-top-left-radius: 0px; cursor: pointer;}
	.headerbox .header .nav .searchpad .switch{ float: left; width: 120px; margin-left: 30px; margin-top: 3px;}
	.headerbox .nav .searchpad .switch a{ display:inline-block; height: 14px; line-height: 14px; margin: 0 8px; color: #0d1017; font-size: 14px;}
	.headerbox .header .nav ul{width: 550px;}
	.headerbox .header .nav ul li{ float: left; margin: 0 10px;}
	.headerbox .header .searchbox{ display: none;}
	/*banner开始*/
	.swiper-container {width: 100%;height: 280px;}
	/*banner结束*/
	/*广告语开始*/
	.advertising{ width: 750px; margin: 50px auto;}
	.advertising h3{ text-align: center; font-size: 20px; font-family: "微软雅黑";}
	/*广告语结束*/
	/*产品目录开始*/
	.productbox{ width: 750px; margin: 80px auto; }
	.productbox .catalog ul li a{ display: block; width: 90%; margin: 0 auto; font-size: 14px; color: #297cd8;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
	/*产品目录结束*/
	/*质量保证开始*/
	.assurancebox{ width: 750px; margin: 50px auto 0;}
	.assurancebox .introduction{ float: none; width: 100%;}
	.assurancebox .introduction .summary{ margin-top: 15px; line-height: 25px; font-size: 14px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
	.assurancebox .content{ float: none; width: 100%; margin-left: 0;}
	.assurancebox .content ul{ width: 100%; margin-top: 60px;}
	/*质量保证结束*/
	/*关于我们开始*/
	.aboutbox{ width: 750px; margin: 0 auto;}
	.aboutbox .aboutusphone{display: block; float: none; width: 90%;margin: 40px auto; }
	.aboutbox .aboutusphone .introduction{ width: 100%; height: 220px;background-color: #fafafa;}
	.aboutbox .aboutusphone .introduction h3{ width: 95%;  margin: 0 auto; padding-top: 20px; font-size: 32px;}
	.aboutbox .aboutusphone .introduction .summary{width: 95%; margin: 15px auto; line-height: 25px; font-size: 14px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
	.aboutbox .aboutusphone a{ display: block; width: 100%; height: 28px; margin-top: 10px; padding: 10px 0; background-color: #fafafa;}
	.aboutbox .aboutusphone a .imgs{ float: left; width: 28px; height: 28px; margin-left: 12px;}
	.aboutbox .aboutusphone a span{ display: block; float: left; width: 82%; margin-left: 20px; line-height:28px; font-size: 14px; color: #000;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; font-weight: bold;}
	.aboutbox .aboutusphone a .arrow{ float: left; width: 20px; height: 28px; margin-left: 20px; background: url(../img/jiantou.png) center no-repeat;}
	.aboutbox .culturevideo{ float: none; width: 90%; margin: 0 auto;}
	.aboutbox .culturevideo .video{ width: 100%; height: 220px;}
	.aboutbox .culturevideo a span{ display: block; float: left; width: 82%; margin-left: 20px; line-height:28px; font-size: 14px; color: #000;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; font-weight: bold;}
	.aboutbox .aboutus{ display: none;}
	.aboutbox .provideo{ float: none; width: 90%;margin:40px auto;}
	.aboutbox .provideo .video{ width: 100%; height: 220px;}
	.aboutbox .provideo a span{ display: block; float: left; width: 82%; margin-left: 20px; line-height:28px; font-size: 14px; color: #000;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; font-weight: bold;}
	/*关于我们结束*/
	/*合作客户开始*/
	.cooperation{ display: none;}
	.cooperationphone{ display: block; width: 750px; margin: 20px auto; padding: 20px 0; background-color: #fafafa;}
	.cooperationphone ul{ width: 100%; background-color: #fff;}
	.cooperationphone ul li{ float: left; width: 33.3%; height: 60px; margin: 10px 0;}
	.cooperationphone ul li a{ display: block;width: 130px; height: 60px; margin: 0 auto; transition: background 1s;}
	/*合作客户结束*/
	/*底部开始*/
	.footer .up{ width: 750px; margin: 0 auto;}
	.footer .up .content .column{ width: 90%; height: 40px; line-height: 40px; border-bottom: 1px solid #297cd8; font-family: "微软雅黑";  font-size: 14px; color: #fff; font-weight: bold;}
	.footer .up .content ul{ width: 90%; margin-top: 20px;}
	.footer .up .content ul li a .time{ float: left; width: 25%; height: 30px; background:url(../img/pic1.png) left center no-repeat; transition: background 1s}
	.footer .up .content ul li a .time .day{ display: block; float: left; width: 45%; line-height: 30px; text-align: center; font-size: 18px; color: #fff; font-weight: bold; }
	.footer .up .content ul li a .time .month{display: block; float: left; width: 45%; margin-left: 10%; margin-top: 15px; font-size: 10px; color: #fff;}
	.footer .up .content ul li a .topic{ float: left; width: 72%; margin-left: 3%; line-height: 15px; font-size: 12px; color: #ccc;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
	.footer .up .content .info{ width: 90%; height: 150px; margin-top: 20px; line-height: 25px; font-size: 12px; color: #ccc; overflow: hidden;}
	.footer .up .content .share{ width: 90%; margin: 30px 0;}
	.footer .down .banquan{ width: 750px; margin: 20px auto 0; color: #ccc;}							
	/*底部结束*/
}

@media (min-width: 480px) and (max-width: 767px) {/*主要手机端*/
	.headerbox{ display: none;}
	.headerphone{display: block; position:fixed; top:0; width:96%; padding: 0 2%; height:45px; background-color:#fff; z-index:99999; box-shadow:2px 6px 15px #aaa;}
	.headerphone .logo{ float:left; width:15%; height:35px; margin-top: 5px;}
	.headerphone .logo img{ width: 100%; height: 35px;}
	.headerphone nav{float:right;display: none; position: absolute; top: 45px; background: #fff; left: 0; width: 100%; z-index:99999;}
	.headerphone nav li{ float: none;}
	.headerphone nav a{ display: block; padding: 0 50px; line-height: 40px;text-align:center; border-top: 1px solid #efefef; font-size:14px;color:#666; }
	.headerphone .btn{ position: absolute;display: block; width:25px; height:30px; top:10px; right: 10px; border-radius: 3px; cursor: pointer; }
	.headerphone .btn i{ display: block; width: 25px; height: 5px;margin: 0 auto; margin-top: 2px; background: #666;}
	/*banner开始*/
	.hi{ display: block; }
	.swiper-container { width: 100%;height: 180px; }
	/*banner结束*/
	/*广告语开始*/
	.advertising{ display: none;}
	.advertisingphone{ display: block; width: 96%; padding: 0 2%; margin: 50px auto;}
	.advertisingphone h3{ text-align: center; font-size: 12px; font-family: "微软雅黑";}
	.advertisingphone h3 span{ color: #297cd8;}
	.advertisingphone p{ margin-top: 20px; text-align: center; font-family: "微软雅黑";font-size: 10px; color: #666; font-weight: bold;}
	/*广告语结束*/
	/*产品目录开始*/
	.productbox{ width: 96%; padding: 0 2%; margin: 30px auto; }
	.productbox .top{ width: 100%;}
	.productbox .top .introduction{ float: left; width: 100%;}
	.productbox .top .introduction h3{ font-size: 14px;}
	.productbox .top .introduction h3 span{ font-size: 24px;}
	.productbox .top .introduction .brief{ line-height: 20px; font-size: 12px;}
	.productbox .top .search{ float: left; width: 100%; margin-left: 0; margin-top: 20px;}
	.productbox .catalog{ display: none; }
	.productbox .catalogphone{ display: block;width: 100%; margin-top: 20px;}
	.productbox .catalogphone ul{ width: 100%;}
	.productbox .catalogphone ul li{ width: 100%; height: 30px;}
	.productbox .catalogphone ul li a{ font-size:14px;color: #0d1017;}
	/*产品目录结束*/
	/*质量保证开始*/
	.assurancebox{width: 96%; padding: 0 2%; margin: 50px auto 0;}
	.assurancebox .introduction{ float: none; width: 100%;}
	.assurancebox .introduction h3{ font-size: 24px;}
	.assurancebox .introduction .summary{ margin-top: 15px; line-height: 25px; font-size: 14px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}
	.assurancebox .content{ float: none; width: 100%; margin-left: 0;}
	.assurancebox .content ul{ width: 100%; margin-top: 50px;}
	.assurancebox .content ul li{ float: none; width: 100%; margin-bottom: 50px;}
	.assurancebox .content ul li a{ position: relative; display: block; float: none; width: 90%; margin-left: 9%; }
	/*质量保证结束*/
	/*关于我们开始*/
	.aboutbox{width: 96%; padding: 0 2%;  margin: 0 auto;}
	.aboutbox .aboutusphone{ display: block; float: none; width: 100%;margin: 40px auto; }
	.aboutbox .aboutusphone .introduction h3{ width: 95%;  margin: 0 auto; padding-top: 20px; font-size: 32px;}
	.aboutbox .aboutusphone .introduction{ width: 100%; height: 220px;background-color: #fafafa;}
	.aboutbox .aboutusphone .introduction .summary{width: 95%; margin: 15px auto; line-height: 25px; font-size: 14px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
	.aboutbox .aboutusphone a{ display: block; width: 100%; height: 28px; margin-top: 10px; padding: 10px 0; background-color: #fafafa;}
	.aboutbox .aboutusphone a .imgs{ float: left; width: 8%; height: 28px; margin-left:2%;}
	.aboutbox .aboutusphone a .imgs img{ width: 100%; height: 100%;}
	.aboutbox .aboutusphone a span{ display: block; float: left; width: 75%; margin-left: 5%; line-height:28px; font-size: 14px; color: #000;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; font-weight: bold;}
	.aboutbox .aboutusphone a .arrow{ float: left; width: 5%; height: 28px; margin-left: 3%; background: url(../img/jiantou.png) center no-repeat;}
	.aboutbox .culturevideo{ float: none; width: 100%; margin: 0 auto;}
	.aboutbox .culturevideo .video{ width: 100%; height: 220px;}
	.aboutbox .culturevideo a{ display: block; width: 100%; height: 28px; margin-top: 10px; padding: 10px 0; background-color: #fafafa;}
	.aboutbox .culturevideo a .imgs{ float: left; width: 8%; height: 28px; margin-left:2%;}
	.aboutbox .culturevideo a .imgs img{ width: 100%; height: 100%;}
	.aboutbox .culturevideo a span{ display: block; float: left; width: 75%; margin-left: 5%; line-height:28px; font-size: 14px; color: #000;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; font-weight: bold;}
	.aboutbox .culturevideo a .arrow{ float: left; width: 5%; height: 28px; margin-left: 3%; background: url(../img/jiantou.png) center no-repeat;}
	.aboutbox .aboutus{ display: none;}
	.aboutbox .provideo{ float: none; width: 100%;margin:40px auto;}
	.aboutbox .provideo .video{ width: 100%; height: 220px;}
	.aboutbox .provideo a{ display: block; width: 100%; height: 28px; margin-top: 10px; padding: 10px 0; background-color: #fafafa;}
	.aboutbox .provideo a .imgs{ float: left; width: 8%; height: 28px; margin-left:2%;}
	.aboutbox .provideo a .imgs img{ width: 100%; height: 100%;}
	.aboutbox .provideo a span{ display: block; float: left; width: 75%; margin-left: 5%; line-height:28px; font-size: 14px; color: #000;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; font-weight: bold;}
	.aboutbox .provideo a .arrow{ float: left; width: 5%; height: 28px; margin-left: 3%; background: url(../img/jiantou.png) center no-repeat;}
	/*关于我们结束*/
	/*合作客户开始*/
	.cooperation{ display: none;}
	.cooperationphone{ display: block; width: 96%; padding: 0 2%; margin: 20px auto; padding: 20px 0; background-color: #fafafa;}
	.cooperationphone ul{ width: 100%; background-color: #fff;}
	.cooperationphone ul li{ float: left; width: 33.3%; height: 60px; margin: 10px 0;}
	.cooperationphone ul li a{ display: block;width: 130px; height: 60px; margin: 0 auto; transition: background 1s;}
	/*合作客户结束*/
	/*底部开始*/
	.footer .up{ width: 96%; padding:0 2%; margin: 0 auto;}
	.footer .up .content .column{ width: 90%; height: 40px; line-height: 40px; border-bottom: 1px solid #297cd8; font-family: "微软雅黑";  font-size: 14px; color: #fff; font-weight: bold;}
	.footer .up .content ul{ width: 90%; margin-top: 20px;}
	.footer .up .content ul li a .time{ float: left; width: 25%; height: 30px; background:url(../img/pic1.png) left center no-repeat; transition: background 1s}
	.footer .up .content ul li a .time .day{ display: block; float: left; width: 50%; line-height: 30px; text-align: center; font-size: 18px; color: #fff; font-weight: bold; }
	.footer .up .content ul li a .time .month{display: block; float: left; width: 45%; margin-left: 5%; margin-top: 15px; font-size: 10px; color: #fff;}
	.footer .up .content ul li a .topic{ float: left; width: 72%; margin-left: 3%; line-height: 15px; font-size: 12px; color: #ccc;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
	.footer .up .content .info{ width: 90%; height: 150px; margin-top: 20px; line-height: 25px; font-size: 12px; color: #ccc; overflow: hidden;}
	.footer .up .content .share{ width: 90%; margin: 30px 0;}
	.footer .down .banquan{ width: 96%; padding:0 2%; margin: 20px auto 0; color: #ccc;}							
	/*底部结束*/
	
}

@media (max-width:479px){/*微小屏幕*/
	.headerbox{ display: none;}
	.headerphone{display: block; position:fixed; top:0; width:96%; padding: 0 2%; height:45px; background-color:#fff; z-index:99999;  box-shadow:2px 6px 15px #aaa;}
	.headerphone .logo{ float:left; width:30%; height:35px; margin-top: 5px;}
	.headerphone .logo img{ width: 100%; height: 35px;}
	.headerphone nav{float:right;display: none; position: absolute; top: 45px; background: #fff; left: 0; width: 100%; z-index:99999;}
	.headerphone nav li{ float: none;}
	.headerphone nav a{ display: block; padding: 0 50px; line-height: 40px;text-align:center; border-top: 1px solid #efefef; font-size:14px; color:#666; }
	.headerphone .btn{ position: absolute;display: block; width:25px; height:30px; top:10px; right: 10px; border-radius: 3px; cursor: pointer; }
	.headerphone .btn i{ display: block; width: 25px; height: 5px;margin: 0 auto; margin-top: 2px; background: #666;}
	/*banner开始*/
	.hi{ display: block;}
	.swiper-container { width: 100%;height: 150px;}
	/*banner结束*/
	/*广告语开始*/
	.advertising{ display: none;}
	.advertisingphone{ display: block; width: 96%; padding: 0 2%; margin: 30px auto;}
	.advertisingphone h3{ text-align: center; font-size: 12px; font-family: "微软雅黑";}
	.advertisingphone h3 span{ color: #297cd8;}
	.advertisingphone p{ margin-top: 10px; text-align: center; font-family: "微软雅黑";font-size: 10px; color: #666; font-weight: bold;}
	/*广告语结束*/
	/*产品目录开始*/
	.productbox{ width: 96%; padding: 0 2%; margin: 30px auto; }
	.productbox .top{ width: 100%;}
	.productbox .top .introduction{ float: left; width: 100%;}
	.productbox .top .introduction h3{ font-size: 14px;}
	.productbox .top .introduction h3 span{ font-size: 24px;}
	.productbox .top .introduction .brief{ line-height: 20px; font-size: 12px;}
	.productbox .top .search{ float: left; width: 100%; margin-left: 0; margin-top: 20px;}
	.productbox .catalog{ display: none; }
	.productbox .catalogphone{ display: block;width: 100%; margin-top: 20px;}
	.productbox .catalogphone ul{ width: 100%;}
	.productbox .catalogphone ul li{ width: 100%; height: 30px;}
	.productbox .catalogphone ul li a{ font-size:14px;color: #0d1017; font-weight: bold;}
	/*产品目录结束*/
	/*质量保证开始*/
	.assurancebox{width: 96%; padding: 0 2%; margin: 50px auto 0;}
	.assurancebox .introduction{ float: none; width: 100%;}
	.assurancebox .introduction h3{ font-size: 24px;}
	.assurancebox .content{ float: none; width: 100%; margin-left: 0;}
	.assurancebox .content ul{ width: 100%; margin-top: 50px;}
	.assurancebox .content ul li{ float: none; width: 100%; margin-bottom: 50px;}
	.assurancebox .content ul li a{ position: relative; display: block; float: none; width: 90%; margin-left: 9%; }
	/*质量保证结束*/
	/*关于我们开始*/
	.aboutbox{width: 96%; padding: 0 2%;  margin: 0 auto;}
	.aboutbox .aboutusphone{ display: block; float: none; width: 100%;margin: 40px auto; }
	.aboutbox .aboutusphone .introduction h3{ width: 95%;  margin: 0 auto; padding-top: 20px; font-size: 32px;}
	.aboutbox .aboutusphone .introduction{ width: 100%; height: 220px;background-color: #fafafa;}
	.aboutbox .aboutusphone .introduction .summary{width: 95%; margin: 15px auto; line-height: 25px; font-size: 14px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
	.aboutbox .aboutusphone a{ display: block; width: 100%; height: 28px; margin-top: 10px; padding: 10px 0; background-color: #fafafa;}
	.aboutbox .aboutusphone a .imgs{ float: left; width: 8%; height: 28px; margin-left:2%;}
	.aboutbox .aboutusphone a .imgs img{ width: 100%; height: 100%;}
	.aboutbox .aboutusphone a span{ display: block; float: left; width: 75%; margin-left: 5%; line-height:28px; font-size: 14px; color: #000;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; font-weight: bold;}
	.aboutbox .aboutusphone a .arrow{ float: left; width: 5%; height: 28px; margin-left: 3%; background: url(../img/jiantou.png) center no-repeat;}
	.aboutbox .culturevideo{ float: none; width: 100%; margin: 0 auto;}
	.aboutbox .culturevideo .video{ width: 100%; height: 220px;}
	.aboutbox .culturevideo a{ display: block; width: 100%; height: 28px; margin-top: 10px; padding: 10px 0; background-color: #fafafa;}
	.aboutbox .culturevideo a .imgs{ float: left; width: 8%; height: 28px; margin-left:2%;}
	.aboutbox .culturevideo a .imgs img{ width: 100%; height: 100%;}
	.aboutbox .culturevideo a span{ display: block; float: left; width: 75%; margin-left: 5%; line-height:28px; font-size: 14px; color: #000;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; font-weight: bold;}
	.aboutbox .culturevideo a .arrow{ float: left; width: 5%; height: 28px; margin-left: 3%; background: url(../img/jiantou.png) center no-repeat;}
	.aboutbox .aboutus{ display: none;}
	.aboutbox .provideo{ float: none; width: 100%;margin:40px auto;}
	.aboutbox .provideo .video{ width: 100%; height: 220px;}
	.aboutbox .provideo a{ display: block; width: 100%; height: 28px; margin-top: 10px; padding: 10px 0; background-color: #fafafa;}
	.aboutbox .provideo a .imgs{ float: left; width: 8%; height: 28px; margin-left:2%;}
	.aboutbox .provideo a .imgs img{ width: 100%; height: 100%;}
	.aboutbox .provideo a span{ display: block; float: left; width: 75%; margin-left: 5%; line-height:28px; font-size: 14px; color: #000;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; font-weight: bold;}
	.aboutbox .provideo a .arrow{ float: left; width: 5%; height: 28px; margin-left: 3%; background: url(../img/jiantou.png) center no-repeat;}
	/*关于我们结束*/
	/*合作客户开始*/
	.cooperation{ display: none;}
	.cooperationphone{ display: block; width: 96%; padding: 0 2%; margin: 20px auto; padding: 20px 0; background-color: #fafafa;}
	.cooperationphone ul{ width: 100%; background-color: #fff;}
	.cooperationphone ul li{ float: left; width: 33.3%; height: 60px; margin: 10px 0;}
	.cooperationphone ul li a{ display: block;width: 130px; height: 60px; margin: 0 auto; transition: background 1s;}
	/*合作客户结束*/
	/*底部开始*/
	.footer{ width: 100%; height: 100%; padding: 30px 0; background-color: #434343;}
	.footer .up{ width: 96%; padding:0 2%; margin: 0 auto;}
	.footer .up #hy{ display: none;}
	.footer .up .content{ float: none; width:100%;}
	.footer .up .content .column{ width: 100%; height: 40px; line-height: 40px; border-bottom: 1px solid #297cd8; font-family: "微软雅黑";  font-size: 14px; color: #fff; font-weight: bold;}
	.footer .up .content ul{ width: 100%; margin-top: 20px;}
	.footer .up .content ul li{ width: 100%; border-bottom: 1px solid #4e4e4e; margin-bottom: 10px;}
	.footer .up .content ul li a{ display: block; width: 100%;margin-bottom: 10px;}
	.footer .up .content ul li a:hover .time{ background:url(../img/pic2.png) left center no-repeat;}
	.footer .up .content ul li a:hover .topic{ color: #fff;}
	.footer .up .content ul li a .time{ float: left; width: 15%; height: 30px; background:url(../img/pic1.png) left center no-repeat; transition: background 1s}
	.footer .up .content ul li a .time .day{ display: block; float: left; width: 50%; line-height: 30px; text-align: center; font-size: 18px; color: #fff; font-weight: bold; }
	.footer .up .content ul li a .time .month{display: block; float: left; width: 40%; margin-left: 10%; margin-top: 15px; font-size: 10px; color: #fff;}
	.footer .up .content ul li a .topic{ float: left; width: 82%; margin-left: 3%; line-height: 15px; font-size: 12px; color: #ccc;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
	.footer .up .content .info{ width: 100%; height: 150px; margin-top: 20px; line-height: 25px; font-size: 12px; color: #ccc; overflow: hidden;}
	.footer .up .content .share{ width: 100%; margin: 10px 0;}
	.footer .up .content .share a{ display: block; float: left; width: 20%;}
	.footer .up .content .share a img{ display: block; margin: 0 auto;}
	.footer .up .linksbox{ width: 100%; margin: 20px 0; padding: 15px 0; background-color: #535353;}
	.footer .up .linksbox span{ display: block; float: left; margin-left: 1%; font-size: 14px; color: #fff; font-weight: bold;}
	.footer .up .linksbox .link{ float: left; margin-left: 0; margin-top: 5px;}
	.footer .up .linksbox .link a{ display: block; float: left; padding: 0 10px; font-size: 14px; color: #ccc; font-weight: bold;}
	.footer .up .linksbox .link a:hover{ color: #fff;}
	.footer .down{ width: 100%; border-top: 1px solid #ccc;}
	.footer .down .banquan{ width: 96%; padding:0 2%; margin: 20px auto 0; color: #ccc; font-size: 10px;}							
	/*底部结束*/
}
/*首页结束*/


/*联系我们页开始*/
.nytopbox{ width: 100%; height: 90px;  background-color: #f4f4f4;box-shadow:2px 5px 10px #aaa inset;}
.nytopbox .content{ width: 1200px; margin:0 auto;}
.nytopbox .content .column{ float: left;height: 50px; line-height: 50px; margin-top: 20px;}
.nytopbox .content .column .mc{ float: left; border-right: 1px solid #666; padding-right: 20px;  font-family: "微软雅黑"; font-size: 30px; color: #000; font-weight: bold;}
.nytopbox .content hr{ display:none;}
.nytopbox .content .column .by{float: left; margin-left: 20px; font-size: 14px; color: #666;}
.nytopbox .content .place{ float: right;height: 50px; line-height: 50px; margin-top: 20px; padding-left: 25px; background: url(../img/home.png) left center no-repeat;}
.nytopbox .content .place a{ font-size: 14px; color: #666;}
.nytopbox .content .place span{ display: inline-block; margin: 0 5px;}
.contactbox{ width: 1200px; margin: 30px auto;}
.contactbox .left{ float: left; width: 49%;}
.contactbox .left .mapbox{ width: 100%; height: 390px;}
.contactbox .left .messagebox{ width: 100%; margin-top: 30px;}
.contactbox .left .messagebox h4{ width: 100%; margin-bottom: 20px; font-size: 18px;}
.contactbox .left .messagebox p{ float: left; width: 50%; margin: 0 0 20px;}
.contactbox .left .messagebox p input[type=text]{ display: block; width: 90%; padding-left: 2%; height: 30px; line-height:30px;  border: 1px solid #bfbfbf; border-radius: 5px;}
.contactbox .left .messagebox textarea{ width: 94%; height: 60px; line-height: 20px;margin-bottom: 20px; padding: 1%;border: 1px solid #bfbfbf; border-radius: 5px; resize: none; font-size: 14px; outline: none;}
.contactbox .left .messagebox input[type=submit]{width: 96%; height: 35px; background-color: #297cd8; border: none;border-radius: 5px; font-size: 14px; color: #fff; cursor: pointer;}
.contactbox .left .messagebox input[type=submit]:hover{ background-color: #2389f9;}
.contactbox .right{ float: right; width: 49%; margin-left: 2%;}
.contactbox .right .purposebox{ width: 90%; margin-top: 10px;}
.contactbox .right .purposebox h4{width: 100%; margin-bottom: 10px; font-size: 18px;}
.contactbox .right .purposebox .content{ width: 100%; line-height: 28px; font-size: 16px;}
.contactbox .right .informationbox{width: 90%; margin-top: 30px; overflow: hidden;}
.contactbox .right .informationbox h4{width: 100%; margin-bottom: 10px; font-size: 18px;}
.contactbox .right .informationbox .content{ width: 100%; line-height: 25px;}
.contactbox .right .informationbox .content .address{ width: 100%; min-height: 25px; margin-top: 20px; padding: 0 35px; background: url(../img/address.png) left top no-repeat;}
.contactbox .right .informationbox .content .email{width: 100%; min-height: 25px; margin-top: 20px; padding: 0 35px;background: url(../img/email2.png) left top no-repeat;}
.contactbox .right .informationbox .content .telephone{width: 100%; min-height: 25px; margin-top: 20px; padding: 0 35px;background: url(../img/telephone.png) left top no-repeat;}
.contactbox .right .informationbox .content .mobilephone{width: 100%; min-height: 25px; margin-top: 20px; padding: 0 35px;background: url(../img/mobilephone.png) left top no-repeat;}
.contactbox .right .informationbox .content .mobilephone2{width: 100%; min-height: 25px; margin-top: 20px; padding: 0 35px;background: url(../img/chuanzhen.png) left top no-repeat;}

.contactbox .right .share{ width: 50%; margin: 50px 0;}
.contactbox .right .share a{ display: block; float: left; width: 20%;}

@media (min-width: 992px) and (max-width: 1199px) {/*主要适应于分辨率低的电脑*/
	.nytopbox .content{ width: 990px; margin:0 auto;}
	.contactbox{ width: 990px; margin: 30px auto;}
}

@media (min-width: 768px) and (max-width: 991px) {/*主要pad端*/	
	.nytopbox .content{ width: 750px; margin:0 auto;}
	.nytopbox .content .place{ display: none;}
	.contactbox{ width: 750px; margin: 30px auto;}
	.contactbox .left{ float: none; width: 100%;}
	.contactbox .right{ float: none; width: 100%; margin-left: 0;}
}

@media (min-width: 480px) and (max-width: 767px) {/*主要手机端*/
	.nytopbox{ width: 100%;height: 100%; padding: 10px 0; background-color: #f4f4f4;box-shadow:2px 5px 10px #aaa inset;}
	.nytopbox .content{  width: 96%; height: 100%; padding: 0 2%; margin:0 auto;}
	.nytopbox .content .column{ float: none;height: 100%; line-height: inherit; margin-top: 0;}
	.nytopbox .content .column .mc{ float: none; border-right:none; padding-right: 0;  font-family: "微软雅黑"; font-size: 30px; color: #000; font-weight: bold;}
	.nytopbox .content hr{ display:block;}
	.nytopbox .content .column .by{float: none; margin-left:0; font-size: 14px; color: #666;}
	.nytopbox .content .place{ display: none;}
	.contactbox{ width: 96%; padding: 0 2%; margin: 30px auto;}
	.contactbox .left{ float: none; width: 100%;margin-top: 30px;}
	.contactbox .left .mapbox{ width: 100%; height: 240px;}
	.contactbox .right{ float: none; width: 100%; margin-left: 0;}
	.contactbox .right .purposebox{ width: 100%; margin-top: 10px;}
	.contactbox .right .informationbox{width: 100%; margin-top: 30px; overflow: hidden;}
	.contactbox .right .share{ display: none;}
}

@media (max-width:479px){/*微小屏幕*/
	.nytopbox{ width: 100%;height: 100%; padding: 10px 0; background-color: #f4f4f4;box-shadow:2px 5px 10px #aaa inset;}
	.nytopbox .content{  width: 96%; height: 100%; padding: 0 2%; margin:0 auto;}
	.nytopbox .content .column{ float: none;height: 100%; line-height: inherit; margin-top: 0;}
	.nytopbox .content .column .mc{ float: none; border-right:none; padding-right: 0;  font-family: "微软雅黑"; font-size: 24px; color: #000; font-weight: bold;}
	.nytopbox .content hr{ display:block;}
	.nytopbox .content .column .by{float: none; margin-left:0; font-size: 12px; color: #666;}
	.nytopbox .content .place{ display: none;}
	.contactbox{ width: 96%; padding: 0 2%; margin: 30px auto;}
	.contactbox .left{ float: none; width: 100%; margin-top: 30px;}
	.contactbox .left .mapbox{ width: 100%; height: 240px;}
	.contactbox .right{ float: none; width: 100%; margin-left: 0;}
	.contactbox .right .purposebox{ width: 100%; margin-top: 10px;}
	.contactbox .right .informationbox{width: 100%; margin-top: 30px; overflow: hidden;}
	.contactbox .right .share{ display: none;}
	.contactbox .left .messagebox{ width: 100%; margin-top: 250px;}
}
/*联系我们页结束*/

/*新闻列表页开始*/
.nytopbox .content .column .secondcolumn{ float: left;}
.nytopbox .content .column .secondcolumn li{ float: left; margin: 0 15px; font-size: 14px; }
.nytopbox .content .column .secondcolumn li a{color: #666;}
.newsbox{ width: 1200px; margin: 40px auto;}
.newsbox .left{float: left; width: 810px;}
.newsbox .left .info{ display: block; width: 100%; margin-bottom: 30px; padding-bottom: 15px; border-bottom: 1px solid #c6c6c6; cursor: pointer;}
.newsbox .left .info:hover .content .up .icons{ background: url(../img/cheng.png) center no-repeat;}
.newsbox .left .info:hover .content .down a.more span{ background-color: #fb8801;}
.newsbox .left .info .pic{ width: 810px;  height: 100%;}
.newsbox .left .info .pic img{width:810px; height: 375px;}
.newsbox .left .info .content{ width: 810px; margin-top: 10px;}
.newsbox .left .info .content .up{ width: 810px; height: 69px; line-height: 69px;}
.newsbox .left .info .content .up .icons{float: left; width: 61px; height: 46px; padding-top: 23px; background: url(../img/hui.png) center no-repeat; transition: all 1s}
.newsbox .left .info .content .up .icons img{ display: block; margin: 0 auto;}
.newsbox .left .info .content .up h4{ float: left; width:599px; margin-left: 25px; font-size: 18px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; }
.newsbox .left .info .content .up span{ float: left; display: block; margin-left: 25px; color: #666;}
.newsbox .left .info .content .down{width: 780px; margin-left: 30px; border-left: 1px solid #c6c6c6;}
.newsbox .left .info .content .down .brief{ width: 700px; height: 75px; margin-left: 55px; line-height: 25px; font-size: 14px; color: #666;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.newsbox .left .info .content .down a.more{ display: block; width: 145px; height: 14px; line-height: 14px; margin-top: 20px; margin-left: 55px; font-size: 14px; color: #000;}
.newsbox .left .info .content .down a.more span{ float: right; display: block; width: 18px; height: 14px; background-color: #434343; border-radius: 4px;transition: all 1s;}
.newsbox .left .info .content .down a.more span img{ display: block; margin: 3px auto;}
.newsbox .right{ float: left; width: 370px; margin-left: 20px;}
.newsbox .right .searchbox{ width: 100%;}
.newsbox .right .searchbox h4{ font-size: 18px;margin-bottom: 10px;}
.newsbox .right .searchbox .search{ width: 370px; margin-top: 15px;}
.newsbox .right .searchbox .search input[type=text]{ float: left; width: 315px; height: 40px; line-height:40px; padding-left: 10px; border: 1px solid #aaa; border-right: none; border-bottom-left-radius: 5px; border-top-left-radius: 5px;border-bottom-right-radius: 0px; border-top-right-radius: 0px;}
.newsbox .right .searchbox .search input[type=submit]{ float: left; width: 40px; height: 42px; border: 1px solid #aaa; border-left: none; background: url(../img/search.png) center no-repeat;border-bottom-right-radius: 5px; border-top-right-radius: 5px;border-bottom-left-radius: 0px; border-top-left-radius: 0px; cursor: pointer;}
.newsbox .right .companynews{ width: 100%; margin-top: 30px;}
.newsbox .right .companynews h4{font-size: 18px;margin-bottom: 15px;}
.newsbox .right .companynews ul{ width: 100%;}
.newsbox .right .companynews ul li{ width: 100%; margin: 10px 0; padding: 0 0 10px; border-bottom: 1px solid #c6c6c6;}
.newsbox .right .companynews ul li a{ display: block; width: 100%; color: #333;}
.newsbox .right .companynews ul li a:hover span{background-color: #fb8801;}
.newsbox .right .companynews ul li a span{ float: left; display: block; width: 20px; height: 20px; background-color: #434343; border-radius: 4px;transition: all 1s;}
.newsbox .right .companynews ul li a span img{display: block; margin: 6px auto;}
.newsbox .right .companynews ul li a h5{ float: left; width: 340px; margin-left: 10px; height: 20px; line-height: 20px; font-size:16px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.newsbox .right .industrydynamic{ width: 100%; margin-top: 40px;}
.newsbox .right .industrydynamic h4{ height: 18px; line-height: 18px; font-size: 18px; margin-bottom: 15px;}
.newsbox .right .industrydynamic h4 .flip{ float: right;}
.newsbox .right .industrydynamic h4 .flip a{ float:left ;display: block; width: 20px; height: 16px; margin-top: 1px; margin-left: 10px; background-color: #434343; border-radius: 4px;transition: all 1s;}
.newsbox .right .industrydynamic h4 .flip a img{display: block; margin: 4px auto;}
.newsbox .right .industrydynamic h4 .flip a:hover{background-color: #fb8801;}
.newsbox .right .industrydynamic .content{ width: 100%; height: 240px;}
.newsbox .right .industrydynamic .content a{ position: relative; display: block;width: 100%; height: 240px;}
.newsbox .right .industrydynamic .content a .pic{width: 100%; height: 240px;}
.newsbox .right .industrydynamic .content a .pic img{width: 100%; height: 240px;}
.newsbox .right .industrydynamic .content a .bt{ position: absolute; bottom: 0; width: 94%; padding: 0 3%; height: 50px; line-height: 50px; background: rgba(0,0,0,0.8); font-size: 16px; color: #fff;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.newsbox .right .videonews{ width: 100%; margin-top: 40px;}
.newsbox .right .videonews h4{font-size: 18px;margin-bottom: 15px;}
.newsbox .right .videonews ul{ width: 100%;}
.newsbox .right .videonews ul li{ width: 100%; margin: 10px 0; padding: 0 0 10px; border-bottom: 1px solid #c6c6c6;}
.newsbox .right .videonews ul li a{ display: block; width: 100%; color: #333;}
.newsbox .right .videonews ul li a:hover span{background-color: #fb8801;}
.newsbox .right .videonews ul li a span{ float: left; display: block; width: 20px; height: 20px; background-color: #434343; border-radius: 4px;transition: all 1s;}
.newsbox .right .videonews ul li a span img{display: block; margin: 6px auto;}
.newsbox .right .videonews ul li a h5{ float: left; width: 340px; margin-left: 10px; height: 20px; line-height: 16px; font-size:16px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}

@media (min-width: 992px) and (max-width: 1199px) {/*主要适应于分辨率低的电脑*/
	.newsbox{ width: 990px; margin: 40px auto;}
	.newsbox .left{float: left; width: 700px;}
	.newsbox .left .info{ display: block; width: 100%; margin-bottom: 30px; padding-bottom: 15px; border-bottom: 1px solid #c6c6c6; cursor: pointer;}
	.newsbox .left .info:hover .content .up .icons{ background: url(../img/cheng.png) center no-repeat;}
	.newsbox .left .info:hover .content .down a.more span{ background-color: #fb8801;}
	.newsbox .left .info .pic{ width: 700px;  height: 100%;}
	.newsbox .left .info .pic img{width:700px; height: 375px;}
	.newsbox .left .info .content{ width: 700px; margin-top: 10px;}
	.newsbox .left .info .content .up{ width: 700px; height: 69px; line-height: 69px;}
	.newsbox .left .info .content .up .icons{float: left; width: 61px; height: 46px; padding-top: 23px; background: url(../img/hui.png) center no-repeat; transition: all 1s}
	.newsbox .left .info .content .up .icons img{ display: block; margin: 0 auto;}
	.newsbox .left .info .content .up h4{ float: left; width:489px; margin-left: 25px; font-size: 18px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; }
	.newsbox .left .info .content .up span{ float: left; display: block; margin-left: 25px; color: #666;}
	.newsbox .left .info .content .down{width: 670px; margin-left: 30px; border-left: 1px solid #c6c6c6;}
	.newsbox .left .info .content .down .brief{ width: 590px;margin-left: 55px; line-height: 25px; font-size: 14px; color: #666;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
	.newsbox .right{ float: left; width: 270px; margin-left: 20px;}
	.newsbox .right .searchbox .search{ width: 270px; margin-top: 15px;}
	.newsbox .right .searchbox .search input[type=text]{ float: left; width: 215px; height: 40px; line-height:40px; padding-left: 10px; border: 1px solid #aaa; border-right: none; border-bottom-left-radius: 5px; border-top-left-radius: 5px;border-bottom-right-radius: 0px; border-top-right-radius: 0px;}
	.newsbox .right .companynews ul li a h5{ float: left; width: 240px; margin-left: 10px; height: 16px; line-height: 16px; font-size:16px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
	.newsbox .right .industrydynamic .content{ width: 100%; height: 160px;}
	.newsbox .right .industrydynamic .content a{ position: relative; display: block;width: 100%; height: 160px;}
	.newsbox .right .industrydynamic .content a .pic{width: 100%; height: 160px;}
	.newsbox .right .industrydynamic .content a .pic img{width: 100%; height: 160px;}
	.newsbox .right .industrydynamic .content a .bt{ position: absolute; bottom: 0; width: 94%; padding: 0 3%; height: 40px; line-height: 40px; background: rgba(0,0,0,0.8); font-size: 16px; color: #fff;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
	.newsbox .right .videonews ul li a h5{ float: left; width: 240px; margin-left: 10px; height: 16px; line-height: 16px; font-size:16px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}

}

@media (min-width: 768px) and (max-width: 991px) {/*主要pad端*/	
	.newsbox{ width: 750px; margin: 40px auto;}
	.newsbox .left{float: none; width: 750px;}
	.newsbox .left .info{ display: block; width: 100%; margin-bottom: 30px; padding-bottom: 15px; border-bottom: 1px solid #c6c6c6; cursor: pointer;}
	.newsbox .left .info:hover .content .up .icons{ background: url(../img/cheng.png) center no-repeat;}
	.newsbox .left .info:hover .content .down a.more span{ background-color: #fb8801;}
	.newsbox .left .info .pic{ width: 750px;  height: 100%;}
	.newsbox .left .info .pic img{width:750px; height: 375px;}
	.newsbox .left .info .content{ width: 750px; margin-top: 10px;}
	.newsbox .left .info .content .up{ width: 750px; height: 69px; line-height: 69px;}
	.newsbox .left .info .content .up h4{ float: left; width:539px; margin-left: 25px; font-size: 18px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; }
	.newsbox .left .info .content .up span{ float: left; display: block; margin-left: 25px; color: #666;}
	.newsbox .left .info .content .down{width: 720px; margin-left: 30px; border-left: 1px solid #c6c6c6;}
	.newsbox .left .info .content .down .brief{ width: 640px;margin-left: 55px; line-height: 25px; font-size: 14px; color: #666;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
	.newsbox .right{ display: none;}
}

@media (min-width: 480px) and (max-width: 767px) {/*主要手机端*/
	.nytopbox .content .column .secondcolumn{ float: none; }
	.nytopbox .content .column .secondcolumn li{ float: left; margin: 0; margin-bottom: 5px; margin-right: 20px;  font-size: 14px; }
	.nytopbox .content .column .secondcolumn li a{color: #666;}
	.newsbox{ width: 96%; padding: 0 2%; margin: 40px auto;}
	.newsbox .left{float: none; width: 100%;}
	.newsbox .left .info{ display: block; width: 100%; margin-bottom: 30px; padding-bottom: 15px; border-bottom: 1px solid #c6c6c6; cursor: pointer;}
	.newsbox .left .info:hover .content .up .icons{ background: url(../img/cheng.png) center no-repeat;}
	.newsbox .left .info:hover .content .down a.more span{ background-color: #fb8801;}
	.newsbox .left .info .pic{ width: 100%; height: 100%;}
	.newsbox .left .info .pic img{width:100%; height: 180px;}
	.newsbox .left .info .content{ width: 100%; margin-top: 10px;}
	.newsbox .left .info .content .up{ width: 100%; height: 69px; line-height: 69px;}
	.newsbox .left .info .content .up h4{ float: left; width:50%; margin-left: 15px; font-size: 16px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; }
	.newsbox .left .info .content .up span{ float: left; display: block; margin-left: 15px; color: #666;}
	.newsbox .left .info .content .down{width: 80%; margin-left: 30px; border-left: 1px solid #c6c6c6;}
	.newsbox .left .info .content .down .brief{ width: 95%;margin-left: 45px; line-height: 25px; font-size: 14px; color: #666;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
	.newsbox .left .info .content .down a.more{ display: block; width: 150px; height: 14px; line-height: 14px; margin-top: 20px; margin-left: 45px; font-size: 14px; color: #000;}
	.newsbox .left .info .content .down a.more span{ float: right; display: block; width: 20px; height: 14px; background-color: #434343; border-radius: 4px;transition: all 1s;}
	.newsbox .left .info .content .down a.more span img{ display: block; margin: 3px auto;}
	.newsbox .right{ display: none;}
}

@media (max-width:479px){/*微小屏幕*/
	.nytopbox .content .column .secondcolumn{ float: none; }
	.nytopbox .content .column .secondcolumn li{ float: left; margin: 0; margin-bottom: 5px; margin-right: 20px;  font-size: 14px; }
	.nytopbox .content .column .secondcolumn li a{color: #666;}
	.newsbox{ width: 96%; padding: 0 2%; margin: 40px auto;}
	.newsbox .left{float: none; width: 100%;}
	.newsbox .left .info{ display: block; width: 100%; margin-bottom: 30px; padding-bottom: 15px; border-bottom: 1px solid #c6c6c6; cursor: pointer;}
	.newsbox .left .info:hover .content .up .icons{ background: url(../img/cheng.png) center no-repeat;}
	.newsbox .left .info:hover .content .down a.more span{ background-color: #fb8801;}
	.newsbox .left .info .pic{ width: 100%; height: 100%;}
	.newsbox .left .info .pic img{width:100%; height: 180px;}
	.newsbox .left .info .content{ width: 100%; margin-top: 10px;}
	.newsbox .left .info .content .up{ width: 100%; height: 69px; line-height: 69px;}
	.newsbox .left .info .content .up h4{ float: left; width:50%; margin-left: 15px; font-size: 16px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; }
	.newsbox .left .info .content .up span{ float: left; display: block; margin-left: 15px; color: #666;}
	.newsbox .left .info .content .down{width: 80%; margin-left: 30px; border-left: 1px solid #c6c6c6;}
	.newsbox .left .info .content .down .brief{ width: 95%;margin-left: 45px; line-height: 25px; font-size: 14px; color: #666;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
	.newsbox .left .info .content .down a.more{ display: block; width: 150px; height: 14px; line-height: 14px; margin-top: 20px; margin-left: 45px; font-size: 14px; color: #000;}
	.newsbox .left .info .content .down a.more span{ float: right; display: block; width: 20px; height: 14px; background-color: #434343; border-radius: 4px;transition: all 1s;}
	.newsbox .left .info .content .down a.more span img{ display: block; margin: 3px auto;}
	.newsbox .right{ display: none;}
}
/*新闻列表页结束*/

/*新闻详情页开始*/
.newsbox .left .detailbox{ display: block; width: 100%; margin-bottom: 30px; padding-bottom: 15px;}
.newsbox .left .detailbox .pic{ width: 810px;  height: 100%;}
.newsbox .left .detailbox .pic img{width:810px; height: 375px;}
.newsbox .left .detailbox .content{ width: 810px; margin-top: 10px;}
.newsbox .left .detailbox .content .up{ width: 810px; height: 69px; }
.newsbox .left .detailbox .content .up .icons{float: left; width: 61px; height: 46px; padding-top: 23px; background: url(../img/cheng.png) center no-repeat; transition: all 1s}
.newsbox .left .detailbox .content .up .icons img{ display: block; margin: 0 auto;}
.newsbox .left .detailbox .content .up h4{ float: left; width:699px; margin-left: 25px; font-size: 18px;line-height: 30px;}
.newsbox .left .detailbox .content .down{width: 780px; margin-left: 30px; border-left: 1px solid #c6c6c6;}
.newsbox .left .detailbox .content .down .time{ display: block; margin-left: 55px; color: #666;}
.newsbox .left .detailbox .content .down .brief{ width: 700px; margin-top: 10px; margin-left: 55px; line-height: 25px; font-size: 14px; color: #333;}
.newsbox .left .detailbox .detail{ width: 95%; margin-top: 20px; margin-left: 30px; line-height: 25px; font-size: 14px; color: #333;}
.newsbox .left .detailbox .detail img{ max-width: 100%; display: inline-block;}
.newsbox .left .detailbox .detail table{ border-collapse: collapse;}
.newsbox .left .detailbox .otherarticle{ width: 95%; margin: 20px auto 30px;}
.newsbox .left .detailbox .otherarticle .previous{ float: left; display: block; width: 35%; height: 20px; line-height: 20px; padding-left: 30px; background: url(../img/left.png) left center no-repeat; font-size: 14px; color: #333;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.newsbox .left .detailbox .otherarticle .next{ float: right; display: block;width: 35%; height: 20px; line-height: 20px; padding-right: 30px; background: url(../img/right.png) right center no-repeat; text-align: right; font-size: 14px; color: #333;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.newsbox .left .detailbox .otherarticle a:hover{ color: #fb8801;}

@media (min-width: 992px) and (max-width: 1199px) {/*主要适应于分辨率低的电脑*/
	.newsbox .left .detailbox{ display: block; width: 100%; margin-bottom: 30px; padding-bottom: 15px;}
	.newsbox .left .detailbox .pic{ width: 700px;  height: 100%;}
	.newsbox .left .detailbox .pic img{width:700px; height: 375px;}
	.newsbox .left .detailbox .content{ width: 700px; margin-top: 10px;}
	.newsbox .left .detailbox .content .up{ width: 700px; height: 69px; }
	.newsbox .left .detailbox .content .up .icons{float: left; width: 61px; height: 46px; padding-top: 23px; background: url(../img/cheng.png) center no-repeat; transition: all 1s}
	.newsbox .left .detailbox .content .up .icons img{ display: block; margin: 0 auto;}
	.newsbox .left .detailbox .content .up h4{ float: left; width:589px; margin-left: 25px; font-size: 18px;line-height: 30px;}
	.newsbox .left .detailbox .content .down{width: 670px; margin-left: 30px; border-left: 1px solid #c6c6c6;}
	.newsbox .left .detailbox .content .down .time{ display: block; margin-left: 55px; color: #666;}
	.newsbox .left .detailbox .content .down .brief{ width: 590px; margin-top: 10px; margin-left: 55px; line-height: 25px; font-size: 14px; color: #333;}
	.newsbox .left .detailbox .detail{ width: 95%; margin-top: 20px; margin-left: 30px; line-height: 25px; font-size: 14px; color: #333;}
	.newsbox .left .detailbox .detail img{ max-width: 100%; display: inline-block;}
	.newsbox .left .detailbox .detail table{ border-collapse: collapse;}

}

@media (min-width: 768px) and (max-width: 991px) {/*主要pad端*/	
	.newsbox .left .detailbox{ display: block; width: 100%; margin-bottom: 30px; padding-bottom: 15px;}
	.newsbox .left .detailbox .pic{ width: 750px;  height: 100%;}
	.newsbox .left .detailbox .pic img{width:750px; height: 375px;}
	.newsbox .left .detailbox .content{ width: 750px; margin-top: 10px;}
	.newsbox .left .detailbox .content .up{ width: 750px; height: 69px; }
	.newsbox .left .detailbox .content .up .icons{float: left; width: 61px; height: 46px; padding-top: 23px; background: url(../img/cheng.png) center no-repeat; transition: all 1s}
	.newsbox .left .detailbox .content .up .icons img{ display: block; margin: 0 auto;}
	.newsbox .left .detailbox .content .up h4{ float: left; width:639px; margin-left: 25px; font-size: 18px;line-height: 30px;}
	.newsbox .left .detailbox .content .down{width: 730px; margin-left: 30px; border-left: 1px solid #c6c6c6;}
	.newsbox .left .detailbox .content .down .time{ display: block; margin-left: 55px; color: #666;}
	.newsbox .left .detailbox .content .down .brief{ width: 640px; margin-top: 10px; margin-left: 55px; line-height: 25px; font-size: 14px; color: #333;}
	.newsbox .left .detailbox .detail{ width: 95%; margin-top: 20px; margin-left: 30px; line-height: 25px; font-size: 14px; color: #333;}
}

@media (min-width: 480px) and (max-width: 767px) {/*主要手机端*/
	.newsbox .left .detailbox{ display: block; width: 100%; margin-bottom: 30px; padding-bottom: 15px; border-bottom: 1px solid #c6c6c6; cursor: pointer;}
	.newsbox .left .detailbox .pic{ width: 100%; height: 100%;}
	.newsbox .left .detailbox .pic img{width:100%; height: 180px;}
	.newsbox .left .detailbox .content{ width: 100%; margin-top: 10px;}
	.newsbox .left .detailbox .content .up{ width: 100%; height: auto;}
	.newsbox .left .detailbox .content .up h4{ float: left; width:85%; margin-left: 15px; font-size: 18px; line-height: 30px;}
	.newsbox .left .detailbox .content .down{width: 90%; margin-left: 30px; border-left: 1px solid #c6c6c6;}
	.newsbox .left .detailbox .content .down .time{ display: block; margin-left: 45px; color: #666;}
	.newsbox .left .detailbox .content .down .brief{ width: 95%;margin-left: 45px; line-height: 25px; font-size: 14px; color: #333;}
	.newsbox .left .detailbox .detail{ width: 95%; margin: 20px auto; line-height: 25px; font-size: 14px; color: #333;}
}

@media (max-width:479px){/*微小屏幕*/
	.newsbox .left .detailbox{ display: block; width: 100%; margin-bottom: 30px; padding-bottom: 15px; border-bottom: 1px solid #c6c6c6; cursor: pointer;}
	.newsbox .left .detailbox .pic{ width: 100%; height: 100%;}
	.newsbox .left .detailbox .pic img{width:100%; height: 180px;}
	.newsbox .left .detailbox .content{ width: 100%; margin-top: 10px;}
	.newsbox .left .detailbox .content .up{ width: 100%; height: auto;}
	.newsbox .left .detailbox .content .up h4{ float: left; width:75%; margin-left: 15px; font-size: 16px; line-height: 30px;}
	.newsbox .left .detailbox .content .down{width: 80%; margin-left: 30px; border-left: 1px solid #c6c6c6;}
	.newsbox .left .detailbox .content .down .time{ display: block; margin-left: 45px; color: #666;}
	.newsbox .left .detailbox .content .down .brief{ width: 95%;margin-left: 45px; line-height: 25px; font-size: 14px; color: #333;}
	.newsbox .left .detailbox .detail{ width: 95%; margin: 20px auto; line-height: 25px; font-size: 14px; color: #333;}
}
/*新闻详情页结束*/

/*关于我们页开始*/
.aboutusbox{ width: 1200px; margin: 40px auto;}
.aboutusbox .companyprofile{ width: 100%;}
.aboutusbox .companyprofile h3{ font-size: 24px; color: #0d1017; font-weight: normal;}
.aboutusbox .companyprofile .content{ width: 100%;}
.aboutusbox .companyprofile .content .data{ float: left; width: 54%; height: 320px; border: none;  line-height: 25px; font-size: 16px; resize: none; outline: none;}
.aboutusbox .companyprofile .content .pic{ float: left; width: 44%; margin-left: 2%;}
.aboutusbox .companyprofile .content .pic img{ width: 100%;}
.aboutusbox .honor{width: 100%; margin-top: 30px;}
.aboutusbox .honor h3{ font-size: 24px; color: #0d1017; font-weight: normal;}
.aboutusbox .honor ul{ width: 100%;}
.aboutusbox .honor ul li{ float: left; width: 32%;  margin-left: 1%; margin-top: 20px; border: 1px solid #b5b5b5; }
.aboutusbox .honor ul li .pic{ float: left; width: 25%; height: 75px; margin-left: 2%; padding: 2% 0; }
.aboutusbox .honor ul li .pic img{ width: 100%;height: 75px;}
.aboutusbox .honor ul li .bt{ float: left; width: 66%; height: 75px; margin-left: 2%; margin-right: 2%; padding: 2% 0; padding-left: 2%;  border-left: 1px solid #b5b5b5; line-height: 20px; font-size: 14px; color: #333; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;}
.aboutusbox .team{width: 100%; margin-top: 30px;}
.aboutusbox .team h3{ font-size: 24px; color: #0d1017; font-weight: normal;}
.aboutusbox .team ul{ width: 100%; margin-top: 30px;}
.aboutusbox .team ul li{ float: left; width: 20%;}
.aboutusbox .team ul li.team2{ margin-left:6.6% ;}
.aboutusbox .team ul li.team3{margin-left:6.6% ;}
.aboutusbox .team ul li.team4{margin-left:6.6% ;}
.aboutusbox .team ul li .pic{ width: 100%; }
.aboutusbox .team ul li .pic img{ width: 100%; height:240px;}
.aboutusbox .team ul li .info{ width:96%; padding: 2%; margin: 5px 0; }
.aboutusbox .team ul li .info .xm{ width: 100%; font-size: 18px; font-weight: bold; color: #333;}
.aboutusbox .team ul li .info .zw{ width: 100%; margin-top: 5px; font-family: "微软雅黑"; font-size: 14px; color: #fb7101;}
.aboutusbox .team ul li .info .gy{ width: 100%;margin-top: 5px; line-height: 20px; font-size: 14px; color: #0e050b;}
.aboutusbox .team ul li .info .gy b{ display: block; width: 100%;}
.aboutusbox .event{width: 100%; margin-top: 30px;}
.aboutusbox .event h3{ font-size: 24px; color: #0d1017; font-weight: normal;}

#menubox {width: 100%; margin: 40px 0;}
#menubox ul { width: 80%; margin: 0 auto;}
#menubox ul li {float: left;display: inline; width: 16%;height: 45px; line-height: 45px; margin: 0 2%; background-color: #666; border-radius: 25px; text-align: center;font-size: 24px; color: #fff; white-space: nowrap;text-overflow:ellipsis;cursor: pointer;overflow: visible;}
#menubox ul li.hover { background-color: #fb7101;}

/*#menubox {width: 100%; margin: 40px 0;}
#menubox ul { width: 80%; margin: 0 auto;}
#menubox ul li {float: left;display: inline; width: 20%;height: 45px; line-height: 45px; margin: 0 2%; background-color: #666; border-radius: 25px; text-align: center;font-size: 24px; color: #fff; white-space: nowrap;text-overflow:ellipsis;cursor: pointer;overflow: visible;}
#menubox ul li.hover { background-color: #fb7101;}*/
#con_zzjs_1 {display: block;}
.www_zzjs_net_show {display: none;width: 100%;height: 100%;border: 1px solid #e5e5e5; border-bottom: none;}
.www_zzjs_net_show .content{ margin-bottom: 1px; width: 100%; height: 100%;align-items:center; display: -webkit-flex; background-color: #666;}
.www_zzjs_net_show .content .year{ float: left; width: 20%;  text-align: center; font-size: 24px;   color: #fff;}
.www_zzjs_net_show .content ul{ width: 80%; float: left; background-color: #fff;}
.www_zzjs_net_show .content ul li{ padding: 10px 3%; border-bottom: 1px solid #e5e5e5; line-height: 25px; font-size: 16px; color: #333;}

@media (min-width: 992px) and (max-width: 1199px) {/*主要适应于分辨率低的电脑*/
	.aboutusbox{ width: 990px; margin: 40px auto;}
	.aboutusbox .team ul li .pic img{ width: 100%; height:200px;}
}

@media (min-width: 768px) and (max-width: 991px) {/*主要pad端*/	
	.aboutusbox{ width: 750px; margin: 40px auto;}
	.aboutusbox .honor ul{ width: 100%;}
	.aboutusbox .honor ul li{ float: left; width: 48%;  margin-left: 1%; margin-top: 20px;  border: 1px solid #b5b5b5; }
	.aboutusbox .team ul li{ float: left; width: 40%;  height: 480px;}
	.aboutusbox .team ul li.team1{ margin-left:5% ;}
	.aboutusbox .team ul li.team2{ margin-left:10% ;}
	.aboutusbox .team ul li.team3{margin-left:5% ;}
	.aboutusbox .team ul li.team4{margin-left:10%;}
	.aboutusbox .team ul li .pic img{ width: 100%; height:300px;}
	.www_zzjs_net_show .content .year{ float: left; width: 30%;  text-align: center; font-size: 24px;   color: #fff;}
	.www_zzjs_net_show .content ul{ width: 70%; float: left; background-color: #fff;}
}

@media (min-width: 480px) and (max-width: 767px) {/*主要手机端*/
	.aboutusbox{ width: 96%; padding: 0 2%; margin: 40px auto;}
	.aboutusbox .companyprofile .content .data{ float: none; width: 100%; line-height: 25px; font-size: 16px;}
	.aboutusbox .companyprofile .content .pic{ float: none; width: 100%; margin-left:0;}
	.aboutusbox .honor{width: 100%; margin-top: 30px;}
	.aboutusbox .honor h3{ font-size: 24px; color: #0d1017; font-weight: normal;}
	.aboutusbox .honor ul{ width: 100%;}
	.aboutusbox .honor ul li{ float: left; width:48%;  margin-left: 1%; margin-top: 20px; border: 1px solid #b5b5b5; }
	.aboutusbox .honor ul li .pic{ float: left; width: 25%; height: 55px; margin-left: 2%; padding: 2% 0; }
	.aboutusbox .honor ul li .pic img{ width: 100%;height: 55px;}
	.aboutusbox .honor ul li .bt{ float: left; width: 66%; height: 55px; margin-left: 2%; margin-right: 2%; padding: 2% 0; padding-left: 2%;  border-left: 1px solid #b5b5b5; line-height: 19px; font-size: 14px; color: #333; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;}
	.aboutusbox .team ul li{ float: left; width: 40%; height: 450px;}
	.aboutusbox .team ul li.team1{ margin-left:5% ;}
	.aboutusbox .team ul li.team2{ margin-left:10% ;}
	.aboutusbox .team ul li.team3{margin-left:5% ;}
	.aboutusbox .team ul li.team4{margin-left:10%;}
	.aboutusbox .team ul li .pic img{ width: 100%; height:255px;}
	#menubox {width: 100%; margin: 20px 0;}
	#menubox ul { width: 100%; margin: 0 auto;}
	#menubox ul li {float: left;display: inline; width: 29%;height: 45px; line-height: 45px; margin: 10px 2%; background-color: #666; border-radius: 25px; text-align: center;font-size: 24px; color: #fff; white-space: nowrap;text-overflow:ellipsis;cursor: pointer;overflow: visible;}

	/*#menubox {width: 100%; margin: 20px 0;}
	#menubox ul { width: 100%; margin: 0 auto;}
	#menubox ul li {float: left;display: inline; width: 29%;height: 45px; line-height: 45px; margin: 10px 2%; background-color: #666; border-radius: 25px; text-align: center;font-size: 24px; color: #fff; white-space: nowrap;text-overflow:ellipsis;cursor: pointer;overflow: visible;}*/
	.www_zzjs_net_show .content .year{ float: left; width: 30%;  text-align: center; font-size: 24px;   color: #fff;}
	.www_zzjs_net_show .content ul{ width: 70%; float: left; background-color: #fff;}
}

@media (max-width:479px){/*微小屏幕*/
	.aboutusbox{ width: 96%; padding: 0 2%; margin: 40px auto;}
	.aboutusbox .companyprofile .content .data{ float: none; width: 100%; line-height: 25px; font-size: 16px;}
	.aboutusbox .companyprofile .content .pic{ float: none; width: 100%; margin-left:0;}
	.aboutusbox .honor{width: 100%; margin-top: 30px;}
	.aboutusbox .honor h3{ font-size: 24px; color: #0d1017; font-weight: normal;}
	.aboutusbox .honor ul{ width: 100%;}
	.aboutusbox .honor ul li{ float: none; width: 100%;  margin-left: 0; margin-top: 20px; border: 1px solid #b5b5b5; }
	.aboutusbox .honor ul li .pic{ float: left; width: 25%; height: 65px; margin-left: 2%; padding: 2% 0; }
	.aboutusbox .honor ul li .pic img{ width: 100%;height: 65px;}
	.aboutusbox .honor ul li .bt{ float: left; width: 66%; height: 65px; margin-left: 2%; margin-right: 2%; padding: 2% 0; padding-left: 2%;  border-left: 1px solid #b5b5b5; line-height: 18px; font-size: 14px; color: #333; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;}
	.aboutusbox .team ul li{ float: none; width: 100%;}
	.aboutusbox .team ul li.team1{ margin-left:0% ;}
	.aboutusbox .team ul li.team2{ margin-left:0% ;}
	.aboutusbox .team ul li.team3{margin-left:0% ;}
	.aboutusbox .team ul li.team4{margin-left:0%;}
	.aboutusbox .team ul li .pic img{ width: 100%; height:334px;}
	
	#menubox {width: 100%; margin: 20px 0;}
	#menubox ul { width: 100%; margin: 0 auto;}
	#menubox ul li {float: left;display: inline; width: 29%;height: 45px; line-height: 45px; margin: 10px 2%; background-color: #666; border-radius: 25px; text-align: center;font-size: 18px; color: #fff; white-space: nowrap;text-overflow:ellipsis;cursor: pointer;overflow: visible;}

	/*#menubox {width: 100%; margin: 20px 0;}
	#menubox ul { width: 100%; margin: 0 auto;}
	#menubox ul li {float: left;display: inline; width: 29%;height: 45px; line-height: 45px; margin: 10px 2%; background-color: #666; border-radius: 25px; text-align: center;font-size: 18px; color: #fff; white-space: nowrap;text-overflow:ellipsis;cursor: pointer;overflow: visible;}*/
	.www_zzjs_net_show .content{ margin-bottom:0px; width: 100%; height: 100%;align-items:none; display: block; background-color: #666;}
	.www_zzjs_net_show .content .year{ float: none; width: 100%; height: 40px; line-height: 40px; text-align: center; font-size: 24px;   color: #fff;}
	.www_zzjs_net_show .content ul{ width: 100%; float: none; background-color: #fff;}
}
/*关于我们页结束*/

/*品质保证页开始*/
.qualitybox{ width: 1200px; margin: 40px auto;}
.qualitybox .left{float: left; width: 810px;}
.qualitybox .left h6{ height: 20px; line-height: 20px; font-size: 18px; color: #fb8801; font-weight: normal;}
.qualitybox .left .content1{ width: 100%; margin-top: 20px;}
.qualitybox .left .content1 img{ width: 100%; height: 100%;}
.qualitybox .left .content1 h3{ margin-top: 20px; font-size: 16px; color: #333;}
.qualitybox .left .content1 p{ font-size: 18px; color: #000;}
.qualitybox .left .content1 span{ display: block; margin-top: 10px; line-height: 25px; font-size: 14px; color: #666;}
.qualitybox .left .content2{ width: 100%;margin-top: 50px;}
.qualitybox .left .content2 ul{ width: 100%; margin-top: 30px;}
.qualitybox .left .content2 ul li{ float: left; width: 50%; margin-bottom: 50px;}
.qualitybox .left .content2 ul li .all{ position: relative; display: block; float: right; width: 90%; cursor: pointer; }
.qualitybox .left .content2 ul li .all:hover .icons{ background: url(../img/cheng.png) center no-repeat;}
.qualitybox .left .content2 ul li .all .icons{ position: absolute; top: -30px; left: -30px; width: 61px; height: 69px; background: url(../img/hui.png) center no-repeat; transition: background 1s;}
.qualitybox .left .content2 ul li .all .icons img{ display: block; margin: 20px auto;}
.qualitybox .left .content2 ul li .all .info{ width: 100%; height: 150px; background-color: #fafafa;}
.qualitybox .left .content2 ul li .all .info h3{ padding-top: 20px; text-align: center; font-size: 18px; color: #434343;}
.qualitybox .left .content2 ul li .all .info span{ display: block; width: 90%; margin: 10px auto; font-size: 12px; line-height: 20px; color: #000000;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.qualitybox .left .content3{ width: 100%; margin-top: 20px;}
.qualitybox .left .content3 img{ width: 100%; height: 100%;}
.qualitybox .left .content3 h3{ margin-top: 20px; font-size: 16px; color: #333;}
.qualitybox .left .content3 p{ font-size: 18px; color: #000;}
.qualitybox .left .content3 span{ display: block; margin-top: 10px; line-height: 25px; font-size: 14px; color: #666;}
.qualitybox .left .content4{ width: 100%; margin-top: 30px;}
.qualitybox .left .content4 .pic{ width: 100%; height: 100%;}
.qualitybox .left .content4 .pic img{ width: 100%; height: 100%;}
.qualitybox .left .content4 .key{ width: 100%; margin: 20px 0;}
.qualitybox .left .content4 .key h3{ font-size: 14px;}
.qualitybox .left .content4 .key p{ margin-top: 10px; padding-top: 5px; border-top: 1px solid #ccc; line-height: 25px; font-size: 14px;color: #000;}
.qualitybox .left .content4 ul{ width: 100%; margin-top: 50px;}
.qualitybox .left .content4 ul li{ float: left; width: 50%; margin-bottom: 50px;}
.qualitybox .left .content4 ul li .all{ position: relative; display: block; float: right; width: 90%; cursor: pointer; }
.qualitybox .left .content4 ul li .all:hover .icons{ background: url(../img/cheng.png) center no-repeat;}
.qualitybox .left .content4 ul li .all .icons{ position: absolute; top: -30px; left: -30px; width: 61px; height: 69px; background: url(../img/hui.png) center no-repeat; transition: background 1s;}
.qualitybox .left .content4 ul li .all .icons img{ display: block; margin: 20px auto;}
.qualitybox .left .content4 ul li .all .info{ width: 100%; height: 180px; background-color: #fafafa;}
.qualitybox .left .content4 ul li .all .info h3{ padding-top: 20px; text-align: center; font-size: 18px; color: #434343;}
.qualitybox .left .content4 ul li .all .info span{ display: block; width: 90%; margin: 10px auto; font-size: 14px; line-height: 20px; color: #000000;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;}
.qualitybox .right{ float: left; width: 370px; margin-left: 20px;}
.qualitybox .right .searchbox{ width: 100%;}
.qualitybox .right .searchbox h4{ font-size: 18px;margin-bottom: 10px;}
.qualitybox .right .searchbox .search{ width: 370px; margin-top: 15px;}
.qualitybox .right .searchbox .search input[type=text]{ float: left; width: 315px; height: 40px; line-height:40px; padding-left: 10px; border: 1px solid #aaa; border-right: none; border-bottom-left-radius: 5px; border-top-left-radius: 5px;border-bottom-right-radius: 0px; border-top-right-radius: 0px;}
.qualitybox .right .searchbox .search input[type=submit]{ float: left; width: 40px; height: 42px; border: 1px solid #aaa; border-left: none; background: url(../img/search.png) center no-repeat;border-bottom-right-radius: 5px; border-top-right-radius: 5px;border-bottom-left-radius: 0px; border-top-left-radius: 0px; cursor: pointer;}
.qualitybox .right .catalog{ width: 100%; margin-top: 30px;}
.qualitybox .right .catalog h4{font-size: 18px;margin-bottom: 15px;}
.qualitybox .right .catalog ul{ width: 100%;}
.qualitybox .right .catalog ul li{ width: 100%; margin: 10px 0; line-height:28px; }
.qualitybox .right .catalog ul li a{ display: block; width: 100%; font-size: 16px; color: #297cd8;}
.qualitybox .right .catalog ul li a:hover{ text-decoration: underline; color: #fb8801;}
.qualitybox .right .recommend{ width: 100%; margin-top: 40px;}
.qualitybox .right .recommend h4{font-size: 18px;margin-bottom: 15px;}
.qualitybox .right .recommend ul{ width: 100%;}
.qualitybox .right .recommend ul li{ width: 100%; margin: 13px 0; padding: 0 0 10px; border-bottom: 1px solid #c6c6c6;}
.qualitybox .right .recommend ul li a{ display: block; width: 100%; color: #434343;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.qualitybox .right .recommend ul li a:hover span{background-color: #fb8801;}
.qualitybox .right .recommend ul li a span{ float: left; display: block; width: 20px; height: 20px; background-color: #434343; border-radius: 4px;transition: all 1s;}
.qualitybox .right .recommend ul li a span img{display: block; margin: 6px auto;}
.qualitybox .right .recommend ul li a h5{ float: left; width: 340px; margin-left: 10px; height: 20px; line-height: 19px; font-size:16px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; font-weight: normal;}

@media (min-width: 992px) and (max-width: 1199px) {/*主要适应于分辨率低的电脑*/
	.qualitybox{ width: 990px; margin: 40px auto;}
	.qualitybox .left{float: left; width: 700px;}
	.qualitybox .right{ float: left; width: 270px; margin-left: 20px;}
	.qualitybox .right .searchbox .search input[type=text]{ float: left; width: 215px; height: 40px; line-height:40px; padding-left: 10px; border: 1px solid #aaa; border-right: none; border-bottom-left-radius: 5px; border-top-left-radius: 5px;border-bottom-right-radius: 0px; border-top-right-radius: 0px;}
	.qualitybox .right .recommend ul li a h5{ float: left; width: 240px; margin-left: 10px; height: 20px; line-height: 16px; font-size:16px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; font-weight: normal;}
}

@media (min-width: 768px) and (max-width: 991px) {/*主要pad端*/	
	.qualitybox{ width: 750px; margin: 40px auto;}
	.qualitybox .left{ float: none; width: 750px;}
	.qualitybox .right{ display: none;}
}

@media (min-width: 480px) and (max-width: 767px) {/*主要手机端*/
	.qualitybox{ width: 96%; padding: 0 2%; margin: 20px auto;}
	.qualitybox .left{float: none; width: 100%;}
	.qualitybox .left .content2 ul li{ float: none; width: 100%; margin-bottom: 50px;}
	.qualitybox .left .content2 ul li .all{ position: relative; display: block; float: none; width: 90%; cursor: pointer; margin-left: 9%; }
	.qualitybox .left .content4 ul li{ float: none; width: 100%; margin-bottom: 50px;}
	.qualitybox .left .content4 ul li .all{ position: relative; display: block; float: none; width: 90%; cursor: pointer; margin-left: 9%; }
	.qualitybox .right{ display: none;}
}

@media (max-width:479px){/*微小屏幕*/
	.qualitybox{ width: 96%; padding: 0 2%; margin: 20px auto;}
	.qualitybox .left{float: none; width: 100%;}
	.qualitybox .left .content2 ul li{ float: none; width: 100%; margin-bottom: 50px;}
	.qualitybox .left .content2 ul li .all{ position: relative; display: block; float: none; width: 90%; cursor: pointer; margin-left: 9%; }
	.qualitybox .left .content4 ul li{ float: none; width: 100%; margin-bottom: 50px;}
	.qualitybox .left .content4 ul li .all{ position: relative; display: block; float: none; width: 90%; cursor: pointer; margin-left: 9%; }
	.qualitybox .right{ display: none;}
}
/*品质保证页结束*/

/*产品列表页开始*/
.protopbox{ width: 100%;  padding: 20px 0;  background-color: #f4f4f4;box-shadow:2px 5px 10px #aaa inset;}
.protopbox .content{ width: 1200px; height: 72px; margin:0 auto;}
.protopbox .content .column{ float: left; width: 85%;}
.protopbox .content .column .mc{ float: left;line-height: 72px; padding-right: 20px;  font-family: "微软雅黑"; font-size: 30px; color: #000; font-weight: bold;}
.protopbox .content hr{ display:none;}
.protopbox .content .column .onecolumn{ border-left: 1px solid #666; float: left; width: 70%;}
.protopbox .content .column .onecolumn li{ float: left; margin: 10px 15px; font-size: 14px; }
.protopbox .content .column .onecolumn li a{color: #666;}
.protopbox .content .column .one{ display: none;}
.protopbox .content .column .secondcolumn{ display: none;}
.protopbox .content .place{ float: right; line-height: 72px; padding-left: 25px; background: url(../img/home.png) left center no-repeat;}
.protopbox .content .place a{ font-size: 14px; color: #666;}
.protopbox .content .place span{ display: inline-block; margin: 0 5px;}
.probox{ width: 1200px; margin: 40px auto;}
.probox .left{float: left; width: 880px;}
.probox .left h6{ height: 20px; line-height: 20px; font-size: 18px; color: #fb8801; font-weight: normal;}
.probox .left .pro{ width: 880px; margin-top: 20px; border-collapse: collapse; border: 1px solid #000;}
.probox .left .pro tr{ width: 880px;}
.probox .left .pro tr td{ width:7%; height: 40px; text-align: center; font-size: 12px; }
.probox .left .pro tr td select{width: 100%; margin: 0 auto; border: none; outline: none; background: url(../img/down.png) 90% center no-repeat; padding-left: 3%; padding-right:3%; }
.probox .left .pro tr td a{ display: block; color: #333;}
.probox .left .pro tr td span{display: block; color: #333;font-size: 12px }
.probox .right{ float: left; width: 300px; margin-left: 20px;}
.probox .right .searchbox{ width: 100%;}
.probox .right .searchbox h4{ font-size: 18px;margin-bottom: 10px;}
.probox .right .searchbox .search{ width: 300px; margin-top: 15px;}
.probox .right .searchbox .search input[type=text]{ float: left; width: 245px; height: 40px; line-height:40px; padding-left: 10px; border: 1px solid #aaa; border-right: none; border-bottom-left-radius: 5px; border-top-left-radius: 5px;border-bottom-right-radius: 0px; border-top-right-radius: 0px;}
.probox .right .searchbox .search input[type=submit]{ float: left; width: 40px; height: 42px; border: 1px solid #aaa; border-left: none; background: url(../img/search.png) center no-repeat;border-bottom-right-radius: 5px; border-top-right-radius: 5px;border-bottom-left-radius: 0px; border-top-left-radius: 0px; cursor: pointer;}
.probox .right .catalog{ width: 100%; margin-top: 30px;}
.probox .right .catalog h4{font-size: 18px;margin-bottom: 15px;}
.probox .right .catalog ul{ width: 100%;}
.probox .right .catalog ul li{ width: 100%; margin: 10px 0; }
.probox .right .catalog ul li a{ display: block; width: 100%; font-size: 16px; color: #297cd8;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; }
.probox .right .catalog ul li a:hover{ text-decoration: underline; color: #fb8801;}
.probox .right .recommend{ width: 100%; margin-top: 40px;}
.probox .right .recommend h4{font-size: 18px;margin-bottom: 15px;}
.probox .right .recommend ul{ width: 100%;}
.probox .right .recommend ul li{ width: 100%; margin: 10px 0; padding: 0 0 10px; border-bottom: 1px solid #c6c6c6;}
.probox .right .recommend ul li a{ display: block; width: 100%; color: #434343;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.probox .right .recommend ul li a:hover span{background-color: #fb8801;}
.probox .right .recommend ul li a span{ float: left; display: block; width: 20px; height: 20px; background-color: #434343; border-radius: 4px;transition: all 1s;}
.probox .right .recommend ul li a span img{display: block; margin: 6px auto;}
.probox .right .recommend ul li a h5{ float: left; width: 270px; margin-left: 10px; height: 20px; line-height: 16px; font-size:16px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; font-weight: normal;}
.phoneprobox{ display: none;}

@media (min-width: 992px) and (max-width: 1199px) {/*主要适应于分辨率低的电脑*/
	.protopbox .content{ width: 990px; height: 108px; margin:0 auto;}
	.protopbox .content .column{ float: left; width: 80%;}
	.protopbox .content .column .mc{ float: left;line-height: 108px; padding-right: 20px;  font-family: "微软雅黑"; font-size: 30px; color: #000; font-weight: bold;}
	.protopbox .content hr{ display:none;}
	.protopbox .content .column .onecolumn{ border-left: 1px solid #666; float: left; width: 70%;}
	.protopbox .content .place{ float: right; line-height: 108px; padding-left: 25px; background: url(../img/home.png) left center no-repeat;}
	.probox{ width: 990px; margin: 40px auto;}
	.probox .left{float: left; width: 700px;}
	.probox .left h6{ height: 20px; line-height: 20px; font-size: 18px; color: #fb8801; font-weight: normal;}
	.probox .left .pro{ width: 700px; margin-top: 20px; border-collapse: collapse; border: 1px solid #ddd;}
	.probox .left .pro tr{ width: 700px;}
	.probox .left .pro tr td{ width: 68px; height: 50px; text-align: center; font-size: 14px ; }
	.probox .left .pro tr td select{ width: 94%; border: none; outline: none; padding-left: 6%; background: url(../img/down.png) 90% center no-repeat;}
	.probox .left .pro tr td a{ display: block; width: 68px;text-overflow:ellipsis;
	overflow:hidden;white-space:nowrap;  color: #333;}
	.probox .left .pro tr td span{display: block; width: 68px;text-overflow:ellipsis;
	overflow:hidden;white-space:nowrap;  color: #333;font-size: 14px }
	.probox .right{ float: left; width: 270px; margin-left: 20px;}
	.probox .right .searchbox{ width: 100%;}
	.probox .right .searchbox h4{ font-size: 18px;margin-bottom: 10px;}
	.probox .right .searchbox .search{ width: 270px; margin-top: 15px;}
	.probox .right .searchbox .search input[type=text]{ float: left; width: 215px; height: 40px; line-height:40px; padding-left: 10px; border: 1px solid #aaa; border-right: none; border-bottom-left-radius: 5px; border-top-left-radius: 5px;border-bottom-right-radius: 0px; border-top-right-radius: 0px;}
	.probox .right .recommend ul li a h5{ float: left; width: 240px; margin-left: 10px; height: 20px; line-height: 16px; font-size:16px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; font-weight: normal;}
}

@media (min-width: 768px) and (max-width: 991px) {/*主要pad端*/	
	.protopbox .content{ width: 750px; height: 148px; margin:0 auto;}
	.protopbox .content .column{ float: left; width: 100%;}
	.protopbox .content .column .mc{ float: left;line-height: 148px; margin-right: 20px;  font-family: "微软雅黑"; font-size: 30px; color: #000; font-weight: bold;border-right: 1px solid #666; }
	.protopbox .content hr{ display:none;}
	.protopbox .content .column .onecolumn{ display: none;}
	.protopbox .content .column .one{ float: left; display: block; width:70%; margin: 0 auto; }
	.protopbox .content .column .one select{ float: left; width: 98%; height: 40px; padding-left: 2%; border: 1px solid #aaa; border-radius: 5px; background: url(../img/down.png) 95% center no-repeat #fff;}
	.protopbox .content .column .secondcolumn{ display: block; float: left; width: 70%;}
	.protopbox .content .column .secondcolumn li{ float: left; margin: 10px 15px; font-size: 14px; }
	.protopbox .content .column .secondcolumn li a{color: #666;}
	.protopbox .content .place{ display: none;}
	.probox{ display: none;}
	.phoneprobox{ display: block; width:750px ; margin: 40px auto; }
	.phoneprobox .search{ width:97%; margin: 0 auto; }
	.phoneprobox .search input[type=text]{ float: left; width: 88%; height: 40px; line-height:40px; padding-left: 10px; border: 1px solid #aaa; border-right: none; border-bottom-left-radius: 5px; border-top-left-radius: 5px;border-bottom-right-radius: 0px; border-top-right-radius: 0px;}
	.phoneprobox .search input[type=submit]{ float: left; width: 10%; height: 42px; border: 1px solid #aaa; border-left: none; background: url(../img/search.png) center no-repeat;border-bottom-right-radius: 5px; border-top-right-radius: 5px;border-bottom-left-radius: 0px; border-top-left-radius: 0px; cursor: pointer;}
	.phoneprobox .choose{ width: 100%; margin-top: 30px;}
	.phoneprobox .choose p{ float: left; width: 33%; margin-bottom: 20px;}
	.phoneprobox .choose p select{ display: block; width: 90%; height: 30px; margin: 0 auto; padding-left:2%;background: url(../img/down.png) 95% center no-repeat;}
	.phoneprobox .proinfobox{ width: 100%;}
	.phoneprobox .proinfobox .proinfo{ width: 100%; border: 1px solid #ddd; align-items:center; display: -webkit-flex; }
	.phoneprobox .proinfobox .proinfo .pdf{ float: left; width: 28%;padding: 0 1%; text-align: center;  font-size:14px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
	.phoneprobox .proinfobox .proinfo .pdf a{ color: #333;}
	.phoneprobox .proinfobox .proinfo .data{ float: left; width: 68%; padding: 1% 1%; border-left: 1px solid #ddd; font-size: 14px;}
	.phoneprobox .proinfobox .proinfo .data p{ float: left; margin:10px 0; margin-right: 5%;}
}

@media (min-width: 480px) and (max-width: 767px) {/*主要手机端*/
	.protopbox .content{ width: 96%;  padding: 0 2%; margin:0 auto;}
	.protopbox .content .column{ float: none; width: 100%; height: 100%;}
	.protopbox .content .column .mc{ float: none; line-height:inherit; padding-right: 0;  font-family: "微软雅黑"; font-size: 24px; color: #000; font-weight: bold;}
	.protopbox .content hr{ display:block;}
	.protopbox .content .column .onecolumn{ display: none;}
	.protopbox .content .column .one{ display: block; width:97%; margin: 20px auto 10px; }
	.protopbox .content .column .one select{ float: none; width: 98%; height: 40px; padding-left: 2%; border: 1px solid #aaa; border-radius: 5px; background: url(../img/down.png) 98% center no-repeat #fff;}
	.protopbox .content .column .secondcolumn{ display: block; border-left: none; float: none; width: 100%;}
	.protopbox .content .column .secondcolumn li{ float: left; margin: 8px 15px; font-size: 14px; }
	.protopbox .content .column .secondcolumn li a{color: #666;}
	.protopbox .content .place{ display: none;}
	.probox{ display: none;}
	.phoneprobox{ display: block; width:96%; padding: 0 2%; margin: 40px auto; }
	.phoneprobox .search{ width:97%; margin: 0 auto; }
	.phoneprobox .search input[type=text]{ float: left; width: 85%; height: 40px; line-height:40px; padding-left: 10px; border: 1px solid #aaa; border-right: none; border-bottom-left-radius: 5px; border-top-left-radius: 5px;border-bottom-right-radius: 0px; border-top-right-radius: 0px;}
	.phoneprobox .search input[type=submit]{ float: left; width: 10%; height: 42px; border: 1px solid #aaa; border-left: none; background: url(../img/search.png) center no-repeat;border-bottom-right-radius: 5px; border-top-right-radius: 5px;border-bottom-left-radius: 0px; border-top-left-radius: 0px; cursor: pointer;}
	.phoneprobox .choose{ width: 100%; margin-top: 30px;}
	.phoneprobox .choose p{ float: left; width: 33%; margin-bottom: 20px;}
	.phoneprobox .choose p select{ display: block; width: 90%; height: 30px; margin: 0 auto; padding-left:2%;background: url(../img/down.png) 95% center no-repeat;}
	.phoneprobox .proinfobox{ width: 100%;margin-top: 20px;}
	.phoneprobox .proinfobox .proinfo{ width: 100%; border: 1px solid #ddd; align-items:center; display: -webkit-flex; }
	.phoneprobox .proinfobox .proinfo .pdf{ float: left; width: 38%;padding: 0 1%; text-align: center;  font-size:14px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
	.phoneprobox .proinfobox .proinfo .pdf a{ color: #333;}
	.phoneprobox .proinfobox .proinfo .data{ float: left; width: 58%; padding: 1% 1%; border-left: 1px solid #ddd; font-size: 14px;}
	.phoneprobox .proinfobox .proinfo .data p{ float: left; margin:10px 0; margin-right: 5%;}
}

@media (max-width:479px){/*微小屏幕*/
	.protopbox .content{ width: 96%;  padding: 0 2%; margin:0 auto;}
	.protopbox .content .column{ float: none; width: 100%; height: 100%;}
	.protopbox .content .column .mc{ float: none; line-height:inherit; padding-right: 0;  font-family: "微软雅黑"; font-size: 24px; color: #000; font-weight: bold;}
	.protopbox .content hr{ display:block;}
	.protopbox .content .column .onecolumn{ display: none;}
	.protopbox .content .column .one{ display: block; width:97%; margin: 20px auto 10px; }
	.protopbox .content .column .one select{ float: none; width: 98%; height: 40px; padding-left: 2%; border: 1px solid #aaa; border-radius: 5px; background: url(../img/down.png) 95% center no-repeat #fff;}
	.protopbox .content .column .secondcolumn{ display: block; border-left: none; float: none; width: 100%;}
	.protopbox .content .column .secondcolumn li{ float: left; margin: 8px 15px; font-size: 14px; }
	.protopbox .content .column .secondcolumn li a{color: #666;}
	.protopbox .content .place{ display: none;}
	.probox{ display: none;}
	.phoneprobox{ display: block; width:96%; padding: 0 2%; margin: 40px auto; }
	.phoneprobox .search{ width:97%; margin: 0 auto; }
	.phoneprobox .search input[type=text]{ float: left; width: 85%; height: 40px; line-height:40px; padding-left: 10px; border: 1px solid #aaa; border-right: none; border-bottom-left-radius: 5px; border-top-left-radius: 5px;border-bottom-right-radius: 0px; border-top-right-radius: 0px;}
	.phoneprobox .search input[type=submit]{ float: left; width: 10%; height: 42px; border: 1px solid #aaa; border-left: none; background: url(../img/search.png) center no-repeat;border-bottom-right-radius: 5px; border-top-right-radius: 5px;border-bottom-left-radius: 0px; border-top-left-radius: 0px; cursor: pointer;}
	.phoneprobox .choose{ width: 100%; margin-top: 30px;}
	.phoneprobox .choose p{ float: left; width: 33%; margin-bottom: 20px;}
	.phoneprobox .choose p select{ display: block; width: 90%; height: 30px; margin: 0 auto; padding-left:2%;background: url(../img/down.png) 95% center no-repeat;}
	.phoneprobox .proinfobox{ width: 100%; margin-top: 20px;}
	.phoneprobox .proinfobox .proinfo{ width: 100%; border: 1px solid #ddd; align-items:center; display: -webkit-flex; }
	.phoneprobox .proinfobox .proinfo .pdf{ float: left; width: 38%;padding: 0 1%; text-align: center;  font-size:14px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
	.phoneprobox .proinfobox .proinfo .pdf a{ color: #333;}
	.phoneprobox .proinfobox .proinfo .data{ float: left; width: 58%; padding: 1% 1%; border-left: 1px solid #ddd; font-size: 14px;}
	.phoneprobox .proinfobox .proinfo .data p{ float: left; margin:10px 0; margin-right: 5%;}
}
/*产品列表页结束*/

/*责任页开始*/
.responsibilitybox{ width: 1200px; margin: 40px auto;}
.responsibilitybox .left{float: left; width: 810px;}
.responsibilitybox .left .content1{ width: 100%; }
.responsibilitybox .left .content1 h6{ height: 20px; line-height: 20px; font-size: 18px; color: #fb8801; font-weight: normal;}
.responsibilitybox .left .content1 .pic{ width: 100%;height: 100%; margin-top: 20px;}
.responsibilitybox .left .content1 .pic img{ width: 48%;}
.responsibilitybox .left .content1 .info h3{ margin-top: 20px; font-size: 16px; color: #333;}
.responsibilitybox .left .content1 .info span{ display: block; margin-top: 10px; line-height: 25px; font-size: 14px; color: #666;}
.responsibilitybox .left .content2{ width: 100%; margin-top: 30px; }
.responsibilitybox .left .content2 h6{ height: 20px; line-height: 20px; font-size: 18px; color: #fb8801; font-weight: normal;}
.responsibilitybox .left .content2 .pic{ width: 100%; margin-top: 20px;}
.responsibilitybox .left .content2 .pic img{ width: 100%;}
.responsibilitybox .left .content2 .data{ width: 100%; margin-top: 30px;}
.responsibilitybox .left .content2 .data .photo{float: left; width: 48%; margin-right: 2%; }
.responsibilitybox .left .content2 .data .photo img{ width: 100%;}
.responsibilitybox .left .content2 .data .all{ position: relative; display: block; float: right; width: 50%; cursor: pointer; }
.responsibilitybox .left .content2 .data .all:hover .icons{ background: url(../img/cheng.png) center no-repeat;}
.responsibilitybox .left .content2 .data .all .icons{ position: absolute; top: -20px; width: 61px; height: 69px; background: url(../img/hui.png) center no-repeat; transition: background 1s;}
.responsibilitybox .left .content2 .data .all .icons img{ display: block; margin: 20px auto;}
.responsibilitybox .left .content2 .data .all .info{ width: 100%; min-height: 280px; background-color: #fafafa;}
.responsibilitybox .left .content2 .data .all .info h3{ padding-top: 20px; text-align: center; font-size: 18px; color: #434343;}
.responsibilitybox .left .content2 .data .all .info span{ display: block; width: 90%; margin: 20px auto; font-size: 14px; line-height: 20px; color: #000000;}
.responsibilitybox .left .content2 .data2{ width: 100%; margin-top: 30px;}
.responsibilitybox .left .content2 .data2 .all{ position: relative; display: block; float: left; width: 50%; cursor: pointer; }
.responsibilitybox .left .content2 .data2 .all:hover .icons{ background: url(../img/cheng.png) center no-repeat;}
.responsibilitybox .left .content2 .data2 .all .icons{ position: absolute; top: -20px; width: 61px; height: 69px; background: url(../img/hui.png) center no-repeat; transition: background 1s;}
.responsibilitybox .left .content2 .data2 .all .icons img{ display: block; margin: 20px auto;}
.responsibilitybox .left .content2 .data2 .all .info{ width: 100%; min-height: 280px; background-color: #fafafa;}
.responsibilitybox .left .content2 .data2 .all .info h3{ padding-top: 20px; text-align: center; font-size: 18px; color: #434343;}
.responsibilitybox .left .content2 .data2 .all .info span{ display: block; width: 90%; margin: 20px auto; font-size: 14px; line-height: 20px; color: #000000;}
.responsibilitybox .left .content2 .data2 .photo{float: left; width: 48%; margin-left: 2%; }
.responsibilitybox .left .content2 .data2 .photo img{ width: 100%;}
.responsibilitybox .right{ float: left; width: 370px; margin-left: 20px;}
.responsibilitybox .right .searchbox{ width: 100%;}
.responsibilitybox .right .searchbox h4{ font-size: 18px;margin-bottom: 10px;}
.responsibilitybox .right .searchbox .search{ width: 370px; margin-top: 15px;}
.responsibilitybox .right .searchbox .search input[type=text]{ float: left; width: 315px; height: 40px; line-height:40px; padding-left: 10px; border: 1px solid #aaa; border-right: none; border-bottom-left-radius: 5px; border-top-left-radius: 5px;border-bottom-right-radius: 0px; border-top-right-radius: 0px;}
.responsibilitybox .right .searchbox .search input[type=submit]{ float: left; width: 40px; height: 42px; border: 1px solid #aaa; border-left: none; background: url(../img/search.png) center no-repeat;border-bottom-right-radius: 5px; border-top-right-radius: 5px;border-bottom-left-radius: 0px; border-top-left-radius: 0px; cursor: pointer;}
.responsibilitybox .right .catalog{ width: 100%; margin-top: 30px;}
.responsibilitybox .right .catalog h4{font-size: 18px;margin-bottom: 15px;}
.responsibilitybox .right .catalog ul{ width: 100%;}
.responsibilitybox .right .catalog ul li{ width: 100%; margin: 10px 0; }
.responsibilitybox .right .catalog ul li a{ display: block; width: 100%; font-size: 16px; color: #297cd8;}
.responsibilitybox .right .catalog ul li a:hover{ text-decoration: underline; color: #fb8801;}
.responsibilitybox .right .recommend{ width: 100%; margin-top: 40px;}
.responsibilitybox .right .recommend h4{font-size: 18px;margin-bottom: 15px;}
.responsibilitybox .right .recommend ul{ width: 100%;}
.responsibilitybox .right .recommend ul li{ width: 100%; margin: 10px 0; padding: 0 0 10px; border-bottom: 1px solid #c6c6c6;}
.responsibilitybox .right .recommend ul li a{ display: block; width: 100%; color: #434343;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.responsibilitybox .right .recommend ul li a:hover span{background-color: #fb8801;}
.responsibilitybox .right .recommend ul li a span{ float: left; display: block; width: 20px; height: 20px; background-color: #434343; border-radius: 4px;transition: all 1s;}
.responsibilitybox .right .recommend ul li a span img{display: block; margin: 6px auto;}
.responsibilitybox .right .recommend ul li a h5{ float: left; width: 340px; margin-left: 10px; height: 20px; line-height: 16px; font-size:16px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; font-weight: normal;}	

@media (min-width: 992px) and (max-width: 1199px) {/*主要适应于分辨率低的电脑*/
	.responsibilitybox{ width: 990px; margin: 40px auto;}
	.responsibilitybox .left{float: left; width: 700px;}
	.responsibilitybox .right{ float: left; width: 270px; margin-left: 20px;}
	.responsibilitybox .right .searchbox .search input[type=text]{ float: left; width: 215px; height: 40px; line-height:40px; padding-left: 10px; border: 1px solid #aaa; border-right: none; border-bottom-left-radius: 5px; border-top-left-radius: 5px;border-bottom-right-radius: 0px; border-top-right-radius: 0px;}
	.responsibilitybox .right .recommend ul li a h5{ float: left; width: 240px; margin-left: 10px; height: 20px; line-height: 16px; font-size:16px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; font-weight: normal;}
}

@media (min-width: 768px) and (max-width: 991px) {/*主要pad端*/	
	.responsibilitybox{ width: 750px; margin: 40px auto;}
	.responsibilitybox .left{ float: none; width: 750px;}
	.responsibilitybox .right{ display: none;}
}

@media (min-width: 480px) and (max-width: 767px) {/*主要手机端*/
	.responsibilitybox{ width: 96%; padding: 0 2%; margin: 20px auto;}
	.responsibilitybox .left{float: none; width: 100%;}
	.responsibilitybox .left .content1{ width: 100%; }
	.responsibilitybox .left .content1 h6{ height: 20px; line-height: 20px; font-size: 18px; color: #fb8801; font-weight: normal;}
	.responsibilitybox .left .content1 .pic{ width: 100%; height: 100%; margin-top: 20px;}
	.responsibilitybox .left .content1 .pic img{ width: 100%;height: 100%; margin-left: 0 !important; margin-bottom: 20px;}
	.responsibilitybox .left .content1 .info h3{ margin-top: 20px; font-size: 16px; color: #333;}
	.responsibilitybox .left .content1 .info span{ display: block; margin-top: 10px; line-height: 25px; font-size: 14px; color: #666;}
	.responsibilitybox .left .content2 .data{ width: 100%; margin-top: 30px;}
	.responsibilitybox .left .content2 .data .photo{float: none; width: 100%; margin-right:0; }
	.responsibilitybox .left .content2 .data .photo img{ width: 100%;}
	.responsibilitybox .left .content2 .data .all{ position: relative; display: block; float: right; width: 100%; margin-top: 30px; cursor: pointer; }
	.responsibilitybox .left .content2 .data .all:hover .icons{ background: url(../img/cheng.png) center no-repeat;}
	.responsibilitybox .left .content2 .data .all .info{ width: 100%; min-height: auto; padding-bottom: 10px; background-color: #fafafa;}
	.responsibilitybox .left .content2 .data .all .info h3{ padding-top: 20px; text-align: center; font-size: 18px; color: #434343;}
	.responsibilitybox .left .content2 .data .all .info span{ display: block; width: 90%; margin: 20px auto; font-size: 14px; line-height: 20px; color: #000000;}
	.responsibilitybox .left .content2 .data2{ width: 100%; margin-top: 30px;}
	.responsibilitybox .left .content2 .data2 .all{ position: relative; display: block; float: none; width: 100%; cursor: pointer; }
	.responsibilitybox .left .content2 .data2 .all .info{ width: 100%; min-height: auto; background-color: #fafafa;}
	.responsibilitybox .left .content2 .data2 .all .info h3{ padding-top: 20px; text-align: center; font-size: 18px; color: #434343;}
	.responsibilitybox .left .content2 .data2 .all .info span{ display: block; width: 90%; margin: 20px auto; font-size: 14px; line-height: 20px; color: #000000;}
	.responsibilitybox .left .content2 .data2 .photo{float: left; width: 100%; margin-left: 0; }
	.responsibilitybox .left .content2 .data2 .photo img{ width: 100%;}
	.responsibilitybox .right{ display: none;}
}

@media (max-width:479px){/*微小屏幕*/
	.responsibilitybox{ width: 96%; padding: 0 2%; margin: 20px auto;}
	.responsibilitybox .left{float: none; width: 100%;}
	.responsibilitybox .left .content1{ width: 100%; }
	.responsibilitybox .left .content1 h6{ height: 20px; line-height: 20px; font-size: 18px; color: #fb8801; font-weight: normal;}
	.responsibilitybox .left .content1 .pic{ width: 100%; height: 100%; margin-top: 20px;}
	.responsibilitybox .left .content1 .pic img{ width: 100%;height: 100%; margin-left: 0 !important; margin-bottom: 20px;}
	.responsibilitybox .left .content1 .info h3{ margin-top: 20px; font-size: 16px; color: #333;}
	.responsibilitybox .left .content1 .info span{ display: block; margin-top: 10px; line-height: 25px; font-size: 14px; color: #666;}
	.responsibilitybox .left .content2 .data{ width: 100%; margin-top: 30px;}
	.responsibilitybox .left .content2 .data .photo{float: none; width: 100%; margin-right:0; }
	.responsibilitybox .left .content2 .data .photo img{ width: 100%;}
	.responsibilitybox .left .content2 .data .all{ position: relative; display: block; float: right; width: 100%; margin-top: 30px; cursor: pointer; }
	.responsibilitybox .left .content2 .data .all:hover .icons{ background: url(../img/cheng.png) center no-repeat;}
	.responsibilitybox .left .content2 .data .all .info{ width: 100%; min-height: auto; padding-bottom: 10px; background-color: #fafafa;}
	.responsibilitybox .left .content2 .data .all .info h3{ padding-top: 20px; text-align: center; font-size: 18px; color: #434343;}
	.responsibilitybox .left .content2 .data .all .info span{ display: block; width: 90%; margin: 20px auto; font-size: 14px; line-height: 20px; color: #000000;}
	.responsibilitybox .left .content2 .data2{ width: 100%; margin-top: 30px;}
	.responsibilitybox .left .content2 .data2 .all{ position: relative; display: block; float: none; width: 100%; cursor: pointer; }
	.responsibilitybox .left .content2 .data2 .all .info{ width: 100%; min-height: auto; background-color: #fafafa;}
	.responsibilitybox .left .content2 .data2 .all .info h3{ padding-top: 20px; text-align: center; font-size: 18px; color: #434343;}
	.responsibilitybox .left .content2 .data2 .all .info span{ display: block; width: 90%; margin: 20px auto; font-size: 14px; line-height: 20px; color: #000000;}
	.responsibilitybox .left .content2 .data2 .photo{float: left; width: 100%; margin-left: 0; }
	.responsibilitybox .left .content2 .data2 .photo img{ width: 100%;}
	.responsibilitybox .right{ display: none;}
}
/*责任页结束*/