html{background: #A01C1A;}

.open_animate{position: fixed;left: 0;top: 0;bottom: 0;background: #a01c1a url(../images/open_bg.png);overflow: hidden;z-index: 2000;width: 100vw;transition: all ease-in-out 1.5s;-ms-transition: all ease-in-out 1.5s;-moz-transition: all ease-in-out 1.5s;-webkit-transition: all ease-in-out 1.5s;-o-transition: all ease-in-out 1.5s; }
.open_animate .pic{position: absolute;left: 0;top: 0;bottom: 0;width: 200%;background: url(../images/open_line.png) no-repeat left bottom/100% auto;-webkit-animation: open 8s ease-in-out both 1;animation: open 8s ease-in-out both 1;z-index: 1;-webkit-animation-delay: 2s;animation-delay: 2s;}
.open_logo{width: 38rem;margin: 15rem auto 7.7rem;display: block;}
.open_title{margin: 0 auto 4.4rem;text-align: center;color: #ffc77a;}
.open_title .txt1{margin: 0 0 1.7rem;font-size: calc(20px + 1.2rem);letter-spacing: .32rem;}
.open_title .txt2{font-size: calc(48px + 1.2rem);font-weight: bold;letter-spacing: .72rem;}
.skip{width: 18rem;line-height: 4.8rem;text-align: center;border: .1rem solid rgba(255, 255, 255, .3);background: rgba(255, 255, 255, .1);margin: 0 auto;border-radius: 5rem;color: #ffc77a;position: relative;z-index: 2;cursor: pointer;}
.open_animate.on{left: -100vw;}
@-webkit-keyframes open{
	from {left: 0;}
	to {left: -100%;}
}
@keyframes open{
	from {left: 0;}
	to {left: -100%;}
}
.open_animate.hide{display: none;}

.banner_cover{position: fixed;left: 0;top: 0;bottom: 0;background: #a01c1a url(../images/open_bg.png);overflow: hidden;z-index: 11;width: 100vw;transition: all ease-in-out 1.5s;-ms-transition: all ease-in-out 1.5s;-moz-transition: all ease-in-out 1.5s;-webkit-transition: all ease-in-out 1.5s;-o-transition: all ease-in-out 1.5s;}
.banner_cover .center{position: absolute;top: 50%;transform: translateY(-50%);left: 0;right: 0;}
.cover_logo{width: 30%;margin: 0 auto 40px;display: block;}
.banner_cover .title{margin: 0 auto 60px;text-align: center;color: #ffc77a;font-size: 42px;font-weight: bold;letter-spacing: 8.4px;line-height: 71px;}
.banner_cover .count{position: relative;background: url(../images/count1.svg) no-repeat bottom center/auto 100%;text-align: center;color: #ffc77a;padding: 0 15px;white-space: nowrap;margin: 0 auto;width: 95px;height: 79px;}
.banner_cover .text{padding: 1px 0 0;font-size: 18.3px;}
.banner_cover .day{font-size: 21px;line-height: 21px;}
.banner_cover .day span{font-weight: bold;}
.banner_cover .gear{width: 95px;height: 28px;border-radius: 0%;overflow: hidden;background: rgb(255 255 255 / 0%);position: absolute;bottom: 0;left: 0;/* left: 50%; *//* transform: translateX(-50%); */clip-path: polygon(0 0, 100% 0, 100% 32%, 50% 100%, 0 32%);}
.banner_cover .gear::before{content: '';display: block;width: 54px;height: 52px;background: url(../images/countdown2.png) no-repeat center/cover;position: absolute;top: 0;left: 0;animation: gear-rotate 6s linear infinite;position: relative;margin: 0 auto;}
@keyframes gear-rotate {
	0%{ transform: rotateZ(0deg);}
	100%{ transform: rotateZ(360deg);}
}
@-webkit-keyframes gear-rotate {
	0%{ transform: rotateZ(0deg);}
	100%{ transform: rotateZ(360deg);}
}


.header .logo{display: none;}
.header_rt{width: 100%;}
.nav{margin: 0 15.4rem;}
.nav ul {max-width: 144rem;margin: 0 auto;}
.nav ul .liBg{ content: '';display: block;width: 24rem; height: 5rem; transition: all 0.35s ease;background: url(../images/nav-hover.png) no-repeat center right/24rem auto;position: absolute; left: -3rem; top: 6rem; transform: translateY(-1.2rem); z-index: -2;}
.nav ul li:hover > a,.nav ul li.on > a{background: transparent;color: #A01C1A;}
.nav ul li:hover .sub_nav,.nav ul li > a::before{display: none;}

.index_logo{position: fixed;right: 13.6rem;bottom: 2rem;z-index: 10;width: 37.4rem;z-index: 100;width: 26.4rem;}
.index_logo .count{background-image: url(../images/countdown12.png);color: #f8efd0;color: #e0c777;}
.index_logo .gear::before{background-image: url(../images/countdown22.png);}

.wrapbanner{overflow: hidden;position: relative;height: 100vh;box-sizing: border-box;/*height: 93.7rem;*/}

.banner{}
.banner a{display:block;position:relative}
.banner a::before{content: '';display: block;background: -webkit-linear-gradient(top, rgba(0,0,0,0) , rgba(0,0,0,1));background: -o-linear-gradient(bottom, rgba(0,0,0,0) , rgba(0,0,0,1));background: -moz-linear-gradient(bottom, rgba(0,0,0,0) , rgba(0,0,0,1));background: linear-gradient(to bottom, rgba(0,0,0,0) , rgba(0,0,0,1));opacity: .6;height: 28rem;position: absolute;left: 0;right: 0;bottom: 0;z-index: 2;}
.banner .gp-img{padding-bottom: 100vh;}
.banner .gp-img video,.banner .gp-img img{width:100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;}
.banner .gp-img video{width:100%;height: auto;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.banner .swiper-slide-active .gp-img{animation:scaleBig 10s linear 0s 1 both;transform-style:preserve-3d}
@-webkit-keyframes scaleBig{
	0%{transform:scale(1)}
	100%{transform:scale(1.2)}
}
@keyframes scaleBig{
	0%{transform:scale(1)}
	100%{transform:scale(1.2)}
}

.banner a::before{ content: ''; display: block; width: 100%; height: 100%; background: url(../images/banner-mask.png) no-repeat center/cover;position: absolute; top: 0; left: 0;z-index: 1;}

/* .banner .title{position: absolute;left: 7.8rem;bottom: 4.5rem;right: 45rem; margin: 0;white-space:nowrap;z-index: 10;color: #fff;opacity: 0;transition: all ease-in-out .8s;-ms-transition: all ease-in-out .8s;-moz-transition: all ease-in-out .8s;-webkit-transition: all ease-in-out .8s;-o-transition: all ease-in-out .8s;text-shadow: 0rem .1rem .2rem rgba(0, 0, 0, 0.004);}
.banner .title.on{opacity: 1;} */

.wrapbanner .swiper_menu{font-size: 0;position: absolute;z-index: 10;right: 0;bottom: 1.3rem;left: 0;text-align: center;line-height: 5rem;}
.wrapbanner .swiper_menu .more{vertical-align: top;display: inline-block;color: rgba(255, 255, 255, .66);position: relative;padding: 0 2.6rem 0rem 5.3rem;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;}
.wrapbanner .swiper_menu .more::before{content: '';display: block;height: 2.5rem;width: .1rem;background: rgba(255, 255, 255, .35);position: absolute;left: 1rem;top: 50%;transform: translateY(-50%);}
.wrapbanner .swiper_menu .more i{display: inline-block;vertical-align: middle;margin: 0 0 0 1rem;}
.wrapbanner .swiper_menu .more:hover{color: #fff;}
.wrapbanner .arrow{width: 3.6rem;height: 3.6rem;font-size: 3.3rem;color: #fff;text-align: center;line-height: 3.6rem;background: center/100% auto no-repeat;display: inline-block;vertical-align: middle;cursor: pointer;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;position: relative;}
.wrapbanner .prev{left: 0;}
.wrapbanner .next{right: 0;}
.wrapbanner .swiper-pagination{display: inline-block;position: relative;vertical-align: top;margin: 0 1.2rem;}
.wrapbanner .swiper-pagination .swiper-pagination-bullet{width: auto;height: auto;background: transparent;opacity: 1;margin: 0 1.5rem;font-size: 4rem;font-family: 'banner';color: #fff;vertical-align: middle;}
.wrapbanner .swiper-pagination .swiper-pagination-bullet i{font-size: 2.8rem;padding: 0 0 1.2rem;display: inline-block;}
.wrapbanner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;color: #f8b551;}


.wrapbanner .arrow{ position: absolute; top: 50%; transform: translateY(-50%);width: 5rem; height: 10rem; z-index: 3;}
.wrapbanner .prev{ background: url(../images/prev.png) no-repeat center/cover; left: 0;}
.wrapbanner .next{ background: url(../images/next.png) no-repeat center/cover; right: 0;}

.nextParticle{ position: fixed; top: 50%; left: 50%; transform: translate3d(-50%,-50%,0);z-index: 1;width: 56.9rem;}
.nextParticle .shield{ width: 100%;height: 100%;position: absolute;top: 50%;left: 50%;transform: translate3d(-50%,-50%,0);z-index: 3;}
.nextParticle .shield .date{ text-align: center; font-size: 0;position: absolute; bottom: 10rem; left: 0px;width: 100%;}
.nextParticle .shield .date img{max-width: 48%;}
.cls-loop{ stroke:#A01C1A; fill:none;}
.nextParticle img{ position: relative;z-index: 2;}
.nextParticle .svg{ position: absolute; top: 50%;left: 50%;transform: translate3d(-50%,-50%,0); width: 0;height: 0; z-index: 2; border-radius: 100%;background: url(../images/120-green.png) no-repeat center; pointer-events: none; max-width: 569px;width: 100%;}
#mysvg2{ stroke-dasharray: 5; stroke-dashoffset:300; transition: all 2s;}
.nextParticle .shield:hover #mysvg2{ stroke-dashoffset: 0;}

.nextParticle.hide{opacity: 0;}

@media screen and (min-width:996px){

}
@media screen and (max-width:1640px){


}
@media screen and (max-width:1280px){
	.index_logo{right: 15rem;}
	.nav ul .liBg{margin-left: 16px;}

}
@media screen and (max-width: 996px){
	.index_logo{right: auto;top: 0;left: 20px;bottom: auto;display: none;}

	.open_logo{margin: 10rem auto 5rem;}
	.open_title{width: 90%;margin-bottom: 60px;}
	.open_title .txt2{font-size: 8vw;letter-spacing: 0;}

	.open_animate .pic{width: 280vh;-webkit-animation-delay: 0s;animation-delay: 0s;background-size: auto 40vh;}
	@-webkit-keyframes open{
		from {left: 0;}
		to {left: calc(100vw - 280vh);}
	}
	@keyframes open{
		from {left: 0;}
		to {left: calc(100vw - 280vh);}
	}

	.header .gp-container{margin-right: 0 !important;}
	.top_links{padding-top: 0;}
	.top_links .btn{width: 70px;height: 70px;line-height: 70px;text-align: center;background: #f8efd0;margin: 0 0;}
	.top_links .ser_btn{display: none;}
	.top_links .btn::before{display: none;}
	.hamburger__container{left: 50%;transform: translateX(-50%);}
	.hamburger__bar:before{background: #995f30;}


}
@media screen and (max-width:767px){
	.index_logo{width: 180px;}


}
@media screen and (max-width:413px){
	.index_logo{width: 140px;}
	
}