* {
    box-sizing: border-box;
}
@media (min-width:1441px){
.banner{position:relative;background:#333;}
	.banner a{display:block;}
	.banner figure{overflow:hidden;position:relative;}
    .banner img {width: 100%;}
	/* .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;text-transform: uppercase;}
		.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:#2f857a;color:#fff;}
	.advanlist .swiper-button-next{right:0;bottom:0;top:auto;transform:translateY(0);background:#2f857a;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:#2f857a;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{overflow: hidden;}
		.flowlist figure img{width:100%;transition: transform 0.2s;}
		.flowlist figure img:hover{ transform: scale(1.1)}
		.flowlist section{box-sizing:border-box;padding:20px;text-align: center;}
		.flowlist dl{transition:all 0.3s ease-out 0s;}
		.flowlist dt{font-size:16px;line-height:30px;font-weight:bold;position:relative;color:#2f857a;}
		.flowlist dd{font-size:13px;opacity:0.7;height:80px;}
		/* .flowlist section:hover{background:#2f857a;color:#fff;}
		.flowlist section:hover dt{color:#fff;} */

.news{margin:80px 0;}
.news .newslist1{padding-bottom:10px;padding-top:0;}
.news .newslist1 li{ float: left;width: 49%;border: 1px solid #eaeaea;margin-bottom: 30px;height: 160px;background: #fff;}
.news .newslist1 li:nth-child(2n+1){margin-right: 1%;}
.news .newslist1 li a{display: block;position:relative;padding: 40px 20px 20px 200px;}
.news .newslist1 li a .info{}
.news .newslist1 li a .info h3{font-size: 18px;color: #333;margin-bottom: 10px;}
.news .newslist1 li a .info p{font-size: 14px;color: #999;line-height: 22px;}
.news .newslist1 li a .img{width:180px;height: 120px;overflow: hidden;position: absolute;right:20px;top:20px;}
.news .newslist1 li a .img img{height: 100%;}
.news .newslist1 li a .time{position: absolute;width: 90px;height: 90px;left:35px;top:35px;border:1px solid #efefef;padding: 15px;text-align: center;
font-size:14px;color: #888; font-family:Arial;background-color: #efefef;}
.news .newslist1 li a .time span{display: block;text-align: center;font-size: 50px;line-height: 30px;margin-bottom:10px;font-family:Arial;}
.news .newslist1 li a:hover{text-decoration : none }
.news .newslist1 li a:hover .info h3{color: #2f857a;}
.news .newslist1 li a:hover .time{color:#fff;background-color: #2f857a;}
.news .newslist1 li a:hover .time span{color: #fff;}
.news .newslist1 li:hover{-webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
	transform:translateY(-10px);-webkit-transform:translateY(-10px);}

.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{width: 100%;}
	/* .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:30px;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{text-transform: uppercase;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;padding:0 10px;background:#2f857a;color: #eee;}
		.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(47,133,122,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{position: relative;margin-top:30px;display:inline-block;line-height:40px;padding:0 30px;border-radius:10px;background:#eee;}
		/* .productmore a:before{ content:''; position:absolute; left:0px; bottom:0px; height: 100%; border-radius:10px; width:0; background:#2f857a; z-index:-1; transition:all .5s ease; } 
		.productmore a:hover:before{ width: 100%; } */
		.productmore a:hover {color: #fff;background-color: #2f857a;transition:all .5s ease;}

.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:#2f857a;color:#fff;}
	.advanlist .swiper-button-next{right:0;bottom:0;top:auto;transform:translateY(0);background:#2f857a;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:13px;}
		.aboutinfo a{display:block;width:120px;text-align:center;background:#2f857a;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;text-align: center;}
		.flowlist dl{transition:all 0.3s ease-out 0s;}
		.flowlist dt{font-size:16px;line-height:30px;font-weight:bold;position:relative;color:#2f857a;}
		.flowlist dd{font-size:13px;opacity:0.7;height:80px;}
		/* .flowlist section:hover{background:#2f857a;color:#fff;}
		.flowlist section:hover dt{color:#fff;} */

.news{margin:80px 0;}
.news .newslist1{padding-bottom:10px;padding-top:0;}
.news .newslist1 li{border: 1px solid #eaeaea;margin-bottom: 30px;height: 160px;background: #fff;float: left;width: 49%;}
.news .newslist1 li:nth-child(2n+1){margin-right: 1%;}
.news .newslist1 li a{display: block;position:relative;padding: 20px 20px 20px 200px; }
.news .newslist1 li a .info{}
.news .newslist1 li a .info h3{font-size: 18px;color: #333;margin-bottom: 10px;}
.news .newslist1 li a .info p{font-size: 14px;color: #999;line-height: 22px;}
.news .newslist1 li a .img{width:180px;height: 120px;overflow: hidden;position: absolute;right:20px;top:20px;}
.news .newslist1 li a .img img{height: 100%;}
.news .newslist1 li a .time{position: absolute;width: 90px;height: 90px;left:35px;border:1px solid #efefef;padding: 15px;text-align: center;
font-size:14px;color: #888; font-family:Arial;background-color: #efefef;}
.news .newslist1 li a .time span{display: block;text-align: center;font-size: 50px;line-height: 30px;margin-bottom:10px;font-family:Arial;}
.news .newslist1 li a:hover{text-decoration : none }
.news .newslist1 li a:hover .info h3{color: #2f857a;}
.news .newslist1 li a:hover .time{color:#fff;background-color: #2f857a;}
.news .newslist1 li a:hover .time span{color: #fff;}
.news .newslist1 li:hover{-webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
	transform:translateY(-10px);-webkit-transform:translateY(-10px);}

.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{text-transform: uppercase;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:#2f857a;color:#fff;}
	.advanlist .swiper-button-next{right:0;bottom:0;top:auto;transform:translateY(0);background:#2f857a;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:#2f857a;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:#2f857a;}
		.flowlist dd{font-size:13px;opacity:0.7;height:80px;}
		.flowlist section:hover{background:#2f857a;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:#2f857a;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;}
	.banner img{width: 100%;}
	.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{text-transform: uppercase;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%;}
		.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:#2f857a;color:#fff;}
	.advanlist .swiper-button-next{right:0;bottom:0;top:auto;transform:translateY(0);background:#2f857a;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:#2f857a;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;text-align: center;}
		.flowlist dl{transition:all 0.3s ease-out 0s;}
		.flowlist dt{font-size:16px;line-height:30px;font-weight:bold;position:relative;color:#2f857a;}
		.flowlist dd{font-size:13px;opacity:0.7;}
		.flowlist section:hover{background:#2f857a;color:#fff;}
		.flowlist section:hover dt{color:#fff;}

.news{padding:40px 20px;}
    .newslist li {
    	margin-bottom: 10px;
    }
    .newslist li a {
    	display: block;
    	position: relative;
    	padding: 10px;
    	background: #fff;
    	border: 1px solid #eee;
    }
    .newslist li a figure {
    	float: left;
    	width: 120px;
    	height: 90px;
    	overflow: hidden;
    }
    .newslist li a figure img {
    	width: 100%;
    }
    .newslist li a dl {
    	position: relative;
    }
    .newslist li a dt {
    	font-size: 15px;
    	line-height: 30px;
    	text-overflow: ellipsis;
    	white-space: nowrap;
    	overflow: hidden;
    }
    .newslist li a time {
    	display: block;
    	font-size: 12px;
    	color: #ccc;
    }
    .newslist li a i {
    	display: none;
    	position: absolute;
    	bottom: 20px;
    	left: 20px;
    	display: block;
    	font-size: 24px;
    	color: #999;
    }
    .newslist li a dd {
    	color: #999;
    	font-size: 13px;
    	height: 40px;
    	overflow: hidden;
    }
    .newslist li a:hover {
    	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    }
    .newslist li a:hover i {
    	animation: mctranslatex 1s infinite ease-in-out;
    	-webkit-animation: mctranslatex 1s infinite ease-in-out;
    	color: #2f857a;
    }
    
     .news .newslist1{padding-bottom:10px;padding-top:0;}
     .news .newslist1 li{ margin-bottom: 30px;background: #fff;}
     .news .newslist1 li a{display: block;position:relative;padding: 20px 10px 20px 100px;height: 137px;}
     .news .newslist1 li a .info{}
     .news .newslist1 li a .info h3{font-size: 16px;color: #333;margin-bottom: 10px;white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;}
     .news .newslist1 li a .info p{font-size: 12px;color: #999;line-height: 22px;}
     .news .newslist1 li a .img{width:180px;height: 120px;overflow: hidden;position: absolute;right:20px;top:20px;}
     .news .newslist1 li a .img img{height: 100%;}
     .news .newslist1 li a .time{position: absolute;left:10px;top:20px;border:1px solid #efefef;padding: 15px;text-align: center;
     font-size:14px;color: #888; font-family:Arial;background-color: #efefef;}
     .news .newslist1 li a .time span{display: block;text-align: center;font-size: 25px;line-height: 30px;margin-bottom:10px;font-family:Arial;}
     .news .newslist1 li a:hover{text-decoration : none }
     .news .newslist1 li a:hover .info h3{color: #2f857a;}
     .news .newslist1 li a:hover .time{color:#fff;background-color: #2f857a;}
     .news .newslist1 li a:hover .time span{color: #fff;}
     .news .newslist1 li:hover{-webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
	transform:translateY(-10px);-webkit-transform:translateY(-10px);}


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