@charset "utf-8";

.simple_banner_wrap{ position:relative; overflow:hidden; width:100%; height:100vh; }
.simple_banner_wrap ul{ list-style:none; margin:0; padding:0; display:block; position:absolute; left:0; top:0; width:100%; height:100%; }
.simple_banner_wrap ul li{ margin:0; padding:0; display:block; position:absolute; top:0; left:0; width:100%; height:100%; }
.simple_banner_wrap ul li a{
	display:block;
	width:100%;
	height:100%;
	position:relative;
	z-index:49;
}
.simple_banner_wrap ul li a img{width:100%;}
.simple_banner_wrap .nav_wrap{ position:absolute; bottom:30px; height:10px; z-index:50; }
.simple_banner_wrap .nav_wrap ul{ display:block; position:relative; list-style:none; margin:0; padding:0; }
.simple_banner_wrap .nav_wrap ul li{ display:inline-block; position:relative;cursor:pointer; }


.simple_banner_wrap .nav_wrap.numeral{ height:14px; line-height:14px; }
.simple_banner_wrap .nav_wrap.numeral ul li{font-size:0;width:7px;height:7px;background:rgba(255,255,255,0.5);border-radius:7px;margin:0 5px;}
.simple_banner_wrap .nav_wrap.numeral ul li.on{background:#fff;}


@media all and (max-width: 1400px) {
	.simple_banner_wrap ul li a::before{
		height:calc(100% - 100px);
	}
}


@media all and (min-height: 912px) {
	.simple_banner_wrap ul li a img{height:100vh;width:auto;}
}
@media all and (max-height: 912px) {
	.simple_banner_wrap ul li a img{width:auto;}
}
@media all and (min-width: 1920px) and (min-height: 912px) {
	.simple_banner_wrap ul li a img{height:100vh;width:100%;}
}