@charset "utf-8";
/* ===================专题页样式========================== */
/* 视频弹窗 */
.popVideo{display: none;opacity: 0;align-items: center;justify-content: center;position: fixed;z-index: 999999;width: 100%;height: 100%;background: #232526;top: 0;left: 0;}
.popVideo-items{width: 1200px;position: relative;display: none;padding: 34px 34px 0;}
.popVideo-video{width: 100%}
.popVideo-video video{width: 100%;}
.popVideo-video iframe{width: 100%;height: 500px;}
.popVideo-close{width: 30px;height: 30px;position: absolute;right: 0;top: 0;z-index: 3;background: url('../images/public/close.png') no-repeat center/24px auto;cursor: pointer;opacity: .7;transition: all .6s ease;}
.popVideo-close:hover{opacity: 1;}
@media all and (max-width:1100px) {.popVideo-items{width: 92%;padding: 34px 0 0;}.popVideo-close{right: 0;}.popVideo-video iframe{height: 400px;}}
@media all and (max-width:640px) {.popVideo-video iframe{height: 200px;}}

/* common */
.full-cover{width:100%;height:100%;object-fit:cover;transition:all .8s ease}
.full-width{width:100%;object-fit:cover;transition:all .8s ease}
.full-maxWidth{max-width:100%;object-fit:cover;height:auto;transition:all .8s ease}
.full-maxHeight{max-height:100%;width:auto;object-fit:cover;transition:all .8s ease}
.full-auto{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:cover}
.placeholder{visibility:hidden!important;height:0!important;border:0!important;padding:0!important;margin:0!important}
.centered{display:flex;align-items:center;justify-content:center}
/*flex*/
.block{display:block}
.inline-block{display:inline-block}
.flex{display:flex}
.inline-flex{display:inline-flex}
.flex-direction-row{flex-direction:row}
.flex-direction-row-reverse{flex-direction:row-reverse}
/*.flex-direction-column{flex-direction:column}*/
.flex-wrap-nowrap{flex-wrap:nowrap}
.flex-wrap-wrap{flex-wrap:wrap}
.flex-wrap-reverse{flex-wrap:wrap-reverse}
.flex-justify-start{justify-content:flex-start}
.flex-justify-end{justify-content:flex-end}
.flex-justify-center{justify-content:center}
.flex-justify-between{justify-content:space-between}
.flex-align-start{align-items:flex-start}
.flex-align-end{align-items:flex-end}
.flex-align-center{align-items:center}
.height100{height:100%}
/*font justify*/
.text-left{text-align:left}
.text-center{text-align:center}
.text-right{text-align:right}
.inline-bg{background-repeat:no-repeat;background-size:cover;background-position:center}
.relative{position:relative}
.swiper-pagination{font-size: 0}
.swiper-container-horizontal>.swiper-pagination-bullets{bottom: 0}
.margin{margin:0 auto}
.container{width: 1260px;margin: 0 auto}
.color-green{color:#3d9d2c}
.com-tit{font-weight:700;font-size:36px;line-height:1;color:#333333}
.txt .com-tit{font-weight:700;font-size:24px;line-height:1;color:#000;}
.com-tit.lighter{
	font-weight: normal;
}
.com-tit.black{
	color: #222222;
}
.com-tit.size56{
	font-size: 56px;
}
.com-tit.size40{font-size:40px}
.com-tit+.com-tip{margin-top:15px}
.com-tip{color:#999999;font-weight:lighter;font-size:18px;line-height:1}


.collection-camerar .txt{width: 100%;}
.txtfl{float:left;width:50%; margin: 8.5% 0;}
.txtfr{float:right;width:50%; margin: 8.5% 0;}
.collection-txt .txtfr .row p{width:100%;}
.Header-wrapper1 {
  width: 100%;
  background: #fff;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000;
  transition: all .4s ease-in-out;
}
/* S95 */
.banner-nav{position:fixed;left:0;top:101px;width:100%;color:#fff;z-index:9;transition:transform .4s ease}
.banner-nav.up{transform:translateY(-60px)}
.banner-nav.black .menu{background:rgba(0,0,0,.6)}
.banner-nav a{transition:color .4s ease}
.banner a.active,.banner-nav a:hover{color:#3d9d2c}
.banner-nav .top{height:60px;background:rgba(0,0,0,.6)}
.banner-nav .top .lft a,.banner-nav .top .lft span{font-size:14px;line-height:1}
.banner-nav .top .lft span{padding:0 5px}
.banner-nav .top .rgt a{font-size:16px;line-height:1}
.banner-nav .top .rgt a+a{margin-left:40px}
.banner-nav .menu{height:60px;border-bottom:1px solid rgba(255,255,255,.1);transition:background-color .4s ease}
.banner-nav .menu .tit{font-size:16px;line-height:1}
.banner-nav .menu .list a{font-size:14px;line-height:1}
.banner-nav .menu .list a+a{margin-left:10px}
.banner-cont{width:100%;height:100%;position:absolute;left:0;top:0}
.banner-cont .title{font-size:70px;color:#fff;font-weight:700;letter-spacing:.15em;line-height:1}
.banner-cont p{font-size:28px;font-weight:lighter;line-height:1;margin-top:20px;color:#fff}
.banner-cont a{width:180px;height:61px;display:flex;align-items:center;justify-content:center;font-size:16px;line-height:1;border-radius:30px;border:2px solid #fff;color:#fff;margin-top:40px;transition:background-color .4s ease,color .4s ease}
.banner-cont a:hover{color:#1c1c1c;border-color:#00d47d;background:#00d47d}
.collection-pic{padding:70px 0}
.collection-pic .content{margin-top:36px}
.collection-time{padding:120px 0 112px;background:#000 url(//tp.greenjoyclub.com/collection/collection-time-bg.jpg) no-repeat center center}
.collection-time .swiper{margin:60px 0 45px}
.collection-time .pic{width:49%;position:relative}
.collection-time .pic .tit{font-weight:lighter;color:#fff;font-size:20px;line-height:1;padding:28px;position:absolute;width:100%;top:0;left:0}
span.hot{width:28px;height:11px;background:#f64041;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#fff;position:absolute;top:0;left:calc(100% + 4px)}
span.hot em{transform:scale(.76);font-style:normal;font-size:12px}
.swiper-btn{width:100%;left:0;position:absolute;z-index:2;transition:opacity .4s ease;opacity:0;transform:translateY(-50%);top:50%}
.collection-time .swiper:hover .swiper-btn{opacity:1}
.swiper-btn a{display:flex;align-items:center;justify-content:center;width:45px;height:45px;background:rgba(255,255,255,.8);border-radius:50%;color:#2d8947;transition:background .4s ease,color .4s ease;position:absolute}
.swiper-btn a.prev{left:-200px}
.swiper-btn a.next{right:-200px}
.swiper-btn a:hover{background:#2d8947;color:#fff}
.swiper-pagination{display:flex;justify-content:center;width:100%}
.swiper-pagination-bullet{width:15px;height:2px;border-radius:0;opacity:.25;background:#fff;margin:0 2px}
.swiper-pagination-bullet-active{opacity:1;background:#00d47d}
.collection-swiperVideo{padding:157px 0 128px;background:#000}
.collection-swiperVideo .swiper{margin-bottom:35px}
.collection-swiperVideo .item{width:1184px;border-radius:10px;overflow:hidden}
.collection-swiperVideo .item img{position:relative;z-index:2;transition:opacity .4s ease}
.collection-swiperVideo .item img.hidden,.collection-swiperVideo .item.swiper-slide-active.hasVideo img{opacity:0}
.collection-swiperVideo .video{position:absolute;object-fit:cover;width:100%;height:100%;left:0;top:0;background:#ccc;display:flex;align-items:center;justify-content:center}
.collection-swiperVideo .video video{max-height:100%;width:auto}
.collection-swiperVideo .swiper:hover .swiper-btn{opacity:1}
.collection-swiperVideo .swiper-btn a{background:0 0;color:#fff}
.collection-swiperVideo .swiper-btn a.prev{left:50px}
.collection-swiperVideo .swiper-btn a.next{right:50px}
.collection-swiperVideo .swiper-btn a:hover{background:rgba(255,255,255,.5);color:#468521}
.collection-calculate{background:url(../images/collection/collection-calculate-bg.jpg) no-repeat center/cover}
.collection-calculate-pic{position:absolute;left:0;top:0;width:55%}
.collection-txt{position:absolute;left:0;top:0;width:100%;height:100%}
.collection-txt .row{margin-top:30px;}
.collection-txt .row p{color:#333;width:600px; font-size:16px;padding:5px 0px 10px;}

.collection-txt .desc{font-size:16px;line-height:1;color:#f7f7f7;font-weight:lighter}
.collection-txt .desc.style2{font-family:"思源黑体 CN","Source Han Sans CN","noto sans";font-weight:400;font-size:18px}
.collection-txt .desc+.desc{margin-left:36px}
.collection-txt .desc b{font-size:35px;line-height:1;font-weight:lighter;padding-left:10px}
.collection-txt .desc b.lft{padding:0;padding-right:10px}
.collection-txt .video{width:460px;border:4px solid #000;border-radius:20px;overflow:hidden;margin-top:85px}
.collection-txt .icon{margin:36px 0 58px}
.collection-txt .icon a{width:192px;height:50px;border:1px solid #41a42f; border-radius:25px;line-height:50px; text-align:center; font-size:18px;color:#41a42f; display:block;}
.collection-txt .icon a:hover{color:#fff; background-color:#41a42f; border:1px solid #41a42f;}


.view-more{width:166px;height:48px;border-radius:30px;background:#00d47d;color:#1c1c1c;font-size:16px;line-height:1;transition:box-shadow .4s ease}
.view-more i{display:block;background:url(//tp.greenjoyclub.com/collection/arrow-bottom.png) no-repeat center/100%;width:14px;height:8px;margin-left:8px}
.view-more.active,.view-more:hover{box-shadow:0 0 0 .2rem rgba(0,212,125,.5)}
.view-more.up i{transform:rotate(180deg)}
.collection-core{background:url(//tp.greenjoyclub.com/collection/collection-core-bg.jpg) no-repeat bottom/cover;overflow:hidden;height:0}
.collection-core.on{height:auto}
.collection-core .content{padding:108px 0 160px}
.collection-core .swiper{margin:45px 0 32px}
.collection-core .item{width:1140px;border-radius:10px;overflow:hidden;transform:scale(.92);transition:transform 1s ease}
.collection-core .item.swiper-slide-active{transform:scale(1)}
.collection-core .swiper:hover .swiper-btn{opacity:1}
.collection-core .swiper-btn a{background:rgba(255,255,255,.7);color:#040404}
.collection-core .swiper-btn a:hover{background:#006a3f;color:#fff}
.collection-core .swiper-btn a.prev{left:-12px}
.collection-core .swiper-btn a.next{right:-12px}
.collection-mark .view-more{margin-top:50px}

/* Z6 */
.proz6ban-txt .txt{
	width: 50%;
}
.proz6ban-txt .txt .mode{
	font-size: 25px;
	line-height: 1;
	color: #333333;
}
.proz6ban-txt .txt .title{
	margin-top: 20px;
}
.proz6ban-txt .txt .video-btn{
	width: 135px;
	height: 43px;
	border-radius: 30px;
	background: #22a972;
	color: #fff;
	font-size: 16px;
	line-height: 1;
	margin-top: 28px;
	transition: box-shadow .4s ease;
}
.proz6ban-txt .txt .video-btn:hover{
	box-shadow:0 0 0 .2rem rgba(0,212,125,.5)
}
.proz6ban-txt .txt .video-btn i{
	display: block;
	background: url("../images/collection/video-btn.png")no-repeat center /100%;
	width: 18px;
	height: 18px;
	margin-left: 7px;
}

.proz6ban{width: 100%;position: relative;height: 300vh;}
.proz6ban-sticky{position: sticky;top: 0;left: 0;width: 100%;overflow: hidden;}
.proz6ban-bg{
	position: relative;height: 100vh;z-index: 10;width: 100%;overflow: hidden;
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	transition: all .3s ease;
	-webkit-mask-size: auto 18000px;
	-webkit-mask-position: 56% 60%;
	/* 680 */
	/* 90% 120px */
}
.proz6ban-bg img, .proz6ban-bg video{position: absolute;width: 100%;height: 100%;object-fit: cover;top: 0;left: 0;}
.proz6ban-bg img{display: none;}
.proz6ban-txt{
	height: calc(100vh - 87px);
	position: absolute;
	width: 100%;
	top: 87px;
	left: 0;
	transition: opacity 1s ease;
	z-index: 9999;
	opacity: 0;
	visibility: hidden;
}
.proz6ban-txt.show{
	z-index: 9999;
	opacity: 1;
	visibility: visible;
}
.proz6ban-txt .pic{
	width: 50%;
	padding-bottom: 5%;
}
.proz6ban-txt .pic img{
	opacity: 0;
	transform: translate(-120px,200px);
	transition: all 1s ease;
}
.proz6ban-txt.show .pic img{
	opacity: 1;
	transform: translate(0,0);
}
.z6-tech{
	background: url("//tp.greenjoyclub.com/collection/z6-technology-bg.jpg")no-repeat bottom /cover;
	padding: 277px 0 94px;
	overflow: hidden;
}
.z6-tech .item{
	width: 31%;
}
.z6-tech .content{
	margin-top: 124px;
}
.z6-tech .content.animated .phone,.z6-tech .content.animated:before{
	transform: translateY(0);
}
.z6-tech .content.animated:after{
	transform: scale(1);
}
.z6-tech .content .phone{
	transform: translateY(-100%);
	transition: transform 1s ease .4s;
}
.z6-tech .content:after{
	content: '';
	background: url(//tp.greenjoyclub.com/collection/phone-projection.png)no-repeat center /100%;
	width: 100%;
	height: 186px;
	position: absolute;
	top: -120px;
	transition: all 1s ease .6s;
	transform: scale(0);
}
.z6-tech .content:before{
	content: '';
	background: url(//tp.greenjoyclub.com/collection/phone-projection2.png)no-repeat center /100%;
	width: 88%;
	height: 188px;
	position: absolute;
	bottom: -196%;
	transition: all 1s ease;
	transform: translateY(100%);
	transform-origin: bottom;
}
.z6-tech .content .person{
	position: absolute;
	top: -240px;
	transition: all 1s ease;
}
.z6-tech .content .prod{
	position: absolute;
	top: -100px;
	right: 25%;
	transition: all 1s ease;
}
.z6-video .content{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	color: #fff;
}
.z6-video .bg{
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	object-fit: cover;
	z-index: -1;
}
.z6-video .content .mode{
	font-size: 20px;
	line-height: 1;
}
.z6-video .content .title{
	font-size: 50px;
	line-height: 1;
	margin-top: 10px;
}
.z6-video .content .btn{
	margin-top: 30px;
}
.z6-video .content .btn a{
	display: block;
	font-size: 16px;
	line-height: 1;
}
.z6-video .content .btn a i{
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: #cccccc;
	padding-left: 5px;
	margin: 0 auto 8px;
}
.z6-data{
	background: url("//tp.greenjoyclub.com/collection/z6-data-bg.jpg")no-repeat center /cover;
	padding: 150px 0 134px;
}
.z6-data .tip{
	font-size: 18px;
	color: #fff;
	max-width: 670px;
	margin: 20px auto 0;
}
.z6-data .content{
	margin-top: 34px;
}
.z6-data .content img{
	z-index: 2;
	position: relative;
	pointer-events: none;
}
.z6-data .content .video-out{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 1;
	padding: 20px;
	border-radius: 80px;
	overflow: hidden;
}
.z6-plate{
	overflow: hidden;
	font-size: 0;
}
.z6-plate ul{
	height: 820px;
	width: 108%;
	left: -8%;
	position: relative;
	overflow: hidden;
}
.z6-plate li{
	width:33.33%;
	transform: skew(-10deg);
	transform-origin: 0 100%;
	overflow: hidden;
	transition: all .3s ease-in-out;
}
.z6-plate .hover li.active{
	width: 50%;
}
.z6-plate .hover li{
	width: 25%;
}
.z6-plate li .bg{
	width: 1257px;
	height: 100%;
	background-size: cover;
	transform: skew(10deg);
	left: -71px;
	background-position: left center;
	position: relative;
	z-index: 1;
}
.z6-plate li:first-child .bg{background-position: left 100px center;}
.z6-plate li .txt{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 2;
	transform: skew(10deg);
	margin-left: 71px;
	padding:70px 50px;
}
.z6-plate li .txt:after{
	content: '';
	position: absolute;
	z-index: -1;
	padding: 48px;
	top: 0;
	left: -72px;
	width: calc(100% + 72px);
	height: 30%;
	background: linear-gradient(180deg,rgba(0,0,0,.6) 0,transparent 100%);
}
.z6-plate li .txt .tip{
	font-weight: lighter;
	font-size: 22px;
	line-height: 1;
	color: #fff;
	margin-bottom: 25px;
}
.z6-plate li .txt .title{
	font-size: 40px;
	font-weight: bold;
	line-height: 48px;
	color: #fff;
}
.z6-cert .content{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	padding-top: 110px;
}
.z6-cert ul{
	margin-top: 30px;
	margin-left: -22px;
}
.z6-cert li{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: 22px;
	padding: 0 30px;
	background: rgba(255,255,255,.16);
	height: 70px;
	border-radius: 5px;
	box-shadow: 2px 7px 13px 0px rgba(0, 0, 0, 0.1);
}
.z6-cert li img{
	max-width: 90%;
	max-height: 90%;
	width: auto;
	object-fit: cover;
}


/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
	/* 1600 × (900) */
	.z6-plate ul{height: 750px}
	.z6-plate li .bg{width: 1030px}
	.txtfl { float: left; width: 50%; margin:3.5% 0;}
	.txtfr { float: right; width: 50%; margin: 3.5% 0;}
	.collection-txt .row p { color: #333; width:100%; font-size: 15px; padding: 5px 0px 10px;}
}

@media all and (max-width:1599px) {
	/* 1440 × (700)  */
	.container{width:1100px}
	.banner-cont .title{font-size: 56px;letter-spacing:0.1em}
	.banner-cont p{font-size: 24px}
	.banner-cont a{width: 170px;height: 50px}
	.collection-pic,.collection-time{padding: 100px 0}
	.collection-swiperVideo{padding: 120px 0}
	.com-tit{font-size: 40px}
	.com-tit.size40{font-size:34px}
	.collection-swiperVideo .item,.collection-core .item{width: 1000px}
	.collection-calculate-pic{width: 50%}
	.collection-txt .desc b{font-size: 30px;padding-left: 6px}
	.collection-txt .desc b.lft{padding-right: 6px}
	.collection-txt .icon{margin: 30px 0 40px}
	.collection-txt .video{margin-top: 60px}
	.com-tit.size56{font-size: 50px;top: -123px}
	.z6-tech .content:after{width: 1280px}
	.z6-video .content .title{font-size: 44px}
	.z6-data{padding: 100px 0}
	.z6-plate ul{height: 650px}
	.z6-plate li .txt{margin-left: 56px;padding: 60px 40px}
	.z6-plate li .txt .title{font-size: 34px;line-height: 42px}
	.z6-plate li .bg{width: 905px}
	.z6-plate li .txt .tip{margin-bottom: 20px}
	.txtfl { float: left; width: 50%; margin:3.5% 0;}
	.txtfr { float: right; width: 50%; margin: 3.5% 0;}
	.collection-txt .row p { color: #333; width:100%; font-size: 15px; padding: 5px 0px 10px;}
}

@media all and (max-width:1439px) {
	/* 1360 */
	.z6-plate ul{height: 620px}
	.z6-plate li .bg{width: 864px}
	.txtfl { float: left; width: 50%; margin:3.5% 0;}
	.txtfr { float: right; width: 50%; margin: 3.5% 0;}
	.collection-txt .row p { color: #333; width:100%; font-size: 14px; padding: 5px 0px 10px;}
}

@media all and (max-width:1359px) {
	/* 1280 */
	.z6-plate ul{height: 580px}
	.z6-plate li .bg{width: 815px}
	.txtfl { float: left; width: 50%; margin:3.5% 0;}
	.txtfr { float: right; width: 50%; margin: 3.5% 0;}
	.collection-txt .row p { color: #333; width:100%; font-size: 14px; padding: 5px 0px 10px;}
}

@media all and (max-width:1279px) {
	/* 1152 × (700) */
	.container{width: 960px}
	.banner-nav .top,.banner-nav .menu{height: 50px}
	.banner-nav.up{transform:translateY(-50px)}
	.banner-cont .title{font-size: 46px;letter-spacing: 0.05em}
	.banner-cont p{font-size: 20px}
	.banner-cont a{width: 160px;border-width: 1px;height: 44px;margin-top: 30px}
	.com-tit{font-size: 36px}
	.com-tit.size40{font-size: 28px}
	.collection-pic, .collection-time{padding:80px 0}
	.collection-time .pic .tit{padding: 15px;font-size: 18px}
	.collection-time .swiper{margin: 50px 0 30px}
	.swiper-btn a{width: 38px;height: 38px}
	.swiper-btn a svg{width: 24px;height: 24px}
	.collection-swiperVideo{padding: 100px 0}
	.collection-swiperVideo .item, .collection-core .item{width: 800px}
	.collection-swiperVideo .swiper{margin-bottom: 30px}
	.collection-txt .desc b{font-size: 26px}
	.collection-txt .desc+.desc{margin-left: 20px}
	.collection-txt .video{width: 430px;margin-top: 50px}
	.view-more{width: 160px;height: 44px;font-size: 15px}
	.view-more i{width: 12px;margin-left: 5px}
	.collection-mark .view-more{margin-top: 40px}
	.collection-core .content{padding: 100px 0 120px}
	.proz6ban-txt .pic{padding-bottom: 10%}
	.com-tit.size56{font-size: 44px}
	.z6-tech{padding: 230px 0 60px}
	.z6-tech .content:before{width: 100%;bottom: -176%}
	.z6-tech .content{margin-top: 140px}
	.z6-video .content .title{font-size: 38px}
	.z6-video .content .btn a i{width: 45px;height: 45px}
	.z6-data .tip{font-size: 16px;line-height: 24px;margin-top: 15px}
	.z6-data .content{width: 80%;margin: 30px auto 0}
	.z6-data .content .video-out{padding: 15px}
	.z6-plate ul{height: 525px}
	.z6-plate li .bg{width: 740px}
	.z6-plate li .txt{margin-left: 45px;padding: 50px 20px}
	.z6-plate li .txt .title{font-size: 30px;line-height: 35px}
	.z6-plate li .txt .tip{font-size: 20px;margin-bottom: 15px}
	.z6-cert .content{padding-top: 50px}
	.z6-data{padding: 60px 0}
}

@media all and (max-width:1151px) {
	/* 1024 */

}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
	/* 平板设备 720 适配 */
	.container{width: 92%}
	.banner .bg{min-height: 460px}
	.banner-nav{top: 60px}
	.banner-cont .title{font-size: 40px;letter-spacing: 0}
	.banner-cont p{margin-top: 15px}
	.banner-cont a{font-size: 15px;width: 150px;height: 40px}
	.com-tit{font-size: 32px}
	.com-tit.size40{font-size: 26px}
	.collection-pic, .collection-time,.collection-swiperVideo{padding: 60px 0}
	.collection-time .swiper{margin-top: 40px}
	.collection-time .pic .tit{padding: 10px}
	.collection-swiperVideo .item, .collection-core .item{width: 80%}
	.collection-calculate{padding: 60px 0}
	.collection-txt .video{width: 320px;margin-top: 30px;border-width: 2px}
	.collection-txt .desc b{font-size: 22px}
	.collection-calculate-pic{width: 45%;top: 50%;transform: translateY(-50%)}
	.collection-calculate .com-background{position: absolute;left: 0;top:0;height: 100%}
	.collection-calculate .collection-txt{position: relative}
	.collection-txt .desc.style2{font-size: 16px}
	.collection-txt .row{margin-top: 10px}
	.collection-txt .icon{margin: 20px 0}
	.view-more{width: 140px;height: 40px;font-size: 14px}
	.view-more i{width: 10px}
	.collection-core .content{padding: 60px 0 80px}
	.collection-core .swiper{margin: 30px 0}
	.proz6ban-bg video{display: none}
	.proz6ban-bg img{display: block}
	.proz6ban-txt{height: calc(100vh - 60px)}
	.proz6ban-txt .container{flex-direction: column-reverse}
	.proz6ban-txt .txt{width: 100%;height: 50vh;text-align: center}
	.proz6ban-txt .pic{width: 100%}
	.proz6ban-txt .txt .video-btn{margin: 20px auto 0}
	.proz6ban-txt .txt .title{margin-top: 15px}
	.z6-tech .item{width: 32%}
	.z6-tech .content .phone{transform: none;padding: 0 60px}
	.z6-tech .content .person{width: 120px;top: -200px}
	.z6-tech .content .person img{width: 100%}
	.z6-tech{padding: 180px 0 60px}
	.z6-video .content .title{font-size: 32px;margin-top: 5px}
	.z6-video .content .btn a i{width: 40px;height: 40px}
	.z6-video .content .btn{margin-top: 20px}
	.z6-data .content .video-out{border-radius: 60px;padding: 10px}
	.z6-data .content{margin-top: 20px}
	.z6-plate li,.z6-plate li .txt,.z6-plate li .bg{transform: none}
	.z6-plate ul{height: auto;flex-direction: column;width: 100%;left: 0}
	.z6-plate li .txt .title{font-size: 24px;line-height: 30px}
	.z6-plate li .txt:after{height: 80%}
	.z6-plate li{width: 100% !important;position: relative}
	.z6-plate li .txt{position: static;margin: 0;width: 100%;padding: 40px 4%;min-height: 400px;display: flex;flex-direction: column;justify-content: center}
	.z6-plate li .bg{width: 100%;height: 100%;position: absolute;background-position: center!important;left: 0;z-index: -1}
	.z6-plate li .txt .tip{margin-bottom: 10px}
	.z6-cert .bg{position: absolute;left: 0;top: 0;z-index: -1;height: 100%}
	.z6-cert .content{position: static;padding: 60px 0}
	.z6-cert li{padding: 0 20px;height: 50px;margin-left: 15px}
	.z6-cert ul{margin-left: -15px}
	.com-tit.size56{font-size: 38px}
	.proz6ban-txt .txt .mode{font-size: 22px}
	.z6-video video{display: none}
	.z6-video .bg{display: block}
	.z6-video .content{padding: 60px 0;position: static}
	.z6-video .container,.z6-video .content .btn{justify-content: center}
}
@media all and (max-width:640px) {
	/* 移动终端以上 360 适配 */
	.collection-txt .row p{width:100%;}
	.txtfr {float: none;width: 100%;align-items: center;}
	.collection-txt .icon a{margin:0 auto;}
	.txt .com-tit{ text-align:center;}
	
	.banner-nav{ display:none;}
	
	.banner .bg{min-height: 360px}
	.banner-nav .top .rgt a{font-size: 14px}
	.banner-nav .top .rgt a+a{margin-left: 15px}
	.banner-nav .top, .banner-nav .menu{height: 40px}
	.banner-nav.up{transform: translateY(-40px)}
	.banner-nav .menu .list{width: 60%;display: flex;flex-wrap: nowrap;overflow: auto}
	.banner-nav .menu .list a+a{margin-left: 15px}
	.banner-nav .menu .list a{white-space: nowrap}
	.banner-cont .title{font-size: 34px}
	.banner-cont p{font-size: 18px}
	.com-tit{font-size: 26px}
	.com-tit.size40{font-size: 20px}
	.collection-core .swiper{margin: 20px 0}
	.com-tip{font-size: 16px}
	.com-tit+.com-tip{margin-top: 10px}
	.collection-pic .content{margin-top: 25px}
	.collection-swiperVideo .item, .collection-core .item{width: 92%}
	.collection-swiperVideo .swiper{margin-bottom: 20px}
	.collection-pic, .collection-time, .collection-swiperVideo{padding: 40px 0}
	.collection-calculate,.collection-chip,.collection-camera,.collection-mark{padding: 20px 0}
	.collection-time .pic .tit{padding: 5px;font-size: 14px}
	.collection-calculate-pic{display: none}
	.collection-txt .video{width: 100%;margin-top: 20px}
	.collection-txt .desc b{font-size: 18px}
	.collection-txt .txt{align-items: center}
	.collection-txt{position: relative;background: rgba(0,0,0,.2);padding: 20px 0}
	.com-background{position: absolute;left: 0;top: 0;height: 100%}
	.collection-core .content{padding: 40px 0 60px}
	.com-tit.size56{font-size: 32px}
	.proz6ban-txt .txt .mode{font-size: 18px}
	.z6-tech{padding: 40px 0}
	.z6-tech .list{flex-direction: column}
	.z6-tech .item{width: 100%}
	.z6-tech .item+.item{margin-top: 20px}
	.z6-tech .content .phone{padding: 0}
	.z6-tech .content .prod{right: 0;top: -110px}
	.z6-data .content{width: 100%}
	.z6-data .tip{font-size: 14px;line-height: 22px}
	.z6-data .content .video-out{border-radius: 30px;padding: 0}
	.z6-data,.z6-video .content{padding: 40px 0}
	.z6-video .content .title{font-size: 26px}
	.z6-video .content .mode{font-size: 16px}
	.z6-plate li .txt{min-height: 300px}
	.z6-plate li .txt .title{font-size: 22px}
	.z6-plate li .txt .tip{font-size: 18px;margin-bottom: 5px}
	.z6-cert li{padding: 0 5px;margin-left: 10px}
	.z6-cert ul{margin-left: -10px;margin-top: 20px}
}