//首页3d样式
.m-mzw-models-m10 .pic .pic3DM{
	width: 100%;
	display: none;
}
.m-mzw-models-m10 .pic .pic3D{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.m-mzw-models-m10 .pic .pic3D img{
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: 4;
	position: absolute;
	transition-timing-function: linear;
	top: 0;
	left: 0;
	object-fit: contain;
    object-position: center;
}
.m-mzw-models-m10 .pic .pic3D img.active{
	opacity: 1;
	z-index: 6;
}

.row-a4 .controlBox{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
	display: flex;
}

.row-a4 .controlBox .item{
	width: 50%;
	height: 100%;
}

//内页3d样式
.ResponsiveImage_responsiveImage__OVw0A{
	object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
}

.main{
	overflow: initial;
}
.infoAnimation{
	width: 100%;
	position: relative;
	
}
.animation-intro{
	width: 100%;
	position: relative;
	

}
.animation-intro .picBox{
	width: 100%;
	height: 100vh;
	position: sticky;
	top: 0;
	
}

.animation-intro .picBox img{
	width: 100%;
	height: 100vh;
	object-fit: cover;
    object-position: bottom;
    position: absolute;
    top: 0;
    left: 0;
   	opacity: 0;
}
.animation-intro .picBox img.active{
	opacity: 1;
}

.infoAnimation .conBox{
	width: 100%;
	height: auto;
	position: absolute;
	top: 0;
	left: 0;
}
.infoAnimation .conBox .itemBox{
	width: 100%;
	position: sticky;
	top: 0;
	height: 100vh;
}
.infoAnimation .conBox .con{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 16.4%;
	opacity: 0;
	transition: all 1s;
	margin-top: 100px;
}
.infoAnimation .conBox .con:nth-child(2){
	margin-top: -100px;
}
.infoAnimation .conBox .con.active{
	opacity: 1;
	margin-top: 0;
}
.infoAnimation .conBox .con .tits{
	font-size: 30px;
	line-height: 32px;
	color: #000;
}
.infoAnimation .conBox .con .tit{
	font-size: 16px;
	line-height: 22px;
	color: #666;
	font-weight: 200;
	margin-top: 18px;
}
.infoAnimation .conBox .con:nth-child(1){
	left: 64.8%;
}

.infoBox{
	width: 100%;
	position: relative;
	/* overflow: hidden; */
	padding-bottom:53px;
  
}
.infoBox .center_img{position: relative;width:13.593vw;top:0;left:50%;transform: translateX(-50%);z-index:2;}
.infoBox .con{
	width: 100%;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	padding-top: 10.7%;
}
.infoBox .con .tits{
	font-size: 30px;
	line-height: 32px;
	color: #000;
	font-weight: 500;
}
.infoBox .con .tit{
	font-size: 16px;
	line-height: 24px;
	color: #666;
	font-weight: 200;
	margin-top: 20px;
}
.infoBox .poa{position: absolute;bottom:0;left:0;right:0;}
.infoBox .poa .num{font-size:350px;color:#84CCC9;text-align: center;position: relative;bottom:-90px;z-index:-1;line-height: 1;display: flex;justify-content: space-between;display: -webkit-flex;
animation: mymove 15s infinite;-webkit-animation: mymove 15s infinite;}

.infoBox .poa .bottom{height:560px;background: rgba(255, 255, 255, 0.70);
  backdrop-filter: blur(15px);}
  .infoBox .poa .bottom .flex{height:100%;align-items: center;justify-content: space-between;display: -webkit-flex;}
  .infoBox .poa .bottom .flex .left{font-size:24px;line-height:32px;color:#000;}
  .infoBox .poa .bottom .flex .right{font-size:18px;line-height:26px;color:#999;}
.animation-intro .picBox.picM{
	    display: none;
	}
	.animation-intro .picBox.picPc{
	    display: block;
	}
@media only screen and (min-width: 950px) and (max-width: 1920px){
  .infoBox .poa .num{font-size:18.22vw;bottom:-4.687vw;}
  .infoBox .poa .bottom .flex .left {
    font-size: 1.25vw;
    line-height: 1.667vw;}
  .infoBox .poa .bottom .flex .right {
      font-size: 0.9375vw;
      line-height: 1.354vw;
      }
   .infoBox .poa .bottom{height:29.16vw;}
}


@media (max-width: 950px){
  .infoBox {position: relative;z-index:5;padding-bottom:160px;}
	.infoBox .center_img{width:130px;}
  .infoBox .poa {top:0;bottom:0;}
  .infoBox .poa .num{font-size:80px;animation: mymove1 12s infinite;-webkit-animation: mymove1 12s infinite;justify-content: center;padding:0;}
  .infoBox .poa .num .count{margin-right:60px;}
  .infoBox .poa .bottom{height:auto;position: absolute;bottom:-0;left:0;background:none;right:0;padding-bottom:40px;}
  .infoBox .poa .bottom .flex{flex-direction: column;align-items: flex-start;}
  .infoBox .poa .bottom .flex .left{font-size:14px;line-height: 1.8;}
  .infoBox .poa .bottom .flex .right{font-size:12px;line-height: 1.8;}
  
}
@keyframes mymove{
  0%{left:0px;}
  50%{left:40px;}
  100%{left:0px;}
}
@-webkit-keyframes mymove{
  0%{left:0px;}
  50%{left:40px;}
  100%{left:0px;}
}
@keyframes mymove1{
  0%{left:0px;}
  50%{left:15px;}
  100%{left:0px;}
}
@-webkit-keyframes mymove1{
  0%{left:0px;}
  50%{left:15px;}
  100%{left:0px;}
}