@media (min-width:1025px){/* DESKTOPS */
.banner{position:relative;background:#333;}
		.banner .swiper-container{height:100%;}
		.banner .swiper-wrapper{height:100%;}
		.banner .swiper-slide{height:100%;}
		
	.banner a{display:block;position:relative;overflow:hidden;}
	.banner a>figure:nth-of-type(1){}
	.banner a>figure:nth-of-type(1) img{width:100%;}
	.banner a>figure:nth-of-type(2){position:absolute;top:100%;left:50%;transition:all 0.5s ease-out 1s;opacity:0;transform:translate(-50%,0);}
	.banner a>figure:nth-of-type(2) img{height:210px;}
	.banner .swiper-slide-active a>figure:nth-of-type(2){top:50%;transform:translate(-50%,-50%);opacity: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:0 0 40px;color:#bd1d23;}
	.title h2{font-size:24px;line-height:30px;position:relative;font-weight:normal;padding:0 0 10px;}
	.title h2:after{content:'';display:none;position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:50px;height:2px;background:#bd1d23;}
	.title span{display:block;font-size:20px;text-transform:uppercase;}

.about{padding:80px 0;position:relative;}
	.aboutmix{}
		.aboutmixcover{float:right;}
			.aboutmixcover figure{overflow:hidden;}
			.aboutmixcover img{height:475px;}
		.aboutmixinfo{float:left;width:640px;}
			.aboutmixinfo dl{margin:0 0 40px;}
			.aboutmixinfo dt{font-size:24px;line-height:30px;margin:0 0 20px;padding:0 0 20px;position:relative;}
			.aboutmixinfo dt:after{content:'';display:block;position:absolute;top:50px;left:0;width:50px;height:2px;background:#333;}
			.aboutmixinfo dd{font-size:15px;line-height:25px;opacity:0.8;overflow:hidden;}
			.aboutmixinfo span{}
			.aboutmixinfo span a{display:inline-block;line-height:40px;padding:0 30px;background:#bd1d23;color:#fff;}
			.aboutmixinfo span a i{float:right;margin:0 0 0 10px;}

.product{padding:60px 0;background:url(../images/bgproduct.jpg) no-repeat center center;background:#f9f9f9;}
	.product ul{margin:0 -1% 20px;}
	.product li{float:left;width:23%;margin:0 1% 20px;}	
	.product li a{display:flex;height:200px;position:relative;background:#fff;box-shadow:inset 0 0 80px rgba(0,0,0,0.05);align-content:center;align-items:center;overflow:hidden;justify-content:center;height: -webkit-calc(100% - 5px);flex-wrap: wrap;padding:40px 0 10px;}
	.product li:nth-of-type(1) a{height:420px;}
	.product li a div{}
	.product li a figure{}
		.product li a figure img{display:block;max-width:100%;margin:0 auto;height:135px;}
		.product li a h3{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:18px;font-weight:normal;padding:10px;transition:all 0.3s ease-out 0s;text-align:center;}
		.product li a i{display:none;}
	.product li a:hover{box-shadow:inset 0 0 80px #bd1d23;}
		.product li a:hover img{transform:scale3d(1.05, 1.05, 1);}
		.product li a:hover h3{padding:10px 15px;tac }
	.productmore{display:none;text-align:center;}
		.productmore a{display:inline-block;background:#bd1d23;color:#fff;box-shadow:0 0 10px rgba(0,0,0,0.05);padding:10px 40px;overflow:hidden;}
		.productmore a span{float:left;margin:0 10px 0 0;font-size:16px;}
		.productmore a i{float:right;font-size:30px;}
		.productmore a:hover{background:#bd1d23;padding:10px 50px;}

.solution{padding:80px 0;}
	.solutionlist{}
		.solutionlist ul{}
		.solutionlist li{float:left;width:16.66%;text-align:center;margin:0 0 40px;}
		.solutionlist i{display:block;width:120px;height:120px;line-height:120px;text-align:center;font-size:70px;margin:0 auto 20px;border-radius:120px;background:#fff;color:#333;transition:all 0.3s ease-out 0s;box-sizing:border-box;border:1px solid #3e3a39;}
		.solutionlist h3{font-size:16px;line-height:30px;font-weight:normal;}
		.solutionlist li:hover i{background:#bd1d23;animation:mcrotate 2s infinite ease-in-out;-webkit-animation:mcrotate 2s infinite ease-in-out;color:#fff;border:1px solid #bd1d23;}
		.solutionlist li:hover h3{color:#bd1d23;}

.case{background:#f5f5f5;padding:80px 0;}
	.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;transition:all 0.3s ease-out 0s;}
			.caseslide figure:before{content:'';display:block;position:absolute;top:10px;left:10px;right:10px;bottom:10px;border:2px solid #fff;opacity:0;transition:all 0.3s ease-out 0s;}
			.caseslide figure img{width:100%;}
			.caseslide figcaption{position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:all 0.3s ease-out 0s;}
			.caseslide figcaption i{font-size:50px;line-height:50px;color:#fff;border-radius:50px;padding:10px;}
		.caseslide h3{font-size:16px;font-weight:normal;}
		.caseslide a:hover figure{background:#bd1d23;}
		.caseslide a:hover figure:before{opacity:1;}
		.caseslide a:hover img{opacity:0.2;}
		.caseslide a:hover figcaption{opacity:1;}

.news{padding:80px 0;}
	.newsmain{display:flex;}
		.newstopic{flex:0 0 600px;min-width:0;margin:0 40px 0 0;}
			.newstopic section{position:relative;}
			.newstopic section a{display:block;}
				.newstopic section figure{overflow:hidden;height:480px;position:relative;}
				.newstopic section figure img{height:480px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
			.newstopic section time{position:absolute;z-index:1;bottom:35px;left:20px;display:block;width:80px;text-align:center;transition:all ease-out 0.3s;color:#bd1d23;}
			.newstopic section strong{display:block;font-family:'sysfont';font-size:36px;line-height:40px;}
			.newstopic section span{}
			.newstopic section dl{position:absolute;bottom:0;left:0;right:0;background:#eee;padding:20px 30px 20px 120px;line-height:25px;}
			.newstopic section dt{margin-bottom:5px;font-size:16px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
			.newstopic section dd{color:#999;}
		.newslist{flex:1;}
			.newslist ul{}
			.newslist li:not(:last-child){margin-bottom:20px;}
			.newslist li section{position:relative;min-height:80px;}
			.newslist li a{display:flex;}
			.newslist li time{flex:0 0 70px;display:block;color:#bd1d23;text-align:center;transition:all ease-out 0.3s;margin:0 20px 0 0;}
				.newslist li strong{display:block;font-family:'sysfont';font-size:44px;line-height:50px;}
				.newslist li span{display:block;font-size:12px;line-height:30px;}
			.newslist li dl{flex:1;transition:all ease-out 0.3s;box-sizing:border-box;}
			.newslist li dt{font-size:16px;line-height:30px;transition:all ease-out 0.3s;}
			.newslist li dd{color:#999;line-height:25px;height:50px;overflow:hidden;}
			.newslist li a:hover{color:#bd1d23;padding:0 20px;}
			.newslist li a:hover time{background:#bd1d23;color:#fff;}

.flink{padding:20px 0;background:#f9f9f9;}
	.flink a{margin-right:10px;}
}
@media (max-width:1024px){/* MOBILE */
.banner{position:relative;background:#333;}
		.banner .swiper-container{height:100%;}
		.banner .swiper-wrapper{height:100%;}
		.banner .swiper-slide{height:100%;}
		
	.banner a{display:block;position:relative;overflow:hidden;}
	.banner a>figure:nth-of-type(1){height:220px;position:relative;}
	.banner a>figure:nth-of-type(1) img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:220px;}
	.banner a>figure:nth-of-type(2){position:absolute;top:100%;left:50%;transition:all 0.5s ease-out 1s;opacity:0;transform:translate(-50%,0);}
	.banner a>figure:nth-of-type(2) img{height:60px;}
	.banner .swiper-slide-active a>figure:nth-of-type(2){top:50%;transform:translate(-50%,-50%);opacity: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:0 0 20px;color:#bd1d23;}
	.title h2{font-size:17px;position:relative;}
	.title h2:after{content:'';display:none;position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:50px;height:2px;background:#bd1d23;}
	.title span{display:block;font-size:12px;text-transform:uppercase;}

.about{padding:40px 20px;position:relative;}
	.aboutmix{}
		.aboutmixcover{}
			.aboutmixcover figure{overflow:hidden;}
			.aboutmixcover img{width:100%;}
		.aboutmixinfo{margin:0 0 20px;}
			.aboutmixinfo dl{margin:0 0 20px;}
			.aboutmixinfo dt{font-size:17px;margin:0 0 10px;padding:0 0 10px;position:relative;}
			.aboutmixinfo dt:after{content:'';display:block;position:absolute;top:30px;left:0;width:50px;height:2px;background:#333;}
			.aboutmixinfo dd{font-size:12px;opacity:0.8;overflow:hidden;}
			.aboutmixinfo span{}
			.aboutmixinfo span a{display:inline-block;line-height:40px;padding:0 30px;background:#bd1d23;color:#fff;}
			.aboutmixinfo span a i{float:right;margin:0 0 0 10px;}

.product{padding:40px 20px;background:url(../images/bgproduct.jpg) no-repeat center center;background:#f9f9f9;}
	.product ul{margin:0 -1% 20px;}
	.product li{float:left;width:48%;margin:0 1% 10px;}	
	.product li a{display:flex;height:200px;position:relative;background:#fff;box-shadow:inset 0 0 80px rgba(0,0,0,0.05);align-content:center;align-items:center;overflow:hidden;justify-content:center;height: -webkit-calc(100% - 5px);flex-wrap: wrap;padding:10px;border:1px solid #eee;box-sizing:border-box;}
	.product li a div{}
	.product li a figure{margin:0 0 10px;}
		.product li a figure img{display:block;max-width:100%;margin:0 auto;height:80px;}
		.product li a h3{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:14px;font-weight:normal;transition:all 0.3s ease-out 0s;text-align:center;}
		.product li a i{display:none;}
	.product li a:hover{box-shadow:inset 0 0 80px #bd1d23;}
		.product li a:hover img{transform:scale3d(1.05, 1.05, 1);}
		.product li a:hover h3{padding:10px 15px;tac }
	.productmore{display:none;text-align:center;}
		.productmore a{display:inline-block;background:#bd1d23;color:#fff;box-shadow:0 0 10px rgba(0,0,0,0.05);padding:10px 40px;overflow:hidden;}
		.productmore a span{float:left;margin:0 10px 0 0;font-size:16px;}
		.productmore a i{float:right;font-size:30px;}
		.productmore a:hover{background:#bd1d23;padding:10px 50px;}

.solution{padding:40px 20px;}
	.solutionlist{}
		.solutionlist ul{}
		.solutionlist li{float:left;width:31.33%;text-align:center;margin:0 1% 10px;}
		.solutionlist i{display:block;width:80px;height:80px;line-height:80px;text-align:center;font-size:50px;margin:0 auto 10px;border-radius:80px;background:#fff;color:#333;transition:all 0.3s ease-out 0s;box-sizing:border-box;border:1px solid #3e3a39;}
		.solutionlist h3{font-size:12px;font-weight:normal;}
		.solutionlist li:hover i{background:#bd1d23;animation:mcrotate 2s infinite ease-in-out;-webkit-animation:mcrotate 2s infinite ease-in-out;color:#fff;border:1px solid #bd1d23;}
		.solutionlist li:hover h3{color:#bd1d23;}

.case{background:#f5f5f5;padding:40px 20px;}
	.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;transition:all 0.3s ease-out 0s;}
			.caseslide figure:before{content:'';display:block;position:absolute;top:10px;left:10px;right:10px;bottom:10px;border:2px solid #fff;opacity:0;transition:all 0.3s ease-out 0s;}
			.caseslide figure img{width:100%;}
			.caseslide figcaption{position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:all 0.3s ease-out 0s;}
			.caseslide figcaption i{font-size:50px;line-height:50px;color:#fff;border-radius:50px;padding:10px;}
		.caseslide h3{font-size:12px;font-weight:normal;}
		.caseslide a:hover figure{background:#bd1d23;}
		.caseslide a:hover figure:before{opacity:1;}
		.caseslide a:hover img{opacity:0.2;}
		.caseslide a:hover figcaption{opacity:1;}

.news{padding:40px 20px;}
	.newsmain{}
		.newstopic{margin:0 0 20px;}
			.newstopic section{position:relative;}
			.newstopic section a{display:block;}
				.newstopic section figure{overflow:hidden;}
				.newstopic section figure img{width:100%;}
			.newstopic section time{display:block;transition:all ease-out 0.3s;color:#bd1d23;padding:20px 20px 0 20px;background:#eee;}
			.newstopic section time strong{font-weight:normal;margin-left:5px;}
			.newstopic section dl{background:#eee;padding:0 20px 20px 20px;}
			.newstopic section dt{margin-bottom:5px;font-size:16px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
			.newstopic section dd{color:#999;}
		.newslist{}
			.newslist ul{}
			.newslist li:not(:last-child){margin-bottom:10px;border-bottom:1px solid #eee;padding:0 0 10px;}
			.newslist li section{position:relative;min-height:80px;}
			.newslist li a{}
			.newslist li time{display:block;}
				.newslist li strong{font-weight:normal;margin:0 0 0 5px;}
			.newslist li dl{transition:all ease-out 0.3s;box-sizing:border-box;}
			.newslist li dt{transition:all ease-out 0.3s;}
			.newslist li dd{color:#999;overflow:hidden;}
			.newslist li a:hover{color:#bd1d23;padding:0 20px;}
			.newslist li a:hover time{background:#bd1d23;color:#fff;}

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