@media (max-width:511px) {
	.header{display: none;}
	.mobile-header{display: block;}
	.banner .swipt1-btn{width:34px;height: 45px;}
	.products-class li{width:80%;}
	.products-class li .space h3{font-size:15px;}
	.products-class li a{font-size:11px;}
	.products h2 img{width: 34%;}
	.video-wrap .video-red{width:40.5%;right:0;}
	.video-red .video-txt a{padding:0.5em 2em;}
	.service .s-cont{width: 72%;}
	.service .s-cont h3,.service .s-cont p,.service .s-cont .s-link a,.service .s-cont ul li{font-size:13px;}
	.service{background: url(../image/service-bg.jpg) no-repeat center bottom;}
	.new-product .center h2{font-size:16px;}
	.new-product .center p,.new-product .center a,.pic-content .more p,.pic-content .more a{font-size:12px;}
	.new-picture .swiper-button-prev{float: left;}
	.new-picture .swiper-button-next{float:right;}
	.new-product .more{width: 100%;}
	.new-product .new-picture{width:100%;}
	.pictures h2{font-size:20px;}
	.pic-content .more{width: 40%;}
	.pic-content{padding: 0.65rem 0 0.68rem;}
	.products-class li .line-right img{width:100% !important;}
}
@media (min-width:512px) and (max-width: 767px) {
	.header{display: none;}
	.mobile-header{display: block;}
	.banner .swipt1-btn{width:40px;height: 56px;}
	.products-class li{width: 33.3%;}
	.products-class li .space h3{font-size:16px;}
	.products-class li a{font-size:12px;}
	.products h2 img{width: 28%;}
	.video-wrap .video-red{width:34.5%;right:0;}
	.video-red .video-txt a{padding:0.75em 3em;}
	.service .s-cont{width: 66%;}
	.service .s-cont h3,.service .s-cont p,.service .s-cont .s-link a,.service .s-cont ul li{font-size:13px;}
	.service{background: url(../image/service-bg.jpg) no-repeat center bottom;}
	.new-product .center h2{font-size:20px;}
	.new-product .center p,.new-product .center a,.pic-content .more p,.pic-content .more a{font-size:14px;}
	.new-picture .swiper-button-prev,.new-picture .swiper-button-next{float: left;text-align: center;}
	.new-product .more{width: 30%;text-align: center;}
	.new-product .new-picture{width:70%;}
	.pictures h2{font-size:22px;}
	.pic-content .more{width: 30%;margin-left: 3%;}
	.pic-content{padding: 0.7rem 0 0.72rem;}
}
@media (min-width:768px) and (max-width: 991px) {
	.header{display: none;}
	.mobile-header{display: block;}
	.banner .swipt1-btn{width:48px;height: 62px;}
	.products-class li{width: 33.3%;}
	.products-class li .space h3{font-size:17px;}
	.products-class li a{font-size:13px;}
	.products h2 img{width: 26%;}
	.video-wrap .video-red{width:30.5%;right:10%;}
	.video-red .video-txt a{padding:0.75em 3em;}
	.service .s-cont{width: 58%;}
	.service .s-cont h3,.service .s-cont p,.service .s-cont .s-link a,.service .s-cont ul li{font-size:14px;}
	.service{background: url(../image/service-bg.jpg) no-repeat center;}
	.new-product .center h2{font-size:28px;}
	.new-product .center p,.new-product .center a,.pic-content .more p,.pic-content .more a{font-size:15px;}
	.new-picture .swiper-button-prev{float: left;}
	.new-picture .swiper-button-next{float:right;}
	.new-product .more{width: 30%;text-align: center;}
	.new-product .new-picture{width:70%;}
	.pictures h2{font-size:26px;}
	.pic-content .more{width: 28%;margin-left: 3%;}
	.pic-content{padding: 0.75rem 0 0.78rem;}
}
@media (min-width:992px) and (max-width: 1199px) {
	.header .h-nav{margin-left: 2%;}
	.header .h-nav,.header .len{padding-top:0.3rem;}
	.mobile-header{display:none;}
	.banner .swipt1-btn{width:50px;height: 66px;}
	.products-class li{width: 33.3%;}
	.products-class li .space h3{font-size:18px;}
	.products-class li a{font-size:14px;}
	.products h2 img{width: 25%;}
	.video-wrap .video-red{width:25.5%;right:11%;}
	.video-red .video-txt a{padding:0.75em 3em;}
	.service .s-cont{width: 50%;}
	.service .s-cont h3,.service .s-cont p,.service .s-cont .s-link a,.service .s-cont ul li{font-size:14px;}
	.service{background: url(../image/service-bg.jpg) no-repeat center;}
	.new-product .center h2{font-size:0.48rem;}
	.new-product .center p,.new-product .center a,.pic-content .more a{font-size: 0.18rem;}
	.new-picture .swiper-button-prev{float: left;}
	.new-picture .swiper-button-next{float:right;}
	.new-product .more{width: 30%;text-align: center;}
	.new-product .new-picture{width:70%;}
	.pictures h2{font-size:28px;}
	.pic-content .more{width: 27%;margin-left: 8%;}
	.pic-content .more p{font-size:16px;}
	.pic-content{padding: 0.83rem 0 0.85rem;}
}
@media (min-width:1200px) {
	.header .h-nav{margin-left: 8%;}
	.header .h-nav,.header .len{padding-top:0.36rem;}
	.mobile-header{display:none;}
	.banner .swipt1-btn{width:56px;height: 78px;}
	.products-class li{width: 33.3%;}
	.products-class li .space h3{font-size: 0.24rem;}
	.products-class li a{font-size:0.16rem;}
	.products h2 img{width: 21.4%;}
	.video-wrap .video-red{width:22.5%;right:13.5%;}
	.video-red .video-txt a{padding:0.75em 3em;}
	.service .s-cont{width: 44%;}
	.service .s-cont h3,.service .s-cont p,.service .s-cont .s-link a,.service .s-cont ul li{font-size:16px;}
	.service{background: url(../image/service-bg.jpg) no-repeat center;}
	.new-product .center h2{font-size:0.48rem;}
	.new-product .center p,.new-product .center a,.pic-content .more p,.pic-content .more a{font-size: 0.3rem;}
	.new-picture .swiper-button-prev{float: left;}
	.new-picture .swiper-button-next{float:right;}
	.new-product .more{width: 30%;text-align: center;}
	.new-product .new-picture{width:70%;}
	.pictures h2{font-size:0.36rem;}
	.pic-content .more{width: 30%;margin-left: 8%;}
	.pic-content{padding: 1.15rem 0 1.2rem;}
}
/*
@font-face {
	font-family:navfont;
	src:url('/cn/Tpl/zh-cn/Static/font/SourceHanSans-Light.otf') format('truetype');
}*/

