.banners
{
	width: 1600px;
	height: 100%;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

.banners:hover .click_left
{
	display: block;
}

.banners:hover .click_right
{
	display: block;
}

.click_left
{
	width: 3vw;
	position: absolute;
	z-index: 10;
	left: 2vw;

}
.click_left:hover{
	cursor: pointer;
}
.click_right:hover{
	cursor: pointer;
}
.click_right
{
	width: 3vw;
	position: absolute;
	z-index: 10;
	right: 2vw;
}
.click_left img,.click_right img
{
	width: 100%;
	height: 100%;
}

.number
{
	width: 100%;
	height: 1vw;
	line-height: 1vw;
	position: absolute;
	z-index: 10;
	text-align: center;
	bottom: 1.5vw;
}

.numbers
{
	display: inline-block;
		text-indent:99999999px;
}

.numbers span
{
	color: #ffffff;
	font-size: 0.7vw;
	display: block;
	float: left;
	width: 1vw;
	height: 1vw;
	line-height: 1vw;
	text-align: center;
	border-radius: 100vw;
	margin: 0 0.5vw;
	padding: 0.1vw;
	border: 0.1vw solid #ffffff;
	background-color: #ffffff;
}

.numbers span:hover
{
	cursor: pointer;
}

.banner_img
{
	width: 100%;
	height: 100%;
}

.banner_img img
{
	width: 100%;
	height: 100%;
	position: absolute;
	break-inside: 1;
}
@media (max-width:420px){
.banners
{
	width: 100%;}}