@media (min-width:1025px){/* DESKTOPS */
.banner{position:relative;background:#333;}
	.banner a{display:block;}
	.banner figure{}
	.banner img{width:100%;}
	.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;line-height:30px;font-size:12px;background:#eee;}
	.searchnews{}
		.searchnews strong i{float:left;margin-right:5px;}
		.searchnews a{margin-right:10px;}
	.searchform{}
		.searchform form{}
		.searchform input{}
		.searchform input.txt{height:28px;line-height:28px;background:#fff;padding:0 10px;border:1px solid #fff;border-right:none;}
		.searchform input.txt::-webkit-input-placeholder{color:#ccc;font-size:12px;}
		.searchform input.btn{height:30px;background:#fff;padding:0 20px;}

.title{text-align:center;margin-bottom:40px;}
	.title h2{display:inline-block;font-size:30px;line-height:40px;position:relative;margin-bottom:20px;}
	.title h2 span{color:#20238a;}
		.title h2:before{content:'';display:block;position:absolute;left:50%;top:50px;transform:translateX(-50%);width:60px;height:2px;background:#eee;}
		.title h2:after{content:'';display:block;position:absolute;left:50%;top:48px;width:6px;height:6px;background:#df9e28;border-radius:6px;animation:mch2 3s infinite ease-in-out;-webkit-animation:mch2 3s infinite ease-in-out;}
		@keyframes mch2{0% {transform:translateX(-25px);}50%{transform:translateX(20px);}100%{transform:translateX(-25px);}}
	.title h4{font-size:36px;text-transform:uppercase;opacity:0.6;font-weight:normal;line-height:40px;margin-bottom:20px;}
	.title p{text-transform:uppercase;opacity:0.6;}

.about{padding:200px 0;background:url(../images/bgabout.jpg) no-repeat center center;}
	.aboutinfo{width:80%;margin:0 auto 40px;text-align:center;font-size:15px;line-height:25px;color:#666;}
	.aboutmore{text-align:center;margin-bottom:40px;}
		.aboutmore a{display:inline-block;line-height:40px;border-radius:40px;padding:0 30px;background:#ff4000;color:#fff;}
		.aboutmore a:hover{padding:0 40px;}
	.aboutlist{width:60%;margin:0 auto;}
		.aboutlist ul{margin:0 -1%;}
		.aboutlist li{float:left;width:23%;margin:0 1%;}
		.aboutlist li a{display:block;text-align:center;}
		.aboutlist li a i{display:block;margin:0 auto 10px;width:60px;height:60px;font-size:40px;line-height:60px;padding:9px;border-radius:60px;border:1px solid #333;transition:all 0.3s ease-out 0s;}
		.aboutlist li a h3{font-weight:normal;font-size:14px;}
		.aboutlist li a:hover i{background:#ff4000;color:#fff;border:1px solid #ff4000;}
	
.product{padding:40px 0;background:#f9f9f9;}
	.productlist{}
		.productlist ul{margin:0 -1%;}
			.productlist li{float:left;width:23%;margin:0 1% 20px;}
			.productlist li a{}
			.productlist li figure{border:1px solid #eee;margin-bottom:1px;position:relative;background:#000;overflow:hidden;}
			.productlist li a figcaption{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:all 0.3s ease-out 0s;}
			.productlist li a figcaption i{font-size:30px;display:inline-block;background:#ff4000;width:30px;height:30px;border-radius:30px;line-height:30px;color:#fff;padding:10px;}
			.productlist li img{width:100%;}
			.productlist li h3{font-size:14px;font-weight:normal;text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;background:#eee;line-height:40px;padding:0 10px;transition:all 0.3s ease-out 0s;}
			.productlist li a:hover h3{background:#ff4000;color:#fff;}
			.productlist li a:hover figcaption{opacity:1;}
			.productlist li a:hover img{opacity:0.5;transform:scale3d(1.05, 1.05, 1);}
	.productslide .swiper-container{padding-bottom:40px;}
		.productslide a{}
		.productslide figure{border:1px solid #eee;margin-bottom:1px;position:relative;background:#000;overflow:hidden;}
		.productslide a figcaption{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:all 0.3s ease-out 0s;}
		.productslide a figcaption i{font-size:30px;display:inline-block;background:#ff4000;width:30px;height:30px;border-radius:30px;line-height:30px;color:#fff;padding:10px;}
		.productslide img{width:100%;}
		.productslide h3{font-size:14px;font-weight:normal;text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;background:#eee;line-height:40px;padding:0 10px;transition:all 0.3s ease-out 0s;}
		.productslide a:hover h3{background:#ff4000;color:#fff;}
		.productslide a:hover figcaption{opacity:1;}
		.productslide a:hover img{opacity:0.5;transform:scale3d(1.05, 1.05, 1);}

.advan{padding:40px 0;}
	.advanlist{}
		.advanlist ul{margin:0 -1%;}
			.advanlist li{float:left;width:18%;box-sizing:border-box;border:1px solid #eee;margin:0 1%;}
			.advanlist li:nth-of-type(2n+1){background:#900;color:#fff;border:1px solid #900;}
			.advanlist li:nth-of-type(2n){background:#ff4000;color:#fff;border:1px solid #ff4000;}
				.advanlist li section{text-align:center;padding:30px 20px;transition:all 0.3s ease-out 0s;}
					.advanlist li section span{display:inline-block;font-size:24px;line-height:30px;}
					.advanlist li section figure{margin:10px 0;}
					.advanlist li section i{display:inline-block;width:80px;height:80px;text-align:center;line-height:80px;font-size:80px;border-radius:80px;transition:all 0.3s ease-out 0s;}
					.advanlist li section h4{font-size:22px;line-height:30px;font-weight:normal;margin-bottom:10px;}
					.advanlist li section p{opacity:0.6;height:40px;overflow:hidden;}

.quick{padding:40px 0;}
	.quicknav{}
		.quicknav ul{margin:0 -1%;}
		.quicknav li{float:left;width:18%;margin:0 1%;}
		.quicknav li a{display:block;text-align:center;}
		.quicknav li figure{}
		.quicknav li figure i{display:block;width:80px;height:80px;font-size:80px;line-height:100px;margin:0 auto 30px;background:#af2f33;color:#fff;padding:10px;border-radius:60px;position:relative;}
		.quicknav li figure i:before{position:absolute;top:-5px;left:-5px;bottom:-5px;right:-5px;border:1px dashed #af2f33;border-radius:80px;}
		.quicknav li h3{font-size:18px;font-weight:bold;line-height:30px;margin-bottom:10px;}
		.quicknav li p{color:#999;text-transform:uppercase;padding:0 10px;}
		.quicknav li:hover figure i{animation:xx 3s infinite ease-in-out;-webkit-animation:x 3s infinite ease-in-out;}
		.quicknav li:hover figure i:before{animation:mcrotate 3s infinite ease-in-out;-webkit-animation:mcrotate 3s infinite ease-in-out;}

.process{padding:40px 0;background:#f9f9f9;}
	.processslide{}
		.processslide section:before{content:'';display:block;position:absolute;top:74px;left:0;right:0;height:1px;background:#ddd;}
		.processslide section:after{content:'';display:block;position:absolute;top:70px;left:50%;transform:translateX(-50%);width:8px;height:8px;border-radius:8px;background:#db4707;}		
		.processslide section i{display:block;width:60px;height:60px;margin:0 auto 40px;font-size:60px;line-height:60px;}
		.processslide section dl{text-align:center;}
		.processslide section dt{font-size:22px;line-height:30px;margin-bottom:10px;}
		.processslide section dd{font-size:13px;line-height:25px;color:#888;}
		.processslide sectionsec:hover figure img{transform:rotate(360deg);}

.business{padding:40px 0;}
	.businesslist .swiper-container{padding-bottom:40px;}
		.businesslist a{display:block;text-align:center;}
		.businesslist a figure{margin-bottom:10px;overflow:hidden;}
		.businesslist a img{width:100%;}
		.businesslist a h3{font-size:16px;font-weight:normal;}
		.businesslist a:hover img{transform:scale3d(1.05, 1.05, 1);}

.brand{padding:40px 0;background:#f9f9f9;}
	.brand h3{text-align:center;font-size:17px;margin:0 0 10px;overflow:hidden;}
	.brand h3 span{display:inline-block;position:relative;background:#ff4000;padding:0 20px;border-radius:20px;line-height:40px;color:#fff;}
	.brand h3 span:before{content:'';display:block;position:absolute;top:50%;transform:translateY(-50%);right:100px;margin-right:30px;width:500px;height:1px;background:#ddd;}
	.brand h3 span:after{content:'';display:block;position:absolute;top:50%;transform:translateY(-50%);left:100px;margin-left:30px;width:500px;height:1px;background:#ddd;}
	.brandslideout .swiper-container,.brandslide .swiper-container{border-top:1px dashed #ddd;border-left:1px dashed #ddd;margin:0 0 10px;}
	.brandslideout figure,.brandslide figure{text-align:center;border-right:1px dashed #ddd;border-bottom:1px dashed #ddd;padding:15px;}
	.brandslideout figure img,.brandslide figure img{width:100%;}

.news{padding:40px 0;}
	.newslist{}
		.newslist ul{margin:0 -1%;}
		.newslist li{float:left;width:31.33%;margin:0 1%;}
		.newslist li a{display:block;position:relative;background:#fff;border:1px solid #eee;}
		.newslist li a figure{overflow:hidden;}
		.newslist li a img{width:100%;}
		.newslist li a section{position:relative;padding:20px;border-bottom:1px solid #eee;}
			.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 dd{color:#999;font-size:13px;height:40px;overflow:hidden;}			
			.newslist li a span{display:block;color:#666;padding:0 20px;line-height:40px;}
			.newslist li a i{font-size:20px;}
		.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:#20238a;}
		.newslist li a:hover img{transform:scale3d(1.05, 1.05, 1);}

.flink{padding:10px 0;background:#f9f9f9;}
	.flink a{margin-right:10px;}
}
@media (max-width:1024px){/* TABLET */
.banner{position:relative;background:#333;}
	.banner a{display:block;}
	.banner figure{position:relative;height:200px;overflow:hidden;}
	.banner img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:200px;}
	.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;}

.title{text-align:center;margin-bottom:20px;}
	.title h2{display:inline-block;font-size:22px;line-height:30px;position:relative;margin-bottom:10px;}
	.title h2 span{color:#20238a;}
		.title h2:before{content:'';display:block;position:absolute;left:50%;top:35px;transform:translateX(-50%);width:60px;height:2px;background:#eee;}
		.title h2:after{content:'';display:block;position:absolute;left:50%;top:33px;width:6px;height:6px;background:#df9e28;border-radius:6px;animation:mch2 3s infinite ease-in-out;-webkit-animation:mch2 3s infinite ease-in-out;}
		@keyframes mch2{0% {transform:translateX(-25px);}50%{transform:translateX(20px);}100%{transform:translateX(-25px);}}
	.title h4{font-size:36px;text-transform:uppercase;opacity:0.6;font-weight:normal;line-height:40px;margin-bottom:20px;}
	.title p{text-transform:uppercase;opacity:0.6;}

.about{padding:40px 20px;background:url(../images/bgabout.jpg) no-repeat center center;background-size:auto 100%;}
	.aboutinfo{text-align:center;font-size:13px;color:#666;}
	.aboutmore{text-align:center;margin:20px 0;}
		.aboutmore a{display:inline-block;line-height:30px;border-radius:40px;padding:0 30px;background:#ff4000;color:#fff;}
		.aboutmore a:hover{padding:0 40px;}
	.aboutlist{}
		.aboutlist ul{margin:0 -1%;}
		.aboutlist li{float:left;width:23%;margin:0 1%;}
		.aboutlist li a{display:block;text-align:center;}
		.aboutlist li a i{display:block;margin:0 auto 10px;width:40px;height:40px;font-size:40px;line-height:40px;padding:9px;border-radius:40px;border:1px solid #333;transition:all 0.3s ease-out 0s;}
		.aboutlist li a h3{font-weight:normal;font-size:14px;}
		.aboutlist li a:hover i{background:#ff4000;color:#fff;border:1px solid #ff4000;}
	
.product{padding:40px 20px;background:#f9f9f9;}
	.productlist{}
		.productlist ul{margin:0 -1%;}
			.productlist li{float:left;width:48%;margin:0 1% 2%;}
			.productlist li a{}
			.productlist li figure{border:1px solid #eee;margin-bottom:1px;position:relative;background:#000;overflow:hidden;}
			.productlist li a figcaption{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:all 0.3s ease-out 0s;}
			.productlist li a figcaption i{font-size:30px;display:inline-block;background:#ff4000;width:30px;height:30px;border-radius:30px;line-height:30px;color:#fff;padding:10px;}
			.productlist li img{width:100%;}
			.productlist li h3{font-size:14px;font-weight:normal;text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;background:#eee;line-height:40px;padding:0 10px;transition:all 0.3s ease-out 0s;}
			.productlist li a:hover h3{background:#ff4000;color:#fff;}
			.productlist li a:hover figcaption{opacity:1;}
			.productlist li a:hover img{opacity:0.5;transform:scale3d(1.05, 1.05, 1);}
	.productslide .swiper-container{padding-bottom:40px;}
		.productslide a{}
		.productslide figure{border:1px solid #eee;margin-bottom:1px;position:relative;background:#000;overflow:hidden;}
		.productslide a figcaption{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:all 0.3s ease-out 0s;}
		.productslide a figcaption i{font-size:30px;display:inline-block;background:#ff4000;width:30px;height:30px;border-radius:30px;line-height:30px;color:#fff;padding:10px;}
		.productslide img{width:100%;}
		.productslide h3{font-size:14px;font-weight:normal;text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;background:#eee;line-height:40px;padding:0 10px;transition:all 0.3s ease-out 0s;}
		.productslide a:hover h3{background:#ff4000;color:#fff;}
		.productslide a:hover figcaption{opacity:1;}
		.productslide a:hover img{opacity:0.5;transform:scale3d(1.05, 1.05, 1);}

.advan{padding:40px 20px;}
	.advanlist{}
		.advanlist ul{margin:0 -1%;}
			.advanlist li{float:left;width:18%;box-sizing:border-box;border:1px solid #eee;margin:0 1%;}
			.advanlist li:nth-of-type(2n){background:#ff4000;color:#fff;border:1px solid #ff4000;}
				.advanlist li section{text-align:center;padding:30px 10px;transition:all 0.3s ease-out 0s;}
					.advanlist li section span{display:inline-block;font-size:24px;line-height:30px;}
					.advanlist li section figure{margin:10px 0;}
					.advanlist li section i{display:inline-block;width:40px;height:40px;text-align:center;line-height:40px;font-size:40px;border-radius:40px;transition:all 0.3s ease-out 0s;}
					.advanlist li section h4{font-size:17px;font-weight:normal;margin-bottom:10px;}
					.advanlist li section p{opacity:0.6;height:40px;overflow:hidden;}

.quick{padding:40px 20px;}
	.quicknav{overflow:hidden;overflow-x:scroll;}
		.quicknav ul{margin:0 -1%;width:800px;}
		.quicknav li{float:left;width:18%;margin:0 1%;}
		.quicknav li a{display:block;text-align:center;}
		.quicknav li figure{}
		.quicknav li figure i{display:block;width:40px;height:40px;font-size:40px;line-height:60px;margin:10px auto;background:#af2f33;color:#fff;padding:10px;border-radius:40px;position:relative;}
		.quicknav li figure i:before{position:absolute;top:-5px;left:-5px;bottom:-5px;right:-5px;border:1px dashed #af2f33;border-radius:40px;}
		.quicknav li h3{font-size:14px;font-weight:bold;}
		.quicknav li p{color:#999;text-transform:uppercase;padding:0 10px;}
		.quicknav li:hover figure i{animation:xx 3s infinite ease-in-out;-webkit-animation:x 3s infinite ease-in-out;}
		.quicknav li:hover figure i:before{animation:mcrotate 3s infinite ease-in-out;-webkit-animation:mcrotate 3s infinite ease-in-out;}

.process{padding:40px 20px;background:#f9f9f9;}
	.processslide{}
		.processslide section:before{content:'';display:block;position:absolute;top:54px;left:0;right:0;height:1px;background:#ddd;}
		.processslide section:after{content:'';display:block;position:absolute;top:50px;left:50%;transform:translateX(-50%);width:8px;height:8px;border-radius:8px;background:#db4707;}		
		.processslide section i{display:block;width:50px;height:50px;margin:0 auto 20px;font-size:50px;line-height:50px;}
		.processslide section dl{text-align:center;}
		.processslide section dt{font-size:17px;margin-bottom:10px;}
		.processslide section dd{color:#888;}
		.processslide sectionsec:hover figure img{transform:rotate(360deg);}

.business{padding:40px 20px;}
	.businesslist .swiper-container{padding-bottom:40px;}
		.businesslist a{display:block;text-align:center;}
		.businesslist a figure{margin-bottom:10px;overflow:hidden;}
		.businesslist a img{width:100%;}
		.businesslist a h3{font-size:13px;font-weight:normal;}
		.businesslist a:hover img{transform:scale3d(1.05, 1.05, 1);}

.brand{padding:40px 20px;background:#f9f9f9;}
	.brand h3{text-align:center;font-size:17px;margin:0 0 10px;overflow:hidden;}
	.brand h3 span{display:inline-block;position:relative;background:#ff4000;padding:0 20px;border-radius:20px;line-height:40px;color:#fff;}
	.brand h3 span:before{content:'';display:block;position:absolute;top:50%;transform:translateY(-50%);right:100px;margin-right:30px;width:500px;height:1px;background:#ddd;}
	.brand h3 span:after{content:'';display:block;position:absolute;top:50%;transform:translateY(-50%);left:100px;margin-left:30px;width:500px;height:1px;background:#ddd;}
	.brandslideout .swiper-container,.brandslide .swiper-container{border-top:1px dashed #ddd;border-left:1px dashed #ddd;margin:0 0 10px;}
	.brandslideout figure,.brandslide figure{text-align:center;border-right:1px dashed #ddd;border-bottom:1px dashed #ddd;padding:2px;}
	.brandslideout figure img,.brandslide figure img{width:100%;}

.news{padding:40px 20px;}
	.newslist{}
		.newslist ul{}
		.newslist li:not(:last-child){margin-bottom:10px;}
		.newslist li a{display:block;position:relative;background:#fff;border:1px solid #eee;display:flex;}
		.newslist li a figure{flex:0 0 120px;min-width:0;overflow:hidden;}
		.newslist li a img{width:100%;}
		.newslist li a section{position:relative;padding:10px;flex:1;min-width:0;}
			.newslist li a dl{position:relative;}
				.newslist li a dt{font-size:13px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-bottom:10px;}
				.newslist li a dd{color:#999;height:40px;overflow:hidden;}			
			.newslist li a span{display:none;}
			.newslist li a i{font-size:20px;}
		.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:#20238a;}
		.newslist li a:hover img{transform:scale3d(1.05, 1.05, 1);}

.flink{padding:10px 20px;background:#f9f9f9;}
	.flink a{margin-right:10px;}
}