@font-face {
  font-family: 'HarmonyOS Sans SC';  /* Project id 2442050 */
  src: url('/static/public/font/HarmonyOS_Sans_SC_Medium.ttf');
}
@font-face {
  font-family: 'HarmonyOS Sans SC Lighter';  /* Project id 2442050 */
  src: url('/static/public/font/HarmonyOS_Sans_SC_Light.ttf');
}
@font-face {
  font-family: 'HarmonyOS Sans SC Regular';  /* Project id 2442050 */
  src: url('/static/public/font/HarmonyOS_Sans_SC_Regular.ttf');
}
html{
    font-size: calc(100vw/19.2);
    /*scroll-behavior: smooth; */
}
body{
  margin: 0 !important;
  padding: 0 !important;
  width: 100vw;
  height: 100vh;
  /* overflow-y: auto; */
  font-family: 'HarmonyOS Sans SC', sans-serif;
  position: relative;
}
body::-webkit-scrollbar {
  width: 0; /* 隐藏垂直滚动条 */
  height: 0; /* 隐藏水平滚动条 */
}


.container{
  width: 100%;
  height: 100vh;
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
  /*margin-top: 1rem;*/
  /*padding-top: 1rem;*/
  
}

.screen_container{
    width: 100%;
    height: 100vh;
    overflow-y: auto;
    /*margin-top: 1rem;*/
    scroll-snap-type: y mandatory;
    overflow-x: hidden;
}
.screen_container section{
    scroll-snap-align: start;
}

.screen_container section:not(:last-child){height: 100vh;}

/*.container section:nth-last-of-type(1) {*/
/*  scroll-snap-align: none;*/
/*}*/
.header-placeholder{
  position: relative;
  width: 100%;
  /*height: 1rem;*/
  z-index: 999;
}

