body,html
	{
    
    height: 100vh;
	}
	.frame
	{
		width: 100%;
		height: 38vw;
		margin: 0 auto;
	}
.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:40%;	
	display: none;
}

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

.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;
}

.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.3vw solid white;
}

.numbers span:hover,.numbers on
{
	cursor: pointer;
	border: 0.2vw solid #ca142f;
}

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

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