.ch-grid {
	margin:0;
	padding: 0;
	display: block;
	text-align: center;
	
}

.ch-grid:after,
.ch-item:before {
	content: '';
    display: table;
}

.ch-grid:after {
	clear: both;
}

.ch-grid .lil{
	
	display: inline-block;
	position:absolute;
	z-index: 20;
	
}
.li1{
	width: 23vw;
	height:23vw;
	left: 20vw;
	top: 2vh;


}

.li2{
	width: 12vw;
	height: 12vw;
	left: 55vw;
	top: 20vh;

}
.li3{
	width: 10vw;
	height: 10vw;
	left: 40vw;
	bottom: 18vh;

}
.li4{
	width: 20vw;
	height:20vw;
	left: 16vw;
	bottom: 8vh;

}
.li5{
	width: 20vw;
	height: 20vw;
	left: 66vw;
	bottom: 16vh;

}
.li6{
	width: 10vw;
	height: 10vw;
	left: 6vw;
	top:35vh;
	
}
.li7{
	width: 16vw;
	height: 16vw;
	right: 6vw;
	top: 6vh;
	
}
.lil{
	animation: float 5s linear infinite;

}
.lil:hover{
	animation-play-state: paused;

}
@keyframes float {
	0% {
	  transform: translate(0, 0) scale(1);
	}
	50% {
	  transform: 
		translate(0, 0) scale(0.9);
	}
	100% {
	  transform: translate(0, 0) scale(1);
	}
  }
.info_num{
	text-align: center;
	position:absolute;
	top: 40%;
	width: 400px;
	left: 50%;
	margin-left: -200px;
	z-index: 999;
	background-color:rgba(0, 0, 0, .5);
	padding:20px;
	border-radius: 200px;
	border: 2px solid #86dbd6;

}
.info_num h1{
	font-size: 56px;

}

.xian{
	
	display: inline-block;
	position:absolute;
	z-index: 10;
	border: 1px solid #86dbd6;
	border-radius: 50%;
	animation: expand ease-out forwards;
	animation-iteration-count:infinite;
}
.xian1{
	width: 23vw;
	height:23vw;
	left: 20vw;
	top: 2vh;
	animation-duration: 5s;	


}
.xian2{
	width: 23vw;
	height:23vw;
	left: 20vw;
	top: 2vh;
	animation-duration: 3s;	
	

}
.xian3{
	width: 12vw;
	height: 12vw;
	left: 55vw;
	top: 20vh;

	animation-duration: 8s;	
	
}
.xian4{
	width: 12vw;
	height: 12vw;
	left: 55vw;
	top: 20vh;
	animation-duration: 4s;	
}
.xian5{
	width: 12vw;
	height: 12vw;
	left: 55vw;
	top: 20vh;

	animation-duration: 6s;	
}
.xian6{
	width: 10vw;
	height: 10vw;
	left: 40vw;
	bottom: 18vh;
	animation-duration: 7s;	

}
.xian7{
	width: 10vw;
	height: 10vw;
	left: 40vw;
	bottom: 18vh;
	animation-duration: 9s;	

}
.xian8{
	width: 20vw;
	height:20vw;
	left: 16vw;
	bottom: 8vh;
	animation-duration: 6s;	

}
.xian9{
	width: 20vw;
	height: 20vw;
	left: 66vw;
	bottom:16vh;
	animation-duration: 8s;	

}
.xian10{
	width: 20vw;
	height: 20vw;
	left: 66vw;
	bottom: 16vh;
	animation-duration: 6s;	

}
.xian11{
	width: 20vw;
	height: 20vw;
	left: 66vw;
	bottom: 16vh;
	animation-duration: 6s;	

}
.xian12{
	width: 10vw;
	height: 10vw;
	left: 6vw;
	top:35vh;
	animation-duration: 4s;	

}
.xian13{
	width: 16vw;
	height: 16vw;
	right: 6vw;
	top: 6vh;
	animation-duration: 7s;	
}
.xian14{
	width: 16vw;
	height: 16vw;
	right: 6vw;
	top: 6vh;
	animation-duration: 5s;	
}
@keyframes expand {
	0% {
	  transform: scale(0);
	  opacity: 1;
	}
	100% {
	  transform: scale(2);
	  opacity: 0;
	}
  }