@media (min-width:1025px){/* LAPTOPS */
.banner{}
	.banner a{display:block;}
	.banner figure{}
	.banner img{width:100%;}
	.banner .iconfont{font-size:60px;}
		.banner .swiper-button-prev{left:5%;}
		.banner .swiper-button-next{right:5%;}

.product{padding:60px 0;position:relative;}
	.product .title{text-align:center;margin:0 0 40px;}
		.product .title h2{}
		.product .title h2 span{display:inline-block;vertical-align:top;border:1px solid #eee;font-size:30px;line-height:38px;padding:5px 15px;position:relative;}
		.product .title h2 span:before{content:'';display:block;position:absolute;top:50%;right:100%;width:60px;height:1px;background:#eee;margin-right:20px;}
		.product .title h2 span:after{content:'';display:block;position:absolute;top:50%;left:100%;width:60px;height:1px;background:#eee;margin-left:20px;}
	.productlist{margin:0 0 40px;}
	.productlist .swiper-container{}
		.productlist .swiper-pagination{display:none;}
			.productlist .swiper-pagination span{border:1px solid #000;background:none;vertical-align:top;}
			.productlist span.swiper-pagination-bullet-active{background:#ff0000;border:1px solid #ff0000;}
		.productlist span.iconfont{display:block;width:58px;height:58px;border:1px solid #eee;border-radius:60px;text-align:center;line-height:60px;font-size:36px;color:#eee;}
		.productlist .swiper-button-prev{left:55px;}
			.productlist .swiper-button-prev .iconfont{text-indent:4px;}
		.productlist .swiper-button-next{right:55px;}
			.productlist .swiper-button-next .iconfont{text-indent:-4px;}
		.productlist a{display:block;}
			.productlist a figure{}
				.productlist a img{width:100%;}
			.productlist a section{overflow:hidden;line-height:45px;background:#000;color:#fff;padding:0 45px 0 0;position:relative;}
				.productlist a h3{font-size:16px;padding:0 15px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-weight:normal;}
				.productlist a i{position:absolute;top:0;right:0;display:block;width:45px;height:45px;text-align:center;font-size:20px;background:#ff0000;}
	.productmore{text-align:center;}
		.productmore a{display:inline-block;line-height:50px;padding:0 30px;background:#f00;color:#fff;}

.about{display:flex;justify-content:space-between;}
	.aboutslide{flex:0 0 50%;min-width:0;}
		.aboutslide .iconfont{display:block;width:60px;height:60px;line-height:60px;font-size:30px;background:rgba(0,0,0,0.5);color:#fff;text-align:center;}
		.aboutslide .swiper-button-prev{left:0;}
		.aboutslide .swiper-button-prev .iconfont{text-indent:4px;}
		.aboutslide .swiper-button-next{right:0;}
		.aboutslide .swiper-button-next .iconfont{text-indent:-4px;}
		.aboutslide figure{position:relative;height:605px;overflow:hidden;}
			.aboutslide img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:605px;}
		
	.aboutinfo{flex:0 0 50%;min-width:0;background:#f9f9f9;box-sizing:border-box;padding:60px;}
		.aboutinfo h2{font-size:30px;line-height:40px;position:relative;margin-bottom:40px;}
			.aboutinfo h2:before{content:'';position:absolute;top:60px;left:0;width:280px;height:1px;background:#ccc;}
			.aboutinfo h2:after{content:'';position:absolute;top:59px;left:0;width:120px;height:3px;background-image:linear-gradient(90deg,#000 60px,#ff0000 60px);}
		.aboutinfo h4{font-size:14px;color:#999;font-weight:normal;margin-bottom:30px;}
		.aboutinfo section{font-size:16px;line-height:30px;color:#666;margin-bottom:60px;height:120px;overflow:hidden;}
		.aboutinfo ul{overflow:hidden;margin-bottom:60px;}
			.aboutinfo li{float:left;width:25%;box-sizing:border-box;position:relative;}
			.aboutinfo li strong{font-family:'sysfont';font-size:48px;line-height:48px;}
			.aboutinfo li p{color:#999;}
			.aboutinfo li i{color:#f00;font-style:normal;margin-left:10px;vertical-align:text-bottom;line-height:50px;}
		.aboutinfo a{display:block;width:120px;text-align:center;line-height:40px;background:#000;color:#fff;}

.flink{padding:30px 0;}
	.flinklist{}
		.flinklist span{}
		.flinklist a:not(:last-child){margin-right:10px;}
}
@media (max-width:1024px){/* TABLET */
.banner{}
	.banner a{display:block;}
	.banner figure{}
	.banner img{width:100%;}
	.banner .iconfont{font-size:60px;}
		.banner .swiper-button-prev{left:5%;}
		.banner .swiper-button-next{right:5%;}

.product{padding:40px 20px;position:relative;}
	.product .title{text-align:center;margin:0 0 20px;}
		.product .title h2{}
		.product .title h2 span{display:inline-block;vertical-align:top;border:1px solid #eee;font-size:24px;line-height:30px;padding:5px 15px;position:relative;}
		.product .title h2 span:before{content:'';display:block;position:absolute;top:50%;right:100%;width:60px;height:1px;background:#eee;margin-right:20px;}
		.product .title h2 span:after{content:'';display:block;position:absolute;top:50%;left:100%;width:60px;height:1px;background:#eee;margin-left:20px;}
	.productlist .swiper-container{padding:0 0 40px;}
		.productlist .swiper-pagination{display:none;}
			.productlist .swiper-pagination span{border:1px solid #000;background:none;vertical-align:top;}
			.productlist span.swiper-pagination-bullet-active{background:#ff0000;border:1px solid #ff0000;}
		.productlist span.iconfont{display:block;width:28px;height:28px;border:1px solid #eee;border-radius:30px;text-align:center;line-height:30px;font-size:24px;color:#eee;}
		.productlist .swiper-button-prev{left:5px;}
			.productlist .swiper-button-prev .iconfont{text-indent:4px;}
		.productlist .swiper-button-next{right:5px;}
			.productlist .swiper-button-next .iconfont{text-indent:-4px;}
		.productlist a{display:block;}
			.productlist a figure{}
				.productlist a img{width:100%;}
			.productlist a section{overflow:hidden;line-height:30px;background:#000;color:#fff;padding:0 45px 0 0;position:relative;}
				.productlist a h3{font-size:13px;padding:0 15px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-weight:normal;}
				.productlist a i{position:absolute;top:0;right:0;display:block;width:30px;height:30px;text-align:center;font-size:20px;background:#ff0000;}
	.productmore{text-align:center;}
		.productmore a{display:inline-block;line-height:40px;padding:0 30px;background:#f00;color:#fff;}

.about{}
	.aboutslide{}
		.aboutslide .iconfont{display:block;width:30px;height:30px;line-height:30px;font-size:20px;background:rgba(0,0,0,0.5);color:#fff;text-align:center;}
		.aboutslide .swiper-button-prev{left:0;}
		.aboutslide .swiper-button-prev .iconfont{text-indent:4px;}
		.aboutslide .swiper-button-next{right:0;}
		.aboutslide .swiper-button-next .iconfont{text-indent:-4px;}
		.aboutslide figure{}
			.aboutslide img{width:100%;}
		
	.aboutinfo{background:#f9f9f9;box-sizing:border-box;padding:20px;}
		.aboutinfo h2{font-size:24px;line-height:30px;position:relative;margin-bottom:20px;}
			.aboutinfo h2:before{content:'';position:absolute;top:40px;left:0;width:280px;height:1px;background:#ccc;}
			.aboutinfo h2:after{content:'';position:absolute;top:39px;left:0;width:120px;height:3px;background-image:linear-gradient(90deg,#000 60px,#ff0000 60px);}
		.aboutinfo h4{font-size:14px;color:#999;font-weight:normal;margin-bottom:20px;}
		.aboutinfo section{font-size:13px;color:#666;overflow:hidden;}
		.aboutinfo ul{overflow:hidden;margin:20px 0;}
			.aboutinfo li{float:left;width:25%;box-sizing:border-box;position:relative;}
			.aboutinfo li strong{font-family:'sysfont';font-size:36px;line-height:40px;}
			.aboutinfo li p{color:#999;}
			.aboutinfo li i{color:#f00;font-style:normal;margin-left:10px;vertical-align:text-bottom;}
		.aboutinfo a{display:block;width:120px;text-align:center;line-height:40px;background:#000;color:#fff;}

.flink{padding:30px 20px;}
	.flinklist{}
		.flinklist span{}
		.flinklist a:not(:last-child){margin-right:10px;}
}