#banner {
	width: 100%;
	/* height: 39.844vw; */
	height: 1020px;
	overflow: hidden;
	position: relative;
}

#banner ul {
	width: 100%;
	height: 100%;
	margin-left: -100%;
}

#banner ul li {
	width: 100%;
	float: left;
	height: 100%;
	position: relative;
	overflow: hidden;
}

#banner ul li a{
	display: inline-block;
	width: 100%;
	height: 100%;
}
#banner ul li img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	object-fit: cover;
}

#banner ul li video {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	object-fit: cover;
}

#banner .banner_anner {
	position: absolute;
	bottom: 40px;
	width: 100%;
	text-align: center;
}

#banner .banner_anner>div {
	width: 60px;
	height: 6px;
	background-color: #5e696e;
	display: inline-block;
	margin-right: 10px;
	cursor: pointer;
	box-sizing: border-box;
}
#banner .banner_anner>div:last-child{
	margin: 0;
}
#banner .banner_anner .bancur {
	background-color: #e7420c;
}

#banner>span {
	/* display: none; */
	position: absolute;
	height: 58px;
	top: calc(50% - 29px);
	cursor: pointer;
}

#banner:hover>span {
	display: flex;
}

#banner>span img {
	height: 100%;
}

#banner .banner_le {
	left: 300px;
}

#banner .banner_ri {
	right: 300px;
}

@media (max-width:1900px ) {
	#banner {
		height: 1000px;
	}
	#banner>span{
		height: 56px;
	}
}


@media (max-width:1600px ) {
	#banner {
		height: 800px;
	}
	#banner>span{
		height: 50px;
		top: calc(50% - 25px);
	}
	#banner .banner_le{
		left: 200px;
	}
	#banner .banner_ri{
		right: 200px;
	}
}
@media (max-width:1330px ) {
	#banner {
		height: 600px;
	}
	#banner .banner_anner>div {
		width: 50px;
	}
	#banner>span{
		height: 40px;
		top: calc(50% - 20px);
	}
	#banner .banner_le{
		left: 150px;
	}
	#banner .banner_ri{
		right: 150px;
	}
}
@media (max-width:1000px ) {
	#banner {
		height: 400px;
	}
	#banner .banner_anner{
		bottom: 20px;
	}
	#banner .banner_anner>div {
		width: 40px;
		height: 4px;
		margin-right: 6px;
	}
	#banner>span{
		height: 30px;
		top: calc(50% - 15px);
	}
	#banner .banner_le{
		left: 100px;
	}
	#banner .banner_ri{
		right: 100px;
	}
}
@media (max-width:600px ) {
	#banner {
		height: 260px;
	}
	#banner .banner_anner{
		bottom: 10px;
	}
	#banner .banner_anner>div {
		width: 30px;
		height: 3px;
		margin-right: 4px;
	}
	#banner>span{
		height: 36px;
		top: calc(50% - 13px);
	}
	#banner .banner_le{
		left: 20px;
	}
	#banner .banner_ri{
		right: 20px;
	}
}