.banner{
	width: 100%;
	position: relative;
	max-height: 100vh;
	overflow: hidden;
}
.serverBanner{
	position: relative;
	width: 300%;
	overflow: hidden;
	display: flex;
}
.serverBanner .item_ {
	width: 100%;
	position: relative;
	transition: all .3s linear;
	animation-fill-mode: forwards;
	transform: translateX(100%);
}
.serverBanner .item_ .item_text{
	position: absolute;
	left: 10%;
	top:40%;
	color: #fff;
}
.serverBanner .item_ .item_text .text:nth-of-type(1){
	font-size: 40px;
}
.serverBanner .item_ .item_text .text:nth-of-type(2){
	font-size: 40px;
	padding: 10px 0;
}
.serverBanner .item_ .item_text .text:nth-of-type(3){
	font-size: 26px;
}
.banner .bannerBot{
	position: absolute;
	bottom: 5%;
	left: 10%;
	display: flex;
	align-items: center;
	width: 270px;
	z-index: 9;
}
.banner .bannerBot span{
	display: block;
	width: 80px;
	position: relative;
	background: #999;
	height: 3px;
	border-radius: 1.5px;
	margin-right: 10px;
}
.banner .bannerBot span.active:after{
	content: '';
	display: block;
	width: 0;
	background: #fff;
	height: 3px;
}