@media (min-width:1441px){/* DESKTOPS */
.banner{position:relative;}
	.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%;}

.search{padding:15px 0;line-height:30px;font-size:12px;background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.1);}
	.searchhotkey{float:left;}
		.searchhotkey a{margin-right:10px;color:#fff;}
	.searchform{float:right;}
		.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:#d0471b;padding:0 20px;color:#fff;}

.title{margin-bottom:40px;overflow:hidden;text-align:center;}
	.title h2{font-size:36px;line-height:40px;position:relative;margin-bottom:5px;font-weight:normal;}
	.title h3{opacity:0.8;font-size:18px;color:#999;text-transform:uppercase;font-weight:normal;}
		.title h3 span{position:relative;display:inline-block;}
		.title h3 span:before{content:'';display:block;position:absolute;top:50%;left:100%;margin-left:30px;width:50px;height:1px;background:#999;}
		.title h3 span:after{content:'';display:block;position:absolute;top:50%;right:100%;margin-right:30px;width:50px;height:1px;background:#999;}
.fl {
	float: left;
   }
.fr {
	float: right;
   }
.indexTitle .title1{ font-weight: bold; font-size: 65px; line-height: 70px; text-transform: uppercase; color: #ccc; font-family: Arial Black,Arial}
.indexTitle .title1 span{color: #d0471b;}
.indexTitle .title2{ font-size: 21px; line-height: 25px; color: #1e1e1e; padding-top: 0.12rem; }
.index-nav{ min-width: 600px;}
.index-nav li{ float: left; margin-bottom: 20px;  padding: 0 .15rem; margin-top: .5rem;}
.index-nav li a{ color: #707070; display: block;font-size: 16px; background: #eee; padding: 10px 21px; }
.index-nav li a:hover{ color: #fff; background: #d0471b;}

.product{padding:60px 0;background: url(../images/bgproduct.jpg) no-repeat center;}
	.product  .indexTitle{ padding-bottom: 60px; }
	.productclass{margin-bottom:40px;}
		.productclass ul{border-left:1px solid #eee;border-top:1px solid #eee}
		.productclass li{float:left;width:25%;border-bottom:1px solid #eee;border-right:1px solid #eee;box-sizing:border-box;}
		.productclass li a{display:block;font-size:17px;font-weight:bold;line-height:39px;padding:0 15px;}
		.productclass li a i{float:right;}
		.productclass li a:hover{padding:0 20px;background:#d0471b;color:#fff;}
	.productlist{}
		.productlist ul{margin:0 -1%;}
		.productlist li{float:left;width:23%;margin:0 1% 20px;}
		.productlist li a{display:block;text-align:center;}
		.productlist li a figure{overflow:hidden;position:relative;background:rgba(112,210,247,1);}
		.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;border:2px solid #fff;width:30px;height:30px;border-radius:30px;line-height:30px;color:#fff;}
		.productlist li a img{width:100%;}
		.productlist li a h3{font-size:14px;font-weight:normal;line-height:30px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
		.productlist li a:hover figcaption{opacity:1;}
		.productlist li a:hover img{transform:scale3d(1.05, 1.05, 1);opacity:0.7;}

.strength{ padding-top: 80px; position: relative; z-index: 2;overflow: hidden;}
.strength .wal{ position: relative;}
	.strength .indexTitle{ padding-bottom: 0.85rem; }
	.strength .bigBox{ position: relative; padding-bottom: 0.95rem;}
	.strength .mxfDiv{ position: relative; }
	.strength .bigImg img{ width: 100%; }
	.strength .layerDiv{ position: absolute; width: 12.0rem; left: 50%; margin-left: -6.0rem; top: 1.5rem;}
	.strength .layerDiv .name{ font-size: 0.3rem; color: #fff; text-align: center; height: 0.6rem; position: relative; font-weight: bold;}
	.strength .layerDiv .name:after{ content: ''; width: 0.4rem; height: 0.04rem; background: #fff; position: absolute; left: 50%; bottom: 0px; margin-left: -0.2rem; }
	.strength .layerDiv .content{ font-size: 0.14rem; color: #fff; line-height: 0.3rem; padding: 0.5rem 1.85rem 0; text-align: center; height: 1.2rem; overflow: hidden;}
	.strength .layerDiv .more{ padding-top: 0.35rem; width: 1.62rem; margin: 0 auto; }
	.strength .layerDiv .more a{ font-weight: bold; color: #fff; position: relative; font-size: 12px; display: block; width: 1.58rem; height: 0.4rem; line-height: 0.4rem; border: #fff solid 0.02rem; text-indent: 0.22rem; }
	.strength .layerDiv .more a:after{ content: ''; position: absolute; right: 0.25rem; top: 0.14rem; width: 0.4rem; height: 0.09rem; background: url(../image/nimg40_1.png) no-repeat; background-size: 0.4rem;}
	.strength .tab2{ position: absolute; left: 50%; bottom: 0; width: 17.0rem; margin-left: -8.5rem; height: 2.1rem;}
	.strength .tab2 li{ float: left; width: 20%; height: 2.1rem; background: #fbfbfb; text-align: center;}
	.strength .tab2 .other{ background: #fff; }
	.strength .tab2 li .ico{ padding: 0.56rem 0 0.18rem; }
	.strength .tab2 li .ico img{ width: 0.4rem; }
	.strength .tab2 li .name{ font-weight: bold; font-size: 0.18rem; color: #3f3f3f; }
	.strength .tab2 li .txt{ font-weight: bold; padding-top: 0.06rem; color: #cacaca; text-transform: uppercase; }
	.strength .tab2 .liNow{ background: #0075cf; }
	.strength .tab2 .liNow .name{ color: #fff; }
	.strength .tab2 .liNow .txt{ color: #a3c2e8; }
	.advan {
		position: relative;
		height: 100%;
		min-height: 600px;
	}
	.anli_xiejiao {
		width: 1160px;
		margin: 0 auto;
		position: relative;
		z-index: 99;
		}
	.backgd{
		width: 90%;
		height: 400px;
		background: #d0471b;
		transform: skew(-20deg);
		position: absolute;
		right: -15%;
		top: -100px;
	}
	.anli_xiejiao .content {
		position: relative;
		width: 33%;
		float: left;
	}
	.anli_xiejiao li{
		position: relative;
		width: 33%;
		float: left;
	}
	.anli_xiejiao li .tu {
		transform: skew(-20deg);
		overflow: hidden;
		height: 460px;
		width: 360px;
	}
	.anli_xiejiao li .tu a img {
			transform: skew(20deg);
			transition: all 1s;
			width: 585px !important;
			height: 561px;
			position: absolute;
			left: 50%;
			margin-left: -290px;
			transition: all 0.7s ease-in-out;
		}
	.anli_xiejiao .wenzi {
		position: absolute;
		top: 45%;
		text-align: center;
		width: 100%;
		color: #fff;
		font-size: 26px;
	}
	.anli_xiejiao .wenzi a{
		color: #fff;
	}
	.anli_xiejiao .wenzi a span {
		display: block;
		font-size: 14px;
		font-weight: normal;
		line-height: 35px;
	}
	.anli_xiejiao .heidi {
		background: rgba(0, 0, 0, 0.3);
		position: absolute;
		top: 0px;
		width: 100%;
		height: 100%;
		left: 0px;
		z-index: 999;
		transition: all 0.7s ease-in-out;
	}
	.anli_xiejiao li:hover .tu a img{
		transform: skew(20deg);
		transition: all 1s;
		width: 585px !important;
		height: 561px;
		position: absolute;
		left: 50%;
		margin-left: -300px;
		transition: all 0.7s ease-in-out;
	}
	.anli_xiejiao li:hover .heidi {
			background: rgba(0, 102, 153, 0.5);
			position: absolute;
			top: 0px;
			width: 100%;
			height: 100%;
			left: 0px;
			z-index: 999;
			transition: all 0.7s ease-in-out;
		}
	.strengthtitle{
			min-height:220px;
			position: relative;
	}
	.strengthtitle h3 {
	  color: #d0471b;
		font-size: 21px;
		line-height: 25px;
		font-weight: 600;
		letter-spacing: 10px;
		position: relative;
	}
	.strengthtitle h3:after {
		position: absolute;
		width: 72px;
		height: 3px;
		background: #d0471b;
		content: "";
		left: 200px;
		top: 15px;
	}
	.strengthtitle b {
		color: #ccc;
		font-family: Arial Black,Arial;
		font-size: 65px;
		line-height: 70px;
		position: absolute;
		right: 0px;
		top: -30px;
	}
	.strengthtitle b span {
		color: #d0471b;
	}
	.strengthtitle p {
		color: #666;
		width: 440px;
		padding-top: 20px;
		font-size: 12px;
		line-height: 27px;
	}
	.strengthfoot {
		background: #f6f6f6;
		width: 100%;
		height: 400px;
		bottom: 0px;
		position: absolute;
		z-index: 0;
	}

.about{padding:80px 0;position:relative;background:#f9f9f9;}
	.aboutmix{}
		.aboutmixcover{float:right;width:640px;margin-top: 80px;}
			.aboutmixcover figure{overflow:hidden;}
			.aboutmixcover img{width:100%;}
		.aboutmixinfo{float:left;width:570px;}
			.aboutmain{}
				.aboutmaininfo{}
					.aboutmaininfo h2{font-size:36px;line-height:40px;margin-bottom:40px;position:relative;}
					.aboutmaininfo h2:after{content:'';display:block;position:absolute;top:60px;left:0;width:50px;height:2px;background:#fff;}
					.aboutmaininfo dl{
						font-size: 15px;
						line-height: 28px;
						color: #666666;
						margin-top: 35px;}
					.aboutmaininfo dt{font-size:24px;line-height:30px;margin-bottom:30px;}
					.aboutmaininfo dd{font-size:15px;line-height:25px;opacity:0.8;overflow:hidden;}
					.aboutmaininfo a {
						display: inline-block;
                        background: #d0471b;
                        color: #fff;
                        border-radius: 3px;
                        font-size: 14px;
                        line-height: 40px;
                        padding: 0 30px;
						margin-top: 40px;
					}
				.aboutnav{margin-top:40px;}
					.aboutnav ul{display:flex;margin:0 -1%;}
					.aboutnav li{flex:1;margin:0 1%;}
					.aboutnav li a{display:block;text-align:center;background:#eef2f6;padding:20px 0;border-bottom:2px solid #333;border-radius:3px;}
					.aboutnav li figure i{display:block;width:40px;height:40px;margin:0 auto 8px;font-size:40px;line-height:40px;}
					.aboutnav li h3{font-size:14px;font-weight:normal;}

.news{padding:80px 0 60px;}
    .news .indexTitle {text-align: center;margin-bottom: 50px;}
	.newsclass{margin-bottom:40px;}
		.newsclass ul{border-left:1px solid #eee;border-top:1px solid #eee}
		.newsclass li{float:left;width:33.33%;border-bottom:1px solid #eee;border-right:1px solid #eee;box-sizing:border-box;}
		.newsclass li a{display:block;font-size:17px;font-weight:bold;line-height:39px;padding:0 15px;}
		.newsclass li a i{float:right;}
		.newsclass li a:hover{color:#d0471b;padding:0 20px;}
	.newslist{}
		.newslist ul{margin:0 -1%;}
		.newslist li{margin-bottom:20px;float:left;width:48%;margin:0 1% 20px;}
		.newslist li a{display:block;position:relative;padding:20px;background:#fff;border:1px solid #eee;}
		.newslist li a dl{position:relative;padding-left:100px;}
		.newslist li a dl:after{content:'';display:block;position:absolute;top:0;bottom:0;left:80px;width:1px;background:#eee;}
		.newslist li a dt{font-size:15px;line-height:30px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
		.newslist li a time{position:absolute;top:0;left:0;display:block;font-size:12px;color:#ccc;font-family:'sysfont';}
			.newslist li a time strong{display:block;font-size:17px;line-height:30px;font-weight:normal;}
			.newslist li a time span{display:block;font-size:30px;line-height:40px;}
		.newslist li a i{position:absolute;bottom:20px;left:20px;display:block;font-size:24px;color:#999;}
		.newslist li a dd{color:#999;font-size:13px;height:60px;}
		.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:#d0471b;}

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

@media (max-width: 1440px) and (min-width: 1025px){/* LAPTOPS */
	.banner{position:relative;}
		.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%;}
	
	.search{padding:15px 0;line-height:30px;font-size:12px;background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.1);}
		.searchhotkey{float:left;}
			.searchhotkey a{margin-right:10px;color:#fff;}
		.searchform{float:right;}
			.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:#d0471b;padding:0 20px;color:#fff;}
	
	.title{margin-bottom:40px;overflow:hidden;text-align:center;}
		.title h2{font-size:36px;line-height:40px;position:relative;margin-bottom:5px;font-weight:normal;}
		.title h3{opacity:0.8;font-size:18px;color:#999;text-transform:uppercase;font-weight:normal;}
			.title h3 span{position:relative;display:inline-block;}
			.title h3 span:before{content:'';display:block;position:absolute;top:50%;left:100%;margin-left:30px;width:50px;height:1px;background:#999;}
			.title h3 span:after{content:'';display:block;position:absolute;top:50%;right:100%;margin-right:30px;width:50px;height:1px;background:#999;}
	.fl {
		float: left;
	   }
	.fr {
		float: right;
	   }
	.indexTitle .title1{ font-weight: bold; font-size: 55px; line-height: 60px; text-transform: uppercase; color: #ccc; font-family: Arial Black,Arial}
	.indexTitle .title1 span{color: #d0471b;}
	.indexTitle .title2{ font-size: 19px; line-height: 25px; color: #1e1e1e; padding-top: 0.12rem; }
	.index-nav{ min-width: 600px;}
	.index-nav li{ float: left; margin-bottom: 20px;  padding: 0 .15rem; margin-top: .5rem;}
	.index-nav li a{ color: #707070; display: block;font-size: 16px; background: #eee; padding: 10px 21px; }
	.index-nav li a:hover{ color: #fff; background: #d0471b;}
	
	.product{padding:60px 0;background: url(../images/bgproduct.jpg) no-repeat center;}
		.product  .indexTitle{ padding-bottom: 60px; }
		.productclass{margin-bottom:40px;}
			.productclass ul{border-left:1px solid #eee;border-top:1px solid #eee}
			.productclass li{float:left;width:25%;border-bottom:1px solid #eee;border-right:1px solid #eee;box-sizing:border-box;}
			.productclass li a{display:block;font-size:17px;font-weight:bold;line-height:39px;padding:0 15px;}
			.productclass li a i{float:right;}
			.productclass li a:hover{padding:0 20px;background:#d0471b;color:#fff;}
		.productlist{}
			.productlist ul{margin:0 -1%;}
			.productlist li{float:left;width:23%;margin:0 1% 20px;}
			.productlist li a{display:block;text-align:center;}
			.productlist li a figure{overflow:hidden;position:relative;background:rgba(112,210,247,1);}
			.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;border:2px solid #fff;width:30px;height:30px;border-radius:30px;line-height:30px;color:#fff;}
			.productlist li a img{width:100%;}
			.productlist li a h3{font-size:14px;font-weight:normal;line-height:30px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
			.productlist li a:hover figcaption{opacity:1;}
			.productlist li a:hover img{transform:scale3d(1.05, 1.05, 1);opacity:0.7;}
	
.strength{ padding-top: 80px; position: relative; z-index: 2;}
	.strength .wal{ position: relative;}
		.strength .indexTitle{ padding-bottom: 0.85rem; }
		.strength .bigBox{ position: relative; padding-bottom: 0.95rem;}
		.strength .mxfDiv{ position: relative; }
		.strength .bigImg img{ width: 100%; }
		.strength .layerDiv{ position: absolute; width: 12.0rem; left: 50%; margin-left: -6.0rem; top: 1.5rem;}
		.strength .layerDiv .name{ font-size: 0.3rem; color: #fff; text-align: center; height: 0.6rem; position: relative; font-weight: bold;}
		.strength .layerDiv .name:after{ content: ''; width: 0.4rem; height: 0.04rem; background: #fff; position: absolute; left: 50%; bottom: 0px; margin-left: -0.2rem; }
		.strength .layerDiv .content{ font-size: 0.14rem; color: #fff; line-height: 0.3rem; padding: 0.5rem 1.85rem 0; text-align: center; height: 1.2rem; overflow: hidden;}
		.strength .layerDiv .more{ padding-top: 0.35rem; width: 1.62rem; margin: 0 auto; }
		.strength .layerDiv .more a{ font-weight: bold; color: #fff; position: relative; font-size: 12px; display: block; width: 1.58rem; height: 0.4rem; line-height: 0.4rem; border: #fff solid 0.02rem; text-indent: 0.22rem; }
		.strength .layerDiv .more a:after{ content: ''; position: absolute; right: 0.25rem; top: 0.14rem; width: 0.4rem; height: 0.09rem; background: url(../image/nimg40_1.png) no-repeat; background-size: 0.4rem;}
		.strength .tab2{ position: absolute; left: 50%; bottom: 0; width: 17.0rem; margin-left: -8.5rem; height: 2.1rem;}
		.strength .tab2 li{ float: left; width: 20%; height: 2.1rem; background: #fbfbfb; text-align: center;}
		.strength .tab2 .other{ background: #fff; }
		.strength .tab2 li .ico{ padding: 0.56rem 0 0.18rem; }
		.strength .tab2 li .ico img{ width: 0.4rem; }
		.strength .tab2 li .name{ font-weight: bold; font-size: 0.18rem; color: #3f3f3f; }
		.strength .tab2 li .txt{ font-weight: bold; padding-top: 0.06rem; color: #cacaca; text-transform: uppercase; }
		.strength .tab2 .liNow{ background: #0075cf; }
		.strength .tab2 .liNow .name{ color: #fff; }
		.strength .tab2 .liNow .txt{ color: #a3c2e8; }
		.advan {
			position: relative;
			height: 100%;
			min-height: 600px;
		}
		.anli_xiejiao {
			width: 960px;
			margin: 0 auto;
			position: relative;
			z-index: 99;
			}
		.backgd{
			width: 81%;
			height: 400px;
			background: #d0471b;
			transform: skew(-20deg);
			position: absolute;
			right: -11%;
			top: -100px;
		}
		.anli_xiejiao .content {
			position: relative;
			width: 33%;
			float: left;
		}
		.anli_xiejiao li{
			position: relative;
			width: 33%;
			float: left;
		}
		.anli_xiejiao li .tu {
			transform: skew(-20deg);
			overflow: hidden;
			height: 460px;
			width: 300px;
		}
		.anli_xiejiao li .tu a img {
				transform: skew(20deg);
				transition: all 1s;
				width: 585px !important;
				height: 561px;
				position: absolute;
				left: 50%;
				margin-left: -290px;
				transition: all 0.7s ease-in-out;
			}
		.anli_xiejiao .wenzi {
			position: absolute;
			top: 45%;
			text-align: center;
			width: 100%;
			color: #fff;
			font-size: 26px;
		}
		.anli_xiejiao .wenzi a{
			color: #fff;
		}
		.anli_xiejiao .wenzi a span {
			display: block;
			font-size: 14px;
			font-weight: normal;
			line-height: 35px;
		}
		.anli_xiejiao .heidi {
			background: rgba(0, 0, 0, 0.3);
			position: absolute;
			top: 0px;
			width: 100%;
			height: 100%;
			left: 0px;
			z-index: 999;
			transition: all 0.7s ease-in-out;
		}
		.anli_xiejiao li:hover .tu a img{
			transform: skew(20deg);
			transition: all 1s;
			width: 585px !important;
			height: 561px;
			position: absolute;
			left: 50%;
			margin-left: -300px;
			transition: all 0.7s ease-in-out;
		}
		.anli_xiejiao li:hover .heidi {
				background: rgba(0, 102, 153, 0.5);
				position: absolute;
				top: 0px;
				width: 100%;
				height: 100%;
				left: 0px;
				z-index: 999;
				transition: all 0.7s ease-in-out;
			}
		.strengthtitle{
				min-height:220px;
				position: relative;
		}
		.strengthtitle h3 {
		  color: #d0471b;
			font-size: 21px;
			line-height: 25px;
			font-weight: 600;
			letter-spacing: 10px;
			position: relative;
		}
		.strengthtitle h3:after {
			position: absolute;
			width: 72px;
			height: 3px;
			background: #d0471b;
			content: "";
			left: 200px;
			top: 15px;
		}
		.strengthtitle b {
			color: #ccc;
			font-family: Arial Black,Arial;
			font-size: 55px;
			line-height: 60px;
			position: absolute;
			right: 0px;
			top: -30px;
		}
		.strengthtitle b span {
			color: #d0471b;
		}
		.strengthtitle p {
			color: #666;
			width: 440px;
			padding-top: 20px;
			font-size: 12px;
			line-height: 27px;
		}
		.strengthfoot {
			background: #f6f6f6;
			width: 100%;
			height: 400px;
			bottom: 0px;
			position: absolute;
			z-index: 0;
		}
	
	.about{padding:80px 0;position:relative;background:#f9f9f9;}
		.aboutmix{}
			.aboutmixcover{float:right;width:570px;margin-top: 80px;}
				.aboutmixcover figure{overflow:hidden;}
				.aboutmixcover img{width:100%;}
			.aboutmixinfo{float:left;width:550px;}
				.aboutmain{}
					.aboutmaininfo{}
						.aboutmaininfo h2{font-size:36px;line-height:40px;margin-bottom:40px;position:relative;}
						.aboutmaininfo h2:after{content:'';display:block;position:absolute;top:60px;left:0;width:50px;height:2px;background:#fff;}
						.aboutmaininfo dl{
							font-size: 15px;
							line-height: 28px;
							color: #666666;
							margin-top: 35px;}
						.aboutmaininfo dt{font-size:24px;line-height:30px;margin-bottom:30px;}
						.aboutmaininfo dd{font-size:12px;line-height:25px;opacity:0.8;overflow:hidden;}
						.aboutmaininfo a {
							display: inline-block;
							background: #d0471b;
							color: #fff;
							border-radius: 3px;
							font-size: 12px;
							line-height: 30px;
							padding: 0 20px;
							margin-top: 40px;
						}
					.aboutnav{margin-top:40px;}
						.aboutnav ul{display:flex;margin:0 -1%;}
						.aboutnav li{flex:1;margin:0 1%;}
						.aboutnav li a{display:block;text-align:center;background:#eef2f6;padding:20px 0;border-bottom:2px solid #333;border-radius:3px;}
						.aboutnav li figure i{display:block;width:40px;height:40px;margin:0 auto 8px;font-size:40px;line-height:40px;}
						.aboutnav li h3{font-size:14px;font-weight:normal;}
	
	.news{padding:80px 0 60px;}
		.news .indexTitle {text-align: center;margin-bottom: 50px;}
		.newsclass{margin-bottom:40px;}
			.newsclass ul{border-left:1px solid #eee;border-top:1px solid #eee}
			.newsclass li{float:left;width:33.33%;border-bottom:1px solid #eee;border-right:1px solid #eee;box-sizing:border-box;}
			.newsclass li a{display:block;font-size:17px;font-weight:bold;line-height:39px;padding:0 15px;}
			.newsclass li a i{float:right;}
			.newsclass li a:hover{color:#d0471b;padding:0 20px;}
		.newslist{}
			.newslist ul{margin:0 -1%;}
			.newslist li{margin-bottom:20px;float:left;width:48%;margin:0 1% 20px;}
			.newslist li a{display:block;position:relative;padding:20px;background:#fff;border:1px solid #eee;}
			.newslist li a dl{position:relative;padding-left:100px;}
			.newslist li a dl:after{content:'';display:block;position:absolute;top:0;bottom:0;left:80px;width:1px;background:#eee;}
			.newslist li a dt{font-size:15px;line-height:30px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
			.newslist li a time{position:absolute;top:0;left:0;display:block;font-size:12px;color:#ccc;font-family:'sysfont';}
				.newslist li a time strong{display:block;font-size:17px;line-height:30px;font-weight:normal;}
				.newslist li a time span{display:block;font-size:30px;line-height:40px;}
			.newslist li a i{position:absolute;bottom:20px;left:20px;display:block;font-size:24px;color:#999;}
			.newslist li a dd{color:#999;font-size:13px;height:60px;}
			.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:#d0471b;}
	
	.flink{padding:10px 0;background:#f9f9f9;}
		.flink a{margin-right:10px;}
	}


@media (max-width:767px){/* MOBILE */
.banner{position:relative;}
	.banner figure{}
	.banner img{width: 100%;}
	.banner section{display:none;}
		.banner .iconfont{font-size:20px;}
		.banner .swiper-button-prev{left:5%;}
		.banner .swiper-button-next{right:5%;}

.search{padding:20px;text-align:center;background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.1);}
	.searchhotkey{}
		.searchhotkey a:not(:last-child){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:#d0471b;;padding:0 20px;color:#fff;}

.title{margin-bottom:20px;overflow:hidden;text-align:center;}
	.title h2{font-size:24px;line-height:30px;position:relative;font-weight:normal;}
	.title p{text-transform:uppercase;color:#999;}
	.title h3{opacity:0.8;font-size:18px;color:#999;text-transform:uppercase;font-weight:normal;}
		.title h3 span{position:relative;display:inline-block;}
		.title h3 span:before{content:'';display:block;position:absolute;top:50%;left:100%;margin-left:30px;width:50px;height:1px;background:#999;}
		.title h3 span:after{content:'';display:block;position:absolute;top:50%;right:100%;margin-right:30px;width:50px;height:1px;background:#999;}
.fl {
	float: left;
   }
.fr {
	float: right;
   }
.indexTitle .title1{ font-weight: bold;color: #d0471b; font-size: 23px; line-height: 30px; text-transform: uppercase; font-family: Arial Black,Arial;}
.indexTitle .title2{ font-size: 14px; line-height: 25px; color: #1e1e1e; padding-top: 0.12rem; }
.index-nav{ min-width: 100%;}
.index-nav li{ float: left; margin-bottom: 20px;  padding: 0 .15rem; margin-top: .5rem;}
.index-nav li a{ color: #707070; display: block;font-size: 16px; background: #eee; padding: 10px 21px; }
.index-nav li a:hover{ color: #fff; background: #d0471b;}

.product{padding:15px;background: url(../images/bgproduct.jpg) no-repeat center;}
.product  .indexTitle{ padding-bottom: 20px; }
    .productclass{margin-bottom:40px;}
		.productclass ul{border-left:1px solid #eee;border-top:1px solid #eee}
		.productclass li{float:left;width:25%;border-bottom:1px solid #eee;border-right:1px solid #eee;box-sizing:border-box;}
		.productclass li a{display:block;font-size:14px;line-height:39px;padding:0 15px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative;}
		.productclass li a i{position:absolute;top:50%;transform:translateY(-50%);right:15px;}
		.productclass li a:hover{padding:0 20px;background:#d0471b;color:#fff;}
	.productlist{}
		.productlist ul{margin:0 -1%;}
		.productlist li{float:left;width:48%;margin:0 1% 10px;}
		.productlist li a{display:block;text-align:center;}
		.productlist li a figure{overflow:hidden;position:relative;background:rgba(112,210,247,1);}
		.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;border:2px solid #fff;width:30px;height:30px;border-radius:30px;line-height:30px;color:#fff;}
		.productlist li a img{width:100%;}
		.productlist li a h3{font-size:14px;font-weight:normal;line-height:30px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
		.productlist li a:hover figcaption{opacity:1;}
		.productlist li a:hover img{transform:scale3d(1.05, 1.05, 1);opacity:0.7;}

.strength{ padding: 15px; margin-top: .5rem;}
		.strengthtitle{ min-height: 145px;position: relative;}
		.strengthtitle p{ width: 100%;padding-top: 10px;}
		.strengthtitle h3
		    {
				font-weight: 400;
		    	font-size: 14px;
                line-height: 25px;
                color: #1e1e1e;
                padding-top: 1.72rem;
		    }
		.strengthtitle h3:after{ display: none;}
		.strengthtitle b {position: absolute;font-size: 23px; left: 0; top: -5px; color: #d0471b;line-height: 30px;}
		.anli_xiejiao{ width: 100%;}
		.anli_xiejiao li{ width: 100%;}
		.backgd{display: none;}
		.anli_xiejiao li .tu{ width: 100%; height: 561px; transform: skew(0deg);  overflow: hidden; margin-bottom: 15px;}
		.anli_xiejiao li .tu a {
			display: block;
			width: 100%;
			height: 100%;
		}
		.anli_xiejiao li .tu a img {
			/* transform: skew(20deg); */
			transition: all 1s;
			width: 100% !important;
			height: 100%;
			/* position: absolute;
			left: 50%; */
			/* margin-left: -290px; */
			transition: all 0.7s ease-in-out;
		}
		.anli_xiejiao .wenzi{ top: 30%;}
		.strengthfoot { display: none;}
		.advan{ min-height: 500px;}
		.strength .indexTitle{ padding-bottom: 0.5rem; }
		.strength .bigBox{ padding-bottom: 0;}
		.strength .layerDiv{ width: 100%; left: 0; margin-left: 0; top: 1.25rem;}
		.strength .layerDiv .name{ font-size: 0.36rem; height: 0.7rem;}
		.strength .layerDiv .content{ font-size: 0.24rem; line-height: 0.48rem; padding: 0.5rem 0.2rem 0; height: 1.44rem; }
		.strength .layerDiv .more{ padding-top: 0.35rem; width: 2.62rem; }
		.strength .layerDiv .more a{ text-indent: 0.24rem; width: 2.62rem; height: 0.78rem; line-height: 0.78rem;  }
		.strength .layerDiv .more a:after{ top: 0.34rem; }
		.strength .tab2{ padding: 0 0.2rem; position: relative; left: 0; width: auto; margin-left: 0; height: auto;}
		.strength .tab2 li{ width: 33.33%; background: #f0f0f0;}
		.strength .tab2 .li01{ width: 50%; }
		.strength .tab2 .other{ background: #fff; }
		.strength .tab2 .liNow{ background: #0075cf; }
		.strength .tab2 li .name{ font-size: 0.24rem; }
		.strength .tab2 li .txt{ font-size: 0.14rem; }


.about{padding:40px 20px;position:relative;background:#f9f9f9;}
	.aboutmix{}
		.aboutmixcover{margin-top:20px;}
			.aboutmixcover figure{overflow:hidden;}
			.aboutmixcover img{width:100%;}
		.aboutmixinfo{}
			.aboutmain{}
				.aboutmaintitle{margin-bottom:40px;}
					.aboutmaintitle h2{font-size:32px;line-height:40px;font-weight:normal;padding-bottom:15px;position:relative;margin-bottom:10px;}
					.aboutmaintitle h2:after{content:'';display:block;position:absolute;bottom:0;left:0;width:50px;height:2px;background:#d0471b;}
					.aboutmaintitle p{color:#999;font-size:12px;text-transform:uppercase;}
				.aboutmaininfo{}
					.aboutmaininfo h2{font-size:36px;line-height:40px;margin-bottom:40px;position:relative;}
					.aboutmaininfo h2:after{content:'';display:block;position:absolute;top:60px;left:0;width:50px;height:2px;background:#fff;}
					.aboutmaininfo dl{margin-bottom:20px;}
					.aboutmaininfo dt{font-size:18px;margin-bottom:20px;}
					.aboutmaininfo dd{opacity:0.8;}
					.aboutmaininfo a {
						display: inline-block;
						background: #d0471b;
						color: #fff;
						border-radius: 3px;
						font-size: 12px;
						line-height: 30px;
						padding: 0 20px;
					}
				.aboutnav{margin-top:40px;}
					.aboutnav ul{display:flex;margin:0 -1%;}
					.aboutnav li{flex:1;margin:0 1%;}
					.aboutnav li a{display:block;text-align:center;background:#eef2f6;padding:10px 0;border-bottom:2px solid #333;border-radius:3px;}
					.aboutnav li figure i{display:block;width:40px;height:40px;margin:0 auto 8px;font-size:40px;line-height:40px;}
					.aboutnav li h3{font-size:14px;font-weight:normal;}

.news{padding:40px 20px;}
	
	.news .indexTitle {text-align: center;margin-bottom: 50px;}
	.newsclass{margin-bottom:20px;}
		.newsclass ul{border-left:1px solid #eee;border-top:1px solid #eee}
		.newsclass li{float:left;width:33.33%;border-bottom:1px solid #eee;border-right:1px solid #eee;box-sizing:border-box;}
		.newsclass li a{display:block;font-size:14px;line-height:39px;padding:0 15px;position:relative;}
		.newsclass li a i{position:absolute;top:50%;transform:translateY(-50%);right:15px;}
		.newsclass li a:hover{color:#d0471b;padding:0 20px;}
	.newslist{}
		.newslist ul{}
		.newslist li{margin-bottom:10px;height: 93px;overflow: hidden;}
		.newslist li a{display:block;position:relative;padding:20px;background:#fff;border:1px solid #eee;}
		.newslist li a dl{position:relative;padding-left:100px;}
		.newslist li a dl:after{content:'';display:block;position:absolute;top:0;bottom:0;left:80px;width:1px;background:#eee;}
		.newslist li a dt{font-size:15px;line-height:30px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
		.newslist li a time{position:absolute;top:0;left:0;display:block;font-size:12px;color:#ccc;font-family:'sysfont';}
			.newslist li a time strong{display:block;font-size:17px;line-height:30px;font-weight:normal;}
			.newslist li a time span{display:block;font-size:30px;line-height:40px;}
		.newslist li a i{position:absolute;bottom:20px;left:20px;display:block;font-size:24px;color:#999;}
		.newslist li a dd{color:#999;}
		.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:#d0471b;}

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