@font-face {
	font-family: "FZLanTingHei-DB-GBK";
	src:url('https://cdnzui.lenovomm.cn/web/zui13_new_pc/static/fonts/FZLanTingHei-DB-GBK.TTF');
}
@font-face {
	font-family: "FZLanTingHeiS-R-GB";
	src:url('https://cdnzui.lenovomm.cn/web/zui13_new_pc/static/fonts/FZLanTingHeiS-R-GB.TTF');
}

@font-face {
	font-family: "GOTHAM-MEDIUM";
	src:url('https://cdnzui.lenovomm.cn/web/zui13_new_pc/static/fonts/GOTHAM-MEDIUM.OTF');
}

@font-face {
	font-family: "lantingzhongcu";
	src:url('../fonts/lantingzhongcu.ttf');
}
@font-face {
	font-family: "lantinghei";
	src:url('../fonts/FZLanTingHei-DB-GBK.TTF');
}

@font-face {
	font-family: "lantingheijian";
	src:url('../fonts/lantingheijian.TTF');
}

@font-face {
	font-family: "Gotham-Bold";
	src:url('../fonts/Gotham-Bold.ttf');
}
@font-face {
	font-family: "Gotham-Book";
	src:url('../fonts/Gotham-Book.ttf');
}
@font-face {
	font-family: "Gotham-Medium";
	src:url('../fonts/Gotham-Medium.ttf');
}
@font-face {
	font-family: "Gotham-Light";
	src:url('../fonts/Gotham-Light.ttf');
}
@font-face {
	font-family: "GothamRounded-Bold";
	src:url('../fonts/GothamRounded-Bold.otf');
}

.lantingzhongcu {
	font-family: lantingzhongcu;
}
.lantinghei {
	font-family: lantinghei;
}
.lantingheijian {
	font-family: lantingheijian;
}
.Gotham-Bold {
	font-family: Gotham-Bold;
}

.Gotham-Book {
	font-family: Gotham-Book;
}

.Gotham-Medium {
	font-family: Gotham-Medium;
}
.GothamMedium{
	font-family: "GOTHAM-MEDIUM";
}
.FZLanTingHei-DB-GBK{
	font-family: "FZLanTingHei-DB-GBK";
}
.FZLanTingHeiS-R-GB{
	font-family: "FZLanTingHeiS-R-GB";
}
.delay-01 {
	-webkit-transition-delay: 0 !important;
	-o-transition-delay: 0 !important;
	transition-delay: 0 !important;
}

.delay-02 {
	-webkit-transition-delay: .2s !important;
	-o-transition-delay: .2s !important;
	transition-delay: .2s !important;
}

.delay-03 {
	-webkit-transition-delay: .4s !important;
	-o-transition-delay: .4s !important;
	transition-delay: .4s !important;
	animation-delay:.4s !important;
    -webkit-animation-delay:.4s !important; /* Safari 和 Chrome */  
}

.delay-04 {
	-webkit-transition-delay: .6s !important;
	-o-transition-delay: .6s !important;
	transition-delay: .6s !important;
}

.delay-05 {
	-webkit-transition-delay: .8s !important;
	-o-transition-delay: .8s !important;
	transition-delay: .8s !important;
	animation-delay:.8s !important;
    -webkit-animation-delay:.8s !important; /* Safari 和 Chrome */  
}

.delay-06 {
	-webkit-transition-delay: 1s !important;
	-o-transition-delay: 1s !important;
	transition-delay: 1s !important;
}

.delay-07 {
	-webkit-transition-delay: 1.2s !important;
	-o-transition-delay: 1.2s !important;
	transition-delay: 1.2s !important;
	animation-delay:1.2s !important;
    -webkit-animation-delay:1.2s !important; /* Safari 和 Chrome */  
}

.delay-08 {
	-webkit-transition-delay: 1.4s !important;
	-o-transition-delay: 1.4s !important;
	transition-delay: 1.4s !important;
	
}

.delay-09 {
	-webkit-transition-delay: 1.6s !important;
	-o-transition-delay: 1.6s !important;
	transition-delay: 1.6s !important;
	animation-delay:1.6s !important;
    -webkit-animation-delay:1.6s !important; /* Safari 和 Chrome */ 
}

.delay-10 {
	-webkit-transition-delay: 1.8s !important;
	-o-transition-delay: 1.8s !important;
	transition-delay: 1.8s !important;
}

.delay-11 {
	-webkit-transition-delay: 2s !important;
	-o-transition-delay: 2s !important;
	transition-delay: 2s !important;
	animation-delay:2s !important;
    -webkit-animation-delay:2s !important; /* Safari 和 Chrome */ 
}

