@font-face{font-family:DINA;src:url(../fonts/DINAlternateBold.ttf)}
@font-face{font-family:pang;src:url(../fonts/pang.ttf)}
@font-face{font-family:MontserratB;src:url(../fonts/Montserrat-Black.otf)}




.nav li.on .v1{color: #e83f3f;}


.index .header{padding: 0 60px;}
.index .header.black .nav li .v1{color: #222;}
.index .header.black .nav li.on .v1{color: #e83f3f;font-weight: bolder; }
.index .header.black .hd-r .sobox b{background-color: #e83f3f;}
.index .header.black .hd-r .sobox b a{color: #fff;}

.banner{height: 100vh;position: relative;}
/* .ban-bg-r{
	position: absolute;
	bottom: 0;
	right: 0;
	width: 320px;
	height: 122px;
	border-top-left-radius: 15px;
	background-color: rgba(227, 63, 63, 0.6);
} */
.banner .slick-slider,.banner .slick-list,.banner .slick-track,.banner .slick-slide{height: 100%;}
.banner .slick-slide{outline: 0;position: relative;
    background-position: center center;background-repeat: no-repeat;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}
.banner .slick-arrow{
    position: absolute;bottom: 0px;margin-top: -25px;overflow: hidden;
    width: 16px;height: 122px;font-size: 0;line-height: 0;z-index: 109;
    background-color: transparent;border: 0;cursor: pointer;
    background-repeat: no-repeat;
    background-position: center center;
}
.banner .slick-prev{right: 235px;background-image: url(../images/i-02.png);}
.banner .slick-next{right: 70px;background-image: url(../images/i-03.png);}

.banner .slick-dots{position: absolute;right: 0;bottom: 0;width: 320px;height: 122px;
	z-index: 99;background: rgba(236,48,48,.5);line-height: 122px;text-align: center;
	font-family:arial;font-weight: bold;color: rgba(255,255,255,.4);
	display: block !important;
	border-top-left-radius: 15px;
}
.banner .slick-dots li{font-size: 18px;display: none;}
.banner .slick-dots em{color: #fff;font-weight: bold;font-size: 36px;padding: 0 10px;display: inline-block;vertical-align: middle;}
.banner .slick-dots span{font-size: 36px;padding: 0 10px;display: inline-block;vertical-align: middle;}
.banner .slick-dots li.slick-active{display: block;}

.banner .txt{position: absolute;left: 160px;right: 160px;top: 46%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.banner .txt h2{
	font-size: 64px;
	color: #fff;
	line-height: 90px;
	font-weight: normal;
	margin-bottom: 136px;
	animation:myfirst 2s;
	-webkit-animation:myfirst 2s;
	/*SafariandChrome*/
}
@keyframes myfirst
{
	from { opacity: 0.1; transform: translateY(-30%) ; -webkit-transform: translateY(-30%) ; -moz-transform: translateY(-30%) ; -ms-transform: translateY(-30%) ; -o-transform: translateY(-30%) ; }
	to { opacity: 1; transform: translateY(0) ; -webkit-transform: translateY(0) ; -moz-transform: translateY(0) ; -ms-transform: translateY(0) ; -o-transform: translateY(0) ; }
}
.banner .txt .btn{
	width: 74px;
	height: 74px;
	display: block;
	position: relative;
	border: 4px solid rgba(255,255,255,.3);
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}
.banner .txt .btn:after{content: '';position: absolute;top: 50%;left: -22px;
	width: 70px;height: 18px;margin-top: -9px;
	background: url(../images/i-01.png) no-repeat center center;
}
.banner .txt .btn:hover{background-color: #e83f3f;border-color: #e83f3f;}

.g-t1{font-size: 28px;color: #222;position: relative;padding-bottom: 13px;
	margin-left: 60px;
}
.g-t1:after{content: '';position: absolute;left: 0;bottom: 0;
	width: 20px;height: 4px;
	background-color: #e63530;
}
.warp{max-width: 1800px;width: 100%;margin: 0 auto;}
.m-txt1{
	height: 30vw;
}
.m-txt1-qz{
	position: absolute;
	left: 0.5%;
    top: 17px;
	z-index: 99;
}
.m-txt1{width: 30%;color: #000;float: left;margin-right: 30px;}
.m-txt1 h3{font-size: 30px;line-height: 42px;position: relative;
	position: relative;font-weight: normal;padding-bottom: 36px;
	margin-bottom: 22px;
}
.m-txt1 h3:after{content: '';position: absolute;left: 0;bottom: 0;
	width: 20px;height: 4px;
	background-color: #e63530;
}
.m-txt1 .desc{font-size: 18px;line-height: 30px;margin-bottom: 30px;}
.m-txt1 ul{overflow: hidden;margin-bottom: 38px;}
.m-txt1 li{float: left;text-align: center;margin-right: 48px;}
.m-txt1 li span{font-size: 50px;display: block;display: block;
	line-height: 1.1;font-family: arial;
}
.m-txt1 li em{font-size: 14px;}
.m-txt1 li:last-child{float: right;margin-right: 0px;}
.m-txt1 .btn{width: 186px;height: 68px;display: block;font-size: 16px;
	line-height: 68px;color: #fff;text-align: center;
	border-top-left-radius: 13px;border-bottom-right-radius: 13px;
	background-color: #ec3030;
}
.m-txt1 .btn i{width: 8px;height: 12px;display: inline-block;vertical-align: middle;
	position: relative;top: -2px;margin-left: 44px;
	background: url(../images/i-04.png) no-repeat center center;
}
.m-txt1 .btn:hover{opacity: .8;}

.m-tab1{width: 638px;height: 638px;float: left;border-radius: 50%;
	border: 2px dotted #ddd;position: relative;
	
}
/* .m-tab1:before{
	content: '';
	position: absolute;
	left: -3px;
    top: -0.2px;
	transform: translate(-50%,-50%);
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(../images/qz-index-bg.png);
	animation: spin2 5s infinite linear;
	background-size: 100% 100%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
} */
/* 动画自转 */
/* @keyframes spin2{
	0%{-webkit-transform:rotate(360deg);}
      25%{-webkit-transform:rotate(270deg);}
      50%{-webkit-transform:rotate(180deg);}
      75%{-webkit-transform:rotate(90deg);}
      100%{-webkit-transform:rotate(0deg);}
}    */
.m-tab1:after{content: '';position: absolute;top: 15px;bottom: 11px;left: 15px;right: 15px;
	border: 130px solid #e6e6e6;border-radius: 50%;
}
.m-tab1 ul{
	width: 308px;
	height: 608px;
	margin-top: 15px;
	margin-left: 15px;
	background: url(../images/bg-1.png) no-repeat center;
	position: relative;
	z-index: 2;
	-o-background-size: 100% 100%;
	-ms-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
}
/* .m-tab1 ul:hover{
	background-size: 101% 101%;
} */
.m-tab1 li{height: 33.33%;font-size: 24px;color: #fff;text-align: right;
	line-height: 30px;font-weight: bold;position: relative;cursor: pointer;
	position: relative;z-index: 2;
	
}
.m-tab1 li .con .txt{
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}
.m-tab1 li:hover .con .txt{
    color: #EC3030;
}
/* .m-tab1 li::before {
	content: '';
    position: absolute;
    top: 4px;
    left: 15px;
    width: 100%;
    height: 100%;
    background: url(../images/qz-index-img2.png) no-repeat center center;
    z-index: 0;
    background-size: 88% 88%;
    transform: rotate(-8deg);
    transition: all 0.2s;
}
.m-tab1 .i2::before {
	content: '';
    position: absolute;
    top: 4px;
    left: 15px;
    width: 100%;
    height: 100%;
    background: url(../images/qz-index-img2.png) no-repeat center center;
    z-index: 0;
    background-size: 88% 88%;
    transform: rotate(-8deg);
    transition: all 0.2s;
}
.m-tab1 li:hover::before{
	background-size: 89% 89%;
} */
.m-tab1 .con{position: absolute;top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.m-tab1 .i1 .con{right: 72px;}
.m-tab1 .i2 .con{right: 182px;}
.m-tab1 .i3 .con{right: 72px;}
.m-tab1 li:after{content: '';position: absolute;width: 100%;height: 100%;
	background-position: left bottom;background-repeat: no-repeat;
	display: none;
}
.m-tab1 .i1:after{
	left: 20px;
	bottom: 57px;
	background-image: url(../images/i-05.png);
	
}
.m-tab1 .i2:after{left: -18px;bottom: -72px;height: 335px;
	background-image: url(../images/i-06.png);
}
.m-tab1 .i3:after{left: 28px;bottom: -24px;
	background-image: url(../images/i-07.png);
}
.m-tab1 li.on:after{display: block;}
#page2{
	background: url(../images/bg-2.png) no-repeat center;
	-o-background-size: cover;
	-ms-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
}
#page2 .warp{position: relative;}
#page2 .g-t1{font-weight: 600;}
.m-txt1{margin-top: 40px;}
.m-video{width: 650px;position: absolute;top: 45px;right: 0;z-index: 2;}
.m-video:after{content: '';position: absolute;bottom: -10px;right: -10px;width: 100%;height: 100%;
	background-color: #ec3030;border-bottom-right-radius: 15px;
}
.m-video .con{padding-top: 74%;height: 0;position: relative;overflow: hidden;z-index: 2;
	border-bottom-right-radius: 15px;overflow: hidden;
	border-top-left-radius: 15px;
}
.m-video .pic img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.m-video .play{width: 90px;height: 90px;position: absolute;top: 50%;left: 50%;
	z-index: 3;cursor: pointer;border-radius: 50%;
	background: url(../images/i-08.png) no-repeat center center rgba(236,48,48,.5);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.m-video video{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: 1;
	background-color: #000;
	
}
.m-video.on video{opacity: 1;}

.m-slider1{position: relative;}
.m-slider1 h3{font-family:pang;font-size: 150px;color: rgba(232,232,232,.8);
	line-height: 1.1;margin-bottom: 8px;font-weight: normal;
}

.m-slider1 .slide-for{width: 100%;max-width: 1360px;margin: 0 auto;}
.m-slider1 .pic{padding-top: 53%;height: 0;position: relative;overflow: hidden;border-radius: 20px;}
.m-slider1 .pic img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.m-slider1 .slide-nav{position: absolute;top: 50%;left: 0;right: 0;z-index: 2;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.m-slider1 .slide-nav .swiper-slide{cursor: pointer;float: left;width: auto;margin-right: 130px;}
.m-slider1 .txt{opacity: 0;}
.m-slider1 .p-logo{opacity: 0;height: 34px;}
.m-slider1 .p-logo img{display: block;max-height: 34px;}
.m-slider1 .desc{max-width: 275px;font-size: 18px;
	color: #fff;margin-bottom: 55px;
	/*生成块区间*/
	overflow: hidden;
	/*超出显示省略号*/
	text-overflow: ellipsis;
	/*框体*/
	display: -webkit-box;
	/* 限制行数 */
	-webkit-line-clamp:3 ;
	-webkit-box-orient: vertical;
}
.m-slider1 .btn{width: 186px;height: 68px;display: block;font-size: 16px;
	line-height: 68px;color: #000;text-align: center;
	border-top-left-radius: 13px;border-bottom-right-radius: 13px;
	background-color: #fff;
}
.m-slider1 .btn i{width: 8px;height: 12px;display: inline-block;vertical-align: middle;
	position: relative;top: -2px;margin-left: 10px;
	background: url(../images/i-09.png) no-repeat center center;
}
.m-slider1 .btn:hover{opacity: .8;}
.m-slider1 .slick-dots{position: absolute;right: 50px;bottom: 12px;
	z-index: 99;text-align: center;
	font-family:arial;font-weight: bold;color: #fff;
}
.m-slider1 .slick-dots li{font-size: 24px;display: none;}
.m-slider1 .slick-dots em{font-weight: bold;font-size: 80px;padding: 0 10px;}
.m-slider1 .slick-dots span{font-size: 36px;padding: 0 10px;}
.m-slider1 .slick-dots li.slick-active{display: block;}

.m-slider1 .slide-nav .swiper-slide.slick-current .txt,
.m-slider1 .slide-nav .swiper-slide.slick-current .p-logo{opacity: 1;}
.m-slider1 .slide-nav .swiper-slide.slick-current h3{color: #fff;}

/* 首页轮播修改 */
body{
	overflow-x: hidden;
}
.gallery-thumbs-qz {
	overflow: inherit !important;
	overflow-x: hidden;
}
.gallery-thumbs-qz .slick-list{
	overflow: inherit !important;
	/* margin-left: 557px; */
	margin-left: 29vw;
}

#page3{
	background: url(../images/bg-3.jpg) no-repeat center;
	-o-background-size: cover;
	-ms-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
}
#page4{
	background: #f1f1f1 url(../images/bg-4.png) no-repeat left center;
}
.m-slider2{margin-left: 50px;position: relative; padding-top: 30px;}
.m-slider2 .con{
	display: block;padding: 30px;
	margin-right: 40px; margin-bottom: 40px;
	background-color: #fff;color: #222;
	border-top-left-radius: 15px;border-bottom-right-radius: 15px;
	transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
}
.m-slider2 .pic{padding-top: 61.5%;height: 0;position: relative;overflow: hidden;
	margin-bottom: 34px;
}
.m-slider2 .pic img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.m-slider2 .time{font-size: 14px;display: block;margin-bottom: 10px;color: #222;font-weight: 600;}
.m-slider2 .con:hover .time{
	color: #fff;
}
.m-slider2 h3 p{font-size: 24px;font-weight: normal;line-height: 30px;
	height: 60px;margin-bottom: 0;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.m-slider2 .desc{font-size: 16px;line-height: 26px;color: #fff;height: 0;margin-top: 30px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
}
.m-slider2 .btn{width: 31px;height: 12px;display: block;
	background: url(../images/i-10.png) no-repeat center;
}
.m-slider2 .con:hover{margin-top: 0;color: #fff;padding-top: 40px;
	background-color: #e33f3f;margin-bottom: 0;
}
.m-slider2 .con:hover .pic{margin-bottom: 29px;}
.m-slider2 .con:hover .desc{height: 78px;margin-top: 26px;margin-bottom: 20px;}
.m-slider2 .con:hover .btn{background-image: url(../images/i-11.png);}
.m-slider2 .arrow{width: 56px;height: 56px;position: absolute;
	bottom: -80px;border: 3px solid rgba(0,0,0,.1);
	border-radius: 50%;cursor: pointer;
	background-position: center;background-repeat: no-repeat;
}
.m-slider2 .prev{left: 0;background-image: url(../images/i-12.png);}
.m-slider2 .next{left: 65px;background-image: url(../images/i-13.png);}
.m-slider2 .prev:hover{background-image: url(../images/i-12-on.png);}
.m-slider2 .next:hover{background-image: url(../images/i-13-on.png);}
.m-slider2 .arrow:hover{background-color: #e33f3f;border-color: #e33f3f;}

.btn-down{position: absolute;bottom: 0;left: 50%;z-index: 12;
	font-size: 14px;color: #fff;padding-bottom: 42px;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
.btn-down:after{content: '';position: absolute;left: 50%;bottom: 0;width: 1px;height: 40px;
	background-color: rgba(255,255,255,.2);
}
 

#page2 .btn-down,.btn-down0{color: #000;}
#page2 .btn-down:after,.btn-down0:after{background-color: rgba(0,0,0,.1);}
.btn-down{
 animation: Updown 2s infinite normal;
}
@keyframes Updown {
  0% {
    transform: translate(-50%,0);
	opacity: 0;
  }
  60% {
    transform: translate(-50%,10px);
	opacity: 1;
  }
  100% {
    transform: translate(-50%,20px);
	opacity: 0;
  }
}
 
#page2 .btn-down{color: #000;}
#page2 .btn-down:after{background-color: rgba(0,0,0,.1);}

/* #page1 .btn-down{} */
#page2 .btn-down{ color: #000;}
#page3 .btn-down{color: #000;}
#page4 .btn-down{color: #000;}
#page3 .btn-down:after {
    background-color: rgba(0,0,0,.1);
}
#page4 .btn-down:after {
    background-color: rgba(0,0,0,.1);
}
#page2 .btn-down:after{background-color: rgba(0,0,0,.1);}

#page2 .wp { width:auto; margin: 0 60px; padding: 0;}
#page2 .warp { width: auto; max-width: 100%; padding: 0;}

@media only screen and (max-width: 1920px) {
	.m-slider1 h3{font-size: 7.8125vw;}/*150*/
	.m-slider1 .slide-for{max-width: 70.8333vw;}
	.banner .txt h2{font-size: 3.33333vw;line-height: 4.6875vw;margin-bottom: 7.08333vw;}
	.m-slider1 .slick-dots span{font-size: 1.875vw;}
	.m-slider1 .slick-dots em{font-size: 4.1666vw;}
	.m-txt1 h3{font-size: 1.5625vw;line-height: 2.1875vw;}
	.m-txt1 li span{font-size: 2.604166vw;}
	.g-t1{font-size: 1.458333vw;}
	.m-slider1 .slide-for{width: 60vw;}

}

@media only screen and (max-width: 1680px) {
	.m-slider1 .desc{font-size: 16px;line-height: 26px;margin-bottom: 30px;}
	.m-slider1 .btn,.m-txt1 .btn{width: 160px;height: 58px;line-height: 58px;}
	.m-txt1 .btn i{margin-left: 10px;}
	.m-slider2 h3{font-size: 22px;line-height: 26px;height: 78px;}
	.m-slider2 .desc{font-size: 14px;line-height: 22px;}
	.m-txt1 .desc{font-size: 16px;line-height: 26px;margin-bottom: 40px;}
	.warp{max-width: 1400px;}
	.m-video{width: 500px;top: 55px;}
	.footer .wp{margin: 0 60px;}
	.nav li .v1{font-size: 16px;}
	.m-slider2 .arrow{bottom: -70px;}
	.m-txt1 ul{margin-bottom: 30px;}
	#page2 .g-t1{margin-bottom: 0;}
	.m-txt1 h3{padding-bottom: 15px;margin-bottom: 20px;}
	.m-tab1{width: 500px;height: 500px;}
	.m-tab1 ul{height: 470px;width: 235px;}
	.m-tab1:after{border-width: 116px;}
	.m-tab1 li{font-size: 18px;line-height: 24px;}
	.m-tab1 .i1 .con,
	.m-tab1 .i3 .con{right: 40px;}
	.m-tab1 .i2 .con{right: 132px;}
	.m-tab1 li:after{
		-o-background-size: auto 100%;
		-ms-background-size: auto 100%;
		-moz-background-size: auto 100%;
		-webkit-background-size: auto 100%;
		background-size: auto 100%;
	}
	.m-tab1 .i1:after{height: 75%;}
	.m-tab1 .i2:after{left: -16px;bottom: -66px;height: 283px;}
	.m-tab1 .i3:after{left: 23px;bottom: -20px;height: 79%;}
	.m-slider2 .con:hover .desc{height: 66px;}
}

@media only screen and (max-width: 1440px) {
	.warp{max-width: 1200px;}
	.m-txt1 .desc{font-size: 12px;line-height: 20px;margin-bottom: 20px;}
	.m-txt1{width: 350px;}
	.m-txt1 h3{font-size: 18px;}
	.banner .txt{left: 100px;right: 100px;}
	.banner .txt .btn{width: 60px;height: 60px;}
	.banner .txt .btn:after {
		left: -22px;
		width: 43px;
		background-size: 100%;
	}
	.m-slider1 .btn, .m-txt1 .btn{height: 46px;line-height: 46px;font-size: 14px;}
	.m-slider1 .slick-dots{right: 30px;bottom: 5px;}
	.m-slider2 .con{padding: 25px;margin-right: 20px;margin-top: 0;}
	.m-slider2 h3{font-size: 16px;line-height: 20px;height: 60px;}
	.m-slider2 .pic{margin-bottom: 20px;}
	.m-slider2 .desc{font-size: 12px;line-height: 20px;margin-top: 30px;}
	.m-slider2 .con:hover .desc{height: 60px;margin-top: 15px;margin-bottom: 25px;}
	.m-slider2 .con:hover .pic{margin-bottom: 15px;}
	.m-slider2 .con:hover{padding-top: 25px;}
	.m-slider2 .arrow{width: 40px;height: 40px;bottom: -45px;}
	.m-slider2 .next{left: 55px;}
	.nav li .v1{margin-right: 30px;}
	.m-slider1 .desc{font-size: 14px;line-height: 22px;max-width: 240px;}
	#page2 .g-t1{margin-top: 60px;}
	.m-tab1{margin-top: -40px;}
	.m-video{top: 15px;}






}

@media only screen and (max-width: 1199px) {
	#page2 .wp { margin: 0 20px}
	.index .header{padding: 0;}
	.ban-bg-r{
		display: none;
	}
	.nav li .v1{margin-right: 0;}
	.banner{height: 300px;}
	.banner .slick-arrow{display: none !important;}
	.banner .slick-dots{width: 100px;height: 40px;line-height: 40px;}
	.banner .slick-dots em{font-size: 16px;font-weight: normal;padding: 0 5px;}
	.banner .slick-dots span{font-size: 16px;padding: 0 5px;}
	.banner .txt{left: 15px;right: 15px;text-align: center;top: 55%;}
	.banner .txt h2{font-size: 20px;line-height: 26px;}
	.banner .txt .btn{width: 40px;height: 40px;border-width: 2px;margin: 0 auto;
		border-color: #fff;
		/* background: url(../images/i-03.png) no-repeat center center; */
		-o-background-size: 10px auto;
		-ms-background-size: 10px auto;
		-moz-background-size: 10px auto;
		-webkit-background-size: 10px auto;
		background-size: 10px auto;
	}
	/* .banner .txt .btn:after{display: none;} */
	.g-t1{font-size: 18px;margin: 30px 0 0 15px;text-align: center;}
	.g-t1:after{left: 50%;margin-left: -10px;}
	#page2 .g-t1{margin-top: 30px;}
	.m-video{position: relative;top: auto;right: auto;}
	.m-txt1{width: auto;float: none;margin: 20px 0 30px; margin-top: 4vw;}
	.m-txt1 h3{font-size: 16px;line-height: 20px;margin-bottom: 10px;}
	.warp{width: auto;padding: 0 15px;}
	.m-txt1 li span{font-size: 22px;}
	.m-txt1 li{margin-right: 0;width: 33.33%;}
	.m-tab1{float: none;width: auto;height: auto;margin: 0 0 20px;border: 0;}
	.m-tab1 ul{width: 40vw;height: auto;overflow: hidden;background-image: none;}
	.m-tab1 li{height: auto;float: left;width: 33.33%;}
	.m-tab1 .con{position: static;text-align: center;color: #000;
		-webkit-transform: translateY(0%);
		-moz-transform: translateY(0%);
		-o-transform: translateY(0%);
		-ms-transform: translateY(0%);
		transform: translateY(0%);
	}
	.m-tab1 .i1:after,.m-tab1:after{display: none;}
	.m-tab1 .txt span{font-size: 14px;font-weight: normal;}
	.m-video{width: auto;}
	.m-tab1 li.on:after{display: none;}
	.m-tab1 li.on .con{color: #e33f3f;}
	.m-slider1 .slide-for{width: 100%;max-width: none;padding: 0 15px;}
	.m-slider1 .desc{display: none;}
	.m-slider1 .slick-dots span{font-size: 18px;padding: 0 5px;}
	.m-slider1 .slick-dots em{font-size: 26px;padding: 0 5px;}
	.m-slider1 .slick-dots li{font-size: 14px;}
	.m-slider1 .slide-nav .swiper-slide{margin-right: 30px;}
	.m-slider1 .btn, .m-txt1 .btn{font-size: 12px;width: 100px;height: 32px;line-height: 32px;}
	.m-slider1 h3{font-size: 40px;}
	.m-slider1 .p-logo{height: 30px;margin-bottom: 8px;}
	.m-slider1 .slick-dots{right: 5px;bottom: 0;}
	.m-slider1{margin-top: 25px;}
	#page3{padding-top: 10px;padding-bottom: 30px;}
	.m-slider2{margin-left: 15px;margin-top: 20px;}
	#page4{padding-bottom: 50px;}
	.m-slider2 .con:hover .desc{height: 0;}
	.m-slider2 .arrow{bottom: -20px;}
	.header .logo img{height: auto;}
	.header.sfixed .logo{line-height: 50px;}
	.header.sfixed .nav li .v1{line-height: 35px;}
	.footer .wp{margin: 0;}
}

@media only screen and (max-width: 750px) {
	.m-slider1 .p-logo img{
		max-height: 100%;
	}
	
	.m-slider1 .p-logo{
		height: 18px;
	}
	
	#page2 .wp {margin: 0 11vw;}
	.m-txt1-qz{
		left: 3.5%;
		width: 95%;
	}
	.m-txt1 {
		height: auto;
	}
	.btn-down{
	display: none;
}
.banner .txt {
    left: 15px;
    right: inherit;
    text-align: center;
    top: 55%;
}
.m-tab1:before{
	display: none;
}
/* 首页第二屏添加背景 */
.m-tab1 ul{
	margin-left: 0;
	margin-right: -5px;
}
.m-tab1 li .con{
	padding: 8px;
	border-radius: 5px;
	margin-right: 5px;
	background: url(../images/zcc-pic19.jpg)center center no-repeat;
	background-size: cover;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
}
.m-tab1 .i2 .con{
	background-image: url(../images/zcc-pic15.jpg);
}
.m-tab1 .i3 .con{
	background-image: url(../images/wsd-pic09.jpg);
}

/* 首页轮播 */
#page3{
	max-width: 750px;
	overflow: hidden;
}
.gallery-thumbs-qz .slick-list{
	margin-left: 19vw;
}
.m-slider1 h3 {
    font-size: 18px;
	margin-bottom: 0;
}
.m-slider1 .pic img { width:auto;}

.m-slider1 .desc{
	-webkit-line-clamp: 2;
}
}

@media only screen and (max-width: 414px) {
	.gallery-thumbs-qz .slick-list {
		margin-left: 55px;
	}
}
@media only screen and (max-width: 375px) {
	.m-slider1 .slide-nav{
		max-width: 375px;
		overflow: hidden;
	}
	
}
@media only screen and (max-width: 320px){
	.m-txt1 {
    height: 103vw;
}
.m-slider1 .slide-nav{
	max-width: 320px;
	overflow: hidden;
}

}