/**
 * ########################################################################################################################
 * ### 首页
 * ########################################################################################################################
 */
/* 全屏切换 */
.fullpage-wrapper,
.swiper-container_fullpage,
.swiper-slide_fullpage,
.swiper-slide-content_fullpage { width: 100%; height: 100%; overflow: hidden; }
.swiper-slide_fullpage { background-repeat: no-repeat; background-position: center; background-size: cover; }
.fullpage-wrapper { position: fixed; top: 0; left: 0; z-index: 9; background-color: #000000; color: #FFFFFF; transition: top 1s; }
.swiper-slide-content_fullpage { position: relative; }



/* 分页器 */
.swiper-container_fullpage_pagination { position: fixed; left: 20px; top: 50%; z-index: 10; width: 4px; transform: translateY(-50%); }
.swiper-container_fullpage_pagination .swiper-pagination-bullet { width: 12px; height: 12px; border-radius: 50%; background: none; cursor: pointer; margin: 10px 0; opacity: 1; border: 2px solid #858689; position: relative; }
.swiper-container_fullpage_pagination .swiper-pagination-bullet::after { content: ""; width: 4px; height: 4px; position: absolute; background: #FFFFFF; left: 2px; top: 2px; z-index: 1; border-radius: 50%; display: block; opacity: 0; }
.swiper-container_fullpage_pagination .swiper-pagination-bullet-active { background: none; }
.swiper-container_fullpage_pagination .swiper-pagination-bullet-active::after { opacity: 1; }
.swiper-container_fullpage_pagination .swiper-pagination-bullet:hover::after { background: rgba(243,194,150,0.9); opacity: 1; }



/* 遮罩 */
.swiper-slide-content_fullpage_mask { background: rgba(0,0,0,0.5); width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; line-height: 0.9; transition: all 1s linear 0.4s; opacity: 0; }
.swiper-slide_fullpage.swiper-slide-active .swiper-slide-content_fullpage_mask { opacity: 1; }



/* 通用文本内容 */
/* 主标题 */
.swiper-slide-content_fullpage_title { transition: transform 0.6s linear 1.2s; transform: translateY(30px); text-align: center; }
.swiper-slide-content_fullpage_title.en { font-size: 0.8rem; text-transform: uppercase; font-weight: normal; line-height: 0.9; }
.swiper-slide-content_fullpage_title.cn { font-size: 0.5rem; font-weight: normal; margin-top: 44px; }

/* 副标题 */
.swiper-slide-content_fullpage_subtitle { transition: transform 0.6s linear 1.35s; transform: translateY(30px); }
.swiper-slide-content_fullpage_subtitle.cn { font-size: 0.36rem; font-weight: normal; margin-top: 32px; }
.swiper-slide-content_fullpage_subtitle.en { font-size: 0.3rem; font-weight: normal; text-transform: uppercase; margin-top: 16px; line-height: 1.2; }

/* 更多 */
.swiper-slide-content_fullpage_link-btn { display: flex; align-items: center; justify-content: center; border: 1px solid #FFFFFF; border-radius: 48px; font-size: 0.24rem; padding: 16px 24px; margin-top: 52px; transition: transform 0.6s linear 1.5s, background-color 0.6s, border-color 0.6s; transform: translateY(30px); line-height: 1; }
.swiper-slide-content_fullpage_link-btn:hover { background-color: rgba(243,194,150,0.3); border-color: rgba(243,194,150,0.3); }

/* 数据 */
.swiper-slide-content_fullpage_datas { display: flex; margin-top: 58px; transition: transform 0.6s linear 1.35s; transform: translateY(30px); }
.swiper-slide-content_fullpage_datas .data-item { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 0 1.1rem; }
.swiper-slide-content_fullpage_datas .value { font-size: 0.87rem; }
.swiper-slide-content_fullpage_datas .label { font-size: 0.3rem; margin-top: 30px; }

/* 滑动到时 */
.swiper-slide_fullpage.swiper-slide-active .swiper-slide-content_fullpage_title { transform: translateY(0); }
.swiper-slide_fullpage.swiper-slide-active .swiper-slide-content_fullpage_subtitle { transform: translateY(0); }
.swiper-slide_fullpage.swiper-slide-active .swiper-slide-content_fullpage_link-btn { transform: translateY(0); }
.swiper-slide_fullpage.swiper-slide-active .swiper-slide-content_fullpage_datas { transform: translateY(0); }



/* 第一屏 */
.swiper-container_first-screen-video, 
.swiper-slide_first-screen-video,
.swiper-slide_first-screen-video .video,
.swiper-slide_first-screen-video .object { background: #000000; width: 100%; height: 100%; overflow: hidden; position: relative; }
.swiper-slide_first-screen-video .video { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 9; display: none; }
.swiper-slide_first-screen-video [data-my-video] { width: 100%; height: 100%; }
.swiper-slide_first-screen-video .video-banner-mo { width: 100%; height: 100%; object-fit: cover; display: none; }
.swiper-slide_first-screen-video .fullscreen-image { width: 100%; height: 100%; object-fit: cover; }
/* 左右切换按钮 */
.swiper-slide_fullpage_first-screen .swiper-first-screen-video-button { position: absolute; width: 0.66rem; height: 0.66rem; display: flex; align-items: center; justify-content: center; cursor: pointer; background: rgba(0,0,0,0.3); top: 50%; margin-top: -0.33rem; z-index: 10; color: rgba(255,255,255,0.68); font-size: 0.36rem; transition: all 0.6s; outline: none !important; border: none !important; }
.swiper-slide_fullpage_first-screen .swiper-first-screen-video-button-prev { left: 0.8rem; }
.swiper-slide_fullpage_first-screen .swiper-first-screen-video-button-next { right: 0.8rem; }
.swiper-slide_fullpage_first-screen .swiper-first-screen-video-button:hover { color: rgba(255,255,255,0.9); background: rgba(0,0,0,0.3); }
.swiper-slide_fullpage_first-screen .swiper-first-screen-video-button.disabled { opacity: 0.2; }

/* 播放控件 */
.swiper-container_first-screen-video .video-controls { position: absolute; z-index: 10; left: 30px; bottom: 30px; font-size: 24px; display: flex; opacity: 1; transition: all 0.4s; }
.swiper-container_first-screen-video .video-controls.hide { transform: scale(0); opacity: 0; }
.swiper-container_first-screen-video .oper-box { cursor: pointer; width: 50px; height: 50px; overflow: hidden; position: relative; display: flex; align-items: center; justify-content: center; border-radius: 50%; margin: 0 4px; transition: all 0.6s; }
.swiper-container_first-screen-video .oper-box:hover { background: rgba(255, 255, 255, 0.3); }
.swiper-container_first-screen-video .oper-box .iconfont { display: none; }
.swiper-container_first-screen-video .oper-box .iconfont.show { display: inline-block; }

/* 文字内容 */
.swiper-container_first-screen-video .txts-wrap { position: absolute; z-index: 10; left: 0; top: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; text-align: center; /* transition: all 0.3s linear 2s, color 0.1s; */ -webkit-animation: texsAni 10s linear 2s infinite; -moz-animation: texsAni 10s linear 2s infinite; -ms-animation: texsAni 10s linear 2s infinite; animation: texsAni 10s linear 2s infinite; }
/* .swiper-slide_first-screen-video.swiper-slide-active .txts-wrap { opacity: 0; top: 30px; } */
@-webkit-keyframes texsAni{
  0% { opacity: 0; top: 30px; }
  20% { opacity: 0; top: 30px; }
  30% { opacity: 1; top: 0; }
  70% { opacity: 1; top: 0; }
  80% { opacity: 0; top: 30px; }
  100% { opacity: 0; top: 30px; }
}
@-moz-keyframes texsAni{
  0% { opacity: 0; top: 30px; }
  20% { opacity: 0; top: 30px; }
  30% { opacity: 1; top: 0; }
  70% { opacity: 1; top: 0; }
  80% { opacity: 0; top: 30px; }
  100% { opacity: 0; top: 30px; }
}
@-ms-keyframes texsAni{
  0% { opacity: 0; top: 30px; }
  20% { opacity: 0; top: 30px; }
  30% { opacity: 1; top: 0; }
  70% { opacity: 1; top: 0; }
  80% { opacity: 0; top: 30px; }
  100% { opacity: 0; top: 30px; }
}
@keyframes texsAni{
  0% { opacity: 0; top: 30px; }
  20% { opacity: 0; top: 30px; }
  30% { opacity: 1; top: 0; }
  70% { opacity: 1; top: 0; }
  80% { opacity: 0; top: 30px; }
  100% { opacity: 0; top: 30px; }
}

/* 媒体查询 */
@media screen and (max-width: 768px) {
  .swiper-slide_first-screen-video .video { display: none !important; }
  .swiper-slide_first-screen-video .video-banner-mo { display: block; }
  .swiper-container_first-screen-video .video-controls { display: none; }
  .swiper-slide-content_fullpage_mask { line-height: 1; }
  .swiper-slide-content_fullpage_title.en { font-size: 0.68rem; }
  .swiper-slide-content_fullpage_title.cn { font-size: 0.52rem; }
  .swiper-slide-content_fullpage_subtitle.cn { font-size: 0.32rem; }
  .swiper-slide-content_fullpage_subtitle.en { font-size: 0.28rem; line-height: 1.4; }
  .swiper-slide-content_fullpage_datas .data-item { padding: 0 0.6rem; }
  .swiper-slide-content_fullpage_datas .value { font-size: 0.56rem; }
  .swiper-slide-content_fullpage_datas .label { font-size: 0.28rem; }
  .swiper-slide-content_fullpage_link-btn { font-size: 0.28rem; }
  .swiper-slide_fullpage_first-screen .swiper-first-screen-video-button { margin-top: 40px; }
  .swiper-slide_fullpage_first-screen .swiper-first-screen-video-button-prev { left: 0.3rem; }
  .swiper-slide_fullpage_first-screen .swiper-first-screen-video-button-next { right: 0.3rem; }
}

/* 第二屏 */
.swiper-slide_fullpage_second-screen { background-image: url(../images/i_b_1.png); }



/* 第三屏 */
.swiper-slide_fullpage_third-screen { background-image: url(../images/i_b_2.png); }



/* 第四屏 */
.swiper-slide_fullpage_fourth-screen .swiper-container_anis { width: 100%; height: 100%; overflow: hidden; background: #000000; position: relative; }
.swiper-slide_fullpage_fourth-screen .swiper-container_anis .swiper-wrapper { width: 100%; height: 100%; }
.swiper-slide_fullpage_fourth-screen .swiper-slide_anis { width: 100%; height: 100%; overflow: hidden; position: relative; }
.swiper-slide_fullpage_fourth-screen .ani-item { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 100; overflow: hidden; background: #000000; }
.swiper-slide_fullpage_fourth-screen .ani-item_start { position: absolute; width: 100%; height: 100%; z-index: 120; left: 0; top: 0; overflow: hidden; opacity: 0; transition: all 0.6s linear 1.2s; background-color: rgba(0,0,0,0.3); }
.swiper-slide_fullpage_fourth-screen .ani-item_mid { position: absolute; width: 100%; height: 100%; z-index: 100; left: 0; top: 0; }
.swiper-slide_fullpage_fourth-screen .ani-item_ended { position: absolute; width: 100%; height: 100%; z-index: 119; left: 0; top: 0; overflow: hidden; opacity: 0; transition: all 3s linear; background-color: rgba(0,0,0,0.3); }
.swiper-slide_fullpage_fourth-screen .ani-item .ani-item_start.hide { opacity: 0; }
.swiper-slide_fullpage_fourth-screen .ani-item_ended.show { opacity: 1; z-index: 122; }
.swiper-slide_fullpage_fourth-screen .txts { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 10; display: flex; align-items: center; justify-content: center; flex-direction: column; background: rgba(0,0,0,0.2); }
.swiper-slide_fullpage_fourth-screen .mo_banner { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; z-index: 6; left: 0; top: 0; opacity: 0; }
.swiper-slide_fullpage_fourth-screen .title-image { display: block; max-width: 56%; }
.swiper-slide_fullpage_fourth-screen .play-btn { position: absolute; z-index: 300; left: 50%; bottom: 120px; cursor: pointer; width: 10px; height: 10px; margin-left: -5px; border-radius: 50%; background: #FFFFFF; }
.swiper-slide_fullpage_fourth-screen .play-btn .iconfont { display: none; }
.swiper-slide_fullpage_fourth-screen .play-btn::after { content: ""; position: absolute; width: 50px; height: 50px; left: -20px; top: -20px; z-index: 1; border-radius: 50%; box-shadow: 0 0 6px #FFFFFF; border: 2px solid rgba(255,255,255,0.6); opacity: 0; transform: scale(0); -webkit-animation: mouseDot 1.5s infinite; animation: mouseDot 1.5s infinite; }
.lottie { width: 100%; height: 100%; }

/* 音乐 */
#masterBgMusic { display: none; }
.master-bg-music-icon { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; color: rgba(255,255,255,0.8); position: absolute; right: 20px; bottom: 20px; z-index: 10; font-size: 30px; cursor: pointer; transition: all 0.3s; }
.master-bg-music-icon:hover { color: rgba(255,255,255,0.6); }
.master-bg-music-icon::after { content: ""; width: 32px; height: 2px; background: rgba(255,255,255,0.8); position: absolute; left: 4px; top: 50%; margin-top: -1px; z-index: 10; transform: rotate(45deg); opacity: 0; }
.master-bg-music-icon.stop::after { opacity: 1; }

.swiper-slide_fullpage.swiper-slide-active .ani-item_start { opacity: 1; }


@-webkit-keyframes mouseDot {
  from { transform: scale(0); opacity: 0; }
  to { transform: scale(1); opacity: 1; }
}

@keyframes mouseDot {
  from { transform: scale(0); opacity: 0; }
  to { transform: scale(1); opacity: 1; }
}

/* 媒体查询 */
@media screen and (max-width: 768px) {
  .swiper-slide_fullpage_fourth-screen .ani-item_start { opacity: 0 !important; }
  .swiper-slide_fullpage_fourth-screen .ani-item_mid { display: none; }
  .swiper-slide_fullpage_fourth-screen .ani-item_ended { opacity: 1; }
  .swiper-slide_fullpage_fourth-screen .mo_banner { opacity: 1; transform: scale(1); }
  .swiper-slide_fullpage_fourth-screen .title-image { max-width: 86%; }
}



/* 第五屏 */
.swiper-slide_fullpage_fifth-screen { background-image: url(../images/i_b_3.png); }
.swiper-slide_fullpage_fifth-screen .swiper-slide-content_fullpage_mask { background: rgba(0,0,0,0.5); opacity: 0; }
.swiper-slide_fullpage_fifth-screen .swiper-slide-content_fullpage_link-btn { margin-top: 70px; }




/* 下滑指示剪头 */
.whell-down-icon-wrapper { position: fixed; z-index: 300; width: 100px; display: flex; align-items: center; justify-content: center; color: rgba(255,255,255,0.9); font-size: 0.52rem; left: 50%; bottom: 20px; margin-left: -50px; -webkit-animation: wheelDown 1.2s infinite; animation: wheelDown 1.2s infinite; transition: all 0.36s; }
.whell-down-icon-wrapper.up { -webkit-animation: wheelDownRes 1.2s infinite; animation: wheelDownRes 1.2s infinite; bottom: 10px; }
@-webkit-keyframes wheelDown {
  from { transform: translateY(0); }
  to { transform: translateY(12px) scale(0.9); opacity: 0 }
}
@keyframes wheelDown {
  from { transform: translateY(0); }
  to { transform: translateY(12px) scale(0.9); opacity: 0 }
}
@-webkit-keyframes wheelDownRes {
  from { transform: translateY(0) rotate(180deg); }
  to { transform: translateY(-12px) scale(0.9) rotate(180deg); opacity: 0 }
}
@keyframes wheelDownRes {
  from { transform: translateY(0) rotate(180deg); }
  to { transform: translateY(-12px) scale(0.9) rotate(180deg); opacity: 0 }
}


/* &符号 */
.and { font-size: 0.42rem; line-height: 0.7; display: inline-block; transform: translateY(-0.25em); }



/* 加载效果 */
.loading-hollow-container { display: none; }
.loading-hollow-container .loading-container { position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 44444444; background: #000000; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.loading-hollow-container .loading-container .loading { width: 100%; max-width: 100%; }
.loading-hollow-container .loading-container .loading.hide { display: none; }
.loading-hollow-container .hollow-container { position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 22222222; background: transparent; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.loading-hollow-container .hollow-container .hollow { width: 0px; height: 0px; border: 200000px solid #000000; border-radius: 50%; position: absolute; left: 50%; top: 50%; z-index: 4; transform: translate(-50%, -50%) scale(0.84, 1); box-sizing: content-box; }
.loading-hollow-container .hollow-container.start .hollow { -webkit-animation: HollowingOut 2s ease 0s 1 normal forwards; animation: HollowingOut 2s ease 0s 1 normal forwards; }
.loading-hollow-container .loading-skip { display: flex; flex-direction: column; justify-content: center; align-items: center; position: fixed; z-index: 88888888; left: 50%; bottom: -200px; transform: translateX(-50%); color: #EFC395; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; font-weight: normal; cursor: pointer; opacity: 0; transition: all 0.8s; }
.loading-hollow-container .loading-skip.show { bottom: 0; opacity: 1; }
.loading-hollow-container .loading-skip .line { width: 1px; height: 44px; background: rgba(239, 195, 149, 0.4); margin-top: 12px; position: relative; }
.loading-hollow-container .loading-skip .line::before,
.loading-hollow-container .loading-skip .line::after { content: ""; width: 8px; height: 1px; position: absolute; z-index: 2; top: -3px; background: #EFC395; }
.loading-hollow-container .loading-skip .line::before { right: -1px; transform: rotate(-45deg); }
.loading-hollow-container .loading-skip .line::after { left: -1px; transform: rotate(45deg); }
.loading-hollow-container .loading-skip .line .inner { width: 100%; height: 100%; overflow: hidden; position: relative; display: block; }
.loading-hollow-container .loading-skip .line .inner::after { content: ""; position: absolute; width: 100%; height: 50%; background: #EFC395; left: 0; z-index: 4; top: 0; -webkit-animation: SkipAni 1.8s infinite ease-in-out; animation: SkipAni 1.8s infinite ease-in-out; }
@-webkit-keyframes HollowingOut{
  0% { width: 0px; height: 0px; }
  40% { width: 200px; height: 200px; }
  60% { width: 160px; height: 160px; }
  100% { width: 10000px; height: 10000px; }
}
@keyframes HollowingOut{
  0% { width: 0px; height: 0px; }
  40% { width: 200px; height: 200px; }
  60% { width: 160px; height: 160px; }
  100% { width: 10000px; height: 10000px; }
}
@-webkit-keyframes SkipAni{
  from { top: -140%; height: 44%; }
  to { top: 140%; height: 80%; }
}
@keyframes SkipAni{
  from { top: -140%; height: 44%; }
  to { top: 140%; height: 80%; }
}
@media screen and (max-width: 768px) {
  .loading-hollow-container .loading-container { width: 300%; left: 50%; transform: translateX(-50%); }
  .loading-hollow-container .loading-container .loading { width: 100%; }
}



.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.pace .pace-progress {
  background: #e42141;
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 2px;
}

.pace-inactive {
  display: none;
}