@charset "utf-8";
.play-button{position:absolute;top:20px;right:120px;width:38px;height:38px;border-radius:50%;background:0 0;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;z-index:10}
.progress-ring{width:38px;height:38px;transform:rotate(-90deg)}
.progress-ring__background{fill:none;stroke:rgba(255,255,255,.2);stroke-width:2}
.progress-ring__progress{fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-dasharray:113.1;stroke-dashoffset:113.1;transition:stroke-dashoffset .1s linear}
.play-button:after{content:"";mask:url();-webkit-mask:url();mask-size:cover;-webkit-mask-size:cover;display:inline-block;width:20px;height:20px;position:absolute;background-size:20px 20px;background-color:#fff}
.play-button.playing:after{mask:url()}


.video-container{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:100;display:flex;justify-content:center;align-items:center}
.video-container #intro-video{ width:100%; height:100%;object-fit:cover;}
.video-container .loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.9);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:101}
.video-container .loading-text{margin-bottom:.3rem;font-size:.18rem;color:#fff}
.video-container .progress-container{width:3rem;height:5px;background:rgba(255,255,255,.2);border-radius:5px;overflow:hidden}
.video-container .progress-bar{height:100%;width:0%;background:linear-gradient(90deg,#ff7e5f,#feb47b);border-radius:5px;transition:width .3s ease}
.video-container .skip-button{position:absolute;top:20px;right:20px;padding:8px 20px;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:30px;cursor:pointer;z-index:102;.video-container transition:all .3s ease;font-size:14px}
.video-container .skip-button:hover{background:rgba(255,255,255,.3);transform:scale(1.05)}
 .content-container .leftNav{left: -4rem}
 .content-container.show .leftNav{left: 0 }


.cocir{position: absolute;top: 0;left: 0;height: 100%;width: 38.85416666666667%;pointer-events: none;opacity: 0;visibility: hidden;}
.show .cocir{opacity: 1;visibility: visible;transition: 6s .5s }
.cirslog{width: 22.1875%;height: 44.375%;background: url(../images/bgs.png);border-radius: 50%;border: 1px solid #820D08;position: absolute;z-index: 5;left: 21.8%;top:15.4166666666%}
.cirslog .roted{position: absolute;top: 5%;left: 5%;width: 90%;height: 90%;animation: roted 30s linear infinite}
.cirslog .slog{position: absolute;top: 10.7981220657%;left: 10.7981220657%;width: 78.4037558685%;height: 78.4037558685%}
.slog{font-size: .8rem;color: #951A14;position: absolute;top: 19.79166666%;right:15.1%;z-index: 5;font-weight: normal;line-height: 1.6em}
.slog img{position: absolute;left: 50%;top: 50%;transform: translate3d(-50%,-50%,0);max-width: inherit;max-height: inherit;width: 130%;max-width: 7.64rem;pointer-events: none}
.indexNav{position: absolute;right: 7.8%;bottom: 19.2%;z-index: 5;display: flex;flex-wrap: wrap;width: 50%;height: 23.8%;background: rgba(0,0,0,0)}
.indexNav li{width: 50%;height: calc(100% / 5);display: flex;justify-content: flex-end;}
.indexNav li a{display: flex;align-items: center;justify-content: flex-end;transition: .3s}
.indexNav li img{height: .24rem}
.indexNav li em{font-size: .28rem;color: #FEEBCB}
.indexNav li span{font-size: .18rem}
.indexNav li:nth-child(1) em{background: #951A14;}
.indexNav li:nth-child(2) em{background: #963D32;}
.indexNav li:nth-child(3) em{background: #9E3F14;}
.indexNav li:nth-child(4) em{background: #C4946C;}
.indexNav li:nth-child(5) em{background: #5F298C;}
.indexNav li:nth-child(6) em{background: #951A14;}
.indexNav li:nth-child(7) em{background: #963D32;}
.indexNav li:nth-child(8) em{background: #655AA8;}

.cirs{position: absolute;border-radius: 50%;width: 34.41666666666%;height: 70.83333333333333%;background: rgba(0,0,0,0);left: -21.275%;bottom: -11.9583333%}
.cirs span{position: absolute;border-radius: 50%; }
.cirs .c1{border: 2px dotted #951A14;left: 0;bottom: 0;right: 0;top: 0}
.cirs .c2{border: 2px dotted #963D32;left: 3%;bottom: 3%;right: 3%;top: 3%}
.cirs .c3{border: 2px dotted #9E3F14;left: 6%;bottom: 6%;right: 6%;top: 6%}
.cirs .c4{border: 2px dotted #C4946C;left: 9%;bottom: 9%;right: 9%;top: 9%}
.cirs .c5{border: 2px dotted #5F298C;left: 12%;bottom: 12%;right: 12%;top: 12%}
.cirs .c6{border: 2px dotted #951A14;left: 15%;bottom: 15%;right: 15%;top: 15%}
.cirs .c7{border: 2px dotted #963D32;left: 18%;bottom: 18%;right: 18%;top: 18%}
.cirs .c8{border: 2px dotted #655AA8;left: 21%;bottom: 21%;right: 21%;top: 21%}
.cirs .c9{border: 2px dotted #C4946C;left: 24%;bottom: 24%;right: 24%;top: 24%}
.cirs .c10{border: 2px dotted #951A14;left: 26.8%;bottom: 26.8%;right: 26.8%;top: 26.8%}
.cirs .c11{border: 2px dotted #655AA8;left: 29.5%;bottom: 29.5%;right: 29.5%;top: 29.5%}
.cirs .c12{left:32%;bottom:32%;right:32%;top:32%;background: #951A14; }
.show .cirs{ }
.slogmp{position: absolute;bottom: 0;left: 20%;width: 80%;display: none;}
.slogmp .slogm{width: 100%}

.countTime{width: 1.94rem;height: 1.13rem;background: url(../images/djs.png) no-repeat center;background-size: 100% 100%;position: absolute;bottom: .18rem;right: 1rem;z-index: 6;color:#951A14 ;user-select: none;pointer-events: none;}
.countTime .days{font-size: .36rem;font-weight: bold;}
.countTime .day{position: absolute;right: .2rem;top: .35rem}
@media (width: 1366px){
	.slog{right: 10%}
}
@media (width: 1180px){
	.slog{right: 10%}
}
@media (width: 1024px){
	.slog{right: 10%}
}
.mbtn{display: none}
.mbtn .toMenus{width: 1rem;height: 1.5rem;background: rgba(0,0,0,.1);position: absolute;top: 0;right: 0;z-index: 5;background: url(../images/menu.svg) no-repeat center;background-size: .52rem .52rem}
.navShow .mbtn .toMenus{width: 1rem;height: 1.5rem;background: rgba(0,0,0,.1);position: absolute;top: 0;right: 0;z-index: 5;background: url(../images/close.svg) no-repeat center;background-size: .44rem .44rem}
.mbtn .toAis{width: 1.5rem;height: 1rem;background: rgba(0,0,0,.1);position: absolute;bottom: .1rem;left: 0;z-index: 5;background: url(../images/ai.svg) no-repeat center;background-size: .56rem .56rem}
.mbtn{position: absolute;right: 0;bottom: 0;z-index: 99}
.mbtn .mebg{width: 2.06rem}
@media (max-width: 992px){
.countTime{bottom: 0;top: .3rem;right: .4rem;background: transparent;width: auto;height: auto}
.countTime .day{position: relative;right: 0;top: 0;display: flex;align-items: center;font-size: .3rem}
.countTime .days{font-size: .6rem;margin: 0 .1rem}
.countTime .num{display: flex;align-items: center;}
.slog,.cirslog,.cirs,.cocir,.header{display: none}
.indexbg #container{background: url(../images/m/inbg.png) no-repeat left center;background-size: cover}

.slogmp{display: block;}
.indexNav{position: absolute;right: 5%;bottom:auto;z-index: 5;display: flex;flex-wrap: nowrap;background: rgba(0,0,0,0);left: 30%;width: auto;top: 21%;justify-content: space-between;height: auto}
.indexNav li{width:auto;height: auto;display: flex;justify-content: flex-end;}
.indexNav li a{display: flex;align-items: flex-start;justify-content: flex-end;transition: .3s}
.indexNav li img{height: .24rem;display: none}
.indexNav li em{font-size: .6rem;color: #FEEBCB;writing-mode: vertical-lr;display: block;letter-spacing: .1em;white-space: nowrap;}
.indexNav li span{font-size: .28rem;writing-mode: vertical-lr;display: block;color: #fff;white-space: nowrap;padding: .1rem 0}
.indexNav li:nth-child(1) span{background: #951A14;}
.indexNav li:nth-child(2) span{background: #963D32;}
.indexNav li:nth-child(3) span{background: #9E3F14;}
.indexNav li:nth-child(4) span{background: #AF6427;}
.indexNav li:nth-child(5) span{background: #5F298C;}
.indexNav li:nth-child(6) span{background: #951A14;}
.indexNav li:nth-child(7) span{background: #963D32;}
.indexNav li:nth-child(8) span{background: #655AA8;}

.indexNav li:nth-child(1) em{color: #951A14;background: transparent;}
.indexNav li:nth-child(2) em{color: #963D32;background: transparent;}
.indexNav li:nth-child(3) em{color: #9E3F14;background: transparent;}
.indexNav li:nth-child(4) em{color: #AF6427;background: transparent;}
.indexNav li:nth-child(5) em{color: #5F298C;background: transparent;}
.indexNav li:nth-child(6) em{color: #951A14;background: transparent;}
.indexNav li:nth-child(7) em{color: #963D32;background: transparent;}
.indexNav li:nth-child(8) em{color: #655AA8;background: transparent;}
.mbtn{display: block;}
}
@media (width: 820px){
	.slog{right: 10%}
	.indexNav{left: 38%;top: 30% }
}
@media (width: 768px){
	.slog{right: 10%}
	.indexNav{left: 38%;top: 30% }
}
 
@media (min-width: 993px){
 .indexNav li a:hover{transform: translateX(.5rem);}
}
@media (max-width: 597px){
.countTime .day{font-size: .36rem}
.countTime .days{font-size: .66rem;margin: 0 .1rem}
}

.show [data-aos^=fade][data-aos^=fade]{
    opacity: 1;
    transform: translateZ(0)
}
.show [data-aos^=zoom][data-aos^=zoom]  {
    opacity: 1;
    transform: translateZ(0) scale(1)
}

.show [data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos] {transition-delay: .2s}
.show [data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos] {transition-delay: .4s}
.show [data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos] {transition-delay: .6s}
.show [data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos] {transition-delay: .8s}
.show [data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos] {transition-delay: 1s}
.show [data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos] {transition-delay: 1.2s}
.show [data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos] {transition-delay: 1.4s}
.show [data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos] {transition-delay: 1.6s}
.show [data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos] {transition-delay: 1.8s}
.show [data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos] {transition-delay: 2s}
.show [data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos] {transition-delay: 2.2s}
.show [data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos] {transition-delay: 2.4s}
.show [data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos] {transition-delay: 2.6s}