.navbar{
	transition: none !important;
}
.swiper-wrapper{
	transition-delay:.3s;
}
.swiper-container {
	width: 100vw;
	height: 100vh;
	/* margin: 20px auto; */
}
.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	width: 100vw;
	height: 100vh;
	position: relative;
}
.swiper-slide:nth-child(2){
	background:#3183ff;
	color:#fff;}
.swiper-slide .swiper-nei{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 10;
	transform:translateX(-200px);
	opacity:0;
	transition:all .4s;}
.ani-slide .swiper-nei{
	transform:translateX(0);
	opacity:1;
}
	

.float_below{
	position: absolute;
	bottom:40px;
	z-index: 88;
	animation:myfirst 8s;
	opacity: 0;
	animation-iteration-count:infinite;
}
@keyframes myfirst
{
	0%   {opacity:0;}
	15%  {opacity:0.5;}
	25%  {opacity:1;}
	35%  {opacity:0;}
	45%  {opacity:1;}
	55%  {opacity:0;}
	65%  {opacity:1;}
	75%  {opacity:0;}
	85%  {opacity:1;}
	95%  {opacity:1;}
	100% {opacity:0.5;}
}
video{
	position: absolute;
	right: 0;
	bottom: 0;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	min-height: 100%;
	min-width: 100%;
	background-size: 100% 100%;
	background-color: black;
	background-position: center center;
	background-size: contain;
	object-fit: cover;
	z-index: 1;
}  

.button_box{
	width: 184px;
	height: 56px;
	border: 1px solid #FFFFFF;
	border-radius: 28px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #FFFFFF;transition: all 0.5s;
}
.button_box:hover{
	  background: #FFFFFF;
	  color: #EE7218;transform: scale(1.1);
}
.swiper_backdropg{
	position: absolute;
	width: 100%;
	height: 100%;
	/* background-size: 100% 100%; */
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.swiper_backdropg::before{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	bottom: 0;
	right: 0;
	left: 0;
	top: 0;
	/* background-color: rgba(0,0,0,0.5); */
	z-index: 2;
}




.swiper_content{
	width: 900px;
}
.foot_box{
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	width: 100%;
	z-index: 10;
}	
.root_popo{
	display: flex;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100vw;
	height: 100vh;
	z-index: 9999999;
	background-color: rgba(0, 0, 0, 0.6);
	justify-content: center;
	align-items: center;
	
}
.popo-nei{
	width: 634px;
	height:615px ;
	display: flex;
	align-items: center;
	flex-direction: column;
	padding:35px 30px ;
	background-size: 100% 100%;
}

@media only screen and (max-width: 768px) {
	.button_box{
		width: 44.3vw;
		height: 13.5vw;
		border-radius: 6.7vw;
		font-size: 3.7vw;
	}
	.swiper_content{
		width: 90vw;
	}
	.root_popo .popo-nei{
		width: 90vw;
		height:100vw;
		padding: 5vw;
	}
}