.delay-24 {
	-webkit-transition-delay: 2.4s !important;
	-o-transition-delay: 2.4s !important;
	transition-delay: 2.4s !important;
}
.delay-28 {
	-webkit-transition-delay: 2.8s !important;
	-o-transition-delay: 2.8s !important;
	transition-delay: 2.8s !important;
	animation-delay:2.8s !important;
    -webkit-animation-delay:2.8s !important; /* Safari 和 Chrome */ 
}
.delay-32 {
	-webkit-transition-delay: 3.2s !important;
	-o-transition-delay: 3.2s !important;
	transition-delay: 3.2s !important;
	animation-delay:3.2s !important;
    -webkit-animation-delay:3.2s !important; /* Safari 和 Chrome */ 
}
.delay-36 {
	-webkit-transition-delay: 3.6s !important;
	-o-transition-delay: 3.6s !important;
	transition-delay: 3.6s !important;
	animation-delay:3.6s !important;
    -webkit-animation-delay:3.6s !important; /* Safari 和 Chrome */ 
}
.delay-40 {
	-webkit-transition-delay: 4s !important;
	-o-transition-delay: 4s !important;
	transition-delay: 4s !important;
	animation-delay:4s !important;
    -webkit-animation-delay:4s !important; /* Safari 和 Chrome */ 
}
.delay-44 {
	-webkit-transition-delay: 4.4s !important;
	-o-transition-delay: 4.4s !important;
	transition-delay: 4.4s !important;
	animation-delay:4.4s !important;
    -webkit-animation-delay:4.4s !important; /* Safari 和 Chrome */ 
}
.delay-48 {
	-webkit-transition-delay: 4.8s !important;
	-o-transition-delay: 4.8s !important;
	transition-delay: 4.8s !important;
	animation-delay:4.8s !important;
    -webkit-animation-delay:4.8s !important; /* Safari 和 Chrome */ 
}
.delay-52 {
	-webkit-transition-delay: 5.2s !important;
	-o-transition-delay: 5.2s !important;
	transition-delay: 5.2s !important;
	animation-delay:5.2s !important;
    -webkit-animation-delay:5.2s !important; /* Safari 和 Chrome */ 
}
.delay-56 {
	-webkit-transition-delay: 5.6s !important;
	-o-transition-delay: 5.6s !important;
	transition-delay: 5.6s !important;
	animation-delay:5.6s !important;
    -webkit-animation-delay:5.6s !important; /* Safari 和 Chrome */ 
}
.delay-60 {
	-webkit-transition-delay: 6s !important;
	-o-transition-delay: 6s !important;
	transition-delay: 6s !important;
	animation-delay:6s !important;
    -webkit-animation-delay:6s !important; /* Safari 和 Chrome */ 
}
.delay-64 {
	-webkit-transition-delay: 6.4s !important;
	-o-transition-delay: 6.4s !important;
	transition-delay: 6.4s !important;
	animation-delay:6.4s !important;
    -webkit-animation-delay:6.4s !important; /* Safari 和 Chrome */ 
}
.delay-12 {
	-webkit-transition-delay: 2.2s !important;
	-o-transition-delay: 2.2s !important;
	transition-delay: 2.2s !important;
}
.top-nav-mian{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height:.96rem;
	line-height: .96rem;
	background: linear-gradient(to right, #d331f5  , #4394ff);
	overflow: hidden;
	z-index: 999999;
}
.top-nav-mian .nav-box-rel{
	width:12.2rem;
	margin: 0 auto;
	height: 100%;
	overflow: hidden;
	position: relative;
	display: flex;
	justify-content: center;
}
.top-nav-mian .nav-box-rel .left-logo{
	width:.99rem;
	/* height: .4rem; */
	margin-top:.27rem;
	float: left;
}
.top-nav-mian .nav-box-rel .left-logo img{
	display: block;
	width: 100%;
}
.top-nav-mian .nav-box-rel .right-list{
	float: left;
	overflow: hidden;
	margin-left: .3rem;
}
.top-nav-mian .nav-box-rel .right-list .li{
	display: block;
	padding: 0 .4rem;
	text-align: center;
	color: #ffffff;
	cursor: pointer;
	font-size: .28rem;
	float: left;
}
.top-nav-mian2{
	position: fixed;
	width: 100%;
	top: .96rem;
	height:.6rem;
	line-height: .6rem;
	background: linear-gradient(to right, #d96df7  , #73afff);
	overflow: hidden;
	z-index: 999999;
	border-top: 1px solid #78b0ff;
}
.top-nav-mian2 img{
	width: 100%;
	display: block;
}
.top-nav-mian2 .nav-box-rel{
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.top-nav-mian2 .nav-box-rel .nav-content{
	width:14rem;
	height: 100%;
	overflow: hidden;
	margin: 0 auto;
}
.top-nav-mian2 .nav-box-rel .nav-content .left-prov-box{
	float: left;
	width:.32rem;
	height: .3rem;
	position: relative;
	margin-top: .15rem;
}
.top-nav-mian2 .nav-box-rel .nav-content .left-prov-box .img1{
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}

.top-nav-mian2 .nav-box-rel .nav-content .left-prov-box .img2{
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.4;
}
.top-nav-mian2 .nav-box-rel .nav-content .content-txt{
	width:11rem;
	height: 100%;
	overflow: hidden;
	margin: 0 auto;
	float: left;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -.2rem;
	transform: translate(-50%,0);
	display: flex;
	justify-content: center;
}
.top-nav-mian2 .nav-box-rel .nav-content .content-txt .p-txt{
	color: #c2c8fe;
	font-size: .28rem;
	float: left;
	cursor: pointer;
}
.top-nav-mian2 .nav-box-rel .nav-content .content-txt .p-dian{
	color: #c2c8fe;
	font-size: .26rem;
	float: left;
	width:1.05rem;
	text-align: center;
}
.top-nav-mian2 .nav-box-rel .nav-content .content-txt .p-txt-active{
	color: #ffffff;
}

.top-nav-mian2 .nav-box-rel .nav-content .right-more-box{
	float: right;
	width:.32rem;
	height: .3rem;
	position: relative;
	margin-top: .15rem;
}
.top-nav-mian2 .nav-box-rel .nav-content .right-more-box .img1{
	position: absolute;
	top: 0;
	left: 0;
}
.top-nav-mian2 .nav-box-rel .nav-content .right-more-box .img2{
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.4;
	display: none;
}
.ZUI-14-main{
	position: relative;
	width: 100%;
	overflow: hidden;
}
.ZUI-14-main img{
	display: block;
	width: 100%;
}
/* 模块样式1 */
.product01-box{
	width: 100%;
	height:100vh;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}

.product01-box .bg-video{
	display: block;
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.product01-box .video-btn{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width:2.87rem;
	animation:fadenum 4s ease-in-out alternate  infinite;
}
@keyframes fadenum{
    0% {
        -webkit-transform: scale(1);
        opacity: 0.8
    }
    100% {
        -webkit-transform: scale(1.1);
        opacity: 1
	}
 
 }
/* 模块样式2 */
.product02-box{
	width: 100%;
	height:100vh;
	position: relative;
	overflow: hidden;
	background: #ffffff;
}
.product02-box .product02-box-rel{
	position: relative;
	width: 100%;
	height: 100%;
}
.product02-box .product02-box-rel .bg-14-img{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width:33.21rem;
}
.product02-box .product02-box-rel .bg-14-img img{
	transform: rotate(-45deg);
}
.product02-box .product02-box-rel .product02-center-box{
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0,-50%);
	width: 100%;
	height:16.6rem;
}
.product02-box .product02-box-rel .product02-center-box .product02-center-box-rel{
	position: relative;
	width: 100%;
	height: 100%;
}
.product02-box .bg-img{
	display: block;
	width: 100%;
}
.product02-box .text-big{
	position: absolute;
	top:2.45rem;
	left: 0;
	width: 100%;
	text-align: center;
	color: #333333;
	font-size: 1.2rem;
}
.product02-box .product02-content{
	position: absolute;
	top:6rem;
	left:7.2rem;
	width:24rem;
	overflow: hidden;
}
.product02-box .product02-content .top-text-box{
	width: 100%;
	overflow: hidden;
	padding-bottom:.95rem;
	border-bottom:0.02rem solid #cccccc;
}
.product02-box .product02-content .top-text-box .left-p{
	float: left;
	width: 4.45rem;
	text-align: center;
	color: #000000;
	font-size: .48rem;
}
.product02-box .product02-content .top-text-box .right-text-box{
   float: left;
   margin-left:3.3rem;
   overflow: hidden;
}
.product02-box .product02-content .top-text-box .right-text-box .text{
	float: left;
	width:4.06rem;
	text-align: center;
	font-size: .36rem;
	line-height: .48rem;
}
.product02-box .product02-content .bottom-text-box{
	width: 100%;
	overflow: hidden;
	display: flex;
}
.product02-box .product02-content .bottom-text-box .left-p{
	display: block;
	float: left;
	width: 4.45rem;
	text-align: center;
	color: #000000;
	font-size: .48rem;
	height: 100%;
	margin-top:.95rem;
}
.product02-box .product02-content .bottom-text-box .right-text-box{
	float: left;
	margin-left:3.3rem;
	overflow: hidden;
	flex: 1;
}
.product02-box .product02-content .bottom-text-box .right-text-box .text{
	float: left;
	width:4.06rem;
	text-align: center;
	font-size: .36rem;
	line-height: .48rem;
	margin-top:.95rem;
}
.product02-box .product02-content .bottom-text-box .right-text-box .text .p2{
	color: #999999;
	font-size:.3rem;
	margin-top: .15rem;
}
/* 模块样式3 */
.product03-box{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	transform-origin: center -50vh;
	z-index: 10;
	/* overflow: hidden; */
}
.product03-box .product03-content{
	position: relative;
	width: 100%;
	height: 100vh;
	/* overflow: hidden; */
}
.product03-box .product03-content .product03-scale{
	position: relative;
	width: 100%;
	height: 100vh;
	transform-origin: center -50vh;
}


.product03-box .product03-content .move-bg{
	position: absolute;
	top: 0;
	/* transform: translate(0,-50%) scale(1); */
	left: 0;
	width: 100%;
	height: 100vw;
	transform-origin: center 30%;
	/* overflow: hidden; */
	background: linear-gradient(to bottom right, #eff8ff, #70a6ff);
}
.product03-box .product03-content .move-bg .move-bg-rel{
	position: relative;
	width: 100%;
	height: 100%;
}
.product03-box .product03-content .product03-icon{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	/* height: 100vh; */
	overflow: hidden;
	transform: translate(-50%,-50%);
	opacity: 0;
}
.product03-box .product03-content .product03-content-center{
	overflow: hidden;
	position: absolute;
	bottom: 100vh;
	left: 0;
	width: 100%;
	height: 100vh;
	/* background: #000000; */
	z-index: 10;
}
.move-begin-div{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	overflow: hidden;
}
.product03-box .product03-content .img-14-box{
	position: absolute;
	bottom: 50%;
	left: 50%;
	transform: translate(-50%,50%);
	width:33.63rem;
	height: 100vh;
}
.product03-box .product03-content .img-14-box .img-14-rel{
	position: relative;
	width: 100%;
	height: 100%;
}
.product03-box .product03-content .img-14-box .img-14-rel .img-14{
	width:33.63rem;
	height:0vh;
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
.product03-box .product03-content .img-14-box .img-14-rel img{
	position: absolute;
	bottom: calc(16.885rem - 100vh);
	left: 0;
	width:33.63rem;
	height:33.77rem;
	transform:rotate(-45deg);
}
.product03-box .product03-content .content-box{
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0,-50%);
	width: 100%;
	height:5.13rem;
}
.product03-box .product03-content .content-box .content-box-rel{
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.product03-box .product03-content .content-box .content-box-rel .text1-img{
	position: absolute;
	top:.69rem;
	left:10.84rem;
	width:3.84rem;
	transform: translate(-12rem,0);
	opacity: 0;
}
.product03-box .product03-content .content-box .content-box-rel .text2-img{
	position: absolute;
	top:.69rem;
	left:14.21rem;
	width:3.8rem;
	transform: translate(-6rem,0);
	opacity: 0;
}
.product03-box .product03-content .content-box .content-box-rel .logo-img{
	position: absolute;
	top:0;
	left:17.04rem;
	width:4.99rem;
	opacity: 0;
}
.product03-box .product03-content .content-box .content-box-rel .text3-img{
	position: absolute;
	top:.69rem;
	left:20.33rem;
	width:3.82rem;
	transform: translate(6rem,0);
	opacity: 0;
}
.product03-box .product03-content .content-box .content-box-rel .text4-img{
	position: absolute;
	top:.69rem;
	left:23.76rem;
	width:3.79rem;
	transform: translate(12rem,0);
	opacity: 0;
}
/* 模块样式4、5 */
.product03-04-05-06-box{
	position: relative;
	width: 100%;
	height: 480vh;
	padding-top: .8rem;
	box-sizing: border-box;
	overflow: hidden;
}
.product03-04-05-06-box .product03-04-05-06-box-rel{
	width: 100%;
	height: 100%;
	position: relative;
	/* overflow: hidden; */
}
.product04-content-rel .top-content-mian{
	width: 100%;
	height: 100%;
}
.product04-content-rel .top-content-mian2{
	width: 100%;
	height: 100%;
}
.product03-04-05-06-box .product03-04-05-06-box-rel .product03-04-05-06-content{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
}
.product03-04-05-06-box .product03-04-05-06-box-rel .product03-04-05-06-content .product03-04-05-06-content-rel{
	position: relative;
	width: 100%;
	height: 100%;
}
.product03-04-05-06-box .product03-04-05-06-box-rel .product04-box{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	z-index: 9;
	background: linear-gradient(to bottom right, #ffffff , #c0d7fc);
}
.product03-04-05-06-box .product03-04-05-06-box-rel .product04-box .product04-box-rel{
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.product03-04-05-06-box .product03-04-05-06-box-rel .product04-box .product04-box-rel .product04-content{
	width: 100%;
	height:19rem;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0,-50%);
}
.product03-04-05-06-box .product03-04-05-06-box-rel .product04-box .product04-box-rel .product04-content .product04-content-rel{
	position: relative;
	width: 100%;
	height: 100%;
}
.product03-04-05-06-box .product03-04-05-06-box-rel .product04-box .product04-box-rel .product04-content .product04-content-rel .top-text{
	position: absolute;
	top:1.7rem;
	left: 0;
	width: 100%;
	text-align: center;
	color: #333333;
	font-size:1.2rem;
	opacity: 0;
	transform: translate(0,1rem);
}
.product04-box .product04-box-rel .product04-content .product04-content-rel .two-tit-box{
	position: absolute;
	top:3.45rem;
	left: 0;
	width: 100%;
	text-align: center;
	color: #333333;
	font-size:.36rem;
	line-height: .6rem;
	opacity: 0;
	transform: translate(0,1rem);
}
.product04-box .product04-box-rel .product04-content .product04-content-rel .product-content{
	width:20rem;
	height: 10.5rem;
	background: #ffffff;
	border-radius: .5rem;
	position: absolute;
	top:6rem;
	left: 50%;
	transform: translate(-50%,0);
}
.product04-box .product04-box-rel .product04-content .product04-content-rel .product-content .content-rel{
	position: relative;
	width: 100%;
	height: 100%;
}
.product04-box .product04-box-rel .product04-content .product04-content-rel .product-content .content-rel .img1{
	position: absolute;
	top:.82rem;
	left:1.29rem;
	width:6.34rem;
	opacity: 0;
    transform: translate(-5rem,-5rem);
}
.product04-box .product04-box-rel .product04-content .product04-content-rel .product-content .content-rel .img2{
	position: absolute;
	top:.82rem;
	left:6.85rem;
	width:6.34rem;
	opacity: 0;
	transform: translate(0,-5rem);
}
.product04-box .product04-box-rel .product04-content .product04-content-rel .product-content .content-rel .img3{
	position: absolute;
	top:.82rem;
	left:12.42rem;
	width:6.33rem;
	opacity: 0;
	transform: translate(5rem,-5rem);
}
.product04-box .product04-box-rel .product04-content .product04-content-rel .product-content .content-rel .img4{
	position: absolute;
	top:3.05rem;
	left:12.42rem;
	width:3.68rem;
	opacity: 0;
	transform: translate(5rem,-5rem);
}
.product04-box .product04-box-rel .product04-content .product04-content-rel .product-content .content-rel .img5{
	position: absolute;
	top:3.05rem;
	left:15.1rem;
	width:3.68rem;
	opacity: 0;
	transform: translate(5rem,-5rem);
}
.product04-box .product04-box-rel .product04-content .product04-content-rel .product-content .content-rel .img6{
	position: absolute;
	top:5.3rem;
	left:1.29rem;
	width:6.34rem;
	opacity: 0;
	transform: translate(-5rem,0);
}
.product04-box .product04-box-rel .product04-content .product04-content-rel .product-content .content-rel .img7{
	position: absolute;
	left:6.85rem;
	top:5.3rem;
	width:3.68rem;
	opacity: 0;
	transform: translate(0,5rem);
}
.product04-box .product04-box-rel .product04-content .product04-content-rel .product-content .content-rel .img8{
	position: absolute;
	left:9.5rem;
	top:5.3rem;
	opacity: 0;
	width:3.68rem;
	transform: translate(0,5rem);
}
.product04-box .product04-box-rel .product04-content .product04-content-rel .product-content .content-rel .img9{
	position: absolute;
	left:12.42rem;
	top:5.3rem;
	opacity: 0;
	width:6.33rem;
	transform: translate(5rem,5rem);
}
.product04-box .product04-box-rel .product04-content .product04-content-rel .product-content .content-rel .img10{
	position: absolute;
	left:1.29rem;
	top:7.52rem;
	width:6.33rem;
	opacity: 0;
	transform: translate(-5rem,5rem);
}
.product04-box .product04-box-rel .product04-content .product04-content-rel .product-content .content-rel .img11{
	position: absolute;
	left:6.85rem;
	top:7.52rem;
	width:6.33rem;
	opacity: 0;
	transform: translate(0,5rem);
}
.product04-box .product04-box-rel .product04-content .product04-content-rel .product-content .content-rel .img12{
	position: absolute;
	left:6.85rem;
	top:7.52rem;
	width:6.33rem;
}
.product04-box .product04-box-rel .product04-content .product04-content-rel .bottom-img{
	position: absolute;
	top:15.7rem;
	left: 11.565rem;
	width:15.27rem;
	opacity: 0;
	transform: translate(0,1rem);
}
.product04-box .product04-box-rel .product04-content .product04-content-rel .border-color{
	position: absolute;
	top:60%;
	left:50%;
	transform: translate(-50%,-50%);
	width:44.39rem;
}
.product05-box{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background: #02011a;
	overflow: hidden;
}
.product05-box .product05-box-rel{
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.product05-box .product05-box-rel .product05-content{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	height:21.6rem;
}
.product04-box .product04-box-rel .product04-content .product04-content-rel{
	position: relative;
	width: 100%;
	height: 100%;
}
.product04-box .product04-box-rel .product04-content .product04-content-rel .top-text2{
	position: absolute;
	top:3rem;
	left: 0;
	width: 100%;
	text-align: center;
	color: #ffffff;
	font-size:1.2rem;
	opacity: 0;
	transform: translate(0,0.8rem);
}
.product04-box .product04-box-rel .product04-content .product04-content-rel .two-tit-box2{
	position: absolute;
	top:4.77rem;
	left: 0;
	width: 100%;
	text-align: center;
	color: #b0b0b0;
	font-size:.36rem;
	line-height: .6rem;
	opacity: 0;
	transform: translate(0,0.8rem);
}
.product04-box .product04-box-rel .product04-content .product04-content-rel .product-content2{
	position: absolute;
	top:7.3rem;
	left:12rem;
	width:14.38rem;
	height: 9.1rem;
	overflow: hidden;
	transform: scale(1.45);
	z-index: 2;
	opacity: 0;
}
.product04-box .product04-box-rel .product04-content .product04-content-rel .product-content2 .product-content-rel{
	position: relative;
	width: 100%;
	height: 100%;
}
.product04-box .product04-box-rel .product04-content .product04-content-rel .product-content2 .product-content-rel .bg-img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10;
}
.product04-content-rel .product-content2 .product-content-rel .center-content{
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height: 100%;
	border-radius: .6rem;
	z-index: 2;
	background: #02011a;
	opacity: 0;
}
.product04-content-rel .product-content2 .product-content-rel .center-content .center-rel{
	position: relative;
	width: 100%;
	height: 100%;
}
.product04-content-rel .product-content2 .product-content-rel .center-content .center-rel .center-qiu1{
	position: absolute;
	top:7.1rem;
	left:50%;
	width: .26rem;
	opacity: 0;
	transform: translate(-50%,0.6rem);
}
.product04-content-rel .product-content2 .product-content-rel .center-content .center-rel .center-qiu2{
	position: absolute;
	top:6.43rem;
	left:50%;
	opacity: 0;
	width: .38rem;
	transform: translate(-50%,0.6rem);
}
.product04-content-rel .product-content2 .product-content-rel .center-content .center-rel .center-qiu3{
	position: absolute;
	top:5.66rem;
	left:50%;
	width: .48rem;
	opacity: 0;
	transform: translate(-50%,0.6rem);
}
.product04-content-rel .product-content2 .product-content-rel .center-content .center-rel .center-qiu4{
	position: absolute;
	top:5.11rem;
	left:50%;
	width: .29rem;
	opacity: 0;
	transform: translate(-50%,0.6rem);
}
.product04-content-rel .product-content2 .product-content-rel .center-content .center-rel .center-qiu5{
	position: absolute;
	top:4.02rem;
	left:50%;
	width: .8rem;
	opacity: 0;
	transform: translate(-50%,0.6rem);
}
.product04-content-rel .product-content2 .product-content-rel .center-content .center-rel .center-qiu6{
	position: absolute;
	top:3.15rem;
	left:50%;
	width:1.34rem;
	opacity: 0;
	transform: translate(-50%,0.6rem);
}
.product04-content-rel .product-content2 .product-content-rel .center-content .center-rel .bottom-qiu{
	background: #f8c931;
	width: 9.26rem;
	height: 9.26rem;
	border-radius: 9.26rem;
	position: absolute;
	top:7.6rem;
	left:2.48rem;
	opacity: 0;
	transform: translate(0,3rem);
}
.product04-content-rel .outside-qiu1{
	position: absolute;
	top:13.5rem;
	left:7.04rem;
	width:.87rem;
	z-index: 1;
	opacity: 0;
	transform: translate(0,1rem);
}
.product04-content-rel .outside-qiu2{
	position: absolute;
	top:14.81rem;
	left:9.37rem;
	width:.72rem;
	z-index: 1;
	opacity: 0;
	transform: translate(0,0.6rem);
}
.product04-content-rel .outside-qiu3{
	position: absolute;
	top:11.47rem;
	left:9.73rem;
	width:1.52rem;
	z-index: 1;
	opacity: 0;
	transform: translate(0,3rem);
}
.product04-content-rel .outside-qiu4{
	position: absolute;
	top:13.69rem;
	left:11.1rem;
	width:.49rem;
	z-index: 1;
	opacity: 0;
	transform: translate(0,1rem);
}
.product04-content-rel .outside-qiu5{
	position: absolute;
	top:10.99rem;
	left:11.1rem;
	width:.48rem;
	z-index: 1;
	opacity: 0;
	transform: translate(0,0.4rem);
}
.product04-content-rel .outside-qiu6{
	position: absolute;
	top:13.26rem;
	left:24.92rem;
	width:3.7rem;
	z-index: 11;
	opacity: 0;
	transform: translate(0,2rem);
}
.product04-content-rel .outside-qiu7{
	position: absolute;
	top:11.04rem;
	left:26.79rem;
	width:.87rem;
	opacity: 0;
	transform: translate(0,3rem);
}
.product04-content-rel .outside-qiu8{
	position: absolute;
	top:10.33rem;
	left:28.26rem;
	width:.72rem;
	opacity: 0;
	transform: translate(0,0.8rem);
}
.product04-content-rel .outside-qiu9{
	position: absolute;
	top:14.66rem;
	left:29.41rem;
	width:.48rem;
	opacity: 0;
	transform: translate(0,0.6rem);
	z-index: 1;
}
.product04-content-rel .outside-qiu1 img{
	position: relative;
	animation:fudong 2s ease-in-out alternate  infinite;
}
.product04-content-rel .outside-qiu2 img{
	position: relative;
	animation:fudong 2s 0.2s ease-in-out alternate  infinite;
}
.product04-content-rel .outside-qiu3 img{
	position: relative;
	animation:fudong 2s 0.4s ease-in-out alternate  infinite;
}
.product04-content-rel .outside-qiu4 img{
	position: relative;
	animation:fudong 2s 0.6s ease-in-out alternate  infinite;
}
.product04-content-rel .outside-qiu5 img{
	position: relative;
	animation:fudong 2s 0.8s ease-in-out alternate  infinite;
}
.product04-content-rel .outside-qiu6 img{
	position: relative;
	animation:fudong 2s 1s ease-in-out alternate  infinite;
}
.product04-content-rel .outside-qiu7 img{
	position: relative;
	animation:fudong 2s 1.2s ease-in-out alternate  infinite;
}
.product04-content-rel .outside-qiu8 img{
	position: relative;
	animation:fudong 2s 1.4s ease-in-out alternate  infinite;
}
.product04-content-rel .outside-qiu9 img{
	position: relative;
	animation:fudong 2s 1.6s ease-in-out alternate  infinite;
}
.product04-content-rel .outside-qiu10 img{
	position: relative;
	animation:fudong 2s 1.8s ease-in-out alternate  infinite;
}
.product04-content-rel .outside-qiu10{
	position: absolute;
	top:15.63rem;
	left:30.43rem;
	width:.49rem;
	opacity: 0;
	transform: translate(0,2rem);
	z-index: 1;
}
@keyframes fudong{
    0% {
        transform: translate(0,0);
    }
    100% {
        transform: translate(0,-.2rem);
        opacity: 1
	}
 
 }
.product04-content-rel .bottom-big-sun{
	position: absolute;
	width: 70.81rem;
	height: 16.24rem;
	border-radius: 54.422rem;
	top:11.75rem;
	left: -19.8rem;
	opacity: 0;
	transform: translate(0,10rem);
	/* opacity: 0; */
	/* top: ; */
	/* display: none; */
}
.product06-box{
	position: absolute;
	top: 0;
	left: 100%;
	width:100%;
	height: 100vh;
	z-index: 20;
	background: #02011a;
}
.product06-box .product06-box-rel{
	position: relative;
	width: 100%;
	height: 100%;
}
.product06-box .product06-box-rel .product06-content{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	height: 21.6rem;
}
.product06-box .product06-box-rel .product06-content .product06-content-rel{
	position: relative;
	width: 100%;
	height: 100%;
}
.product06-box .product06-box-rel .product06-content .product06-content-rel .top-text{
	position: absolute;
	top:3rem;
	left: 0;
	width: 100%;
	text-align: center;
	color: #ffffff;
	font-size:1.2rem;
	opacity: 0;
	transform: translate(0,0.8rem);
	z-index: 10;
}
.product06-box .product06-box-rel .product06-content .product06-content-rel .two-tit-box{
	position: absolute;
	top:4.77rem;
	left: 0;
	width: 100%;
	text-align: center;
	color: #b0b0b0;
	font-size:.36rem;
	line-height: .6rem;
	opacity: 0;
	transform: translate(0,0.8rem);
	z-index: 10;
}
.product06-box .product06-box-rel .product06-content .product06-content-rel  .big-img{
	position: absolute;
	width: 100%;
	left: 0;
	top: 50%;
	transform: translate(0,-50%);
	height:26rem;
}
.product06-box .product06-box-rel .product06-content .product06-content-rel  .big-img .big-img-rel{
	position: relative;
	width: 100%;
	height: 100%;
}
.product06-box .product06-box-rel .product06-content .product06-content-rel  .big-img .big-img-rel img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	opacity: 0;
	/* transition: all 1s; */
}
.product06-box .product06-box-rel .product06-content .product06-content-rel  .big-img .big-img-rel .big2{
	opacity: 1;
}
.product06-box .product06-box-rel .product06-content .product06-content-rel  .big-img-active2 .big2{
	opacity: 0 !important;
}
.product06-box .product06-box-rel .product06-content .product06-content-rel  .big-img-active2 .big4{
	opacity: 0 !important;
}
.product06-box .product06-box-rel .product06-content .product06-content-rel  .big-img-active2 .big3{
	opacity: 1 !important;
}
.product06-box .product06-box-rel .product06-content .product06-content-rel  .big-img-active3 .big2{
	opacity: 0 !important;
}
.product06-box .product06-box-rel .product06-content .product06-content-rel  .big-img-active3 .big3{
	opacity: 0 !important;
}
.product06-box .product06-box-rel .product06-content .product06-content-rel  .big-img-active3 .big4{
	opacity: 1 !important;
}
.product06-box .product06-box-rel .product06-content .product06-content-rel  .iphone-content{
	position: absolute;
	top:15.75rem;
	left:17.81rem;
	width:2.7rem;
	height: 5.85rem;
}
.product06-box .product06-box-rel .product06-content .product06-content-rel  .iphone-content .iphone-content-rel{
	position: relative;
	width: 100%;
	height: 100%;
}
.product06-content-rel  .iphone-content .iphone-content-rel .iphone-border{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 2;
}
.product06-content-rel  .iphone-content .iphone-content-rel .zhuangtai-img{
	position: relative;
	width:4.1rem;
	height: .18rem;
	left:.5rem;
	top: .34rem;
}
.product06-content-rel  .iphone-content .iphone-content-rel .center-box{
	position: absolute;
	top:0;
	left: 0;
	width:2.7rem;
	height: 5.85rem;
}
.product06-content-rel  .iphone-content .iphone-content-rel .center-box .center-box-rel{
	position: relative;
	width: 100%;
	height: 100%;
}
 .product06-content-rel  .iphone-content .iphone-content-rel .center-box .center-box-rel .img1{
	position: absolute;
	top: .42rem;
	left: -12.78rem;
	width: 2.96rem;
	height:5.43rem;
	overflow: hidden;
	transition: all 1s;
	filter:blur(5px);
}
.product06-content-rel  .iphone-content .iphone-content-rel .center-box .center-box-rel .img2{
	position: absolute;
	top: .42rem;
	left: -6.45rem;
	width: 2.96rem;
	height:5.43rem;
	overflow: hidden;
	transition: all 1s;
	filter:blur(5px);
}
.product06-content-rel  .iphone-content .iphone-content-rel .center-box .center-box-rel .img3{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.product06-content-rel  .iphone-content .iphone-content-rel .center-box .center-box-rel .img-rel{
	width: 100%;
	height: 100%;
	position: relative;
}
.product06-content-rel  .iphone-content .iphone-content-rel .center-box .center-box-rel .img-rel img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.product06-content-rel  .iphone-content .iphone-content-rel .center-box .center-box-rel .img3 .moveimg1{
	opacity: 1;
}
.product06-content-rel  .iphone-content .iphone-content-rel .center-box .center-box-rel .img3 .moveimg2{
	opacity: 0 ;
}
.product06-content-rel  .iphone-content .iphone-content-rel .center-box .center-box-rel .img3 .moveimg3{
	opacity: 0;
}

.product06-content-rel  .iphone-content .iphone-content-rel .center-box-active2 .img3 .moveimg1{
	opacity: 0 !important;
}
.product06-content-rel  .iphone-content .iphone-content-rel .center-box-active2 .img3 .moveimg2{
	opacity: 1 !important;
}
.product06-content-rel  .iphone-content .iphone-content-rel .center-box-active2 .img3 .moveimg3{
	opacity: 0 !important;
}
.product06-content-rel  .iphone-content .iphone-content-rel .center-box-active3 .img3 .moveimg1{
	opacity: 0 !important;
}
.product06-content-rel  .iphone-content .iphone-content-rel .center-box-active3 .img3 .moveimg2{
	opacity: 0 !important;
}
.product06-content-rel  .iphone-content .iphone-content-rel .center-box-active3 .img3 .moveimg3{
	opacity: 1 !important;
}
.product06-content-rel  .iphone-content .iphone-content-rel .center-box .center-box-rel .img4{
	position: absolute;
	top: .42rem;
	left: 6.2rem;
	width: 2.96rem;
	height:5.43rem;
	overflow: hidden;
	transition: all 1s;
	filter:blur(5px);
}
.product06-content-rel  .iphone-content .iphone-content-rel .center-box .center-box-rel .img4 .moveimg1{
	opacity: 0;
}
.product06-content-rel  .iphone-content .iphone-content-rel .center-box .center-box-rel .img4 .moveimg2{
	opacity: 1 ;
}
.product06-content-rel  .iphone-content .iphone-content-rel .center-box .center-box-rel .img4 .moveimg3{
	opacity: 0;
}

.product06-content-rel  .iphone-content .iphone-content-rel .center-box-active2 .img4 .moveimg1{
	opacity: 0 !important;
}
.product06-content-rel  .iphone-content .iphone-content-rel .center-box-active2 .img4 .moveimg2{
	opacity: 0 !important;
}
.product06-content-rel  .iphone-content .iphone-content-rel .center-box-active2 .img4 .moveimg3{
	opacity: 1 !important;
}
.product06-content-rel  .iphone-content .iphone-content-rel .center-box-active3 .img4 .moveimg1{
	opacity: 1 !important;
}
.product06-content-rel  .iphone-content .iphone-content-rel .center-box-active3 .img4 .moveimg2{
	opacity: 0 !important;
}
.product06-content-rel  .iphone-content .iphone-content-rel .center-box-active3 .img4 .moveimg3{
	opacity: 0 !important;
}
.product06-content-rel  .iphone-content .iphone-content-rel .center-box .center-box-rel .img5{
	position: absolute;
	top: .42rem;
	left: 12.52rem;
	width: 2.96rem;
	height:5.43rem;
	overflow: hidden;
	transition: all 1s;
	filter:blur(5px);
}
.product06-content-rel  .iphone-content .iphone-content-rel .center-box .center-box-rel .img5 .moveimg1{
	opacity: 0;
}
.product06-content-rel  .iphone-content .iphone-content-rel .center-box .center-box-rel .img5 .moveimg2{
	opacity:0  ;
}
.product06-content-rel  .iphone-content .iphone-content-rel .center-box .center-box-rel .img5 .moveimg3{
	opacity: 1;
}

.product06-content-rel  .iphone-content .iphone-content-rel .center-box-active2 .img5 .moveimg1{
	opacity: 1 !important;
}
.product06-content-rel  .iphone-content .iphone-content-rel .center-box-active2 .img5 .moveimg2{
	opacity: 0 !important;
}
.product06-content-rel  .iphone-content .iphone-content-rel .center-box-active2 .img5 .moveimg3{
	opacity: 0 !important;
}
.product06-content-rel  .iphone-content .iphone-content-rel .center-box-active3 .img5 .moveimg1{
	opacity: 0 !important;
}
.product06-content-rel  .iphone-content .iphone-content-rel .center-box-active3 .img5 .moveimg2{
	opacity: 1 !important;
}
.product06-content-rel  .iphone-content .iphone-content-rel .center-box-active3 .img5 .moveimg3{
	opacity: 0 !important;
}

/* 视频弹窗 */
.video-popup{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: rgba(0, 0, 0, 0.8);
	z-index: 20;
	display: none;
}
.video-popup img{
	display: block;
	width: 100%;
}
.video-popup .popup-rel{
	position: relative;
	width: 100%;
	height: 100%;
}
.video-popup .popup-rel .video-box{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 19.2rem;
	height: 10.82rem;
	border-radius: .4rem;
	overflow: hidden;
	border:1px solid #4b5967;
}
.video-popup .popup-rel .video-box .video-rel{
	position: relative;
	width: 100%;
	height: 100%;
}
.video-popup .popup-rel .video-box .video-rel .close-btn{
	position: absolute;
	top:.34rem;
	left:18.48rem;
	width:.4rem;
	height:.4rem;
	z-index: 2;
	cursor: pointer;
}
.video-popup .popup-rel .video-box .video-rel .video-content{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.video-popup .popup-rel .video-box .video-rel .video-content video{
	display: block;
	width: 100%;
}
.move-target{
	opacity: 0;
	transform: translate(0,0.8rem);
	transition: all 0.6s;
}
.move-box-active .move-target{
	opacity: 1 !important;
	transform: translate(0,0) !important;
}


/* 模块样式3 */
.product07-box{
	position: relative;
	width: 100%;
	height: 155vh;
	overflow: hidden;
	/* overflow: hidden; */
}
.product07-box .product07-content{
	position: relative;
	width: 100%;
	height: 100vh;
	/* overflow: hidden; */
}
.product07-box .product07-content .product03-scale{
	position: relative;
	width: 100%;
	height: 100vh;
	transform-origin: center -50vh;
}


.product07-box .product07-content .move-bg{
	position: absolute;
	top: 0;
	/* transform: translate(0,-50%) scale(1); */
	left: 0;
	width: 100%;
	height: 100vw;
	transform-origin: center 30%;
	/* overflow: hidden; */
	background: linear-gradient(to bottom right, #e7f4ff, #7e7bff);
}
.product07-box .product07-content .move-bg .move-bg-rel{
	position: relative;
	width: 100%;
	height: 100%;
}
.product07-box .product07-content .product03-icon{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	/* height: 100vh; */
	overflow: hidden;
	transform: translate(-50%,-50%);
	opacity: 0;
}
.product07-box .product07-content .product03-content-center{
	overflow: hidden;
	position: absolute;
	bottom: 100vh;
	left: 0;
	width: 100%;
	height: 100vh;
	/* background: #000000; */
	z-index: 10;
}
.product07-box .product07-content .img-14-box{
	position: absolute;
	bottom: 50%;
	left: 50%;
	transform: translate(-50%,50%);
	width:33.63rem;
	height: 100vh;
}
.product07-box .product07-content .img-14-box .img-14-rel{
	position: relative;
	width: 100%;
	height: 100%;
}
.product07-box .product07-content .img-14-box .img-14-rel .img-14{
	width:33.63rem;
	height:0vh;
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
.product07-box .product07-content .img-14-box .img-14-rel img{
	position: absolute;
	bottom: calc(16.885rem - 110vh);
	left: 0;
	width:33.63rem;
	height:33.77rem;
	transform:rotate(-45deg);
}
.product07-box .product07-content .content-box{
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0,-50%);
	width: 100%;
	height:4.53rem;
}
.product07-box .product07-content .content-box .content-box-rel{
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.product07-box .product07-content .content-box .content-box-rel .text1-img{
	position: absolute;
	top:.36rem;
	left:10.95rem;
	width:3.7rem;
	transform: translate(-12rem,0);
	opacity: 0;
}
.product07-box .product07-content .content-box .content-box-rel .text2-img{
	position: absolute;
	top:.36rem;
	left:14.22rem;
	width:3.88rem;
	transform: translate(-6rem,0);
	opacity: 0;
}
.product07-box .product07-content .content-box .content-box-rel .logo-img{
	position: absolute;
	top:0;
	left:17.05rem;
	width:5.25rem;
	opacity: 0;
}
.product07-box .product07-content .content-box .content-box-rel .text3-img{
	position: absolute;
	top:.36rem;
	left:20.33rem;
	width:3.8rem;
	transform: translate(6rem,0);
	opacity: 0;
}
.product07-box .product07-content .content-box .content-box-rel .text4-img{
	position: absolute;
	top:.51rem;
	left:23.76rem;
	width:3.78rem;
	transform: translate(12rem,0);
	opacity: 0;
}
/* 模块8样式 */
.product08-box{
	position: relative;
	width: 100%;
	height: 300vh;
	overflow: hidden;
	/* background: linear-gradient(to bottom right, #f8f8f8, #b9bbf5); */
}
.product08-box .product08-content{
	position: relative;
	width: 100%;
	height: 100vh;
	background: linear-gradient(to bottom right, #f8f8f8, #b9bbf5);
}
.product08-box .product08-content .centenr-content{
	position: absolute;
	top: 53%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	height: 21.6rem;
}
.product08-box .product08-content .centenr-content .entenr-content-rel{
	position: relative;
	width: 100%;
	height: 100%;
}
.product08-box .product08-content .top-text{
	position: absolute;
	top:2.7rem;
	left: 0;
	width: 100%;
	text-align: center;
	color: #333333;
	font-size:1.2rem;
	z-index: 10;
}
.product08-box .product08-content .two-tit-box{
	position: absolute;
	top:4.45rem;
	left: 0;
	width: 100%;
	text-align: center;
	color: #333333;
	font-size:.36rem;
	line-height: .6rem;
	z-index: 10;
}
.product08-box .product08-content .top-text2{
	position: absolute;
	top:2.7rem;
	left: 0;
	width: 100%;
	text-align: center;
	color: #333333;
	font-size:1.2rem;
	z-index: 10;
	opacity: 0;
	transform: translate(0,1.5rem);
}
.product08-box .product08-content .two-tit-box2{
	position: absolute;
	top:4.45rem;
	left: 0;
	width: 100%;
	text-align: center;
	color: #333333;
	font-size:.36rem;
	line-height: .6rem;
	z-index: 10;
	opacity: 0;
	transform: translate(0,1.5rem);
}

.product08-box .product08-content .bg-img-box{
	position: relative;
	width: 100%;
	height: 100%;
}
.product08-box .product08-content .bg-img-box img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	opacity: 0;
}




/* 模块样式9 */
.product09-box{
	position: relative;
	width: 100%;
	height: 155vh;
	overflow: hidden;
	/* overflow: hidden; */
}
.product09-box .product09-content{
	position: relative;
	width: 100%;
	height: 100vh;
	/* overflow: hidden; */
}
.product09-box .product09-content .product03-scale{
	position: relative;
	width: 100%;
	height: 100vh;
	transform-origin: center -50vh;
}


.product09-box .product09-content .move-bg{
	position: absolute;
	top: 0;
	/* transform: translate(0,-50%) scale(1); */
	left: 0;
	width: 100%;
	height: 100vw;
	transform-origin: center 30%;
	/* overflow: hidden; */
	background: linear-gradient(to bottom right, #e1ffef, #6970ff);
}
.product09-box .product09-content .move-bg .move-bg-rel{
	position: relative;
	width: 100%;
	height: 100%;
}
.product09-box .product09-content .product03-icon{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	/* height: 100vh; */
	overflow: hidden;
	transform: translate(-50%,-50%);
	opacity: 0;
}
.product09-box .product09-content .product03-content-center{
	overflow: hidden;
	position: absolute;
	bottom: 100vh;
	left: 0;
	width: 100%;
	height: 100vh;
	/* background: #000000; */
	z-index: 10;
}
.product09-box .product09-content .img-14-box{
	position: absolute;
	bottom: 50%;
	left: 50%;
	transform: translate(-50%,50%);
	width:33.63rem;
	height: 100vh;
}
.product09-box .product09-content .img-14-box .img-14-rel{
	position: relative;
	width: 100%;
	height: 100%;
}
.product09-box .product09-content .img-14-box .img-14-rel .img-14{
	width:33.63rem;
	height:0vh;
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
.product09-box .product09-content .img-14-box .img-14-rel img{
	position: absolute;
	bottom: calc(16.885rem - 110vh);
	left: 0;
	width:33.63rem;
	height:33.77rem;
	transform:rotate(-45deg);
}
.product09-box .product09-content .content-box{
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0,-50%);
	width: 100%;
	height:5.15rem;
}
.product09-box .product09-content .content-box .content-box-rel{
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.product09-box .product09-content .content-box .content-box-rel .text1-img{
	position: absolute;
	top:.7rem;
	left:10.81rem;
	width:3.84rem;
	transform: translate(-12rem,0);
	opacity: 0;
}
.product09-box .product09-content .content-box .content-box-rel .text2-img{
	position: absolute;
	top:.7rem;
	left:14.25rem;
	width:3.85rem;
	transform: translate(-6rem,0);
	opacity: 0;
	z-index: 10;
}
.product09-box .product09-content .content-box .content-box-rel .logo-img{
	position: absolute;
	top:0;
	left:14.36rem;
	width:9.7rem;
	opacity: 0;
}
.product09-box .product09-content .content-box .content-box-rel .text3-img{
	position: absolute;
	top:.7rem;
	left:20.35rem;
	width:3.78rem;
	transform: translate(6rem,0);
	opacity: 0;
}
.product09-box .product09-content .content-box .content-box-rel .text4-img{
	position: absolute;
	top:.7rem;
	left:23.76rem;
	width:3.8rem;
	transform: translate(12rem,0);
	opacity: 0;
}

/* 样式10 */
.product10-box{
	position: relative;
	width: 100%;
	height: 312vh;
}
.product10-box .product10-content{
	position: relative;
	width: 100%;
	height: 100vh;
	background: linear-gradient(to bottom right, #ffffff, #adc1f6);
}
.product10-box .product10-content .centenr-content{
	position: absolute;
	top: 53%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	height: 21.6rem;
	z-index: 2;
}
.product10-box .product10-content .centenr-content .centenr-content-rel{
	position: relative;
	width: 100%;
	height: 100%;
}
.product10-box .product10-content .centenr-content .centenr-content-rel .top-text{
	position: absolute;
	top:2.7rem;
	left: 0;
	width: 100%;
	text-align: center;
	color: #333333;
	font-size:1.2rem;
	z-index: 10;
}
.product10-box .product10-content .centenr-content .centenr-content-rel .two-tit-box{
	position: absolute;
	top:4.45rem;
	left: 0;
	width: 100%;
	text-align: center;
	color: #333333;
	font-size:.36rem;
	line-height: .6rem;
	z-index: 10;
}
.product10-box .product10-content .centenr-content .centenr-content-rel .top-text2{
	position: absolute;
	top:2.7rem;
	left: 0;
	width: 100%;
	text-align: center;
	color: #333333;
	font-size:1.2rem;
	z-index: 10;
	opacity: 0;
	transform: translate(0,1.5rem);
}
.product10-box .product10-content .centenr-content .centenr-content-rel .two-tit-box2{
	position: absolute;
	top:4.45rem;
	left: 0;
	width: 100%;
	text-align: center;
	color: #333333;
	font-size:.36rem;
	line-height: .6rem;
	z-index: 10;
	opacity: 0;
	transform: translate(0,1.5rem);
}


.product10-box .product10-content .centenr-content .centenr-content-rel .top-text3{
	position: absolute;
	top:2.7rem;
	left: 0;
	width: 100%;
	text-align: center;
	color: #333333;
	font-size:1.2rem;
	z-index: 10;
	opacity: 0;
	transform: translate(0,1.5rem);
}
.product10-box .product10-content .centenr-content .centenr-content-rel .two-tit-box3{
	position: absolute;
	top:4.45rem;
	left: 0;
	width: 100%;
	text-align: center;
	color: #333333;
	font-size:.36rem;
	line-height: .6rem;
	z-index: 10;
	opacity: 0;
	transform: translate(0,1.5rem);
}
.product10-box .product10-content .centenr-content .centenr-content-rel .center-content-product{
	position: absolute;
	top:7.02rem;
	left:7.28rem;
	width:23.84rem;
	height:11.4rem;
	z-index: 10;
}
.product10-box .product10-content .centenr-content .centenr-content-rel .center-content-product .center-content-rel{
	position: relative;
	width: 100%;
	height: 100%;

}
.product10-box .product10-content .centenr-content .centenr-content-rel .center-content-product .center-content-rel .left-computer{
   position: absolute;
   top: 0;
   left: 0;
   width:18rem;
   height: 11.39rem;
}
.product10-box .product10-content .centenr-content 
.centenr-content-rel .center-content-product 
.center-content-rel .left-computer{
	position: absolute;
	top: 0;
	left: 0;
	width:18rem;
	height: 11.39rem;
	transform-origin: top center;
 }

.product10-box .product10-content .centenr-content 
.centenr-content-rel .center-content-product 
.center-content-rel .left-computer .left-computer-rel{
	width: 100%;
	height: 100%;
	position: relative;
}
.product10-box .product10-content .centenr-content 
.centenr-content-rel .center-content-product 
.center-content-rel .left-computer .left-computer-rel .computer-border{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.product10-box .product10-content .centenr-content 
.centenr-content-rel .center-content-product 
.center-content-rel .left-computer .left-computer-rel .computer-border .computer-border-rel{
	position: relative;
	width: 100%;
	height: 100%;
}
.product10-box .product10-content .centenr-content 
.centenr-content-rel .center-content-product 
.center-content-rel .left-computer .left-computer-rel .computer-border .computer-border-rel img{
	position: absolute;
	top: 0;
	left: 0;
}
.product10-box .product10-content .centenr-content 
.centenr-content-rel .center-content-product 
.center-content-rel .left-computer .left-computer-rel .computer-border .computer-border-rel .img1{
	opacity: 1;
}
.product10-box .product10-content .centenr-content 
.centenr-content-rel .center-content-product 
.center-content-rel .left-computer .left-computer-rel .computer-border .computer-border-rel .img2{
	opacity: 0;
	top: .3rem;
}
.product10-box .product10-content .centenr-content 
.centenr-content-rel .center-content-product 
.center-content-rel .left-computer .left-computer-rel 
.computer-content{
	position: absolute;
	top:.63rem;
	left:.58rem;
	width: 16.88rem;
	height: 10.1rem;
}
.product10-box .product10-content .centenr-content 
.centenr-content-rel .center-content-product 
.center-content-rel .left-computer .left-computer-rel 
.computer-content .computer-content-rel{
	position: relative;
	width:100%;
	height: 100%;
}
.product10-box .product10-content .centenr-content 
.centenr-content-rel .center-content-product 
.center-content-rel .left-computer .left-computer-rel 
.computer-content .computer-content-rel .content{
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
}
.product10-box .product10-content .centenr-content 
.centenr-content-rel .center-content-product 
.center-content-rel .left-computer .left-computer-rel 
.computer-content .computer-content-rel .content2{
	position: absolute;
	top:0;
	left: -.4rem;
	width: 102%;
}
.product10-box .product10-content .centenr-content 
.centenr-content-rel .center-content-product 
.center-content-rel .left-computer .left-computer-rel 
.computer-content .computer-content-rel .content video{
	display: block;
	width: 100%;
}
.product10-box .product10-content .centenr-content 
.centenr-content-rel .center-content-product 
.center-content-rel .right-phone{
	position: absolute;
	right: 0;
	top: 0;
	width:5.4rem;
	height: 11.39rem;
}
.product10-box .product10-content .centenr-content 
.centenr-content-rel .center-content-product 
.center-content-rel .right-phone .right-phone-rel{
	position: relative;
	width: 100%;
	height: 100%;
}
.product10-box .product10-content .centenr-content 
.centenr-content-rel .center-content-product 
.center-content-rel .right-phone .right-phone-rel .phone-border{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1;
}
.product10-box .product10-content .centenr-content 
.centenr-content-rel .center-content-product 
.center-content-rel .right-phone .right-phone-rel .phone-content{
	position: absolute;
	top:.21rem;
	left:.155rem;
	width:5.07rem;
	height: 10.98rem;
}
.product10-box .product10-content .centenr-content 
.centenr-content-rel .center-content-product 
.center-content-rel .right-phone .right-phone-rel .phone-content .phone-content-rel{
	position: relative;
	width: 100%;
	height: 100%;
}
.product10-box .product10-content .centenr-content 
.centenr-content-rel .center-content-product 
.center-content-rel .right-phone .right-phone-rel .phone-content .phone-content-rel 
.content{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.product10-box .product10-content .centenr-content 
.centenr-content-rel .center-content-product 
.center-content-rel .right-phone .right-phone-rel .phone-content .phone-content-rel 
.content video{
	display: block;
	width: 100%;
}


.product10-box .product10-content .centenr-content .centenr-content-rel .computer-yinying1{
	position: absolute;
	top:16.29rem;
	left:11.15rem;
	width: 15.92rem;
	opacity: 0;
}
.product10-box .product10-content .centenr-content .centenr-content-rel .computer-yinying2{
	position: absolute;
	top:16.29rem;
	left:10.97rem;
	width: 16.42rem;
	opacity: 0;
}
.product10-box .product10-content .centenr-content .centenr-content-rel .phone-yinying1{
	position: absolute;
	top:18.95rem;
	left:14.05rem;
	width:10.06rem;
	opacity: 0;
}
.product10-box .product10-content .centenr-content .centenr-content-rel .phone-yinying2{
	position: absolute;
	top:18.95rem;
	left:13.96rem;
	width:10.44rem;
	opacity: 0;
}
.product10-box .bg-img{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	opacity: 0;
}
.product10-box .content{
	opacity: 0;
}

/* 模块11 */
.product11-box{
	position: relative;
	width: 100%;
	height: 43.04rem;
	overflow: hidden;
}
.product11-box .product11-content{
	position: relative;
	width: 100%;
	height: 43.04rem;
	background: #f5f5f5;
	overflow: hidden;
	background:linear-gradient(to bottom,#f0efef 0%,#f0efef 50%,#f5f5f5 50.0001%,#f5f5f5 100%)
}
.product11-box .product11-content .centenr-content{
	width: 100%;
	height: 100%;
	position: relative;
}
.product11-box .product11-content .centenr-content .content-move-box{
	position: absolute;
	top:3.3rem;
	left:50%;
	transform: translate(-50%,0);
	width:24rem;
	height: 15rem;
	border-radius: .3rem;
	background: #ffffff;
}
.product11-box .product11-content .centenr-content .content-move-box02{
	top:24.9rem;
}
.product11-box .product11-content .centenr-content .content-move-box .content-box01-rel{
	position: relative;
	width: 100%;
	height: 100%;
}
.product11-box .product11-content .centenr-content .content-move-box .content-box01-rel .top-text{
	position: absolute;
	top:1.12rem;
	left: 1.17rem;
	color: #333333;
	font-size:1.2rem;
	z-index: 10;
}
.product11-box .product11-content .centenr-content .content-move-box .content-box01-rel .two-tit-box{
	position: absolute;
	top:2.7rem;
	left: 1.17rem;
	color: #333333;
	font-size:.36rem;
	line-height: .6rem;
	z-index: 10;
}
.product11-box .product11-content .centenr-content .content-move-box .content-box01-rel .img{
	width:22.80rem;
	position: absolute;
	top:4.09rem;
	right: 0;
}
.product11-box .product11-content .centenr-content .content-move-box02 .content-box01-rel .img{
	width:17.9rem;
	position: absolute;
	top:.97rem;
	right: 0;
}


/* 模块样式12 */
.product12-box{
	position: relative;
	width: 100%;
	height: 155vh;
	overflow: hidden;
	/* overflow: hidden; */
}
.product12-box .product12-content{
	position: relative;
	width: 100%;
	height: 100vh;
	/* overflow: hidden; */
}
.product12-box .product12-content .product03-scale{
	position: relative;
	width: 100%;
	height: 100vh;
	transform-origin: center -50vh;
}


.product12-box .product12-content .move-bg{
	position: absolute;
	top: 0;
	/* transform: translate(0,-50%) scale(1); */
	left: 0;
	width: 100%;
	height: 100vw;
	transform-origin: center 30%;
	/* overflow: hidden; */
	background: linear-gradient(to bottom right, #e7f4ff, #7e7bff);
}
.product12-box .product12-content .move-bg .move-bg-rel{
	position: relative;
	width: 100%;
	height: 100%;
}
.product12-box .product12-content .product03-icon{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	/* height: 100vh; */
	overflow: hidden;
	transform: translate(-50%,-50%);
	opacity: 0;
}
.product12-box .product12-content .product03-content-center{
	overflow: hidden;
	position: absolute;
	bottom: 100vh;
	left: 0;
	width: 100%;
	height: 100vh;
	/* background: #000000; */
	z-index: 10;
}
.product12-box .product12-content .img-14-box{
	position: absolute;
	bottom: 50%;
	left: 50%;
	transform: translate(-50%,50%);
	width:33.63rem;
	height: 100vh;
}
.product12-box .product12-content .img-14-box .img-14-rel{
	position: relative;
	width: 100%;
	height: 100%;
}
.product12-box .product12-content .img-14-box .img-14-rel .img-14{
	width:33.63rem;
	height:0vh;
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
.product12-box .product12-content .img-14-box .img-14-rel img{
	position: absolute;
	bottom: calc(16.885rem - 110vh);
	left: 0;
	width:33.63rem;
	height:33.77rem;
	transform:rotate(-45deg);
}
.product12-box .product12-content .content-box{
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0,-50%);
	width: 100%;
	height:5.13rem;
}
.product12-box .product12-content .content-box .content-box-rel{
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.product12-box .product12-content .content-box .content-box-rel .text1-img{
	position: absolute;
	top:.64rem;
	left:10.81rem;
	width:3.66rem;
	transform: translate(-12rem,0);
	opacity: 0;
}
.product12-box .product12-content .content-box .content-box-rel .text2-img{
	position: absolute;
	top:.64rem;
	left:14.27rem;
	width:3.64rem;
	transform: translate(-6rem,0);
	opacity: 0;
}
.product12-box .product12-content .content-box .content-box-rel .logo-img{
	position: absolute;
	top:0;
	left:17.05rem;
	width:4.99rem;
	opacity: 0;
}
.product12-box .product12-content .content-box .content-box-rel .text3-img{
	position: absolute;
	top:.64rem;
	left:20.31rem;
	width:3.66rem;
	transform: translate(6rem,0);
	opacity: 0;
}
.product12-box .product12-content .content-box .content-box-rel .text4-img{
	position: absolute;
	top:.64rem;
	left:23.75rem;
	width:3.65rem;
	transform: translate(12rem,0);
	opacity: 0;
}
/* 样式13 */
.product13-box{
	position: relative;
	width: 100%;
	height: 510vh;
	overflow: hidden;
}
.product13-box .product13-content{
	position: relative;
	width: 100%;
	height: 100vh;
	overflow: hidden;
	background: linear-gradient(to bottom right, #ffffff, #b4e5f9);
}
.product13-box .product13-content .centenr-content{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	height:21.6rem;
}
.product13-box .product13-content .centenr-content .centenr-content-rel{
	position: relative;
	width: 100%;
	height: 100%;
}
.product13-box .product13-content .centenr-content .centenr-content-rel .left-text-box{
	position: absolute;
	top:5.82rem;
	left:8.4rem;
	overflow: hidden;
	opacity: 0;
}
.product13-box .product13-content .centenr-content .centenr-content-rel .left-text-box1{
	opacity: 1;
}
.product13-box .product13-content .centenr-content .centenr-content-rel .left-text-box2{
	transform: translate(0 1.5rem);
}
.product13-box .product13-content .centenr-content .centenr-content-rel .left-text-box3{
	transform: translate(0 1.5rem);
}
.product13-box .product13-content .centenr-content .centenr-content-rel .left-text-box .move-img{
	width:1.64rem;
}
.product13-box .product13-content .centenr-content .centenr-content-rel .left-text-box .top-text{
	margin-top:.5rem;
	color: #333333;
	font-size:1.2rem;
	z-index: 10;
}
.product13-box .product13-content .centenr-content .centenr-content-rel .left-text-box .two-tit-box{
	margin-top: .7rem;
	color: #333333;
	font-size:.36rem;
	line-height: .6rem;
	z-index: 10;
}
.product13-box .product13-content .centenr-content .centenr-content-rel .content-move-box{
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   opacity: 0;
}
.product13-box .product13-content .centenr-content .centenr-content-rel .content-move-box01{
	opacity: 1;
}
.product13-box .product13-content .centenr-content .centenr-content-rel .content-move-box .move-box-rel{
   position: relative;
   width: 100%;
   height: 100%;
}
.product13-box .product13-content .centenr-content .centenr-content-rel .content-move-box .move-box-rel .bg-img{
	position: relative;
	width: 100%;
	height: 100%;
}
.product13-box .product13-content .centenr-content .centenr-content-rel .content-move-box .move-box-rel .bg-img img{
	display: block;
	width: 100%;
	position: absolute;
	top: .3rem;
	left: 0;
	opacity: 0;
}
/* .product13-box .product13-content .centenr-content .centenr-content-rel .content-move-box03 .move-box-rel .bg-img img{
	top: 4.72rem;
    position: absolute;
    left: 19.9rem;
    width: 9.8rem;
}
.product13-box .product13-content .centenr-content .centenr-content-rel .content-move-box04 .move-box-rel .bg-img img{
	top: 4.77rem;
    position: absolute;
	left:18.32rem;
	width:13.96rem;
} */




/* 模块样式14 */
.product14-box{
	position: relative;
	width: 100%;
	height: 155vh;
	overflow: hidden;
	/* overflow: hidden; */
}
.product14-box .product14-content{
	position: relative;
	width: 100%;
	height: 100vh;
	/* overflow: hidden; */
}
.product14-box .product14-content .product03-scale{
	position: relative;
	width: 100%;
	height: 100vh;
	transform-origin: center -50vh;
}


.product14-box .product14-content .move-bg{
	position: absolute;
	top: 0;
	/* transform: translate(0,-50%) scale(1); */
	left: 0;
	width: 100%;
	height: 100vw;
	transform-origin: center 30%;
	/* overflow: hidden; */
	background: linear-gradient(to bottom right, #fcd6dd, #e08367);
}
.product14-box .product14-content .move-bg .move-bg-rel{
	position: relative;
	width: 100%;
	height: 100%;
}
.product14-box .product14-content .product03-icon{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	/* height: 100vh; */
	overflow: hidden;
	transform: translate(-50%,-50%);
	opacity: 0;
}
.product14-box .product14-content .product03-content-center{
	overflow: hidden;
	position: absolute;
	bottom: 100vh;
	left: 0;
	width: 100%;
	height: 100vh;
	/* background: #000000; */
	z-index: 10;
}
.product14-box .product14-content .img-14-box{
	position: absolute;
	bottom: 50%;
	left: 50%;
	transform: translate(-50%,50%);
	width:33.63rem;
	height: 100vh;
}
.product14-box .product14-content .img-14-box .img-14-rel{
	position: relative;
	width: 100%;
	height: 100%;
}
.product14-box .product14-content .img-14-box .img-14-rel .img-14{
	width:33.63rem;
	height:0vh;
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
.product14-box .product14-content .img-14-box .img-14-rel img{
	position: absolute;
	bottom: calc(16.885rem - 110vh);
	left: 0;
	width:33.63rem;
	height:33.77rem;
	transform:rotate(-45deg);
}
.product14-box .product14-content .content-box{
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0,-50%);
	width: 100%;
	height:5.13rem;
}
.product14-box .product14-content .content-box .content-box-rel{
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.product14-box .product14-content .content-box .content-box-rel .text1-img{
	position: absolute;
	top:.64rem;
	left:10.81rem;
	width:3.66rem;
	transform: translate(-12rem,0);
	opacity: 0;
}
.product14-box .product14-content .content-box .content-box-rel .text2-img{
	position: absolute;
	top:.64rem;
	left:14.27rem;
	width:3.64rem;
	transform: translate(-6rem,0);
	opacity: 0;
}
.product14-box .product14-content .content-box .content-box-rel .logo-img{
	position: absolute;
	top:0;
	left:17.05rem;
	width:4.99rem;
	opacity: 0;
}
.product14-box .product14-content .content-box .content-box-rel .text3-img{
	position: absolute;
	top:.64rem;
	left:20.31rem;
	width:3.66rem;
	transform: translate(6rem,0);
	opacity: 0;
}
.product14-box .product14-content .content-box .content-box-rel .text4-img{
	position: absolute;
	top:.64rem;
	left:23.75rem;
	width:3.65rem;
	transform: translate(12rem,0);
	opacity: 0;
}
/* 样式15 */
.product15-box{
	position: relative;
	width: 100%;
	height: 479vh;
	overflow: hidden;
}
.product15-box .product15-content{
	position: relative;
	width: 100%;
	height: 100vh;
	overflow: hidden;
	background: linear-gradient(to bottom right, #ffffff, #d4dfff);
}
.product15-box .product15-content .centenr-content{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	height:19rem;
}
.product15-box .product15-content .centenr-content .centenr-content-rel{
	position: relative;
	width: 100%;
	height: 100%;
}
.product15-box .text-box{
	position: absolute;
	overflow: hidden;
	z-index: 10;
	opacity: 0;
	transform: translate(0,0.8rem);
}
.product15-box .text-box1{
	top:3.82rem;
	left:7.2rem;
	opacity: 1;
	transform: translate(0,0);
}
.product15-box .text-box .top-text{
	color: #333333;
	font-size:1.2rem;
	z-index: 10;
}
.product15-box .text-box .two-tit-box{
	margin-top: .6rem;
	color: #333333;
	font-size:.36rem;
	line-height: .6rem;
	z-index: 10;
}
.product15-box .text-box2{
	top:6.26rem;
	left:22.96rem;
}
.product15-box .text-box2 .two-tit-box{
	margin-top:1.89rem;
}
.product15-box .text-box3{
	top:6.33rem;
	left:22.96rem;
}
.product15-box .text-box3 .two-tit-box{
	margin-top:.95rem;
}
.product15-box .text-box4{
	top:2.16rem;
	left:13.89rem;
}
.product15-box .text-box4 .two-tit-box{
	margin-top:8rem;
}
.product15-box .text-box1 .top-text{
	margin-left:.8rem;
}

.product15-box .iphone-box{
	position: absolute;
	top:6.71rem;
	left:15.05rem;
	width:14.14rem;
	height: 6.71rem;
	z-index: 10;
}
.product15-box .iphone-box .iphone-box-rel{
	position: relative;
	width: 100%;
	height: 100%;
	opacity: 0;
	transform: translate(0,.8rem);
	transition: all 0.6s 0.6s;
}
.product15-box .centenr-content-active .iphone-box-rel{
   opacity: 1 !important;
   transform: translate(0,0) !important;
}
.product15-box .iphone-box .iphone-box-rel .iphone-img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.product15-box .iphone-box .iphone-box-rel .iphone-img .iphone-img-rel{
	position: relative;
	width: 100%;
	height: 100%;
}
.product15-box .iphone-box .iphone-box-rel .iphone-img .iphone-img-rel img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	opacity: 0;
}
.product15-box .iphone-box .iphone-box-rel .iphone-img .iphone-img-rel .img1{
	opacity: 1;
}
.product15-box .iphone-box .iphone-box-rel .bottom-yy{
	position: absolute;
	top: 6.71rem;
	left:0;
	width:14.3rem;
	height:3.51rem;
}
.product15-box .iphone-box .iphone-box-rel .bottom-yy .bottom-rel{
	position: relative;
	width: 100%;
	height: 100%;
	opacity: 0;
	/* transform: translate(0,.8rem); */
	transition: all 0.4s 1.2s;
}
.product15-box .centenr-content-active .iphone-box .iphone-box-rel .bottom-yy .bottom-rel{
	opacity: 1 !important;
}
.product15-box .iphone-box .iphone-box-rel .bottom-yy .bottom-rel img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	opacity: 0;
}
.product15-box .iphone-box .iphone-box-rel .bottom-yy .bottom-rel .yiny1{
	opacity: 1;
}
.product15-box .iphone-content{
   position: absolute;
   top:.23rem;
   left:.26rem;
   width:13.57rem;
   height:6.28rem;
}
.product15-box .iphone-content .iphone-content-rel{
	position: relative;
	width: 100%;
	height: 100%;
}
.product15-box .iphone-content .video-game{
	width: 101%;
	height: 100%;
	border-radius: .3rem;
	overflow: hidden;
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
}
.product15-box .iphone-content .video-game video{
	display: block;
	width: 100%;
}
.product15-box .iphone-content .window-move{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width:13.58rem;
	height:10.24rem;
	opacity: 0;
}
.product15-box .iphone-content .window-move .window-rel{
	position: relative;
	width: 100%;
	height: 100%;
}
.product15-box .iphone-content .window-move .window-rel img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	opacity: 0;
}


.product15-box .iphone-content .assistant-box{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-40%,-50%);
	width:38.4rem;
	height:19rem;
	opacity: 0;
}
.product15-box .iphone-content .assistant-box .assistant-box-rel{
	position: relative;
	width: 100%;
	height: 100%;
}
.product15-box .iphone-content .assistant-box .assistant-box-rel img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	opacity: 0;
}

.product15-box .left-90hz{
	position: absolute;
	width:4.2rem;
	height:3rem;
	left:-2.7rem;
	top:1.86rem;
	border-radius: .3rem;
	background: #3c8cae;
	overflow: hidden;
	opacity: 0;
}
.product15-box .left-90hz .p1{
	display: block;
	width: 100%;
	text-align: center;
	font-size:1.5rem;
	color: #78ffff;
	margin-top:.53rem;
}
.product15-box .left-90hz .p2{
	text-align: center;
	margin-top: 0rem;
	color: #78ffff;
	font-size:.72rem;
}
.product15-box .right-120hz{
	position: absolute;
	width:4.2rem;
	height:3rem;
	right:-2.7rem;
	top:1.86rem;
	border-radius: .3rem;
	background: #3c8cae;
	overflow: hidden;
	opacity: 0;
}
.product15-box .right-120hz .p1{
	display: block;
	width: 100%;
	text-align: center;
	font-size:1.5rem;
	color: #78ffff;
	margin-top:.53rem;
}
.product15-box .right-120hz .p2{
	text-align: center;
	margin-top: .0rem;
	color: #78ffff;
	font-size:.72rem;
}
.product15-box .diamond1-1{
	position: absolute;
	top:2.47rem;
	left: 3.05rem;
	width:25.9rem;
	height:12.97rem;
}
.product15-box .diamond1-1 img{
	opacity: 0;
	transform: translate(-2rem,0);
	transition: all 0.6s;
}
.product15-box .centenr-content-active .diamond1-1 img{
	opacity: 1 !important;
	transform: translate(0,0);
}
.product15-box .diamond1-2{
	position: absolute;
	top:2.47rem;
	left: 26.46rem;
	width:8.9rem;
	height:12.97rem;
}
.product15-box .diamond1-2 img{
	opacity: 0;
	transform: translate(2rem,0);
	transition: all 0.6s;
}
.product15-box .centenr-content-active .diamond1-2 img{
	opacity: 1 !important;
	transform: translate(0,0);
}
.product15-box .diamond2-1{
	position: absolute;
	bottom:8.96rem;
	left: 21.68rem;
	width:25.89rem;
	height:12.98rem;
	opacity: 0;
	transform: translate(6rem,-12rem);
}
.product15-box .diamond2-2{
	position: absolute;
	top:3.56rem;
	left: 0.67rem;
	width:30.68rem;
	height:15.37rem;
	opacity: 0;
	transform: translate(-9rem,18rem);
}

.product15-box .diamond3-1{
	position: absolute;
	bottom:9.59rem;
	right:6.6rem;
	width:35.81rem;
	height:15.37rem;
	opacity: 0;
	transform: translate(-5rem,0);
}
.product15-box .diamond3-2{
	position: absolute;
	top:9.61rem;
	right:6.6rem;
	width:35.81rem;
	height:15.37rem;
	opacity: 0;
	transform: translate(-5rem,0);
}
.product15-box .diamond4-1{
	position: absolute;
	top:1.6rem;
	left:0rem;
	width:20.96rem;
	height:15.37rem;
	opacity: 0;
	transform: translate(-8rem,0);
}
.product15-box .diamond4-2{
	position: absolute;
	top:1.6rem;
	right:-.3rem;
	width:20.64rem;
	height:15.37rem;
	opacity: 0;
	transform: translate(8rem,0);
}
/* 模块样式16 */
.product16-box{
	position: relative;
	width: 100%;
	height:40rem;
	overflow: hidden;
	background: #d4e4fd;
}
.product16-box .content-box{
	width:24rem;
	height:30.19rem;
	position: relative;
	margin: 0 auto;
	margin-top:4.53rem;
}
.product16-box .content-box .img-box1{
	position: absolute;
	top: 0;
	left: 0;
	width:10.23rem;
}
.product16-box .content-box .img-box2{
	position: absolute;
	top: 0;
	left: 10.36rem;
	width:13.63rem;
}
.product16-box .content-box .img-box3{
	position: absolute;
	top: 7.79rem;
	left: 0rem;
	width:6.44rem;
}
.product16-box .content-box .img-box4{
	position: absolute;
	top: 7.79rem;
	left: 6.6rem;
	width:11.9rem;
}
.product16-box .content-box .img-box5{
	position: absolute;
	top: 11.65rem;
	left: 6.6rem;
	width:11.99rem;
}
.product16-box .content-box .img-box6{
	position: absolute;
	top: 7.79rem;
	left: 18.63rem;
	width:5.47rem;
}
.product16-box .content-box .img-box7{
	position: absolute;
	top: 15.62rem;
	left: 0rem;
	width:9.91rem;
}
.product16-box .content-box .img-box8{
	position: absolute;
	top: 19.55rem;
	left: 0rem;
	width:9.91rem;
}
.product16-box .content-box .img-box9{
	position: absolute;
	top: 15.62rem;
	left: 9.97rem;
	width:14.08rem;
}
.product16-box .content-box .img-box10{
	position: absolute;
	top: 23.48rem;
	left: 0;
	width:14.39rem;
}
.product16-box .content-box .img-box11{
	position: absolute;
	top: 23.48rem;
	left: 14.48rem;
	width:9.61rem;
}
.footer-box{
	width: 100%;
	height: 4rem;
	background: #FFFFFF;
	position: relative;
	z-index: 1;
	/* overflow: hidden; */
}
.footer-box .footer-list{
	display: block;
	float: left;
	padding:1.4rem 0 0 0;
	cursor: pointer;
	position: relative;
}
.footer-box .footer-list .erwei-code{
	position: absolute;
    top: -8rem;
    left: -3rem;
	width: 7.15rem;
	display: none;
}
.footer-box .footer-list:hover .erwei-code{
	display: block;
}
.footer-box .footer-list .erwei-code img{
	width: 7.15rem !important;
}
.footer-box .footer-list .p1{
	font-family: FZLanTingHei-DB-GBK;
	font-weight: 400;
	color: #B1B1B1;
	font-size: .26rem;
	transition: all 0.3s;
}
.footer-box .footer-list .top-logo{
	height:.95rem;
}
.footer-box .footer-list:hover .p1{
	color: #000000;
	text-decoration: underline;
}
.footer-box .footer-list .img1{
	display: block;
}
.footer-box .footer-list .img2{
	display: none;
}
.footer-box .footer-list:hover .img1{
	display: none;
}
.footer-box .footer-list:hover .img2{
	display: block;
}

.footer-box .footer-list:nth-of-type(1){
	margin-left:7.23rem;
}
.footer-box .footer-list:nth-of-type(1) img{
	width: .73rem;
	margin: 0 auto;
}
.footer-box .footer-list:nth-of-type(2){
	margin-left:4.8rem;
}
.footer-box .footer-list:nth-of-type(2) img{
	width: .72rem;
	margin: 0 auto;
}
.footer-box .footer-list:nth-of-type(3){
	margin-left:4.8rem;
}
.footer-box .footer-list:nth-of-type(3) img{
	width: .73rem;
	margin: 0 auto;
}
.footer-box .footer-list:nth-of-type(4){
	margin-left:4.8rem;
}
.footer-box .footer-list:nth-of-type(4) img{
	width: .51rem;
	margin: 0 auto;
}
.footer-box .footer-list:nth-of-type(5){
	margin-left:4.8rem;
}
.footer-box .footer-list:nth-of-type(5) img{
	width: .77rem;
	margin: 0 auto;
}