@charset "utf-8";
/************************
	   -公共样式-
************************/
.wp{width: 1200px;margin: 0 auto;position: relative;}


#hd{border-bottom: 1px solid #cccccc;height: 74px; background:#FFF;  margin:0px auto; right:0px;left:0px; position:fixed; top:0px; z-index:999;}
#hd .wp{height: 100%;}
.hd-logo{height: 100%;line-height: 74px;}
.hd-logo img{vertical-align: middle;max-height: 90%;}
.hd-lang{height: 28px;margin: 23px 0 0 10px;}
.hd-lang a{float: left;width: 28px;height: 28px;background: #d8d8d8;border-radius: 100%;text-align: center;line-height: 28px;margin-left: 10px;font-size: 12px;}
.hd-lang a.on,
.hd-lang a:hover{background: #61a6af;color: #fff;transition: 0.4s;}
.hd-search{margin: 23px 0 0 75px;}
.hd-search form{height: 26px;border: 1px solid #686868;border-radius: 14px;padding: 0 40px 0 14px;position: relative;}
.hd-search input{display: block;width: 112px;height: 26px;line-height: 26px;}
.hd-search button{display: block;width: 18px;height: 18px;background: url('../images/search.png') no-repeat;position: absolute;right: 11px;top: 50%;margin-top: -9px;cursor: pointer;}
.hd-nav li{float: left;margin: 0 10px;}
.hd-nav li a{display: block;line-height: 73px;padding: 0 6px; font-size:15px}
.hd-nav li.on a,
.hd-nav li a:hover{color: #2d4f57;border-bottom: 2px solid #183884;}
.menu-btn{display: none;}
.search-btn{display: none;}
.close-btn{display: none;}

#ft{background: #959595;box-sizing: border-box;padding: 22px 20px;}
#ft .partner a{float: left;width: 140px;margin-right: 18px;}
#ft .partner a img{width: 100%;}
#ft .copyright{margin-top: 40px;}
#ft .copyright p{line-height: 25px;color: #FFF; font-size:12px}
#ft .copyright a{color: #FFF; font-size:12px; text-decoration:underline}

#ft .erweima{width: 108px;margin-left: 18px;}
#ft .erweima img{width: 100%;}


#ft .share-btn a{float: left;width: 32px;margin-left: 7px;}
#ft .share-btn a img{width: 100%;}

.ft-right .share-btn{}

@media screen and (max-width: 1280px) {
	.wp{width: 94%;}
	#hd{height: 60px;}
	.hd-logo{line-height: 60px;}
	.hd-logo img{max-height: 80%;}
	.hd-lang{height: 28px;margin-top: 16px;}
	.hd-lang a{margin-left: 6px;}
	.hd-search{margin: 16px 0 0 30px;}
	.hd-search input{display: block;width: 100px;}
	.hd-nav li{margin: 0 5px;}
	.hd-nav li a{line-height: 59px;padding: 0 8px;}

	#ft{padding: 20px 16px;}
	#ft .ft-left{width: 70%;}
	#ft .ft-right{width: 28%;}
	#ft .partner a{width: 140px;margin-right: 10px;}
	#ft .copyright{margin-top: 40px;}
	#ft .copyright p{line-height: 25px;font-size: 12px;}
	#ft .erweima{width: 90px;margin-left: 0;}
	#ft .erweima img{width: 100%;}
	#ft .share-btn{margin-top: 16px;width: 100%;}
	#ft .share-btn a{float: right;width: 24px;margin-left: 7px;}
}

@media screen and (max-width: 992px) {
	.hd-search{margin: 0;position: fixed;width: 100%;height: 100%;background: #183884;top: 0;left: 0;z-index: 99;box-sizing: border-box;padding: 60px 20px 0;display: none;}
	.hd-search form{height: 36px;border-color: #fff;border-radius: 19px;padding: 0 46px 0 20px;}
	.hd-search input::-webkit-input-placeholder{color: #fff;}
	.hd-search input{width: 100%;height: 36px;line-height: 36px;color: #fff;}
	.hd-search button{background: url('../images/search2.png') no-repeat;right: 14px;}
	.hd-nav{position: fixed;width: 100%;height: 100%;background: #183884;top: 0;left: 0;z-index: 99;display: none;}
	.hd-nav ul{padding: 60px 32px 0;}
	.hd-nav li{margin: 0;float: none;border-bottom: 1px solid #305cc4;}
	.hd-nav li a{line-height: 40px;padding: 0 14px;color: #90e1ec;}
	.hd-nav li a:hover,
	.hd-nav li.on a{border: none;color: #90e1ec;}
	.hd-nav li a::before{display: inline-block;content: "";vertical-align: top;width: 24px;height: 24px;margin: 8px 10px 0 0;}
	.hd-nav li a.icon1::before{background: url('../images/icon1.png');background-size: 100% 100%;}
	.hd-nav li a.icon2::before{background: url('../images/icon2.png');background-size: 100% 100%;}
	.hd-nav li a.icon3::before{background: url('../images/icon3.png');background-size: 100% 100%;}
	.hd-nav li a.icon4::before{background: url('../images/icon6.png');background-size: 100% 100%;}
	.hd-nav li a.icon5::before{background: url('../images/icon4.png');background-size: 100% 100%;}
	.hd-nav li a.icon6::before{background: url('../images/icon5.png');background-size: 100% 100%;}
	.hd-nav li a.icon7::before{background: url('../images/icon6.png');background-size: 100% 100%;}

	.close-btn{display: block;width: 24px;height: 24px;background: url('../images/close.png');position: absolute;top: 10px;right: 10px;}
	.menu-btn{display: block;float: right;width: 32px;height: 28px;background: url('../images/menu.png');background-size: 100% 100%;margin: 16px 0 0 18px;}
	.search-btn{display: block;float: right;width: 28px;height: 28px;background: url('../images/search3.png');background-size: 100% 100%;margin: 16px 0 0 20px;}

	#ft .partner a{width: 100px;margin-right: 8px;}
	#ft .copyright{margin-top: 40px;}
	#ft .erweima{width: 72px;margin-left: 0;}
	#ft .share-btn{margin-top: 16px;width: 100%;}
	#ft .share-btn a{float: right;width: 20px;margin-left: 5px;}
}

@media screen and (max-width: 750px) {
	#hd{height: 50px;}
	.hd-logo{line-height: 50px;}
	.hd-lang{height: 24px;margin-top: 13px;}
	.hd-lang a{margin-left: 4px;width: 24px;height: 24px;line-height: 24px;}
	.hd-search{margin: 0;position: fixed;width: 100%;height: 100%;background: #183884;top: 0;left: 0;z-index: 99;box-sizing: border-box;padding: 60px 20px 0;display: none;}
	.hd-search form{height: 36px;border-color: #fff;border-radius: 19px;padding: 0 46px 0 20px;}
	.hd-search input::-webkit-input-placeholder{color: #fff;}
	.hd-search input{width: 100%;height: 36px;line-height: 36px;color: #fff;}
	.hd-search button{background: url('../images/search2.png') no-repeat;right: 14px;}
	.hd-nav{position: fixed;width: 100%;height: 100%;background: #183884;top: 0;left: 0;z-index: 99;display: none;}
	.hd-nav ul{padding: 50px 25px 0;}

	.menu-btn{width: 27px;height: 24px;margin: 13px 0 0 14px;}
	.search-btn{width: 24px;height: 24px;margin: 13px 0 0 16px;}
	
	#ft .ft-left{width: 100%;}
	#ft .ft-right{width: 100%;padding-top: 12px;}
	#ft .partner a{width: 46%;margin-right: 4%;margin-bottom: 10px;}
	#ft .partner a:nth-child(2n){margin-right: 0;}
	#ft .copyright{margin-top: 0;}
	#ft .erweima{float: left;}
	#ft .share-btn{margin-top: 50px;width: auto;margin-right: 20px;}
	#ft .share-btn a{float: right;width: 20px;margin-left: 5px;}
}



/************************
	   -首页样式-
************************/
#banner{margin-top: 94px;}
#banner .swiper-slide img{width: 100%; border-radius:5px}
#banner .banner-pagination{width: 100%;height: 14px;position: absolute;left: 0;bottom: 10px;z-index: 15;margin: 0;text-align: center;}
#banner .swiper-pagination-switch{display: inline-block;vertical-align: top;width: 14px;height: 14px;border: 1px solid transparent;box-sizing: border-box;padding: 2px;margin: 0 5px;border-radius: 100%;cursor: pointer;}
#banner .swiper-pagination-switch::after{display: block;content: "";width: 100%;height: 100%;background: #fff;border-radius: 100%;}
#banner .swiper-active-switch{border-color: #ff7f00;}
#banner .swiper-active-switch::after{background: #ff7f00;}
#banner .swiper-button-prev, 
#banner .swiper-button-next{position: absolute;width: 40px;height: 120px;background-color: rgba(0, 0, 0, 0.2);top: 50%;margin-top: -60px;z-index: 17;background-repeat: no-repeat;background-position: center center;cursor: pointer}
#banner .swiper-button-prev{left: 0;background-image: url('../images/prev.png');}
#banner .swiper-button-next{right: 0;background-image: url('../images/next.png');}

#main{padding: 30px 0;}

.index-item1 ul li{float: left;width: 220px;box-sizing: border-box;margin-right: 25px;}
.index-item1 ul li.first_banner{display:none}
.index-item1 ul li:first-child{display:none}
.index-item1 ul li:last-child{margin-right: 0; }
.index-item1 ul li:nth-child(odd){background: #eee;}
.index-item1 ul li a{display: block;}
.index-item1 ul li .img{overflow: hidden; border-radius:5px 5px 0 0}
.index-item1 ul li .img img{width: 100%;transition: 0.4s;}
.index-item1 ul li:hover .img img{transition: 0.4s;transform: scale(1.2);}
.index-item1 ul li .text{padding: 10px 14px;border: 1px solid #eeeeee; border-top:none;}
.index-item1 ul li .text h4{line-height: 24px;color: #2c4e57;font-size: 16px;}
.index-item1 ul li .text p{font-size: 12px;line-height: 18px;color: #666;height: 36px;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.index-item1 ul li span{font-size: 12px;line-height: 18px;margin-top: 6px;color: #999;text-decoration: underline;display: block;}
.index-item1 ul li:hover span{color: #61a6af;transition: 0.4s;}

.index-item2{margin-top: 30px;}
.index-item2 .index-about{width: 50%;background: #eee;box-sizing: border-box;padding: 26px 20px 22px;}
.index-item2 .index-about .text{width: 60%;}
.index-item2 .index-about .text h4{color: #183884;line-height: 22px;margin-bottom: 8px;}
.index-item2 .index-about .text p{font-size: 12px;line-height: 20px;display:-webkit-box;-webkit-line-clamp:8;-webkit-box-orient:vertical;overflow:hidden; color:#666}
.index-item2 .index-about .text a{display: block;line-height: 20px;font-size: 12px;color: #999999;text-decoration: underline;margin-top: 12px;}
.index-item2 .index-about .text a:hover{color: #61a6af;transition: 0.4s;}
.index-item2 .index-about .img{width: 36.25%;}
.index-item2 .index-about .img img{width: 100%;position: relative; border:1px solid #fff; margin-top:35px; border-radius:5px}
.index-item2 .index-news{width: 50%;box-sizing: border-box;border: 1px solid #eee;padding: 22px 16px;}

.index-item2 .index-news .news-tit{padding-left: 120px;position: relative;line-height: 28px;font-size: 12px;background: #eee;margin-bottom: 15px;}
.index-item2 .index-news .news-tit span{display: block;position: absolute;width: 90px;background: #183884;top: 0;left: 0;text-align: center;color: #fff;}
.index-item2 .index-news .news-tit span::after{display: block;content: "";width: 8px;height: 8px;background: #183884;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);position: absolute;top: 50%;margin-top: -4px;right: -4px;}
.index-item2 .index-news h4{padding-right: 20px;height: 28px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #666;margin-bottom:0px;}
.index-item2 .index-news ul li{border-bottom: 1px solid #f7f7f7;}
.index-item2 .index-news ul li a{display: block;padding: 0 72px 0 12px;position: relative;font-size: 12px;line-height: 34px; color:#666}
.index-item2 .index-news ul li a::before{display: block;content: "";width: 3px;height: 3px;background: #666;position: absolute;left: 2px;top: 50%;margin-top: -1.5px;}
.index-item2 .index-news ul li a:hover{color: #48BFB3;transition: 0.4s; font-size:13px}
.index-item2 .index-news ul li span{display: block;position: absolute;top: 0; right: 0;width: 72px;text-align: right;color: #999;}
.index-item2 .index-news ul li p{height: 34px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.index-item2 .index-news ul li p:hover{height: 34px; font-size:12.5px;transition: 0.4s; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; color:#48BFB3}


@media screen and (max-width: 1280px) {
	#main{padding: 26px 0;}
	.index-item1 ul li{width: 18.4%;margin-right: 2%;}
}

@media screen and (max-width: 992px) {
	#main{padding: 24px 0;}

	.index-item1 ul li{width: 30%;margin-right: 5%;margin-bottom: 20px;}
	.index-item1 ul li:nth-child(3n){margin-right: 0;}

	.index-item2{margin-top: 10px;}
	.index-item2 .index-about{width: 100%;}
	.index-item2 .index-news{width: 100%;}
}

@media screen and (max-width: 750px) {
	#banner{margin-top: 0px;width: 100%;}
	#banner .swiper-button-prev, 
	#banner .swiper-button-next{width: 30px;height: 60px;top: 50%;margin-top: -30px;}
	#banner .swiper-button-prev{background-image: url('../images/prev.png');background-size: 14px 24px;}
	#banner .swiper-button-next{background-image: url('../images/next.png');background-size: 14px 24px;}

	#main{padding: 20px 0;}
	.index-item1 ul li{width: 46%;margin:0 2% 12px}
	.index-item1 ul li:nth-child(3n){width: 46%;margin:0 2% 12px}
	.index-item1 ul li span{margin-top: 0; display:none}
	.index-item1 ul li .text p{ display:none}
	.index-item1 ul li .text{padding: 5px 10px;border: 1px solid #eeeeee; border-top:none;}
	.index-item1 ul li .text h4{line-height: 20px;color: #2c4e57;font-size: 14px;}

}


.page-banner img{width: 100%; border-radius:5px}
.page-banner img:nth-child(2n){display:none}


.crumbs{padding: 15px 0 ;line-height: 22px;font-size: 12px;color: #bbb; font-family:Arial}
.crumbs a{color: #bbb;font-size: 12px; font-family:Arial}
.crumbs a:hover{color: #61a6af;transition: 0.4s;}
.crumbs strong{color: #999; font-weight:normal}
.crumbs span{margin: 0 2px;}

.about .about-menu{padding-bottom: 13px;border-bottom: 1px solid #ddd;}
.about .about-menu a{float: left;line-height: 31px;padding: 0 12px;position: relative;border-radius: 8px;margin: 0 12px 0 0;background:url(/images/p_menu_bg.jpg) center top; color:#fff; border:1px solid #2F84AC}
.about .about-menu a::after{}
.about .about-menu a:last-child::after{display: none;}
.about .about-menu a.on,
.about .about-menu a:hover{color:#FF0;transition: all 0.4s; text-decoration:none;}
.about .about-menu a.on::after,
.about .about-menu a:hover::after{display: none;}
.about .about-con{padding: 20px 0 30px;}
.about .about-con .img{width: 268px;}
.about .about-con .img img{width: 100%;border-radius:5px}
.about .about-con .text{width: 908px;}

@media screen and (max-width: 1280px) {
	.about .about-con .img{width: 24%;}
	.about .about-con .text{width: 74%;}
}

@media screen and (max-width: 750px) {
	.about .about-menu{padding-bottom: 0;}
	.about .about-menu a{margin-bottom: 10px;font-size:12px; }
	.about .about-con .img{width: 100%;margin-bottom: 20px;text-align: center;}
	.about .about-con .img img{width: auto;max-width: 100%;}
	.about .about-con .text{width: 100%;}
	.index-item2 .index-about{ display:none}
	.page-banner img:first-child{ display:none}
	.page-banner img:nth-child(2n){ display:block; padding-top:40px;height:auto; border-radius:0px}
	


	.about .about-con img{width: 100% !important;border-radius:5px}
}


/* Service */
.service .service-menu{padding-bottom: 15px;border-bottom: 1px solid #ddd;}
.service .service-menu a{float: left;line-height: 31px;padding: 0 12px;position: relative;border-radius: 8px;margin: 0 12px 0 0;background:url(/images/p_menu_bg.jpg) center top; color:#fff; border:1px solid #2F84AC}
.service .service-menu a::after{}
.service .service-menu a:last-child::after{display: none;}
.service .service-menu a.on,.service .service-menu a.currclass,
.service .service-menu a:hover{color:#FF0;transition: all 0.4s; text-decoration:none;}
.service .service-menu a.on::after,.service .service-menu a.on::currclass,
.service .service-menu a:hover::after{display: none;}
.service .service-con{padding: 30px 0;}
.service .service-con .img{width: 35%;border-radius:5px}
.service .service-con .img img{width: 100%;border-radius:5px}
.service .service-con .text{width: 62%;}
.service .service-con .text p{font-size: 12px;line-height: 22px;color: #666;margin-bottom: 10px;}

.service .service-con .text ul{ padding-left:36px}


@media screen and (max-width: 750px) {
	.service .service-menu{padding-bottom: 0;}
	.service .service-menu a{margin-bottom: 10px;}
	.service .service-con .img{width: 100%;margin-bottom: 20px;text-align: center;}
	.service .service-con .img img{width: auto;max-width: 100%;}
	.service .service-con .text{width: 100%;}
	
	.service .service-menu a{float: left;line-height: 31px; font-size:12px; padding: 0 8px;position: relative;border-radius: 8px;margin: 0 8px 12px 0;background:url(/images/p_menu_bg.jpg) center top; color:#fff; border:1px solid #2F84AC}
}



/* Product */
.product .product-con{padding: 20px 0 50px;}
.product .attestation{width: 20%; float:right; background: url(/images/adv.jpg) left top}
.product .attestation .attestation-wp{box-sizing: border-box;padding: 5px 10px 5px 15px;overflow: hidden;}
.product .attestation .attestation-wp h3{ font-size:15px; color:#183883; line-height:35px; height:35px; border-bottom:1px solid #DDDDDD; display: none}
.product .attestation ul{top: 0;left: 0; margin-top:80px;}
.product .attestation ul li{ padding:3px; margin-bottom:14px; white-space:nowrap; color:#FFF; font-size:12px;}
.product .attestation ul li span{color:#444; padding:5px 10px; }


.product .attestation a,
.product .attestation a img{display: block;width: 100%;height: 100%;}
.product .right-con{width: 77.2%; float:left;}
.product .right-con .title{line-height: 38px;margin-bottom: 8px;}
.product .product-list li{float: left;width: 23.5%;margin: 0 2% 24px 0; }
.product .product-list li:nth-child(4n){margin-right: 0;}
.product .product-list li a{display: block;background: #eee;}
.product .product-list li .img{padding:0;overflow: hidden; border:1px solid #95C4F7; border-radius:5px 5px 0 0}
.product .product-list li .img img{width: 100%;transition: 0.4s; max-height:193px}
.product .product-list li .text{padding: 10px 12px 12px;font-size: 12px;line-height: 22px;color: #666; text-align:center}
.product .product-list li .text h4{ font-weight:bold; text-align:center;word-wrap: break-word}

.product .xiangguan .product-list li{float: left;width:18.4%;margin: 0 2% 24px 0; }
.product .xiangguan .product-list li:nth-child(5n){float: left;width:18.4%;margin: 0 0% 24px 0; }

.product .xiangguan .product-list li img{ height:150px; }

.product .product-list li a:hover .img img{transition: 0.4s;transform: scale(1.1);}
.product .product-list li a:hover .text{background: #183883;color: #fff;transition: all 0.4s;}

.pageNum{margin-top: 25px;text-align: center;}
.pageNum>*{display: inline-block;vertical-align: top;}
.pageNum a{line-height: 22px;padding: 0 8px;border: 1px solid #61a6af;color: #666;margin: 0 3px;font-size: 12px;}
.pageNum a:hover{color: #61a6af;transition: 0.4s;}
.pageNum a.on{background: #61a6af;color: #fff;}
.pageNum a.disabled{background: #eee;border-color: #eee;color: #999;}
.pageNum a.disabled:hover{color: #999;}
.pageNum span{line-height: 24px;color: #666;margin: 0 3px;font-size: 12px;}
.pageNum form input{height: 22px;border: 1px solid #61a6af;width: 48px;line-height: 22px;color: #666;text-align: center;margin: 0 3px;font-size: 12px;}
.pageNum form button{height: 24px;line-height: 24px;padding: 0 8px;background: #61a6af;color: #fff;margin: 0 3px;font-size: 12px;}

@media screen and (max-width: 992px) {
	.product .attestation{width: 24%;padding: 32px;}
	.product .attestation a{display: block;margin-bottom: 24px;}
	.product .right-con{width: 72%;}
	.product .right-con ul li{width: 31%;margin: 0 3.5% 24px 0;}
	.product .right-con ul li:nth-child(4n){margin: 0 3.5% 24px 0;}
	.product .right-con ul li:nth-child(3n){margin-right: 0;}

	.pageNum{margin-top: 20px;}
}

@media screen and (max-width: 750px) {
	.product .product-con{padding: 0px 0 20px;}
	.product .attestation{width: 100%;padding: 20px;}
	.product .attestation ul{position: absolute;top: 0;left: 0;height: 100%;}
	.product .attestation ul li{float: left;height: 100%;}
	.product .right-con{width: 100%;padding-top: 20px;}
	.product .right-con ul li{width: 48%;margin: 0 0 20px;}
	.product .right-con ul li:nth-child(4n){width: 48%;margin: 0 0 20px;}
	.product .right-con ul li:nth-child(even){float: right;}

	.pageNum a,.pageNum span,.pageNum form{margin-bottom: 12px;}
	.attestation{ display:none}
	.product .product-list li .text{padding: 5px 12px 5px;font-size: 12px;line-height: 22px;color: #666; text-align:center}
	.product .product-list li .text p{display:none}

	
}


.product-detial .img-tab{width: 43%;}
.product-detial .img-tab .bigImg{position: relative;}
.product-detial .img-tab .bigImg li{width: 100%;height: 100%;position: absolute;top: 0;left: 0;display: none;}
.product-detial .img-tab .bigImg li span{display: table-cell;text-align: center;vertical-align: middle;}
.product-detial .img-tab .bigImg li img{max-width: 100%;max-height: 100%; border-radius:5px}
.product-detial .img-tab .smallImg{margin-top: 10px;}
.product-detial .img-tab .smallImg a{float: left;width: 48px;height: 48px;border: 1px solid #bbb;margin-right: 10px;}
.product-detial .img-tab .smallImg a.on{border-color: #193983;}
.product-detial .img-tab .smallImg a span{display: table-cell;width: 48px;height: 48px;text-align: center;vertical-align: middle;}
.product-detial .img-tab .smallImg a span img{max-width: 100%;max-height: 100%;}
.product-detial .attribute{width: 54%;}
.product-detial .attribute table{border-collapse: collapse;width: 100%;}
.product-detial .attribute table td,
.product-detial .attribute table th{border: 1px solid #d5d5d5;line-height:20px;}
.product-detial .attribute table th H1{color: #183883; font-size:18px; font-weight:bold}

.product-detial .attribute table thead tr{background: #e7e7e7;color: #183883;text-align: center;}
.product-detial .attribute table tbody tr{font-size: 12px;}
.product-detial .attribute table tbody tr:nth-child(even){background: #e7e7e7;}
.product-detial .attribute table tbody tr td{padding: 5px 8px;}
.product-detial .attribute table tbody tr td p{line-height: 20px;}
.product-detial .attribute .btns{margin-top: 15px; float:right}
.product-detial .attribute .btns .Inquiry{width: 100px;height: 30px;background:url(/images/p_menu_bg.jpg) center;color: #fff;text-align: center;line-height: 30px;color: #fff; border-radius:15px;}
.product-detial .attribute .btns .share-btn{margin: 3px 0 0 12px;}
.product-detial .attribute .btns .share-btn a{float: left;width: 26px;margin-left: 4px;}
.product-detial .attribute .btns .share-btn a img{width: 100%;}

.public-tab{margin-top: 28px; clear:both}
.public-tab .tab-menu{margin-bottom: 18px;}
.public-tab .tab-menu a{float: left;min-width: 180px;line-height: 25px;text-align: center;background:#5BAEBA;position: relative;margin-right: 12px; color:#FFF; border-radius:5px}
.public-tab .tab-menu a.on,
.public-tab .tab-menu a:hover{background: #2F84AB;color: #fff;}
.public-tab .tab-menu a.on::after,
.public-tab .tab-menu a:hover::after{}
.public-tab table{border-collapse: collapse;width: 100%;}
.public-tab table td{padding:5px 10px;border: 1px solid #ccc;font-size: 12px;}
.public-tab table td strong,.public-tab table td p{line-height: 20px;}
.public-tab table td img{max-width: 100%;}
.public-tab .form{margin-top: 20px;background: #eee;; font-size:12px}
.public-tab .form .form-title{line-height: 35px;border-bottom: 2px solid #fff;padding: 0 20px; font-size:14px}
.public-tab .form .form-con{padding: 20px;}
.public-tab .form .form-group{float: left;padding-left: 0px;position: relative;margin: 0 12px 15px 0;}
.public-tab .form .form-group span{display: block;width: 70px;line-height: 24px;position: absolute;top: 0;left: 0;text-align: center;white-space: nowrap;font-size:12px}
.public-tab .form .form-group input{display: block;width: 191px;height: 22px;line-height: 22px;background: #fff;border: 1px solid #ddd;padding: 3px 8px;color: #666;}
.public-tab .form .textarea{padding-left: 0px;position: relative;}
.public-tab .form .textarea span{display: block;width: 70px;line-height: 40px;position: absolute;top: 0;left: 0;text-align: center;white-space: nowrap;}
.public-tab .form .textarea textarea{display: block;width: 100%;box-sizing: border-box;border: 1px solid #ddd;resize: none;height: 120px;padding: 10px 15px;line-height: 20px;color: #666;}
.public-tab .form .btns{margin-top: 15px;padding-left: 0px;}
.public-tab .form .btns button{float: left;width: 65px;height: 24px;border-radius: 2px;text-align: center;line-height: 24px;color: #fff;margin-right: 12px;cursor: pointer;}
.public-tab .form .btns button.submit{background: #666; margin-left:20px}
.public-tab .form .btns button.reset{background: #999;}
.public-tab .form .btns .ver-img{float: left;}
.public-tab .form .btns .ver-img input{width: 80px;height: 22px;border: 1px solid #ddd;padding: 0 4px;background: #fff;line-height: 22px;color: #666;text-align: center;}
.public-tab .form .btns .ver-img img{width: 68px;height: 24px;}
.public-tab .tab-con{display: none;}
.public-tab .tab-con .PictureIntro{}

.public-tab .tab-con .FAQ{ border:#CCCCCC 1PX solid; padding:20PX;}
.public-tab .tab-con .Application{ border:#CCCCCC 1PX solid; padding:20PX;}
.public-tab .tab-con .Package{ display:block; padding-top:10PX;}
.public-tab .tab-con .Package img{ height:157px !important}

@media screen and (max-width: 750px) {
	.product-detial .img-tab{width: 100%;margin-bottom: 24px;}
	.product-detial .attribute{width: 100%;}
	

	.public-tab{margin-top: 28px;}
	.public-tab .tab-menu{margin-bottom: 18px;}
	.public-tab .tab-menu a{min-width: 33%;width: 33%;margin-right: 0;font-size: 12px;}
	.public-tab .form .form-title{padding: 0 15px;}
	.public-tab .form .form-con{padding: 15px;}
	.public-tab .form .form-group{margin: 0 0 15px 0;width: 100%;box-sizing: border-box;}
	.public-tab .form .form-group span{width: 60px;font-size: 12px;text-align: right;}
	.public-tab .form .form-group input{width: 100%;font-size: 12px;box-sizing: border-box;}
	.public-tab .form .textarea{position: relative;}
	.public-tab .form .textarea span{width: 60px;text-align: right;font-size: 12px;}
	.public-tab .form .textarea textarea{font-size: 12px;}
	.public-tab .form .btns{margin-top: 30px;padding-left: 0px; text-align:left; float:left; }
	.public-tab .form .btns button{float: left;width: 60px;margin-right: 0;font-size: 12px;margin-left: 10px;}
	.public-tab .form .btns .ver-img{float: right;}
	.public-tab .form .btns .ver-img input{width: 60px;}
	
	.product-detial .attribute table tbody tr td p img{ width:100%}
	
	.public-tab table td img{max-width: 100%; max-height:50px !important}
	.public-tab table td span{ font-size:12px !important}
	
	.product .xiangguan .product-list li{float: left;width:47.5%;margin: 0 2% 12px 0; }
	.product .xiangguan .product-list li:nth-child(2n){float: left;width:47.5%;margin: 0 0 12px 2% !important; }
	.product .xiangguan .product-list li:nth-child(4n){float: left;width:47.5%;margin: 0 0 12px 4% !important; }
	.product .xiangguan .product-list li:nth-child(5n){float: left;width:47.5%;margin: 0 2% 12px 0; display:none }
	.product .xiangguan .product-list li img{ height:140px; }


	
}


/* Join us */
.joinus{padding-bottom: 32px;}
.joinus .join-table{border-collapse: collapse;width: 100%;color: #666;}
.joinus .join-table td,th{border: 1px solid #d5d5d5;padding: 16px;text-align: center;}
.joinus .join-table thead{background: #e0e0e0;}
.joinus .join-table tbody tr:nth-child(even){background: #f3f3f3;}
.joinus .join-table tbody td{font-size: 12px;word-wrap: break-word;}
.joinus .join-table tbody td:last-child{text-align: left;}
.joinus .join-table tbody td a{line-height: 24px;}
.joinus .join-table tbody td a.underline{text-decoration: underline;}
.joinus .join-table tbody td p{line-height: 24px;position: relative;padding-left: 15px;}
.joinus .join-table tbody td p::before{display: block;content: "";width: 4px;height: 4px;background: #666;position: absolute;left: 0;top: 50%;margin-top: -2px;}


@media screen and (max-width: 992px) {
	.joinus .join-table tbody td p{width: 360px;}
}

@media screen and (max-width: 750px) {
	.joinus .join-table tr th:last-child,
	.joinus .join-table tr td:last-child{display: none;}
	
	
	.joinus{padding-bottom: 32px;}
.joinus .join-table{border-collapse: collapse;width: 100%;color: #666;}
.joinus .join-table td,th{border: 1px solid #d5d5d5;padding: 10px;text-align: center; font-size:12px; font-weight:500}
.joinus .join-table thead{background: #e0e0e0;}
.joinus .join-table tbody tr:nth-child(even){background: #f3f3f3;}
.joinus .join-table tbody td{font-size: 12px;word-wrap: break-word;}
.joinus .join-table tbody td:last-child{text-align: left;}
.joinus .join-table tbody td a{line-height: 20px;}
.joinus .join-table tbody td a.underline{text-decoration: underline;}
.joinus .join-table tbody td p{line-height: 20px;position: relative;padding-left: 15px;}
.joinus .join-table tbody td p::before{display: block;content: "";width: 4px;height: 4px;background: #666;position: absolute;left: 0;top: 50%;margin-top: -2px;}

	
	
}


/* Contact */
.contact .contact-sec1 .text,
.contact .contact-sec1 .img,
.contact .contact-sec1 .map{width: 50%;height: 330px;}
.contact .contact-sec1 .img img{width: 100%;height: 100%;}
.contact .contact-sec1 .text{background: #183884;color: #fff;box-sizing: border-box;padding: 30px 20px;}
.contact .contact-sec1 .text p{font-size: 12px;line-height: 28px;color: #c0c9de;}
.contact .contact-sec1 .address h3{line-height: 1.5;margin-bottom: 12px;}
.contact .contact-sec1 .address ul li{padding-left: 30px;line-height: 24px;font-size: 12px;color: #c0c9de;margin-bottom: 10px;position: relative;}
.contact .contact-sec1 .address ul li::before{display: block;content: "";width: 24px;height: 24px;position: absolute;top: 0;left: 0;}
.contact .contact-sec1 .address ul li.icon1::before{background: url('../images/icon7.png') no-repeat;background-size: 100% 100%;}
.contact .contact-sec1 .address ul li.icon2::before{background: url('../images/icon8.png') no-repeat;background-size: 100% 100%;}
.contact .contact-sec1 .address ul li.icon3::before{background: url('../images/icon9.png') no-repeat;background-size: 100% 100%;}
.contact .contact-sec1 .address ul li.icon4::before{background: url('../images/icon10.png') no-repeat;background-size: 100% 100%;}
.contact .contact-sec1 .address ul li.icon5::before{background: url('../images/icon11.png') no-repeat;background-size: 100% 100%;}
.contact .contact-sec1 .address  ul li.icon4 a{color: #fff; font-size:12px}
.contact .contact-sec1 .map{background: #ddd;}

.contact .contact-sec2{margin: 20px 0;}

.contact .contact-sec2-left{float: left;width: 49%;margin-right: 2%;}

.contact .contact-sec2-left .info-item{}
.contact .contact-sec2-left .info-item:last-child{margin-right: 0;}
.contact .contact-sec2-left .info-item:nth-child(1) .info-box{background: #ddd;}
.contact .contact-sec2-left .info-item:nth-child(2) .info-box{background: #e8eeed;}
.contact .contact-sec2-left .info-item:nth-child(3) .info-box{background: #e4e8eb;}
.contact .contact-sec2-left .info-item h3{line-height: 36px;font-size: 12px;font-weight: bold;}
.contact .contact-sec2-left .info-item .info-box{padding: 20px 16px;}
.contact .contact-sec2-left .info-item .info-box p{font-size: 12px;line-height: 24px;position: relative;padding-left: 12px;}
.contact .contact-sec2-left .info-item .info-box p::before{display: block;content: "";width: 3px;height: 3px;background: #333;position: absolute;top: 10px;left: 0;}

.contact .contact-sec2-right{float: left;width: 49%;}
.contact .contact-sec2-right h4{line-height: 36px;font-size: 14px;font-weight: bold;}
.contact .contact-sec2-right input{ background:#eee; border:none; width:98%; height:32px; line-height:32px; padding-left:2%; margin-bottom:2%; font-size:12px}
.contact .contact-sec2-right textarea{ background:#eee; border:none; width:98%; height:250px;  padding-left:2%; margin-bottom:2%; font-size:12px}
.contact .contact-sec2-right button{background:#183884; border:none; width:80px; height:30px;line-height:30px; color:#FFF; font-size:12px}
									

@media screen and (max-width: 992px) {
	.contact .contact-sec1 .text,
	.contact .contact-sec1 .img,
	.contact .contact-sec1 .map{height: 272px;}
	.contact .contact-sec1 .text{padding: 20px 16px;}
	.contact .contact-sec1 .text p{font-size: 12px;line-height: 22px;}
	.contact .contact-sec1 .address h3{margin-bottom: 8px;}
	.contact .contact-sec1 .address ul li{padding-left: 26px;line-height: 20px;margin-bottom: 5px;}
	.contact .contact-sec1 .address ul li::before{width: 20px;height: 20px;}
	
	
	
}

@media screen and (max-width: 750px) {
	.contact .contact-sec1 .text,
	.contact .contact-sec1 .img{width: 100%;height: auto;}
	.contact .contact-sec1 .map{width: 100%;height: 240px;}
	.contact .contact-sec2 .info-item{width: 100%;margin-bottom: 16px;}
	.contact .contact-sec2-left{float: left;width: 98%;margin-right: 2%;}
	.contact .contact-sec2-right{float: left;width: 98%;margin-right: 2%;}


}



/* news */
.news{padding-bottom: 36px;}
.news .news-menu{margin-bottom: 6px;padding-bottom: 13px;border-bottom: 1px solid #ddd;}
.news .news-menu a{float: left;line-height: 31px;padding: 0 12px;position: relative;border-radius: 8px;margin: 0 12px 0 0;background:url(/images/p_menu_bg.jpg) center top; color:#fff; border:1px solid #2F84AC}
.news .news-menu a:hover,
.news .news-menu a.on,.news .news-menu a.currclass{color:#FF0;transition: all 0.4s; text-decoration:none;}

.news .news-list{ margin-top:20px}
.news .news-list li{ height:135px; margin-bottom:20px; clear:both}
.news .news-list li img{float:left; width:20%; height:135px;border-radius:5px;}

.news .news-list li div{background:#ddeef1;float:left; width:73%; padding:0 2%; margin-left:2%; height:135px;}
.news .news-list li:nth-child(2n) div{background:#ddece1;float:left; width:73%; padding:0 2%; margin-left:2%; height:135px;}

.news .news-list li div h3{white-space:nowrap; padding-top:10px; height:30px; line-height:30px;}
.news .news-list li div h3 a{color:#333; font-size:14px;white-space:nowrap; font-weight:bold !important}

.news .news-list li div h4{color:#999; font-size:12px;white-space:nowrap; height:25px; line-height:25px;}
.news .news-list li div h5{color:#666; font-size:12px;white-space:normal; height:25px; line-height:25px;word-break:break-all}




/* news-detial */
.news-detial{padding: 30px 0;}
.news-detial .h2{font-size: 18px;line-height: 1.5;margin-bottom: 12px;color: #666;text-align: center;}
.news-detial .infos{text-align: center;padding-bottom: 14px;margin-bottom: 20px;border-bottom: 1px solid #f5f5f5;color: #999;font-size: 12px;}
.news-detial .infos span{margin: 0 5px;}
.news-detial .abstract{background: #f5f5f5;padding: 12px 22px;color: #999;font-size: 12px;line-height: 22px;margin-bottom: 20px;}
.news-detial h4{font-weight: bold;line-height: 1.5;margin-bottom: 10px;}
.news-detial p{line-height: 22px;}



/* history */
.history{padding-bottom: 40px;}
.history .history-menu{height: 62px;position: relative;overflow: hidden;margin: 80px 0 50px;}
.history .history-menu .line{position: absolute;width: 80%;height: 7px;background: #eceef0;border-top: 1px solid #dadcdf;position: absolute;left: 10%;top: 8px;border-radius: 4px;z-index: 1;}
.history .history-menu ul{position: absolute;top: 0;left: 0;height: 32px;z-index: 3;}
.history .history-menu ul li{float: left;text-align: center;cursor: pointer;}
.history .history-menu ul li span{display: block;width: 24px;height: 32px;margin: 0 auto;background: url('../images/dot.png');}
.history .history-menu ul li p{line-height: 20px;margin-top: 10px;color: #444;}
.history .history-menu ul li.active span{background: url('../images/site.png');}
.history .history-menu .left-btn,
.history .history-menu .right-btn{display: block;width: 24px;height: 24px;background: #1e88e5;border-radius: 100%;text-align: center;line-height: 24px;color: #fff;font-family: "宋体";position: absolute;top: 0;font-weight: bold;z-index: 7;}
.history .history-menu .left-btn{left: 0;}
.history .history-menu .right-btn{right: 0;}
.history .history-menu .btn-disabled{background: #d6d9dc;}
.history .history-con{display: none;}
.history .history-con .tit{position: relative;text-align: center;padding-bottom: 16px;margin-bottom: 20px;}
.history .history-con .tit::after{display: block;content: "";width: 20px;height: 2px;background: #1e88e5;position: absolute;bottom: 0;left: 50%;margin-left: -10px;}
.history-con .tit span{display: inline-block;vertical-align: top;line-height: 19px;padding: 0 20px;position: relative;}
.history-con .tit span::before,
.history-con .tit span::after{display: inline-block;vertical-align: top;content: "";width: 71px;height: 19px;position: absolute;top: 0;}
.history-con .tit span::before{background: url('../images/tit-left.png') no-repeat left center;left: -71px;}
.history-con .tit span::after{background: url('../images/tit-right.png') no-repeat right center;right: -71px;}
.history-con .con p{text-align: center;font-size: 14px;color: #666;line-height: 22px;}

@media screen and (max-width: 750px) {
	.history .history-menu ul li p{font-size: 12px;}
	
	.news .news-list{ margin-top:20px}
.news .news-list li{ min-height:185px; margin-bottom:20px; clear:both}
.news .news-list li img{float:left; width:0%; min-height:185px;border-radius:5px; display:none}

.news .news-list li div{background:#ddeef1;float:left; width:93%; padding:0 2%; margin-left:2%; min-height:185px;}
.news .news-list li:nth-child(2n) div{background:#ddece1;float:left; width:93%; padding:0 2%; margin-left:2%; min-height:185px;}

.news .news-list li div h3{ padding-top:10px; padding-bottom:10px; max-height:40px; line-height:20px;}
.news .news-list li div h3 a{color:#333; font-size:14px;font-weight:500 !important;white-space:normal;word-break:break-all;s}

.news .news-list li div h4{color:#999; font-size:12px;white-space:nowrap; height:25px; line-height:25px;}
.news .news-list li div h5{color:#666; font-size:12px;white-space:normal; height:25px; line-height:25px;word-break:break-all}

.news .news-menu{margin-bottom: 6px;padding-bottom: 13px;border-bottom: 1px solid #ddd;}
.news .news-menu a{ font-size:12px;float: left;line-height: 31px;padding: 0 6px;position: relative;border-radius: 8px;margin: 0 6px 0 0;background:url(/images/p_menu_bg.jpg) center top; color:#fff; border:1px solid #2F84AC}




}


.main{
	width: 95%;
	margin: 20px auto;
}

.time-axis{
	margin: 0;
	padding: 0;
	position: relative;
}

.time-axis:before{
	content: '';
	position: absolute;
	left: 93px;
	top: 0px;
	width: 1px;
	height: 100%;
	background-color: #E4E4E4;
}
.time-axis-item{
	list-style: none;
	padding-left: 120px;
	position: relative;
	line-height: 25px;
	min-height:45px;
	font-size: 12px; 
	color: #141414;
}
.time-axis-item:nth-child(2n){
	list-style: none;
	padding-left: 120px;
	position: relative;
	line-height: 25px;
	min-height:45px;
	font-size: 12px; 
	color: #888;
}



.time-axis-achievement{
	margin: 0;
}
.time-axis-date{
	position: absolute;
	left: 0;
	top: 0;
	color: #666; font-size:12px; font-family:Arial
}

.time-axis-date span{
	position: absolute;
	left: 85px;
	top: 24%;
	display: block;
	width: 13px;
	height: 13px;
	border: 1px solid #48BFB3;
	border-radius: 100%;
	background-color: #fff;
}
.time-axis-date span:after{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 7px;
	height: 7px;
	margin: auto;
	background-color: #48BFB3;
	border: 1px solid #48BFB3;
	border-radius: 100%;
}




.time-axis-item:nth-child(2n) .time-axis-date span{
	border-color: #228f65;
}

.time-axis-item:nth-child(2n) .time-axis-date span:after{
	background-color: #228f65;
	border-color: #228f65;
}
.imglist img{ border:1px solid #BEBEBE; width:400px; height:360px}
.imgtitle{ display:none}

.PrevUrl a,.NextUrl a,.PrevUrl,.NextUrl{font-size:12px; text-decoration:underline}
.PrevUrl,.NextUrl{ padding-top:5px}
.banner_wap{ display:none}
@media screen and (max-width: 750px) {
	.imglist img{ border:1px solid #BEBEBE; width:99%}
	.banner_wap{ display:block; margin-top:50px}
	.banner_pc{ display:none}
	.index-item1 ul li.first_banner{display:block}

}

.Pesticide a{ margin: 0 6px; padding: 0 12px;line-height: 31px;border:none;color: #396C0C; font-size:14px; text-align:center;}