
@media (min-width:1441px){
.banner{position:relative;background:#333;}
	.banner a{display:block;}
	.banner figure{overflow:hidden;position:relative;}
	.banner img{position:absolute;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);}
	.banner figure{height:720px;}
	.banner img{height:720px;}
	.banner .iconfont{display:none;font-size:60px;}
		.banner .swiper-button-prev{left:5%;}
		.banner .swiper-button-next{right:5%;}
		.banner .swiper-pagination{text-align:center;}
		.banner .swiper-pagination span{width:30px;}

.title{margin-bottom:60px;overflow:hidden;text-align:center;}
	.title h4{position:relative;display:inline-block;font-size:24px;line-height:30px;font-weight:normal;padding:10px 60px;max-width:100%;color:#1561b6;background:#fff;border:solid 1px #1561b6;box-sizing:border-box;margin-bottom:20px;}
	.title h4:before{content:"";position:absolute;bottom:-23.5px;left:50%;margin-left:-15px;border:12px solid transparent;border-top:12px solid #fff;z-index:2;}
	.title h4:after{content: "";position:absolute;bottom:-28px;left:50%;margin-left:-17px;border:14px solid transparent;border-top:14px solid #1561b6;z-index:1;}
	.title h2{font-size:36px;line-height:40px;position:relative;font-weight:normal;background-image:linear-gradient(0deg,transparent 0,transparent 18px,#1561b6 18px,#1561b6 20px,transparent 20px,transparent 40px);}
		.title h2 span{background:#fff;position:relative;display:inline-block;padding:0 30px;color:#1561b6;}
		.title h2 span:before{content:'';display:none;position:absolute;top:50%;left:100%;margin-left:30px;width:50px;height:1px;background:#999;}
		.title h2 span:after{content:'';display:none;position:absolute;top:50%;right:100%;margin-right:30px;width:50px;height:1px;background:#999;}
	.title h3{opacity:0.8;font-size:13px;text-transform:uppercase;font-weight:normal;}
		.title h3 span{position:relative;display:inline-block;}
		.title h3 span:before{content:'';display:none;position:absolute;top:50%;left:100%;margin-left:30px;width:50px;height:1px;background:#999;}
		.title h3 span:after{content:'';display:none;position:absolute;top:50%;right:100%;margin-right:30px;width:50px;height:1px;background:#999;}
	.title p{opacity:0.6;font-size:18px;text-transform:uppercase;font-weight:normal;margin-top:10px;}

.product{margin-top:80px;}
	.productclass{margin-bottom:40px;}
		.productclass ul{text-align:center;}
		.productclass li{margin:0 3px;display:inline-block;}
		.productclass li a{display:block;font-size:17px;font-weight:bold;line-height:40px;background:#fff;padding:0 10px;background:#cdeadb;}
		.productclass li a:hover,.productclass li a.on{}
	.productlist{}
	_:-ms-fullscreen, :root .productlist{height:516px;}
		.productlist ul{margin:0 -1%;}
		.productlist li{float:left;width:23%;margin:0 1% 20px;}
		.productlist li a{display:block;}
		.productlist li figure{overflow:hidden;position:relative;}
		.productlist li figcaption{position: absolute;left:0;top:0;right:0;bottom:0;opacity:0;transition:all 0.3s ease-out 0s;background:rgba(2,183,98,0.5);}
		.productlist li figcaption i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:30px;line-height:30px;}
		.productlist li figure img{width:100%;}
		.productlist li h3{position:relative;background:#fff;line-height:50px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-align:center;font-size:15px;}
		.productlist li a:hover figure img{transform:scale3d(1.05, 1.05, 1);}
		.productlist li a:hover figcaption{opacity:1;}
	.productmore{text-align:center;}
		.productmore a{margin-top:30px;display:inline-block;line-height:40px;padding:0 30px;border-radius:40px;background:#eee;}

.delive{margin-top:80px;}
	.delivecover{flex:0 0 48%;}
		.delivecover img{height:360px;}
	.deliveinfo{flex:0 0 48%;}
		.deliveinfo section{font-size:18px;line-height:36px;margin-bottom:40px;}
		.deliveinfo figure{}
		.deliveinfo figure img{height:150px;}

.advan{margin-top:80px;}
	.advanlist{background:#EFF1F5;position:relative;}
	.advanlist .iconfont{display:block;font-size:30px;line-height:30px;padding:10px;}
	.advanlist .swiper-button-prev{right:50px;bottom:0;top:auto;transform:translateY(0);background:#006a46;color:#fff;}
	.advanlist .swiper-button-next{right:0;bottom:0;top:auto;transform:translateY(0);background:#006a46;color:#fff;}
	.advanlist figure{float:left;width:400px;overflow:hidden;}
	.advanlist figure img{width:400px;height:400px;}
	.advanlist section{float:right;width:800px;box-sizing:border-box;padding:50px 100px;position:relative;}
	.advanlist section em{position:absolute;top:0;right:40px;}
	.advanlist section em img{height:120px;}
	.advanlist section dl{}
	.advanlist section dt{font-size:18px;line-height:40px;position:relative;}
	.advanlist section dd{line-height:30px;}
	.advanlist section dd:not(:last-child){margin-bottom:30px;}
	.advanlist section dd span{display:inline-block;margin-right:20px;background:url(../img/ys_a2.jpg) no-repeat 0 center;padding-left:15px;color:#999;}

.about{margin-top:80px;}
	.about .wrow{position:relative;z-index:1;}
	.aboutinfo{}
	_:-ms-fullscreen, :root .aboutinfo{height:372px;}
		.aboutinfo section{float:left;width:46%;}
		.aboutinfo dl{margin-bottom:30px;}
		.aboutinfo dt{font-size:24px;line-height:30px;margin-bottom:30px;}
		.aboutinfo dd{line-height:30px;font-size:15px;}
		.aboutinfo a{display:block;width:120px;text-align:center;background:#006a46;color:#fff;border-radius:5px;font-size:12px;line-height:30px;text-transform:uppercase;}
		.aboutinfo figure{float:right;width:46%;}
		.aboutinfo figure img{width:100%;}

.flow{margin-top:80px;}
	.flowlist{position:relative;}
		.flowlist .swiper-container .swiper-wrapper{
		-webkit-transition-timing-function: linear; /*之前是ease-out*/
		-moz-transition-timing-function: linear;
		-ms-transition-timing-function: linear;
		-o-transition-timing-function: linear;
		transition-timing-function: linear;
		}
		.flowlist .iconfont{display:none;font-size:60px;}
		.flowlist .swiper-button-prev{left:-60px;}
		.flowlist .swiper-button-next{right:-60px;}
		.flowlist figure{}
		.flowlist figure img{width:100%;}
		.flowlist section{box-sizing:border-box;padding:20px;background:#eee;}
		.flowlist dl{transition:all 0.3s ease-out 0s;}
		.flowlist dt{font-size:16px;line-height:30px;font-weight:bold;position:relative;color:#006a46;}
		.flowlist dd{font-size:13px;opacity:0.7;height:80px;}
		.flowlist section:hover{background:#006a46;color:#fff;}
		.flowlist section:hover dt{color:#fff;}

.news{margin:80px 0;}
		.newslist{}
			.newslist ul{margin:0 -1%;}
			.newslist li{float:left;width:31.33%;margin:0 1% 20px;}
			.newslist li a{display:block;}
			.newslist li a figure{overflow:hidden;}
			.newslist li a img{width:100%;}
			.newslist li a section{}
				.newslist li a time{display:block;background:#eee;text-align:center;padding:15px;float:left;margin-right:20px;color:#666;transition:all 0.3s ease-out 0s;}
					.newslist li a time strong{display:block;font-size:20px;line-height:30px;font-weight:normal;}
					.newslist li a time em{display:block;font-size:12px;}
				.newslist li a dl{position:relative;padding:5px 0;}
					.newslist li a dt{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;line-height:30px;}
					.newslist li a dd{color:#999;font-size:12px;height:40px;overflow:hidden;}
			.newslist a:hover time{background:#006a46;color:#fff;}

.flink{padding:10px 0;background:#f9f9f9;font-size:12px;}
}
@media (min-width:1025px) and (max-width:1440px){
.banner{position:relative;background:#333;}
	.banner a{display:block;}
	.banner figure{overflow:hidden;position:relative;}
	.banner img{position:absolute;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);}
	.banner figure{height:480px;}
	.banner img{height:480px;}
	.banner .iconfont{display:none;font-size:60px;}
		.banner .swiper-button-prev{left:5%;}
		.banner .swiper-button-next{right:5%;}
		.banner .swiper-pagination{text-align:center;}
		.banner .swiper-pagination span{width:30px;}

.title{margin-bottom:60px;overflow:hidden;text-align:center;}
	.title h4{position:relative;display:inline-block;font-size:24px;line-height:30px;font-weight:normal;padding:10px 60px;max-width:100%;color:#1561b6;background:#fff;border:solid 1px #1561b6;box-sizing:border-box;margin-bottom:20px;}
	.title h4:before{content:"";position:absolute;bottom:-23.5px;left:50%;margin-left:-15px;border:12px solid transparent;border-top:12px solid #fff;z-index:2;}
	.title h4:after{content: "";position:absolute;bottom:-28px;left:50%;margin-left:-17px;border:14px solid transparent;border-top:14px solid #1561b6;z-index:1;}
	.title h2{font-size:36px;line-height:40px;position:relative;font-weight:normal;background-image:linear-gradient(0deg,transparent 0,transparent 18px,#1561b6 18px,#1561b6 20px,transparent 20px,transparent 40px);}
		.title h2 span{background:#fff;position:relative;display:inline-block;padding:0 30px;color:#1561b6;}
		.title h2 span:before{content:'';display:none;position:absolute;top:50%;left:100%;margin-left:30px;width:50px;height:1px;background:#999;}
		.title h2 span:after{content:'';display:none;position:absolute;top:50%;right:100%;margin-right:30px;width:50px;height:1px;background:#999;}
	.title h3{opacity:0.8;font-size:13px;text-transform:uppercase;font-weight:normal;}
		.title h3 span{position:relative;display:inline-block;}
		.title h3 span:before{content:'';display:none;position:absolute;top:50%;left:100%;margin-left:30px;width:50px;height:1px;background:#999;}
		.title h3 span:after{content:'';display:none;position:absolute;top:50%;right:100%;margin-right:30px;width:50px;height:1px;background:#999;}
	.title p{opacity:0.6;font-size:18px;text-transform:uppercase;font-weight:normal;margin-top:10px;}

.product{margin-top:80px;}
	.productclass{margin-bottom:40px;}
		.productclass ul{text-align:center;}
		.productclass li{margin:0 3px;display:inline-block;}
		.productclass li a{display:block;font-size:17px;font-weight:bold;line-height:40px;background:#fff;padding:0 10px;background:#cdeadb;}
		.productclass li a:hover,.productclass li a.on{}
	.productlist{}
		.productlist ul{margin:0 -1%;}
		.productlist li{float:left;width:23%;margin:0 1% 20px;}
		.productlist li a{display:block;}
		.productlist li figure{overflow:hidden;position:relative;}
		.productlist li figcaption{position: absolute;left:0;top:0;right:0;bottom:0;opacity:0;transition:all 0.3s ease-out 0s;background:rgba(2,183,98,0.5);}
		.productlist li figcaption i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:30px;line-height:30px;}
		.productlist li figure img{width:100%;}
		.productlist li h3{position:relative;background:#fff;line-height:50px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-align:center;font-size:15px;}
		.productlist li a:hover figure img{transform:scale3d(1.05, 1.05, 1);}
		.productlist li a:hover figcaption{opacity:1;}
	.productmore{text-align:center;}
		.productmore a{margin-top:30px;display:inline-block;line-height:40px;padding:0 30px;border-radius:40px;background:#eee;}

.delive{margin-top:80px;}
	.delivecover{flex:0 0 48%;}
		.delivecover img{height:360px;}
	.deliveinfo{flex:0 0 48%;}
		.deliveinfo section{font-size:18px;line-height:36px;margin-bottom:40px;}
		.deliveinfo figure{}
		.deliveinfo figure img{height:150px;}

.advan{margin-top:80px;}
	.advanlist{background:#EFF1F5;position:relative;}
	.advanlist .iconfont{display:block;font-size:30px;line-height:30px;padding:10px;}
	.advanlist .swiper-button-prev{right:50px;bottom:0;top:auto;transform:translateY(0);background:#006a46;color:#fff;}
	.advanlist .swiper-button-next{right:0;bottom:0;top:auto;transform:translateY(0);background:#006a46;color:#fff;}
	.advanlist figure{float:left;width:400px;overflow:hidden;}
	.advanlist figure img{width:400px;height:400px;}
	.advanlist section{float:right;width:800px;box-sizing:border-box;padding:50px 100px;position:relative;}
	.advanlist section em{position:absolute;top:0;right:40px;}
	.advanlist section em img{height:120px;}
	.advanlist section dl{}
	.advanlist section dt{font-size:18px;line-height:40px;position:relative;}
	.advanlist section dd{line-height:30px;}
	.advanlist section dd:not(:last-child){margin-bottom:30px;}
	.advanlist section dd span{display:inline-block;margin-right:20px;background:url(../img/ys_a2.jpg) no-repeat 0 center;padding-left:15px;color:#999;}

.about{margin-top:80px;}
	.about .wrow{position:relative;z-index:1;}
	.aboutinfo{}
		.aboutinfo section{float:left;width:46%;}
		.aboutinfo dl{margin-bottom:30px;}
		.aboutinfo dt{font-size:24px;line-height:30px;margin-bottom:30px;}
		.aboutinfo dd{line-height:30px;font-size:15px;}
		.aboutinfo a{display:block;width:120px;text-align:center;background:#006a46;color:#fff;border-radius:5px;font-size:12px;line-height:30px;text-transform:uppercase;}
		.aboutinfo figure{float:right;width:46%;}
		.aboutinfo figure img{width:100%;}

.flow{margin-top:80px;}
	.flowlist{position:relative;}
		.flowlist .iconfont{display:none;font-size:60px;}
		.flowlist .swiper-button-prev{left:-60px;}
		.flowlist .swiper-button-next{right:-60px;}
		.flowlist figure{}
		.flowlist figure img{width:100%;}
		.flowlist section{box-sizing:border-box;padding:20px;background:#eee;}
		.flowlist dl{transition:all 0.3s ease-out 0s;}
		.flowlist dt{font-size:16px;line-height:30px;font-weight:bold;position:relative;color:#006a46;}
		.flowlist dd{font-size:13px;opacity:0.7;height:80px;}
		.flowlist section:hover{background:#006a46;color:#fff;}
		.flowlist section:hover dt{color:#fff;}

.news{margin:80px 0;}
		.newslist{}
			.newslist ul{margin:0 -1%;}
			.newslist li{float:left;width:31.33%;margin:0 1% 20px;}
			.newslist li a{display:block;}
			.newslist li a figure{overflow:hidden;}
			.newslist li a img{width:100%;}
			.newslist li a section{}
				.newslist li a time{display:block;background:#eee;text-align:center;padding:15px;float:left;margin-right:20px;color:#666;transition:all 0.3s ease-out 0s;}
					.newslist li a time strong{display:block;font-size:20px;line-height:30px;font-weight:normal;}
					.newslist li a time em{display:block;font-size:12px;}
				.newslist li a dl{position:relative;padding:5px 0;}
					.newslist li a dt{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;line-height:30px;}
					.newslist li a dd{color:#999;font-size:12px;height:40px;overflow:hidden;}
			.newslist a:hover time{background:#006a46;color:#fff;}

.flink{padding:10px 0;background:#f9f9f9;font-size:12px;}
}
@media (min-width:768px) and (max-width:1024px){
.banner{position:relative;background:#333;}
	.banner a{display:block;}
	.banner figure{overflow:hidden;position:relative;}
	.banner img{position:absolute;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);}
	.banner figure{height:400px;}
	.banner img{height:400px;}
	.banner .iconfont{display:none;font-size:60px;}
		.banner .swiper-button-prev{left:5%;}
		.banner .swiper-button-next{right:5%;}
		.banner .swiper-pagination{text-align:center;}
		.banner .swiper-pagination span{width:30px;}

.title{margin-bottom:60px;overflow:hidden;text-align:center;}
	.title h4{position:relative;display:inline-block;font-size:24px;line-height:30px;font-weight:normal;padding:10px 60px;max-width:100%;color:#1561b6;background:#fff;border:solid 1px #1561b6;box-sizing:border-box;margin-bottom:20px;}
	.title h4:before{content:"";position:absolute;bottom:-23.5px;left:50%;margin-left:-15px;border:12px solid transparent;border-top:12px solid #fff;z-index:2;}
	.title h4:after{content: "";position:absolute;bottom:-28px;left:50%;margin-left:-17px;border:14px solid transparent;border-top:14px solid #1561b6;z-index:1;}
	.title h2{font-size:36px;line-height:40px;position:relative;font-weight:normal;background-image:linear-gradient(0deg,transparent 0,transparent 18px,#1561b6 18px,#1561b6 20px,transparent 20px,transparent 40px);}
		.title h2 span{background:#fff;position:relative;display:inline-block;padding:0 30px;color:#1561b6;}
		.title h2 span:before{content:'';display:none;position:absolute;top:50%;left:100%;margin-left:30px;width:50px;height:1px;background:#999;}
		.title h2 span:after{content:'';display:none;position:absolute;top:50%;right:100%;margin-right:30px;width:50px;height:1px;background:#999;}
	.title h3{opacity:0.8;font-size:13px;text-transform:uppercase;font-weight:normal;}
		.title h3 span{position:relative;display:inline-block;}
		.title h3 span:before{content:'';display:none;position:absolute;top:50%;left:100%;margin-left:30px;width:50px;height:1px;background:#999;}
		.title h3 span:after{content:'';display:none;position:absolute;top:50%;right:100%;margin-right:30px;width:50px;height:1px;background:#999;}
	.title p{opacity:0.6;font-size:18px;text-transform:uppercase;font-weight:normal;margin-top:10px;}

.product{margin-top:80px;}
	.productclass{margin-bottom:40px;}
		.productclass ul{text-align:center;}
		.productclass li{margin:0 3px;display:inline-block;}
		.productclass li a{display:block;font-size:17px;font-weight:bold;line-height:40px;background:#fff;padding:0 10px;background:#cdeadb;}
		.productclass li a:hover,.productclass li a.on{}
	.productlist{}
		.productlist ul{margin:0 -1%;}
		.productlist li{float:left;width:23%;margin:0 1% 20px;}
		.productlist li a{display:block;}
		.productlist li figure{overflow:hidden;position:relative;}
		.productlist li figcaption{position: absolute;left:0;top:0;right:0;bottom:0;opacity:0;transition:all 0.3s ease-out 0s;background:rgba(2,183,98,0.5);}
		.productlist li figcaption i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:30px;line-height:30px;}
		.productlist li figure img{width:100%;}
		.productlist li h3{position:relative;background:#fff;line-height:50px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-align:center;font-size:15px;}
		.productlist li a:hover figure img{transform:scale3d(1.05, 1.05, 1);}
		.productlist li a:hover figcaption{opacity:1;}
	.productmore{text-align:center;}
		.productmore a{margin-top:30px;display:inline-block;line-height:40px;padding:0 30px;border-radius:40px;background:#eee;}

.delive{margin-top:80px;}
	.delivecover{flex:0 0 48%;}
		.delivecover img{height:360px;}
	.deliveinfo{flex:0 0 48%;}
		.deliveinfo section{font-size:18px;line-height:36px;margin-bottom:40px;}
		.deliveinfo figure{}
		.deliveinfo figure img{height:150px;}

.advan{margin-top:80px;}
	.advanlist{background:#EFF1F5;position:relative;}
	.advanlist .iconfont{display:block;font-size:30px;line-height:30px;padding:10px;}
	.advanlist .swiper-button-prev{right:50px;bottom:0;top:auto;transform:translateY(0);background:#006a46;color:#fff;}
	.advanlist .swiper-button-next{right:0;bottom:0;top:auto;transform:translateY(0);background:#006a46;color:#fff;}
	.advanlist figure{float:left;width:400px;overflow:hidden;}
	.advanlist figure img{width:400px;height:400px;}
	.advanlist section{float:right;width:800px;box-sizing:border-box;padding:50px 100px;position:relative;}
	.advanlist section em{position:absolute;top:0;right:40px;}
	.advanlist section em img{height:120px;}
	.advanlist section dl{}
	.advanlist section dt{font-size:18px;line-height:40px;position:relative;}
	.advanlist section dd{line-height:30px;}
	.advanlist section dd:not(:last-child){margin-bottom:30px;}
	.advanlist section dd span{display:inline-block;margin-right:20px;background:url(../img/ys_a2.jpg) no-repeat 0 center;padding-left:15px;color:#999;}

.about{margin-top:80px;}
	.about .wrow{position:relative;z-index:1;}
	.aboutinfo{}
		.aboutinfo section{float:left;width:46%;}
		.aboutinfo dl{margin-bottom:30px;}
		.aboutinfo dt{font-size:24px;line-height:30px;margin-bottom:30px;}
		.aboutinfo dd{line-height:30px;font-size:15px;}
		.aboutinfo a{display:block;width:120px;text-align:center;background:#006a46;color:#fff;border-radius:5px;font-size:12px;line-height:30px;text-transform:uppercase;}
		.aboutinfo figure{float:right;width:46%;}
		.aboutinfo figure img{width:100%;}

.flow{margin-top:80px;}
	.flowlist{position:relative;}
		.flowlist .iconfont{display:none;font-size:60px;}
		.flowlist .swiper-button-prev{left:-60px;}
		.flowlist .swiper-button-next{right:-60px;}
		.flowlist figure{}
		.flowlist figure img{width:100%;}
		.flowlist section{box-sizing:border-box;padding:20px;background:#eee;}
		.flowlist dl{transition:all 0.3s ease-out 0s;}
		.flowlist dt{font-size:16px;line-height:30px;font-weight:bold;position:relative;color:#006a46;}
		.flowlist dd{font-size:13px;opacity:0.7;height:80px;}
		.flowlist section:hover{background:#006a46;color:#fff;}
		.flowlist section:hover dt{color:#fff;}

.news{margin:80px 0;}
		.newslist{}
			.newslist ul{margin:0 -1%;}
			.newslist li{float:left;width:31.33%;margin:0 1% 20px;}
			.newslist li a{display:block;}
			.newslist li a figure{overflow:hidden;}
			.newslist li a img{width:100%;}
			.newslist li a section{}
				.newslist li a time{display:block;background:#eee;text-align:center;padding:15px;float:left;margin-right:20px;color:#666;transition:all 0.3s ease-out 0s;}
					.newslist li a time strong{display:block;font-size:20px;line-height:30px;font-weight:normal;}
					.newslist li a time em{display:block;font-size:12px;}
				.newslist li a dl{position:relative;padding:5px 0;}
					.newslist li a dt{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;line-height:30px;}
					.newslist li a dd{color:#999;font-size:12px;height:40px;overflow:hidden;}
			.newslist a:hover time{background:#006a46;color:#fff;}

.flink{padding:10px 0;background:#f9f9f9;font-size:12px;}
}
@media (max-width:767px){
.banner{position:relative;background:#333;}
	.banner a{display:block;}
	.banner figure{overflow:hidden;position:relative;}
	.banner img{position:absolute;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);}
	.banner figure{height:220px;}
	.banner img{height:220px;}
	.banner .iconfont{display:none;font-size:60px;}
		.banner .swiper-button-prev{left:5%;}
		.banner .swiper-button-next{right:5%;}
		.banner .swiper-pagination{text-align:center;}
		.banner .swiper-pagination span{width:30px;}

.title{margin-bottom:20px;overflow:hidden;text-align:center;}
	.title h4{position:relative;display:inline-block;font-size:16px;line-height:30px;font-weight:normal;padding:5px 20px;max-width:100%;color:#1561b6;background:#fff;border:solid 1px #1561b6;box-sizing:border-box;margin-bottom:20px;}
	.title h4:before{content:"";position:absolute;bottom:-23.5px;left:50%;margin-left:-15px;border:12px solid transparent;border-top:12px solid #fff;z-index:2;}
	.title h4:after{content: "";position:absolute;bottom:-28px;left:50%;margin-left:-17px;border:14px solid transparent;border-top:14px solid #1561b6;z-index:1;}
	.title h2{font-size:24px;line-height:30px;position:relative;font-weight:normal;background-image:linear-gradient(0deg,transparent 0,transparent 18px,#1561b6 18px,#1561b6 20px,transparent 20px,transparent 40px);}
		.title h2 span{background:#fff;position:relative;display:inline-block;padding:0 20px;color:#1561b6;}
		.title h2 span:before{content:'';display:none;position:absolute;top:50%;left:100%;margin-left:30px;width:50px;height:1px;background:#999;}
		.title h2 span:after{content:'';display:none;position:absolute;top:50%;right:100%;margin-right:30px;width:50px;height:1px;background:#999;}
	.title h3{opacity:0.8;font-size:13px;text-transform:uppercase;font-weight:normal;}
		.title h3 span{position:relative;display:inline-block;}
		.title h3 span:before{content:'';display:none;position:absolute;top:50%;left:100%;margin-left:30px;width:50px;height:1px;background:#999;}
		.title h3 span:after{content:'';display:none;position:absolute;top:50%;right:100%;margin-right:30px;width:50px;height:1px;background:#999;}
	.title p{opacity:0.6;font-size:14px;text-transform:uppercase;font-weight:normal;margin-top:10px;}

.product{padding:40px 20px;}
	.productclass{margin-bottom:20px;}
		.productclass ul{margin:0 -1%;}
		.productclass li{float:left;width:48%;margin:0 1% 6px;}
		.productclass li a{display:block;font-size:14px;line-height:30px;background:#fff;padding:0 10px;background:#cdeadb;}
		.productclass li a:hover,.productclass li a.on{}
	.productlist{}
		.productlist ul{margin:0 -1%;}
		.productlist li{float:left;width:48%;margin:0 1% 10px;}
		.productlist li a{display:block;}
		.productlist li figure{overflow:hidden;position:relative;}
		.productlist li figcaption{position: absolute;left:0;top:0;right:0;bottom:0;opacity:0;transition:all 0.3s ease-out 0s;background:rgba(2,183,98,0.5);}
		.productlist li figcaption i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:30px;line-height:30px;}
		.productlist li figure img{width:100%;height:110px;}
		.productlist li h3{position:relative;background:#fff;line-height:40px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-align:center;font-size:14px;}
		.productlist li a:hover figure img{transform:scale3d(1.05, 1.05, 1);}
		.productlist li a:hover figcaption{opacity:1;}
	.productmore{text-align:center;}
		.productmore a{margin-top:30px;display:inline-block;line-height:40px;padding:0 30px;border-radius:40px;background:#eee;}

.delive{padding:40px 20px;}
	.delivecover{margin-bottom:20px;}
		.delivecover img{width:100%;}
	.deliveinfo{}
		.deliveinfo section{font-size:14px;margin-bottom:20px;}
		.deliveinfo figure{}
		.deliveinfo figure img{width:100%;}

.advan{padding:40px 20px;}
	.advanlist{background:#EFF1F5;position:relative;}
	.advanlist .iconfont{display:block;font-size:30px;line-height:30px;padding:10px;}
	.advanlist .swiper-button-prev{right:50px;bottom:0;top:auto;transform:translateY(0);background:#006a46;color:#fff;}
	.advanlist .swiper-button-next{right:0;bottom:0;top:auto;transform:translateY(0);background:#006a46;color:#fff;}
	.advanlist figure{overflow:hidden;}
	.advanlist figure img{width:100%;}
	.advanlist section{padding:30px 30px 60px;position:relative;}
	.advanlist section em{position:absolute;top:30px;right:30px;}
	.advanlist section em img{height:40px;}
	.advanlist section dl{}
	.advanlist section dt{font-size:17px;position:relative;}
	.advanlist section dd{}
	.advanlist section dd:not(:last-child){margin-bottom:30px;}
	.advanlist section dd span{display:inline-block;margin-right:20px;background:url(../img/ys_a2.jpg) no-repeat 0 center;padding-left:15px;color:#999;}

.about{padding:40px 20px;}
	.about .wrow{position:relative;z-index:1;}
	.aboutinfo{}
		.aboutinfo section{margin-bottom:20px;}
		.aboutinfo dl{margin-bottom:30px;}
		.aboutinfo dt{font-size:17px;margin-bottom:20px;}
		.aboutinfo dd{}
		.aboutinfo a{display:block;width:120px;text-align:center;background:#006a46;color:#fff;border-radius:5px;line-height:30px;text-transform:uppercase;}
		.aboutinfo figure{}
		.aboutinfo figure img{width:100%;}

.flow{padding:40px 20px;}
	.flowlist{position:relative;}
		.flowlist .iconfont{display:none;font-size:60px;}
		.flowlist .swiper-button-prev{left:-60px;}
		.flowlist .swiper-button-next{right:-60px;}
		.flowlist figure{}
		.flowlist figure img{width:100%;}
		.flowlist section{box-sizing:border-box;padding:20px;background:#eee;}
		.flowlist dl{transition:all 0.3s ease-out 0s;}
		.flowlist dt{font-size:16px;line-height:30px;font-weight:bold;position:relative;color:#006a46;}
		.flowlist dd{font-size:13px;opacity:0.7;height:80px;}
		.flowlist section:hover{background:#006a46;color:#fff;}
		.flowlist section:hover dt{color:#fff;}

.news{padding:40px 20px;}
		.newslist{}
			.newslist ul{}
			.newslist li{margin-bottom:20px;}
			.newslist li a{display:block;}
			.newslist li a figure{overflow:hidden;}
			.newslist li a img{width:100%;}
			.newslist li a section{}
				.newslist li a time{display:block;background:#eee;text-align:center;padding:15px;float:left;margin-right:20px;color:#666;transition:all 0.3s ease-out 0s;}
					.newslist li a time strong{display:block;font-size:20px;line-height:30px;font-weight:normal;}
					.newslist li a time em{display:block;}
				.newslist li a dl{position:relative;padding:5px 0;}
					.newslist li a dt{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;line-height:30px;}
					.newslist li a dd{color:#999;height:40px;overflow:hidden;}
			.newslist a:hover time{background:#006a46;color:#fff;}

.flink{padding:10px 20px;background:#f9f9f9;}
}