/*头部*/
.header{height: 1rem;width: 100%;background:#181818;font-size: 0;overflow: hidden;font-family: "微软雅黑";}
.header .logo{float:left;width:14.5%;height:100%;background:url(../image/logo-bg.png) no-repeat;background-size:100% 102%;
-webkit-background-size:100% 102%;}
.header .logo img{height:44%;display: inline-block;margin-top:14%;margin-left:10%;}
.header .h-nav{height:100%;float: left;}
.header .h-nav>li{float:left;padding: 0 0.36rem;background: url(../image/nav-line.jpg) no-repeat center right;font-size:0.16rem;}
.header .h-nav>li:last-child{background: 0;}
.header .h-nav>.hasul{padding: 0 0.2rem 0 0.36rem;position: relative;}
.header .h-nav>.hasul>a{display: inline-block;padding-right:0.16rem;background: url(../image/down-bai.png) no-repeat center right;}
.header .h-nav>.hasul:hover>a{background: url(../image/down-red.png) no-repeat center right;}
.header .h-nav>li>a{color: #fff;}
.header .h-nav>li:hover>a{color: #d9000a;}
.header .h-nav>li ul{position: absolute;left:0.5em;top:1em;width: auto;white-space: nowrap;overflow: hidden;display:none;padding-top: 1em;}
.header .h-nav>li:hover ul{display: block;}
.header .h-nav>li ul li{padding: 0 0.25rem;font-size:0.14rem;display: inline-block;}
.header .h-nav>li ul li a{color: #fff;}
.header .h-nav>li ul li:hover a{color:#d9000a;}
.header .len{height:100%;float:right;margin-right: 2%;}
.header .len a{float: left;color:#fff;font-size:0.16rem;padding: 0 0.2rem;}
.header .len a:first-child{background: url(../image/nav-line.jpg) no-repeat center right;}

/*banner图*/
.banner .swiper-slide img,.banner{width:100%;}
.banner .swiper-button-prev{background:url(../image/preLeft.png) no-repeat center;left: 0;border-top-right-radius: 8px;
-webkit-border-top-right-radius: 8px;border-bottom-right-radius: 8px;-webkit-border-bottom-right-radius: 8px;}
.banner .swiper-button-next{background:url(../image/preRight.png) no-repeat center;right: 0;border-top-left-radius: 8px;
-webkit-border-top-left-radius: 8px;border-bottom-left-radius: 8px;-webkit-border-bottom-left-radius: 8px;}
.banner .swiper-button-prev,.banner .swiper-button-next{background-size:20% 30%;-webkit-background-size:20% 30%;/*background-color:#000*/;}

/*产品系列*/
.products h2{text-align: center;}
.products h2 img{display: inline-block;margin: 0.7rem 0;}
.products-class{width: 100%;font-size: 0;text-align: center;display: flex !important;justify-content: space-between !important;align-items: center !important;}
.products-class li{display:inline-block;vertical-align: top;margin-bottom: 0.66rem;}
.products-class li .space{width: 100%;padding-right:2px;}
.products-class li .line-right{padding:0.4rem 0 0.35rem;border-right: 2px solid #dcdcdc;border-top:10px solid #303030;cursor: pointer;}
.products-class li:hover .line-right{border-top:10px solid #fd000c;position: relative;}
.products-class li .line-right img{width:63%;display:inline-block;position: relative;top: 0;transition:all 0.5s;-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;-ms-transition:all 0.5s;}
.products-class li:hover .line-right img{top: -0.1rem;}
.products-class li .space h3{color: #333;padding:1em 0 0.5em;}
.products-class li a{color:#969696;}
.products-class li a:hover{text-decoration: underline;}

/*视频*/
.video-wrap{position: relative;width: 100%;font-size: 0;margin-bottom: 1.35rem;}
.video-wrap .vid{max-height:7rem;}
.video-wrap .video-red{height: 100%;position: absolute;top: 0;padding:0 3%;color: #fff;}
.video-wrap .video-red:hover{background-color: rgba(256,0,0,0.5);}
@media \0screen\,screen\9 {/* 只支持IE6、7、8 */
  .video-red{
    background-color:#f00;
    filter:Alpha(opacity=50);
    position:static; /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */
    *zoom:1; /* 激活IE6、7的haslayout属性，让它读懂Alpha */
  }
  .video-red .video-txt{
    position: relative;/* 设置子元素为相对定位，可让子元素不继承Alpha值 */
  }
}
.video-red .video-txt{position:relative;left:3%;top:50%;transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);}
.video-red .video-txt h2{font-size: 0.36rem;}
.video-red .video-txt p{font-size: 0.2rem;margin: 0.7rem 0;}
.video-red .video-txt a{display: inline-block;font-size:0.16rem;background: #fff;color: #333;}


/*服务*/
.service{width: 100%;background-size:100% auto;-webkit-background-size:100% auto;}
.service .s-cont{margin: 0 auto;text-align: center;padding-bottom: 1.52rem;}
.service .s-cont h2{width: 100%;text-align: center;}
.service .s-cont h2 img{display: inline-block;width:40%;}
.service .s-cont h3{font-weight: bold;margin:2.4em 0 2em;}
.service .s-cont h3,.service .s-cont p{line-height: 1.8;color: #666;}
.service .s-cont ul{margin: 0.5rem 0 0.7rem;width: 100%;overflow: hidden;}
.service .s-cont ul li{width: 33.3%;text-align: center;float: left;color: #d51a20;}
.service .s-cont .s-link{font-size: 0;}
.service .s-cont .s-link a{display: inline-block;padding:0.6em 0.5em;color: #fff;/*background:#262626;*/border: 1px solid #fff;}
.service .s-cont .s-link a:first-child{margin-right: 1em;}
.service .s-cont .s-link a:hover{background:#d51a20;}

/*最新产品*/
.new-product-wrap{width: 100%;background: #fff;font-size: 0;}
.new-product .more,.new-picture .new-pro-txt{padding: 1.4rem 0 1.35rem;}
.new-picture .swiper-wrapper{padding: 1rem 0 1.2rem;}
.new-product .more{display:inline-block;vertical-align:top;}
.new-product .center{display:inline-block;color: #333;text-align: left;}
.new-product .center p{line-height:2;margin-bottom: 0.72rem;}
.new-product .center a{display: inline-block;padding:0.8em 2.1em;background: #fd000c;color: #fff;}
.new-product .new-picture{display: inline-block;}
.new-picture .swiper-wrapper{width:60%;}
.new-picture .swiper-slide img{width:45%;margin: 0 6%;}
.new-picture .new-pro-txt{position: absolute;right: 0;top: 0;width: 40%;height: 100%;text-align: center;z-index:120;
background:url(../image/new-pro-bg.png) repeat;background-color:#fff;}
.new-pro-txt .center{width:80%;}
.new-pro-txt .center h2{color: #fd000c;}
.new-pro-txt .center p{margin-bottom: 1.32rem;}
.new-pro-txt .center .swipt2-btn{width: 100%;}
.new-picture .swiper-button-prev,.new-picture .swiper-button-next{background: 0;font-size:15px;width: auto;position:inherit;}

/*图库*/
.pictures h2{text-align: center;border-bottom: 1px solid #f6f6f6;line-height: 3;}
.pic-content{background:url(../image/index-car.jpg) no-repeat right bottom;background-size:61% auto;-webkit-background-size:61% auto;}
.pic-content .more{font-size: 0;}
.pic-content .more p{line-height:1.8;margin-bottom: 0.72rem;}
.pic-content .more a{display: inline-block;padding:0.8em 2.1em;background: #fd000c;color: #fff;}