.container::-webkit-scrollbar {
  width: 0; /* 隐藏垂直滚动条 */
  height: 0; /* 隐藏水平滚动条 */
}
.index_block{
    height: 1rem;
}
.home_box{
  width: 100%;
  height: calc(100vh - 1rem);
  transform: translateY(1rem);
  position: relative;
}
.home_video{
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.swiper-wrapper{
    width: 100%;
    height: 100%;
    /*display: flex;*/
}
.swiper-slide{
    width: 100%;
    height: 100%;
}
.swiper-slide video{
    width: 100%;
    height: 100%;
    object-fit: fill;
}
.home_tit{
  color: #112D36;
  z-index: 2;
  position: absolute;
  line-height: 0.7rem;
  font-size: 0.6rem;
  top: 2.1rem;
  left: 1rem;
  font-weight: bolder;
  /*text-shadow: 2px 2px 2px rgba(14, 70, 99, 0.4);*/
  top: 0.5rem;
}
.home_text{
  color: #112D36;
  z-index: 2;
  position: absolute;
  line-height: 0.6rem;
  font-size: 0.4rem;
  /*font-weight: lighter;*/
  width: calc(100% - 2rem);
  top: 2.94rem;
  left: 1rem;
  /*font-family: 'HarmonyOS Sans SC Lighter';*/
  top: 1.34rem;
}

.home_text .t2{color: #ffba00;font-size: 0.5rem;margin-top: 0.1rem;line-height: 0.7rem;font-weight: bolder;}

.home_text .t3{color: #ffba00;}


.home_more{
    display: inline-block;
  width: 1.5rem;
  height: 0.5rem;
  background-color:  white;
  color: #1582BB;
  font-size: 0.16rem;
  border-radius: 0.28rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 7rem;
  left: 1rem;
  cursor: pointer;
  
}
.home_more a{
    text-decoration: none;
    color: #1582BB;
}
.home_info{
  width: 4rem;
  height: 2rem;
  position: absolute;
  /*position: relative;*/
  top: 6.2rem;
  left: 14.2rem;
  background-color: rgba(17, 41, 74, 0.2);
  border-radius: 0.12rem;
  box-sizing: border-box;
  padding: 0.27rem 0.24rem;
  /*padding: 0.27rem 0.24rem 0 0.24rem;*/
  font-family: 'HarmonyOS Sans SC Lighter';
  font-size: 0.16rem;
  line-height: 0.24rem;
  color: white;
  
}
.home_info .swiper-slide{
    height: 20px !important;
    /*margin-bottom: 20px !important;*/
}
.hone_swiper_show{
    width: 100%;
    height: 100%;
    overflow: hidden;
    opacity: 0.8;
    -webkit-mask-image: linear-gradient(to bottom, black 85%, transparent 100%);
    mask-image: linear-gradient(to bottom, black 85%, transparent 100%);
}
.hone_swiper_show:hover{
    opacity: 1;
}
.home_info a{
    width: 100%;
    line-height: 0.24rem;
  margin-bottom: 0.12rem;
  overflow:hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  cursor: pointer;
      text-decoration:none!important;
  color: #fff;
}
.screen_2_box{
  width: 100%;
  height: calc(100vh - 1rem);
  transform: translateY(1rem);
  position: relative;
  background-color: #F5F5F5;
  display: flex;
  align-items: center;
  justify-content: center;
}
.show_box{
  width: 25%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  font-size: 0.24rem;
  position: relative;
}
.show_box:nth-of-type(1){
  background-image: url('/public/img/screen_2_bg_1.png');
}
.show_box:nth-of-type(2){
  background-image: url('/public/img/screen_2_bg_2.png');
}
.show_box:nth-of-type(3){
  background-image: url('/public/img/screen_2_bg_3.png');
}
.show_box:nth-of-type(4){
  background-image: url('/public/img/screen_2_bg_4.png');
}

.screen_2_gif{
  width: 1.6rem;
  height: 1.6rem;
  transform: rotateY(-180deg);
  margin-top: 0.1rem;
}
.chat_box{
  position: relative;
  width: 4.36rem;
  height: 3.66rem;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 0.5rem 0.3rem;
  /* transition: opacity 1s ease; */
}
.chat_box img{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.chat_text{
  position: relative;
  z-index: 2;
  color: white;
  /* opacity: 0; */
  transition: opacity 1s ease;
}
.chat_text div{
  font-size: 0.2rem;
  line-height: 0.36rem;
  line-height: 0.28rem;
  font-weight: bold;
  width: 3rem;
  width: 100%;
}
.chat_text div:nth-of-type(1){
  width: 100%;
  font-size: 0.2rem;
  line-height: 0.32rem;
  margin-bottom: 0.3rem;
  font-weight: normal;
  line-height: 0.28rem;
}
.chat_text div:nth-of-type(2){
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  overflow: hidden;
  text-overflow: ellipsis;
}
.s2_anim_box{
  width: 4.25rem;
  height: 2.05rem;
  font-size: 0.24rem;
  font-size: 0.2rem;
  position: absolute;
  bottom: 0rem;
  left: 50%;
  transform: translate(-50%, 0%);
  transition: width 1s ease, height 1s ease;
}

.s2_anim_box_default {
  opacity: 1;
  border-radius: 0.18rem;
  height: 1.3rem;
    box-sizing: border-box;
    padding: 0.2rem;
    font-weight: bold;
    color: rgba(3, 46, 55, 1);
    line-height: 0.4rem;
}
.s2_anim_box_default div{
    display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
.s2_anim_box_hover {
    width: 100%;
    height: 100%;
    box-sizing:border-box;
    padding: 0.5rem 0.4rem;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}
.s2_more{
    display: inline-block;
  background-color: #FFFFFF;
  width: 1.6rem;
  height: 0.5rem;
  text-align: center;
  line-height: 0.5rem;
  border-radius: 0.28rem;
  font-size: 0.16rem;
  margin-top: 0.3rem;
  font-family: 'HarmonyOS Sans SC Regular';
  cursor: pointer;
  text-decoration: none;
  /*color: ;*/
}

.hover_text{
  font-size: 0.18rem;
  line-height: 0.28rem;
  font-weight: lighter;
  margin-top: 0.15rem;
}
.hover_text span{
  font-weight: bold;
}
.show_box:hover .s2_anim_box{
  width: 100%;   /* 和父容器一样宽 */
  height: 100%;  /* 和父容器一样高 */
  /* left: 0;
  top: 0;
  bottom: 0; */
  bottom: 0;
  border-radius: 0rem;
}
.show_box:hover .chat_box {
  opacity: 0;
  transition: opacity 0.45s ease;
}
.show_box:hover .s2_anim_box_default {
  opacity: 0;
}

.show_box:hover .s2_anim_box_hover {
  opacity: 1;
}

.s3_box{
  width: 100%;
  height: calc(100vh - 1rem);
  transform: translateY(1rem);
  position: relative;
  box-sizing: border-box;
  padding: 0.3rem 1rem;
  background-image: url('/public/img/screen_3_bg.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.s3_hedaer{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.s3_header_text{
  color: #112D36;
  width: calc(100% - 1.6rem);
}
.s3_header_text div:nth-of-type(1){
  font-size: 0.4rem;
  font-weight: bolder;
  line-height: 0.4rem;
  line-height: 0.5rem;
}
.s3_header_text div:nth-of-type(2){
  font-size: 0.6rem;
  font-size: 0.5rem;
  width: calc(100% - 2rem);
  font-weight: bolder;
  line-height: 0.6rem;
  /*text-shadow: 2px 2px 2px rgba(14, 70, 99, 0.4);*/
  
  
  font-size: 0.46rem;
}
.s3_more{
  width: 1.5rem;
  height: 0.5rem;
  color:  #1582BB;
  background-color: white;
  font-size: 0.16rem;
  border-radius: 0.28rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  text-decoration: none;
}
.s3_title{
  margin-top: 0.2rem;
  font-size: 0.2rem;
  line-height: 0.28rem;
  color: #112D36;
  font-family: 'HarmonyOS Sans SC Lighter';
  /*font-weight: normal;*/
}
.s3_title div{
  margin-bottom: 0.1rem;
   font-weight: 300; 
}
.s3_title span{
   font-weight: 500; 
  font-family: 'HarmonyOS Sans SC';
}
.s3_info{
  width: 100%;
  height: 5.0rem;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-top: 0.1rem;
}
.s3_info_left,.s3_info_right{
  width: 4.6rem;
  height: 100%;
  border-radius: 0.18rem;
  background-color: rgba(0, 40, 66, 0.6);
  box-sizing: border-box;
  padding: 0.25rem;
  color: white;
  position: relative;
}


.s3_info_left,.s3_info_right div{
  font-size: 0.2rem;
  line-height: 0.32rem;

  font-family: 'HarmonyOS Sans SC Regular';
  /*margin-top: 0.1rem;*/
}

.s3_info_left .p,.s3_info_right .p{font-size: 0.16rem;line-height: 0.28rem;line-height: 0.24rem;/*height: 1.12rem;*/overflow: auto;}

.s3_info_left .p::-webkit-scrollbar{ width:3px;height: 1px;}
.s3_info_left .p::-webkit-scrollbar-thumb{ background:#ffffff;}
.s3_info_left .p::-webkit-scrollbar-track{ background:rgba(255,255,255,0.4);}
.s3_info_right .p::-webkit-scrollbar{ width:3px;height: 1px;}
.s3_info_right .p::-webkit-scrollbar-thumb{ background:#ffffff;}
.s3_info_right .p::-webkit-scrollbar-track{ background:rgba(255,255,255,0.4);}

.s3_info_left img{
  width: 4.3rem;
  height: 3.6rem;
  position: absolute;
  left: 0.1rem;
  /*bottom: -0.25rem;*/
  bottom: 0;
  /* object-fit: cover; */
}
.s3_info_right img{
  width: 5.02rem;
  height: 3rem;
  position: absolute;
  left: -0.3rem;
  top: -0.3rem;
  /* object-fit: cover; */
  
  height: 3.71rem;
}
.s3_info_left div:nth-of-type(1){
  font-family: 'HarmonyOS Sans SC';
  font-weight: bold;
  font-size: 0.28rem;
  line-height: 0.4rem;
}
.s3_info_right div:nth-of-type(1){
  font-family: 'HarmonyOS Sans SC';
  font-size: 0.28rem;
  line-height: 0.4rem;
  margin-top: 2.2rem;
  font-weight: bold;
  
  margin-top: 3rem;
}
.s3_info_center{
  width: 5.2rem;
  height: 3.9rem;
  /*background-image: url('/public/static/img/s3_info_img_2.png');*/
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  font-size: 0.18rem;
  color: #005D9A;
  position: relative;
}
.s3_content:nth-of-type(1){
  position: absolute;
  left: -0.4rem;
  top: 1rem;
  width: 40%;
}
.s3_content:nth-of-type(2){
  position: absolute;
  right: -1rem;
  top: 1rem;
  width: 48%;
}
.s3_content:nth-of-type(3){
  position: absolute;
  left: -0.8rem;
  bottom: -0.9rem;
  width: 48%;
}
.s3_content:nth-of-type(4){
  position: absolute;
  right: -0.8rem;
  bottom: -1.1rem;
  width: 48%;
}
.s3_center_title{
  font-weight: bold;
  text-align: center;
}
.s3_center_text{
  font-family: 'HarmonyOS Sans SC Lighter';
  font-size: 0.18rem;
  text-align: center;
}
.s4_box{
  width: 100%;
  height: calc(100vh - 1rem);
  transform: translateY(1rem);
  position: relative;
  box-sizing: border-box;
  padding: 0.5rem 1rem 1rem 1rem;
  background-image: url('/public/img/screen_4_bg.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.s4_header div:nth-of-type(1){
  font-size: 0.6rem;
  font-size: 0.5rem;
  font-weight: bolder;
  line-height: 0.7rem;
  color: white;
  text-shadow: 2px 2px 2px rgba(14, 70, 99, 0.4);

}
.s4_header div:nth-of-type(2){
  font-size: 0.32rem;
  line-height: 0.32rem;
  color: white;
  margin-top: 0.2rem;
  padding-right: 4rem;
  
  
  font-size: 0.21rem;
}
.s4_content{
  display: flex;
  justify-content: space-between;
  margin-top: 0.4rem;
  
  margin-top: 0.15rem;
}
.s4_content_img{
  width: 8.44rem;
  height: 3.74rem;
  background-color: rgba(17, 41, 74, 0.18);
  border-radius: 0.18rem;
}
.s4_content_img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.s4_footer{
  width: 19.2rem;
  height: 2.3rem;
  position: absolute;
  left: 0;
  bottom: 0;
  box-sizing: border-box;
  padding: 0.3rem 1rem;
  background-color: rgba(0, 40, 66, 0.6);
}
.s4_footer_text{
  font-family: 'HarmonyOS Sans SC Regular';
  font-size: 0.16rem;
  line-height: 0.26rem;
  color: white;
  margin-bottom: 0.14rem;
  text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.4);
}
.s4_footer_header{
  height: 0.5rem;
  font-family: 'HarmonyOS Sans SC';
  font-size: 0.32rem;
  line-height: 0.32rem;
  font-weight: bold;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0.3rem;
  color: white;
  text-shadow: 2px 2px 2px rgba(14, 70, 99, 0.4);
}
.s4_more{
  width: 1.5rem;
  height: 0.5rem;
  color:  #1582BB ;
  background-color: white;
  font-size: 0.16rem;
  border-radius: 0.28rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin-left: 0.4rem;
  font-family: 'HarmonyOS Sans SC Regular';
  text-decoration: none;
  font-weight: normal;
}

.s4_info{
  width: 4rem;
  height: 1rem;
  position: absolute;
  top: 0.7rem;
  right: 1rem;
  background-color: rgba(17, 41, 74, 0.2);
  border-radius: 0.12rem;
  box-sizing: border-box;
  padding: 0.17rem 0.24rem;
  font-family: 'HarmonyOS Sans SC Lighter';
  font-size: 0.16rem;
  line-height: 0.24rem;
  color: white;
  
  top: 0.15rem;
}
.s4_swiper_show{
    width: 100%;
    height: 100%;
    overflow: hidden;
    opacity: 0.8;
    /*-webkit-mask-image: linear-gradient(to bottom, black 85%, transparent 100%);*/
    /*mask-image: linear-gradient(to bottom, black 85%, transparent 100%);*/
}
.s4_swiper_show:hover{
    opacity: 1;
}
.s4_info a{
    width: 100%;
    height: 100%;
  overflow:hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  cursor: pointer;
  margin-bottom: 0.08rem;
      text-decoration:none!important;
  color: #fff;
}
.s5_box{
  width: 100%;
  height: calc(100vh - 1rem);
  transform: translateY(1rem);
  position: relative;
  box-sizing: border-box;
  padding: 1rem;
  background-image: url('/public/img/screen_5_bg.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  
  padding: 0.5rem 1rem 1rem;
}
.s5_hedaer{
  font-size: 0.6rem;
  font-size: 0.5rem;
  padding-right: 4.5rem;
  line-height: 0.7rem;
  color: #112D36;
  font-weight: bolder;
  /*margin-top: 0.2rem;*/
  /*text-shadow: 2px 2px 2px rgba(14, 70, 99, 0.4);*/
}

.s5_content{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  /*margin-top: 1.3rem;*/
  margin-top: 0.5rem;
}

.s5_item{
  width: 5.6rem;
  height: 5.3rem;
  box-sizing: border-box;
  padding: 0 0.3rem 0.5rem 0.3rem;
  background-color: #112D36;
  border-radius: 0.18rem;
}
.s5_item_text{
    height: 3.2rem;
  font-size: 0.22rem;
  font-family: 'HarmonyOS Sans SC Regular';
  line-height: 0.4rem;
  margin-bottom: 0.25rem;
  color: white;
  /* display: -webkit-box;*/
  /*-webkit-box-orient: vertical;*/
  /*overflow: hidden;*/
  /*-webkit-line-clamp: calc(3.2rem / 0.4rem);*/
  /*text-overflow: ellipsis;*/
  margin-top: 0.4rem;
  
  
  font-size: 0.18rem;
  line-height: 0.26rem;
}
.s5_item_footer{
  font-size: 0.2rem;
  display: flex;
  align-items: center;
}
.s5_item_footer img{
  /* width: 0.23rem;
  height: 0.23rem; */
  margin-left: 0.12rem;
}
.s5_item_footer a:nth-of-type(1){
  display: flex;
  align-items: center;
  color: white;
  cursor: pointer;
  text-decoration: none;
}
.s5_item_footer a:nth-of-type(2){
  display: flex;
  align-items: center;
  color: rgba(255, 255, 255, 0.6);
  margin-left: 0.25rem;
  cursor: pointer;
  text-decoration: none;
}
.s5_info{
  width: 4rem;
  height: 1rem;
  position: absolute;
  top: 1rem;
  right: 1rem;
  background-color: rgba(17, 41, 74, 0.2);
  border-radius: 0.12rem;
  box-sizing: border-box;
  padding: 0.17rem 0.24rem;
  font-family: 'HarmonyOS Sans SC Lighter';
  font-size: 0.16rem;
  line-height: 0.24rem;
  color: white;
  
  top: 0.5rem;
}
.s5_swiper_show{
    width: 100%;
    height: 100%;
    overflow: hidden;
    opacity: 0.8;
    /*-webkit-mask-image: linear-gradient(to bottom, black 85%, transparent 100%);*/
    /*mask-image: linear-gradient(to bottom, black 85%, transparent 100%);*/
}
.s5_swiper_show:hover{
    opacity: 1;
}
.s5_info a{
    width: 100%;
    height: 100%;
  overflow:hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  cursor: pointer;
  margin-bottom: 0.08rem;
      text-decoration:none!important;
  color: #fff;
}

.s5_anim_box{
  max-height: 1.26rem;
  transition: max-height 1s;
  overflow: hidden;   
}
.s5_item_title{
  font-size: 0.32rem;
  line-height: 0.32rem;
  color: white;
  margin-top: 0.5rem;
}

.s5_anim_box:hover {
  max-height: 5.35rem; /* 给个比内容大的值就行 */
}

.s6_box{
  width: 100%;
  height: calc(100vh - 1rem);
  transform: translateY(1rem);
  position: relative;
  box-sizing: border-box;
  padding: 0.7rem 1rem 1rem 1rem;
  background-image: url('/public/img/screen_6_bg.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.s6_info_img{
  height: calc(100vh - 1rem);
  transform: translateY(1rem);
  position: absolute;
  left: 0rem;
  top: 0;
}
.s6_context{
  color: white;
  width: 8.3rem;
  margin-left: 9rem;
  margin-top: 0;
}
.s6_content_1{
  font-size: 0.6rem;
  font-size: 0.5rem;
  line-height: 0.7rem;
  margin-bottom: 0.2rem;
  text-shadow: 2px 2px 2px rgba(14, 70, 99, 0.4);

}
.s6_content_2{
  font-size: 0.28rem;
  line-height: 0.28rem;
  font-family: 'HarmonyOS Sans SC Lighter';
  margin-bottom: 0.2rem;
}
.s6_content_3{
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.25rem;
}
.s6_content_3_item{
  width: 3.9rem;
  height: 2.15rem;
  height: auto;
  box-sizing: border-box;
  padding: 0.4rem 0.35rem;
  border-radius: 0.18rem;
  font-size: 0.18rem;
  background-color: #112D36;
  
}
.s6_item_title{
  font-size: 0.22rem;
  margin-bottom: 0.25rem;
  font-family: 'HarmonyOS Sans SC Regular';
}

.s6_content_4{
  height: 0.8rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.25rem;
  z-index: 10;
}

.s6_content_4_item{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  font-size: 0.18rem;
  font-size: 0.14rem;
  text-align: center;
  opacity: 0.6;
  cursor: pointer;
  font-family: 'HarmonyOS Sans SC Regular';
  position: relative;
}
.s6_content_4_item img{
  width: 0.4rem;
  height: 0.4rem;
}
.s6_content_4_item:hover{
  opacity: 1;
}
.s6_content_4_item::after{
  content: '';
  display: block;
  width: 1px;
  height: 0.7rem;
  background-color: white;
  opacity: 0.6;
  position: absolute;
  right: -0.25rem;
  right:0;
}
.s6_content_4_item:last-child::after{
  display: none;
}

.s6_content_5{
  font-size: 0.18rem;
  font-family: 'HarmonyOS Sans SC Regular';
  margin-bottom: 0.25rem;
  height: 0.7rem;
  position: relative;
}
.s6_content_5_item{
    opacity: 0;
    transition: opacity 500ms ease;
    position: absolute;
    top: 0;
    left: 0;
}
.s6_content_5 .active{
    opacity: 1;
}
.s6_content_6{
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.s6_content_6 a{
  width: 1.6rem;
  height: 0.5rem;
  text-decoration: none;
}
.s6_content_6 a:nth-of-type(1){
  font-family: 'HarmonyOS Sans SC Regular';
  background-color: #FFFFFF;
  color: #1582BB;
  border-radius: 0.28rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.16rem;
  cursor: pointer;
}
.s6_content_6 a:nth-of-type(2){
  font-family: 'HarmonyOS Sans SC Regular';
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
  border-radius: 0.28rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.16rem;
  cursor: pointer;
  margin-left: 0.25rem;
}

.s6_info{
  width: 4rem;
  height: 1rem;
  position: absolute;
  top: 0.6rem;
  right: 1rem;
  background-color: rgba(17, 41, 74, 0.2);
  border-radius: 0.12rem;
  box-sizing: border-box;
  padding: 0.17rem 0.24rem;
  font-family: 'HarmonyOS Sans SC Lighter';
  font-size: 0.16rem;
  line-height: 0.24rem;
  color: white;
}
.s6_swiper_show{
    width: 100%;
    height: 100%;
    overflow: hidden;
    opacity: 0.8;
    /*-webkit-mask-image: linear-gradient(to bottom, black 85%, transparent 100%);*/
    /*mask-image: linear-gradient(to bottom, black 85%, transparent 100%);*/
}
.s6_swiper_show:hover{
    opacity: 1;
}
.s6_info a{
    width: 100%;
    height: 100%;
  overflow:hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  cursor: pointer;
  margin-bottom: 0.08rem;
      text-decoration:none!important;
  color: #fff;
}
.s7_box{
  width: 100%;
  height: calc(100vh - 1rem);
  transform: translateY(1rem);
  position: relative;
}
.s7_bg_box{
  width: 100%;
  height: 4rem;
  height: auto;
  background-image: url('/public/img/screen_7_bg.png');
  box-sizing: border-box;
  padding: 2.3rem 1rem 2rem;  
  padding: 0.65rem 5.2rem 0.65rem 1rem;  
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  font-size: 0.42rem;
  color: white;
  line-height: 0.7rem;
  position: relative;
  /*text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);*/
  /*text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.75);*/
}

.s7_bg_box>div:nth-child(1){text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.75);}

.qus_s4_header,
.s8_text,
.s8_header{text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.75);}
.s7_bg_box_btn{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  right: 1rem;
  bottom: 0.9rem;
}
.s7_bg_box_btn a:nth-of-type(1){
  width: 1.6rem;
  height: 0.5rem;
  font-family: 'HarmonyOS Sans SC Regular';
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
  border-radius: 0.28rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.16rem;
  cursor: pointer;
  text-decoration: none;
}
.s7_bg_box_btn a:nth-of-type(2){
  width: 1.6rem;
  height: 0.5rem;
  font-family: 'HarmonyOS Sans SC Regular';
  background-color: #FFFFFF;
  color: #1582BB;
  border-radius: 0.28rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.16rem;
  cursor: pointer;
  margin-left: 0.25rem;
  text-decoration: none;
}

.s7_content_box{
  width: 100%;
  height: calc(100% - 4rem);
  background-color: #112D36;
  box-sizing: border-box;
  padding: 0.38rem;
  
  height: calc(100% - 3.3rem);
}
.s7_show_box{
  width: 18.44rem;
  height: 100%;
  box-sizing: border-box;
  padding: 0.28rem 0.6rem 0.5rem 0.6rem;
  background-color: #E6E5EA;
  border-radius: 0.36rem;
}
.s7_bom_text{
    text-align: center;
    font-family: 'HarmonyOS Sans SC Light';
    font-size: 0.22rem;
    line-height: 0.34rem;
    letter-spacing: 0%;
    color: rgba(17, 45, 54, 0.8);
    margin-top: 0.5rem;
    height: 0.7rem;
    position: relative;
    margin-top: 0.5rem;
    font-size: 0.2rem;
}
.s7_show_title{
  margin-bottom: 0.3rem;
  font-family: 'HarmonyOS Sans SC Regular';
  font-size: 0.24rem;
  color: #112D36;
}
.s7_list_box{
  box-sizing: border-box;
  /* padding: 0 1.6rem; */
  display: flex;
  justify-content: space-between;
  align-items: flex-end;

}
.s7_item{
  height: 1.8rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  position: relative;
  cursor: pointer;
}
.s7_item_name{
  font-family: 'HarmonyOS Sans SC Regular';
  font-size: 0.16em;
  position: absolute;
  width: 1.4rem;
  text-align: center;
  left: 50%;
  top: 0.85rem;
  transform: translate(-50%, 0%);
  
  font-size: 0.15em;
  width: 2.4rem;
}
.s7_bom_text_item{
    opacity: 0;
    transition: opacity 500ms ease;
    position: absolute;
    width: 100%;
}
.s7_bom_text .active{
    opacity: 1;
}
.s7_info{
  width: 4rem;
  height: 1rem;
  position: absolute;
  top: 1rem;
  right: 1rem;
  background-color: rgba(17, 41, 74, 0.2);
  border-radius: 0.12rem;
  box-sizing: border-box;
  padding: 0.17rem 0.24rem;
  font-family: 'HarmonyOS Sans SC Lighter';
  font-size: 0.16rem;
  line-height: 0.24rem;
  color: white;
  
  top: 0.65rem;
}
.s7_swiper_show{
    width: 100%;
    height: 100%;
    overflow: hidden;
    opacity: 0.8;
    /*-webkit-mask-image: linear-gradient(to bottom, black 85%, transparent 100%);*/
    /*mask-image: linear-gradient(to bottom, black 85%, transparent 100%);*/
}
.s7_swiper_show:hover{
    opacity: 1;
}
.s7_info a{
    width: 100%;
    height: 100%;
  overflow:hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  cursor: pointer;
  margin-bottom: 0.08rem;
      text-decoration:none!important;
  color: #fff;
}
.s7_time_line{
  position: relative;
  margin-top: 0.35rem;
  display: flex;
  justify-content: space-between;
}


.s7_ticks {
  width: 1.65rem;
  display: flex;
  justify-content: space-between;
}

.s7_ticks span {
  display: inline-block;
  width: 1px;
  height: 10px;
  background: #333;
  opacity: 0.6;
}
.s7_dot{
  width: 0.12rem;
  height: 0.12rem;
  border-radius: 50%;
  background-color: #112D36;
  margin-top: 0.9rem;
}
.s7_dot_hover{
    background: linear-gradient(180deg, #112D36 0%, rgba(17, 45, 54, 0) 100%);
    position: absolute;
    display: none;
    width: 4px;
    height: 1.07rem;
    left: 50%;
    transform: translateX(-50%);
    bottom: -0.5rem;
}
.s7_dot_hover svg{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0.3rem;
}
.s7_item:hover img{
  transform: scale(1.2);
}
.s7_item:hover .s7_item_name{
  transform: translate(-50%, 0%) scale(1.1);
}

.s7_item:hover .s7_dot_hover {
  /*background: #80BAD6;*/
  /*transition: background 0.3s;*/
  display: block;
}

.s8_box{
  width: 100%;
  height: calc(100vh - 1rem);
  transform: translateY(1rem);
  position: relative;
  box-sizing: border-box;
  padding: 1.76rem 1rem 1rem 1rem;
  background-image: url('/public/img/screen_8_bg.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.s8_overlay{
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: scale(1);
  opacity: 1;
  transition: transform 1500ms ease,opacity 1500ms ease;
  pointer-events: auto;
}
.s8_overlay img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.s8_box:hover .s8_overlay{
  transform: scale(1.5);
  opacity: 0;
  pointer-events: none;
}

.s8_content{
  width: 6.6rem;
  color: white;
}
.s8_header div{
  font-size: 0.6rem;
  font-size: 0.5rem;
  line-height: 0.7rem;
  
}
.s8_header div:nth-of-type(1){
  font-family: 'HarmonyOS Sans SC';
}
.s8_header div:nth-of-type(2){
  font-family: 'HarmonyOS Sans SC Lighter';
}

.s8_text{
  font-family: 'HarmonyOS Sans SC Regular';
  font-size: 0.22rem;
  line-height: 0.32rem; 
  margin-top: 0.45rem;
}

.s8_btn{
  display: flex;
  justify-content: flex-start;
  font-size: 0.16rem;
  font-family: 'HarmonyOS Sans SC Regular';
  margin-top: 0.6rem;
}
.s8_btn a{
  width: 1.6rem;
  height: 0.5rem;
  border-radius: 0.28rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  text-decoration: none;
}
.s8_btn a:nth-of-type(1){
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
}
.s8_btn a:nth-of-type(2){
  background-color: #FFFFFF;
  color: #1582BB;
  margin-left: 0.3rem;
}

.s8_bottom{
  width: 7.1rem;
  height: 2.2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 0.6rem;
}

.s8_item{
  width: 2.2rem;
  height: 100%;
  box-sizing: border-box;
  padding: 0.4rem 0.3rem;
  display: flex;
  flex-direction: column;
  background-color: rgba(147, 147, 147, 0.1);
  border-radius: 0.12rem;
}
.s8_item img{
  width: 0.5rem;
  height: 0.5rem;
  object-fit: cover;
  border-radius: 0.12rem;
}
.s8_item_title{
  font-family: 'HarmonyOS Sans SC Regular';
  font-size: 0.16rem;
  color: white;
  margin-top: 0.14rem;
  min-height: 0.42rem;
}
.s8_item_more{
  margin-top: 0.35rem;
  font-family: 'HarmonyOS Sans SC Regular';
  font-size: 0.16rem;
  color: rgba(255, 255, 255, 0.6);
  display: flex;
  align-items: center;
  text-decoration: none;
}
.s8_item_more img {
  width: 0.1rem;
  height: 0.1rem;
  margin-left: 0.12rem;
}
.s8_info{
  width: 4rem;
  height: 1rem;
  position: absolute;
  top: 1.94rem;
  right: 1rem;
  background-color: rgba(17, 41, 74, 0.2);
  border-radius: 0.12rem;
  box-sizing: border-box;
  padding: 0.17rem 0.24rem;
  font-family: 'HarmonyOS Sans SC Lighter';
  font-size: 0.16rem;
  line-height: 0.24rem;
  color: white;
}
.s8_swiper_show{
    width: 100%;
    height: 100%;
    overflow: hidden;
    opacity: 0.8;
    /*-webkit-mask-image: linear-gradient(to bottom, black 85%, transparent 100%);*/
    /*mask-image: linear-gradient(to bottom, black 85%, transparent 100%);*/
}
.s8_swiper_show:hover{
    opacity: 1;
}
.s8_info a{
    width: 100%;
    height: 100%;
  overflow:hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  cursor: pointer;
  margin-bottom: 0.08rem;
      text-decoration:none!important;
  color: #fff;
}