body{
    /* height: 2168rem; */
    /* background-image: url('https://xiaomaishequn.oss-cn-hangzhou.aliyuncs.com/cmecall/images/20230625/1b8f8fd6e04756cb5ac75df9924b7421.png'); */
    background-image: url('../images/bgindex4.png');
    background-repeat: no-repeat;
    background-size: cover;
    overflow-x: hidden;
	background-color: white;
}

.font20{font-size: 20rem;}
.font16{font-size: 16rem;}
.font50{font-size: 50rem;}
.font18{font-size: 18rem;}


.footer{
    width: 100%;
    height: 350rem;
    background-image: url('../images/bg_bottom.jpg');
    background-size: cover;
    display: flex;
    align-items: center;
    /* position: absolute; */
    bottom: 0;
    flex-direction: column;
}
.mainBody{
    height: 100%;
    position: relative;
}
.videoDiv{
	/* width: 100%; */
	position: absolute;
	top: 0;
	z-index: -199;
}
.indexVideo{
	width: 100%;
	height: auto;
}
.indexImg{
	width: 100%;
	height: auto;
    position: absolute;
	top: 0;
	z-index: -1;
}

.footerCentre{
    width: 60%;
    height: 100%;
    /* display: flex; */
    margin-top: 60rem;
}
.left{
    display: flex;
    width: 50%;
}
.leftLine{
    height: 121rem;
    width: 2rem;
    background-color: #146DFD;
    margin-top: 8rem;
}
.col{
    /* margin-right: 60rem; */
    width: 25%;
}
.col div{
    margin-bottom: 30rem;
}
.footerTop{
    display: flex;
    justify-content: space-between;
}
.line{
    background-color: #666;
    width: 100%;
    height: 1rem;
}
.leftBottom{
    display: flex;
    width: 50%;
}
.leftBottom a{
    width: 25%;
    margin-top: 25rem;
}

.summary{
    width: 100%;
    height: 520rem;
    /* background-color: rgba(255,255,255,0.8); */
    /* background-image: url('../images/bg_3d1.png'); */
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
    position: relative;
	background-color: rgba(255,255,255,0.8);
    bottom: 350rem;
	justify-content: space-around;
	/* display: flex; */
	top: 0;
}

.summary .mascotImg{
    position: absolute;
    height: 100%;
    z-index: 0;
    /* top: -312rem; */
}

.summary .mascotImg img{
	width: 550rem;
}
.conclude{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    /* float: right; */
	font-size: 16rem;
    margin-right: 306rem;
    /* margin-top: -25rem; */
    /* margin-bottom: 20rem; */
	/* padding: 40rem 0 20rem 0; */
}
.conclude span:last-child{
	 margin-bottom: 20rem;
}
.conclude span{
    display: block;
    width: fit-content;
    line-height: 28rem;
    color: #333333;
}
.font50{
	font-size: 50rem;
}
.font18{
	font-size: 18rem;
}
.words{
    margin-bottom: 42rem;
}
.letterImg{
    width: 200rem;
    height: auto;
	margin-top: 40rem;
}
.cloud1,.cloud2,.cloud3,.cloud4,.cloud5,.cloud6,.cloud7{
    position: absolute;
   
    z-index: 10;
}
/* 左上 */
.cloud1{
    left: 0rem;
    top: -80rem;
    /* animation: cloud1 1s;
    -webkit-animation: cloud1 1s; */
}
/* 上中 */
.cloud2 {
    left: 350rem;
    top: -35rem;
    
}
/* 上右 */
.cloud3{
    right: 0rem;
    top:-90rem
}
/* 左下 */
.cloud4{
    left: 0;
    height: 700rem;
    bottom: 0rem;
    width: 800rem;
}
/* 下中 */
.cloud5{
    height: 680rem;
    bottom: 0;
    left: 600rem;
}
/* 右下下层 */
.cloud6{
    bottom: -200rem;
    right: 350rem;
}
/* 右下上层 */
.cloud7{
    bottom: 0;
    right: 0;
}

.right{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.right p{
    margin-top: 60rem;
    color: #666;
}
.city{
    position: absolute;
}
.city:nth-child(1){
    left: 30vh;
}

.ndimg_tip{
	position: absolute;
	/* left: 50rem; */
	margin-left: 30rem;
	white-space:nowrap;
	bottom: -15rem;
	background-color: rgba(19,108,252,0.8);
	padding: 10rem 15rem;
	border-radius: 30rem;
	color: white;
	font-weight: 500;
	font-size: 18rem;
	
	animation:mymove 0.5s infinite;
	animation-iteration-count:1;
}

@keyframes mymove
	{
	0% {width: 0rem;} 
	100% {width: 160rem;}
	}

.ndimg_tip_right{
	margin-left: 10rem;
}

	.selectDiv3{
		display: flex;
		align-items: center;
		position: absolute;
		z-index: 8;
		left: 50%;
		top: 20%;
	}
	.selectDiv4{
		display: flex;
		align-items: center;
		position: absolute;
		z-index: 8;
		left: 50%;
		top: 50%;
	}
	.selectDiv1{
	
		position: absolute;
		z-index: 8;
		left: 20%;
		top: 20%;
	}
	.selectDiv2{
		display: flex;
		align-items: center;
		position: absolute;
		z-index: 8;
		left: 20%;
		top: 50%;
	}
	.ndimg {
		    display: block;
		    width: 6rem;
		    height: 6rem;
		    background: #fff;
			/* background-color:red; */
		   border: 7rem solid rgb(19,108,252);
		    border-radius: 50%;
			
			position: relative;
			animation: boderShadow 3s infinite;
		
			/* background-color: red; */
	}
	.ndimg::before {
		animation: boderM 3s .75s infinite;
	    content: '';
	    display: block;
	    position: absolute;
	    left: 50%;
	    top: 50%;
	    z-index: -1;
	    transform: translate(-50%, -50%);
	    width: 4rem;
	    height: 4rem;
	    border-radius: 50%;
	    background: rgba(1, 30, 180, 0.2);
	}
	.ndimg::after {
		animation: boderM 3s infinite;	
	    content: '';
	    display: block;
	    position: absolute;
	    left: 50%;
	    top: 50%;
	    z-index: -1;
	    transform: translate(-50%, -50%);
	    width: 4rem;
	    height: 4rem;
	    border-radius: 50%;
	    background: rgba(135, 182, 252, 0.2);
	}
	@keyframes boderM
	{
	0% {border: 0rem solid rgba(135, 182, 252, 0.2);} 50% {border: 20rem solid rgba(135, 182, 252, 0.2);}
	100% {border: 0rem solid rgba(135, 182, 252, 0.2);}
	}
	
/* 判断IE */ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* IE10+ */
/* body{
 	background-color: red;
 } */
 } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /* IE10-, IE11 */ 
	/* body{
		background-color: red;
	} */
} /* 判断Edge */ @supports (-ms-ime-align:auto) and (word-break:keep-all) { /* Edge 20+ */ } @supports (-ms-ime-align:auto) and (not (word-break:keep-all)) { /* Edge 12-18 */ } /* 判断Chrome */ @media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) { /* Chrome */ 

} /* 判断Firefox */ @-moz-document url-prefix() { /* Firefox */ }