@charset "utf-8";

:root {--i_color:#BD2F2C}

.wrap{width: 94%;margin-left: auto;margin-right: auto;}



.top_video{margin-bottom: -1px; font-size: 0; width: 100%; height: 100vh; position: relative; overflow: hidden;}
.video_main{display: block; width: 100%; width: 100vw;height: 100%; object-fit: cover; overflow: hidden;}

.mb_video{display: none;}

.top_video .swiper-wrapper{position: relative;}
.top_video .swiper-wrapper::before,.top_video .swiper-wrapper::after{content: '';position: absolute;left: 0; width: 100%;}
.top_video .swiper-wrapper::before{top: 0;height: 55%; background:linear-gradient(to bottom, #000, transparent);}
.top_video .swiper-wrapper::after{bottom: 0;height: 45%; background:linear-gradient(to bottom, transparent, #000);}

.bannerText{position:absolute; top:8%; left: 0; width: 100%; z-index: 3; text-align: center; transition:all .5s ease;}
.bannerText.transparent{opacity: .1; pointer-events: none;}
.bannerText p{font-size: 1.3vw;color: #FFF;}
.bannerText h2{font-family: 'Jost'; font-size: 3.8vw; color: #FFF; font-weight: bold;}

.media{display:flex; flex-wrap:wrap;align-items: center; justify-content: center;}
.media h6{font-size: 1.8vw; color: #FFF;}
.media dl{display:flex; flex-wrap:wrap;align-items: center;gap: 0 8px;}
.media dt{transition:all .5s ease;}
.media dt a{display: block; width: .3rem; height: .3rem; background: var(--i_color); border-radius:4px; position: relative;}
.media dt iconify-icon{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);font-size: 0.2rem;color: #FFF;}
.media dt:hover{transform:translate(0,-4px);}

.link{display:flex; flex-wrap:wrap; justify-content: center; gap: 0 .2rem;}
.link li{display: table; border-radius: 2rem; text-align: center; border: 1px solid #FFF; position: relative; overflow: hidden;}
.link li::before{content: '';position: absolute; top: 0; left: 0; width: 0; height: 100%; background: var(--i_color);}
.link a{display: block; padding: .06rem .16rem; font-size: 1.3vw; color: #FFF; position: relative;}

.link li:hover{border-color: var(--i_color); transition:all .5s ease;}
.link li:hover::before{width: 100%; transition:all .5s ease;}

@media screen and (max-width:1024px) {
	.top_video{background: #111324;}
	.top_video .swiper-wrapper::before,.top_video .swiper-wrapper::after{display: none;}
	.video_main{display: none !important;}

	.mb_video{display: block; margin-top: 0.5rem; width: 100%; position: relative; overflow: hidden;}
	.mb_video::before{content: '';display: block;padding-bottom: 56.25%;}
	.mb_video video{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

	.bannerText p{font-size: 2.2vw;}
	.bannerText h2{font-size: 5vw;}
	.media h6{font-size: 2.5vw;}
	.link a{font-size: 2vw;}
}
@media screen and (max-width:768px) {
	.bannerText{top:43%; transform:translate(0,-50%);}
}
@media screen and (max-width:560px) {
	.bannerText p{font-size: 3.2vw;}
	.bannerText h2{margin: 6px 0 8px; font-size: 6.6vw;}
	.media h6{font-size: 3.8vw;}
	.link{margin-top: 22px;}
	.link a{font-size: 3.2vw;}
}






.formBox{
	--closeSize:.4rem
}
.formBox{
	display: none;
	position: fixed;right:50%; bottom:50%; transform:translate(50%,50%);
	width: 42%;
	height: 3.8rem;
	box-sizing: border-box; text-align: center; background: #000; z-index: 9999;
	/* transition:right 0.5s ease, bottom 0.5s ease, transform .5s ease, width 0.5s .6s, height 0.5s .6s, padding 0.5s .6s;  overflow: hidden; */
	transition:all .7s ease;
}
.formBox.hide{
	width: var(--closeSize);
	height: var(--closeSize);
	padding: 0;
	bottom: 0;
	transform:translate(50%,0);
	/* transition: width 0.5s ease, height 0.5s ease, padding 0.5s ease, right 0.5s .6s, bottom 0.5s .6s, transform .5s .6s; */
	transition:all .7s ease;
}
#mc_embed_shell{position:absolute; top:50%; transform:translate(0,-50%); left: 0; width: 100%; opacity: 1; transition:all .5s .5s}
.formBox.hide #mc_embed_shell{opacity: 0; padding: 0 0; visibility: hidden; transition:none}

#mc_embed_signup_scroll h2{font-size: .44rem; color: #FFF; font-weight: bold;}
#mc_embed_signup_scroll h6{margin: .2rem auto .3rem; font-size: .24rem; color: #FFF;}
.indicates-required{display: none;}
.mc-field-group{margin-bottom: 0.1rem; padding-bottom: 0.3rem; display:inline-flex; flex-wrap:nowrap;align-items: center; justify-content: center; gap: 0 .1rem; position: relative;}
.mc-field-group>label{font-size: .18rem; color: #FFF;}
.mc-field-group>label span{color: #F00;}
.mc-field-group>input{width: 3rem; height: .5rem; box-sizing: border-box; padding: 0 .1rem; border: 1px solid #FFF; border-radius: 6px; background: none; color: #FFF;}
div.mce_inline_error{position: absolute; right: 0; bottom: 0; background: none !important; margin: 0 0 !important; color: #F00 !important;}

#mc-embedded-subscribe{padding: 0.1rem 0.3rem; font-size: .2rem; color: #FFF;font-weight: bold; background: var(--i_color); border-radius: 6px; border: 1px solid var(--i_color); cursor: pointer;}

.formBox_close{position: absolute;top: 0;right: 0;width: var(--closeSize);height: var(--closeSize); background:var(--i_color) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23FFF' d='m12 13.4l-4.9 4.9q-.275.275-.7.275t-.7-.275t-.275-.7t.275-.7l4.9-4.9l-4.9-4.9q-.275-.275-.275-.7t.275-.7t.7-.275t.7.275l4.9 4.9l4.9-4.9q.275-.275.7-.275t.7.275t.275.7t-.275.7L13.4 12l4.9 4.9q.275.275.275.7t-.275.7t-.7.275t-.7-.275z'/%3E%3C/svg%3E") no-repeat center; background-size: .26rem; cursor: pointer;}
.formBox.hide .formBox_close{background:var(--i_color) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23FFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7'/%3E%3Cpath d='M18.375 2.625a1 1 0 0 1 3 3l-9.013 9.014a2 2 0 0 1-.853.505l-2.873.84a.5.5 0 0 1-.62-.62l.84-2.873a2 2 0 0 1 .506-.852z'/%3E%3C/g%3E%3C/svg%3E") no-repeat center; background-size: .22rem;}

@media screen and (max-width:1440px) {
	.formBox{width: 50%;}
}
@media screen and (max-width:1024px) {
	.formBox{width: 70%; height: 3.5rem;}
	#mc_embed_signup_scroll h2{font-size: 4vw;}
	#mc_embed_signup_scroll h6{font-size: 2.4vw;}
	#mc-embedded-subscribe{font-size: 18px;}
}
@media screen and (max-width:768px) {
	.formBox{width: 94%}
	#mc_embed_signup_scroll h6{margin: 14px auto 26px;}
}
@media screen and (max-width:560px) {
	#mc_embed_signup_scroll h2{font-size: 6vw;}
	#mc_embed_signup_scroll h6{font-size: 3.5vw;}
	.mc-field-group{flex-wrap: wrap; gap: 10px 0; margin-bottom: 0; padding-bottom: 26px;}
	.mc-field-group>label{font-size: 16px;}
	.mc-field-group>input{width: 100%;}
	div.mce_inline_error{font-size: 14px !important; font-weight: normal !important;}
}