* {
	box-sizing: border-box;
}


body {
	background-image: url(/images/bg_ball.jpg);
}

.container {
	display: none;
	visibility: hidden;
}

.container-h {
	display: flex;
	visibility: visible;
	--max-width: 1440px;
}

.nav-bar {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: fixed;
	left: 0;
	top: 30px;
	width: 100%;
	z-index: 1;
	font-size: 16px;
	color: white;
}

.nav-bar>img {
	width: 66px;
	height: 66px;
	margin-bottom: 8px;
}

.swiper {
	width: 100%;
	height: 100vh;
	--swiper-navigation-sides-offset: 15px;
	--swiper-navigation-sides-offset: 100px;
	max-width: var(--max-width);
	padding-top: 60px;
}

.swiper-slide {
	display: flex;
	justify-content: center;
	align-items: center;
}

.swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	max-width: var(--max-width);
	max-height: 682px;
	padding-top: 80px;
}


.swiper-button-next:after {
	content: '';
}

.swiper-button-prev:after {
	content: '';
}

.swiper-nav-button {
	width: 25px;
	height: 57px;
}

.swiper-nav-button {
	width: 50px;
	height: 114px;
}

.footer {
	display: flex;
	flex-direction: row;
	justify-content: center;
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 1;
	padding: 30px 16px;
	font-size: 16px;
	font-weight: 400;
	color: #999999;
}

.footer a {
	color: #999999;
	text-decoration: none;
}

.footer>div {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	max-width: calc(var(--max-width) - 380px);
}

.footer img {
	width: 165px;
	height: 40px;
	margin-left: 10px;
	cursor: pointer;
}