.banners
{
	width: 100%;
	height: 100%;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	background-color: rgba(200,200,200,0.5);
}

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

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

.click_left
{
	width: 3vw;
	position: absolute;
	z-index: 10;
	left: 2vw;
top:50px;
	display: none;
}

.click_right
{
	width: 3vw;
	position: absolute;
	z-index: 10;
	right: 2vw;
top:50px;
	display: none;
}

.click_left img,.click_right img
{
	width: 100%;
	height: 100%;
}

.number
{
	width: 400px;
	height: 20px;
line-height:20px;
	line-height: 1vw;
	position: absolute;
       left:10px;
	z-index: 10;
	text-align: center;
	bottom: 5px;
      
}

.numbers
{
	display: inline-block;
}

.numbers span
{
	color: white;
	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 white;
}

.numbers span:hover
{
	cursor: pointer;
}

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

.banner_img img
{
	width: 100%;
	height: 100%;
	position: absolute;
	break-inside: 1;
}

.frame {
			width: 100%;
			height: 372px;
			margin: 0 auto;
			z-index: -1;
		}