.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%);}
@media (min-width:1441px){
.banner figure{height:720px;}
.banner img{height:720px;}
}
@media (min-width:1025px) and (max-width:1440px){
.banner figure{height:500px;}
.banner img{height:500px;}
}
@media (min-width:768px) and (max-width:1024px){
.banner figure{height:400px;}
.banner img{height:400px;}
}
@media (max-width:767px){
.banner figure{height:240px;}
.banner img{height:240px;}
}
	.banner section{display:none;position:absolute;left:50%;bottom:40px;margin-left:-720px;width:480px;background:rgba(0,90,168,0.8);padding:30px;}
		.banner section h2{color:#fff;font-size:30px;line-height:40px;margin-bottom:10px;}
		.banner section p{color:#fff;font-size:22px;line-height:30px;}
		.banner .swiper-slide-active figure img{animation:bannerimgmc 6s 1 linear forwards;-webkit-animation:bannerimgmc 6s 1 linear forwards;}
		@keyframes xbannerimgmc{
			0%{opacity:0;transform:translate(-50%,-50%) scale(1);}
			10%{opacity:1;}
			90%{opacity:1;}
			100%{opacity:0;transform:translate(-50%,-50%) scale(1.1);}
		}
		.banner .iconfont{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;}

.search{padding:15px 0;background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.1);}
	.searchhotkey{}
		.searchhotkey a{margin-right:10px;}
	.searchform{}
		.searchform form{}
		.searchform input{}
		.searchform input.txt{height:30px;line-height:30px;background:#f9f9f9;padding:0 10px;}
		.searchform input.txt::-webkit-input-placeholder{color:#ccc;font-size:12px;}
		.searchform input.btn{height:30px;background:#1e70b0;padding:0 20px;color:#fff;}

@media (min-width:1025px){
.searchhotkey{float:left;line-height:30px;font-size:12px;}
.searchform{float:right;line-height:30px;font-size:12px;}
}
@media (min-width:768px) and (max-width:1024px){
.searchhotkey{}
.searchform{}
}
@media (max-width:767px){
.search{text-align:center;padding:10px 20px;}
.searchhotkey{margin-bottom:10px;}
.searchform{}
.searchform form{position:relative;}
.searchform input.txt{box-sizing:border-box;width:100%;}
.searchform input.btn{position:absolute;top:0;right:0;}
}

.about{position:relative;}
	.aboutmix{}
		.aboutmixcover{}
			.aboutmixcover figure{overflow:hidden;}
			.aboutmixcover img{width:100%;}
		.aboutmixinfo{}
			.aboutmain{}
				.aboutmaintitle{border-left:3px solid #0080ca;padding-left:13px;}
					.aboutmaintitle h3{color:#0080ca;text-transform:uppercase;}
					.aboutmaintitle h2{font-weight:normal;}					
				.aboutmain section{margin-top:20px;opacity:0.6;font-size:16px;line-height:30px;}
					.aboutmain section ul{}
					.aboutmain section li{position:relative;padding-left:15px;}
					.aboutmain section li p{}
					.aboutmain section li:before{content:'';display:block;position:absolute;top:13px;left:0;width:4px;height:4px;;border-radius:4px;;background:#333;}
				.aboutnav{margin-top:20px;}
					.aboutnav ul{display:flex;margin:0 -1%;}
					.aboutnav li{flex:1;margin:0 1%;}
					.aboutnav li a{display:block;background:#0080ca;padding:15px;color:#fff;}
					.aboutnav li:first-child a{background:#76bc38;}
					.aboutnav li figure{}
					.aboutnav li figure i{display:block;width:38px;height:38px;font-size:38px;line-height:38px;border:1px solid #fff;border-radius:5px;}
					.aboutnav li h3{font-weight:normal;}
					.aboutnav li span{text-transform:uppercase;font-size:12px;}

@media (min-width:1025px){
.about{padding:60px 0;}
.aboutmixcover{float:right;width:580px;}
.aboutmixinfo{float:left;width:580px;}
.aboutmaintitle h3{font-size:30px;line-height:30px;}
.aboutmaintitle h2{font-size:24px;line-height:30px;}
.aboutmain section li p{line-height:30px;}
.aboutmain section ul{font-size:15px;}
.aboutnav li figure{float:left;margin-right:15px;}
.aboutnav li h3{font-size:14px;}
}
@media (min-width:768px) and (max-width:1024px){
.about{padding:60px 0;}
.aboutmixcover{float:right;width:580px;}
.aboutmixinfo{float:left;width:580px;}
.aboutmaintitle h3{font-size:30px;line-height:30px;}
.aboutmaintitle h2{font-size:24px;line-height:30px;}
.aboutmain section ul{font-size:13px;}
.aboutnav li figure{float:left;margin-right:15px;}
.aboutnav li h3{font-size:13px;}
}
@media (max-width:767px){
.about{padding:40px 20px;}
.aboutmixcover{}
.aboutmixinfo{margin-bottom:20px;}
.aboutmaintitle h3{font-size:20px;line-height:25px;}
.aboutmaintitle h2{font-size:24px;line-height:30px;}
.aboutmain section ul{}
.aboutnav li figure{margin-bottom:10px;}
.aboutnav li h3{font-size:12px;}
}

.title{text-align:center;}
	.title h3{color:#0080ca;text-transform:uppercase;}
	.title h2{position:relative;font-weight:normal;}
		.title h2:after{content:'';display:block;position:absolute;;left:50%;transform:translateX(-50%);width:50px;height:3px;background:#0080ca;}

@media (min-width:1025px){
.title{margin-bottom:40px;}
.title h3{font-size:30px;line-height:30px;margin-bottom:10px;}
.title h2{font-size:24px;line-height:30px;}
.title h2:after{top:50px}
}
@media (min-width:768px) and (max-width:1024px){
.title{margin-bottom:30px;}
.title h3{font-size:30px;line-height:30px;margin-bottom:10px;}
.title h2{font-size:24px;line-height:30px;}
.title h2:after{top:50px}
}
@media (max-width:767px){
.title{margin-bottom:20px;}
.title h3{font-size:20px;line-height:25px;}
.title h2{font-size:18px;}
.title h2:after{top:30px}
}

.case{background:#f5f5f5;}
	.caseslide .swiper-pagination{text-align:center;left:50%;transform:translateX(-50%);}
		.caseslide .swiper-pagination span{margin:0 5px;}
		.caseslide a{display:block;text-align:center;}
		.caseslide figure{overflow:hidden;margin-bottom:10px;position:relative;}
		.caseslide figure img{width:100%;}
		.caseslide figcaption{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
		.caseslide figcaption i{font-size:30px;background:rgba(0,0,0,0.5);color:#fff;border-radius:50px;padding:10px;}
		.caseslide h3{font-size:14px;font-weight:normal;}
		.caseslide a:hover{}

@media (min-width:1025px){
.case{padding:60px 0;}
.caseslide a{padding:30px 0;}
}
@media (min-width:768px) and (max-width:1024px){
.case{padding:40px 20px;}
.caseslide a{padding:30px 0;}
}
@media (max-width:767px){
.case{padding:40px 20px;}
.caseslide a{}
}

.advan{}
	.advanmain{overflow:hidden;padding-top:20px;}
		.advanlist{}
			.advanlist ul{}
			.advanlist li:not(:last-child){overflow:hidden;}
			.advanlist li dl{position:relative;z-index:1;}
			.advanlist li i{float:left;display:block;width:60px;font-size:40px;font-family:'sysfont';color:#fff;line-height:60px;position:relative;font-style:normal;text-align:center;border-radius:0 0 20px;overflow:hidden;margin-right:20px;}
				.advanlist li:nth-of-type(2n+1) i{background:#0080ca;}
				.advanlist li:nth-of-type(2n) i{background:#76bc38;}
			.advanlist li i:after{content:'';display:block;position:absolute;right:15px;bottom:15px;width:40px;height:40px;}
				.advanlist li:nth-of-type(2n+1) i:after{background-image:linear-gradient(-45deg,#0080ca 20px,#fff 20px,#fff 21px,transparent 21px);}
				.advanlist li:nth-of-type(2n) i:after{background-image:linear-gradient(-45deg,#76bc38 20px,#fff 20px,#fff 21px,transparent 21px);}
			.advanlist li dt{position:relative;color:#0080ca;}
			.advanlist li dd{opacity:0.7;overflow:hidden;}
		.advancover{}
			.advancover img{}

@media (min-width:1025px){
.advan{padding:60px 0;}
.advanlist{float:left;width:580px;}
.advanlist li:not(:last-child){margin-bottom:50px;}
.advanlist li i{padding:5px;}
.advanlist li dt{font-size:24px;line-height:30px;}
.advanlist li dd{font-size:16px;height:40px;}
.advancover{float:right;width:580px;}
.advancover img{height:430px;}
}
@media (min-width:768px) and (max-width:1024px){
.advan{padding:60px 0;}
.advanlist{float:left;width:580px;}
.advanlist li:not(:last-child){margin-bottom:30px;}
.advanlist li i{padding:5px;}
.advanlist li dt{font-size:24px;line-height:30px;}
.advanlist li dd{font-size:14px;height:40px;}
.advancover{float:right;width:580px;}
.advancover img{height:430px;}
}
@media (max-width:767px){
.advan{padding:40px 20px;}
.advanlist{margin-bottom:20px;}
.advanlist li:not(:last-child){margin-bottom:10px;}
.advanlist li i{}
.advanlist li dt{font-size:18px;line-height:30px;}
.advanlist li dd{line-height:15px;height:30px;}
.advancover{}
.advancover img{width:100%;}
}

.product{display:none;padding:60px 0;background:#333;color:#fff;}
	.productclass{display:none;padding:0 40px;margin-bottom:40px;}
		.productclass h3{}
		.productclass h3 a{display:block;text-align:center;line-height:40px;background:#fff;margin:0 10px;}
		.productclass .swiper-slide-thumb-active h3 a{background:#0080ca;color:#fff;}
	.productlist{}
		.productlist .swiper-pagination{display:none;}
		.productlist .swiper-button-prev{left:0;}
			.productlist .swiper-button-prev span{display:block;width:40px;height:40px;font-size:40px;line-height:40px;background:rgba(0,128,202,0.8);color:#fff;text-indent:5px;padding:5px;}
		.productlist .swiper-button-next{right:0;}
			.productlist .swiper-button-next span{display:block;width:40px;height:40px;font-size:40px;line-height:40px;background:rgba(0,128,202,0.8);color:#fff;text-indent:-5px;padding:5px;}
		.productlist a{display:block;background:#f6f6f6;text-align:center;}
		.productlist figure{overflow:hidden;}
		.productlist figure img{width:100%;}
		.productlist h3{font-size:14px;font-weight:normal;padding:5px;line-height:30px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
		

.news{background:#f5f5f5;}
	.newslist ul{overflow:hidden;}
		.newslist li{border-bottom:1px solid rgba(0,0,0,0.1);}
		.newslist li section{position:relative;min-height:80px;}
		.newslist li time{}
		.newslist li strong{}
		.newslist li span{font-size:12px;}
		.newslist li dl{}
		.newslist li dt{transition:all ease-out 0.3s;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
		.newslist li dt a{}
		.newslist li dd{color:#999;}
		.newslist li:hover time{background:#008cd6;color:#fff;}
		.newslist li:hover dl{padding-left:130px;}
		.newslist li:hover dt{color:#008cd6;}

@media (min-width:1025px){
.news{padding:60px 0;}
.newslist ul{overflow:hidden;margin:0 -2%;}
.newslist li{border-bottom:1px solid rgba(0,0,0,0.1);float:left;width:31.33%;margin:0 1% 20px;}
.newslist li time{position:absolute;top:20px;left:0;display:block;width:80px;padding:10px;color:#008cd6;text-align:center;transition:all ease-out 0.3s;}
.newslist li strong{display:block;font-family:'iconfont';font-size:24px;line-height:40px;}
.newslist li dl{padding-top:5px;transition:all ease-out 0.3s;padding:20px 30px 20px 120px;}
.newslist li dt{font-size:18px;margin-bottom:10px;}
.newslist li dd{line-height:25px;height:50px;overflow:hidden;}
}
@media (min-width:768px) and (max-width:1024px){
.news{padding:60px 0;}
.newslist ul{overflow:hidden;margin:0 -2%;}
.newslist li{border-bottom:1px solid rgba(0,0,0,0.1);float:left;width:31.33%;margin:0 1% 20px;}
.newslist li time{position:absolute;top:20px;left:0;display:block;width:80px;padding:10px;color:#008cd6;text-align:center;transition:all ease-out 0.3s;}
.newslist li strong{display:block;font-family:'iconfont';font-size:24px;line-height:40px;}
.newslist li dl{padding-top:5px;transition:all ease-out 0.3s;padding:20px 30px 20px 120px;}
.newslist li dt{font-size:18px;margin-bottom:10px;}
.newslist li dd{line-height:25px;height:50px;overflow:hidden;}
}
@media (max-width:767px){
.news{padding:40px 20px;}
.newslist ul{}
.newslist li{border-bottom:1px solid rgba(0,0,0,0.1);margin-bottom:10px;padding-bottom:10px;}
.newslist li time{display:block;margin-bottom:5px;}
.newslist li strong{display:inline-block;background:#ddd;font-weight:normal;padding:0 5px;}
.newslist li span{display:inline-block;background:#76bc38;font-weight:normal;padding:0 5px;color:#fff;}
.newslist li dl{transition:all ease-out 0.3s;}
.newslist li dt{font-size:14px;}
.newslist li dd{}
}

.flink{background:#f9f9f9;}
	.flink a{margin-right:10px;}


@media (min-width:1025px){
.flink{padding:10px 0;}
}
@media (min-width:768px) and (max-width:1024px){
.flink{padding:10px 0;}
}
@media (max-width:767px){
.flink{padding:20px;}
}
