@charset "utf-8";
.banner0008{
	width:100%;
	height:90vh;
	position: relative;
	overflow: hidden;
}
.banner0008 .swiper-slide.swiper-slide-active .banner0008_div{
	transform: scale(1);
}
.banner0008_div{
	position: relative;
	width:100%;
	height:100%;
	transform: scale(1.2);
	-webkit-transition: all 5s;
    -moz-transition: all 5s;
    transition: all 5s;
}

.banner0008_left,.banner0008_right{
	position:absolute;
	z-index:20;
	width:3.5rem;
	height: 3.5rem;
	line-height: 3.5rem;
	text-align: center;
	background: var(--FontOneColor);
	border-radius: 50%;
	font-size:2rem;
	color:var(--FontWhiColor);
	opacity: 0.6;
	font-family: "宋体";
	top:calc(50% - 1.5rem);
	cursor: pointer;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.banner0008_left:hover,.banner0008_right:hover{
	opacity: 1;
	background:var(--OneColor);
}
.banner0008_left{
	left: 5%;
}
.banner0008_right{
	right: 5%;
}
.banner0008_menu_bbox{
	position: absolute;
	width: 100%;
	bottom: 2rem;
	text-align: center;
	z-index: 10;
}
.banner0008_menu_box{
	display: inline-block;
	background: rgba(0,0,0,0.6);
	border-radius: 50px;
	padding: 0px 1rem;
	height: 40px;
	line-height: 40px;
}
.banner0008_menu_left{
	display: inline-block;
	float: left;
	font-size: 0px;
	width: 11px;
	height: 16px;
	margin-top: 8px;
	margin-right: 10px;
	cursor: pointer;
}
.banner0008_menu_right{
	display: inline-block;
	float: left;
	font-size: 0px;
	width: 11px;
	height: 16px;
	margin-top:8px;
	margin-left: 10px;
	cursor: pointer;
}
.banner0008_menu_play{
	display: inline-block;
	float: left;
	font-size: 0px;
	width: 11px;
	height: 17px;
	margin-top: 8px;
	margin-left: 10px;
	cursor: pointer;
}
.banner0008_menu{
	display: inline-block;
	position:relative;
	float: left;
	height: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}
.banner0008_menu_btn{
	font-size: 0px;
	width: 1.5rem;
	height: 3px;
	margin:0px 3px;
	margin-top: 18px;
	background: var(--FontWhiColor);
	cursor: pointer;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.banner0008_menu_btn.doonbox{
	width: 2rem;
}
.banner0008_menu_btn div{
	width: 0%;
	height: 100%;
	background:var(--OneColor);
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.banner0008_menu_btn div.doon{
	animation:banner0008move
		5.7s infinite forwards;
}

@-webkit-keyframes banner0008move /*Safari and Chrome*/
{
0% {width: 0%;}
100% {width: 100%;}
}

@media screen and (max-width:1023px)and (min-width:300px){
.banner0008{
		height:240px;
	}
	.banner0008_left,.banner0008_right{
		width:30px;
		height: 30px;
		line-height: 30px;
		font-size:1.5rem;
		top:calc(50% - 15px);
	}

	.banner0008_left{
		left: 2%;
	}
	.banner0008_right{
		right: 2%;
	}
	.banner0008_menu_bbox{
		bottom: 1rem;
	}
	.banner0008_menu_box{
		padding: 0px 1rem;
		height: 35px;
		line-height: 35px;
	}
	.banner0008_menu_left{
		width: 8px;
		height: 12px;
	}
		.banner0008_menu_left img,.banner0008_menu_right img,.banner0008_menu_play img{
			width: 8px;
		height: 12px;
		}	
	.banner0008_menu_right{
		width: 8px;
		height: 12px;
	}
	.banner0008_menu_play{
		width: 8px;
		height: 12px;
	}

	.banner0008_menu_btn{
		margin-top: 18px;
	}

}