.child-nav li{
    display: inline-block;
    overflow: hidden;
}
.newS_item{
  position:relative;
}
.newS_content{
  position:absolute;
  top:32%;
  left:19%;
  width:35%;
}
.newS_title{
  font-family:'S-Bold';
  font-size:3.25rem;
  line-height:1;
  color:#fff;
}
.newS_title div{
  font-family:'S-Regular';
  font-size:1.25rem;
  line-height:1.5;
}
.color_orange{
  color:#f8741c;
}
.newS_move{
  font-family: 'S-Bold';
  font-size: 2.5rem;
  color: #f8751d;
  margin: 1rem 0 2.5rem;
  line-height: 1;
  overflow:hidden;
  height:3rem;
  cursor:pointer;
}
.color_sq{
  background-image: linear-gradient(75deg,#f8741c, #ff9853);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  height:3rem;
}
.color_pro{
  /* background-image: linear-gradient(75deg,#964524, #bc7e61); */
  /* background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; */
  color: #ff7b33;
  height:3rem;
}
.color_se2{
  background-image: linear-gradient(to right,#3287fb,#02f6ff,#cd94ff);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  height:3rem;
}
.color_oneo{
  color:#31eb40;
  height:3rem;
}
.color_cart{
  color:#f53431;
}
.newS_more{
  font-family:'S-Regular';
  font-size:1rem;
  color:white;
  cursor:pointer;
  transition:all 0.2s;
  /* width:8rem; */
}
.color_black{
  color:black;
}
.fontS_25{
  font-size:2.5rem;
}
.newS_more:hover{
  font-size:1.1rem;
  color:red;
}
.newSwiper{
  position:relative;
}
.newSwiper .newSwiper-pagination{
  position:absolute;
  bottom:2%;
  z-index:2;
  text-align:center;
}
.newSwiper .swiper-pagination-bullet{
  width:0.4rem;
  height:0.4rem;
  background:white;
  opacity:0.4;
  margin:0 0.3rem !important;
}
.newSwiper .swiper-pagination-bullet-active{
  background:white;
  opacity:1;
}
.newSwiper-button-prev,.newSwiper-button-next{
  position:absolute;
  top:41%;
  z-index:2;
  width:2rem;
  cursor:pointer;
}
.newSwiper-button-prev{
  left:0%
}
.newSwiper-button-next{
  right:0%
}
.newS_butHover{
  height: 5rem;
  line-height: 5rem;
  display:flex;
  align-items:center;
  transition:all 0.3s;
}
.newS_butHover img{
  opacity:0.6;
}
.moveSwiper{
  height:100%;
}
.newH_ban2{
  margin:0.6rem 0;
  position:relative;
}
.newH_ban3{
  position:relative;
}
.newH2_content{
  position:absolute;
  top:24%;
  left:57%;
  color:black;
  font-family:'S-Medium';
  transition:all 1s;
  opacity:0;
  transform:translateY(20%)
}
.newH3_content{
  position:absolute;
  top:5%;
  left:0;
  color:white;
  font-family:'S-Medium';
  transition:all 1s;
  opacity:0;
  transform:translateY(20%);
  width:100%;
  text-align:center;
}
.newH2_title{
  font-family:'S-Medium';
  font-size:1.5rem;
  line-height:1;
}
.newH2_title div{
  font-family:'S-Bold';
  font-size:2rem;
  line-height:1.3;
}
.newH2_info{
  line-height:1.5;
  font-family:'S-Regular';
  font-size:1rem;
  margin:1rem auto;
}
.newH2_more{
  font-size:1rem;
  font-family:'S-Regular';
  transition:all 0.2s;
}
.newH2_more a{
  color:inherit;
  transition:all 0.2s;
}
.newH2_more a:hover{
  font-size:1.1rem;
  color:red;
}
.newH_ban4{
  background:white;
  padding:10rem 0;
}
.newH4_title{
  width:100%;
  text-align:center;
  font-size:3rem;
  font-family:'S-Bold';
  line-height:1;
  color:black;
  opacity:0;
  transition:all 1s;
  transform:translateY(20%)
}
.newH4_items{
  width:80%;
  margin:4rem auto 0;
  display:flex;
  justify-content:space-between;
  align-items:center;
}
.newH4_href{
  width:13%;
}
.newH4_item{
  width:100%;
  text-align:center;
  font-family:'S-Bold';
  font-size:1rem;
  color:black;
  cursor:pointer;
  transition:all 0.3s;
  overflow:hidden;
}
.newH4_img{
  border-radius:1rem;
  background:#f5f5f5;
  margin-bottom:0.6rem;
}
.newH5_item video{
  width:99%;
  margin:0 auto;
  display:block;
}
.newH5Swiper{
  width:100%;
  overflow:hidden;
  position:relative;
}
.newH5Swiper .newH5Swiper-button-prev,.newH5Swiper .newH5Swiper-button-next{
  position:absolute;
  z-index:2;
  top:48%;
  width:2rem;
  cursor:pointer;
}
.newH5Swiper .newH5Swiper-button-prev{
  left:20%;
}
.newH5Swiper .newH5Swiper-button-next{
  right:20%;
}
.newH5_item{
  position:relative;
  height:auto;
  overflow:hidden;
}
.newH5_content{
  position:absolute;
  bottom:6%;
  width:90%;
  display:flex;
  justify-content:space-between;
  left:5%;
  align-items:flex-end;
}
.newH5_title{
  font-family:'S-Bold';
  font-size:2rem;
  color:white;
  line-height:1;
  z-index: 2;
}
.newH5_mask{
  position:absolute;
  width:99%;
  height:100%;
  left:0.5%;
  z-index: 1;
  top:0;
  background:rgba(0,0,0,0.6);
}
.opacity{
  opacity:0;
}
.newH5_play{
  width: 10rem;
  font-family: 'S-Medium';
  font-size: 0.9rem;
  color: #000;
  line-height: 1;
  cursor: pointer;
  background: white;
  text-align: center;
  padding: 0.5rem 1rem;
  border-radius: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
}
.newH5_play img{
  width:1.4rem; 
  margin-left:0.5rem;
  transition:all 0.3s;
}
.newH5Swiper-pagination{
  width:100%;
  text-align:center;
  margin:1rem auto;
  position:absolute;
  bottom:0 !important;
  z-index: 22;
}
.newH5Swiper .swiper-pagination-bullet{
  width:0.4rem;
  height:0.4rem;
  background:white;
  opacity:.4;
}
.newH5Swiper .swiper-pagination-bullet-active{
  opacity:1;
}

/* section6 */
.newH_ban6{
  background:white;
  padding:8rem 0 6rem;
}
.newH6_title{
  width:100%;
  text-align:center;
  font-size:3rem;
  line-height:1;
  font-family:'S-Bold';
  color:black;
  opacity:0;
  transition:all 1s;
  transform:translateY(20%)
}
.newH6_line{
  display:flex;
  justify-content:space-around;
  margin-bottom:1rem;
}
.newH6_item{
  display:flex;
  align-items:center;
  border-radius:5rem;
  width:30rem;
  padding:0.8rem;
  background:#1d1d1d;
  font-family:'S-Medium';
  color:white;
  font-size:0.9rem;
  line-height:1.3;
  height:fit-content;
  cursor:pointer;
}
.newH6_logo{
  font-family:'S-Bold';
  font-size:2rem;
  color:white;
  line-height:3.5rem;
  width:3.5rem;
  text-align:center;
  border-radius:50%;
  margin-right:1.5rem;
  overflow:hidden;
}
.newH6_logo_black{
  background:black;
}
.newH6_logo_yellow{
  background:#f4d316;
}
.newH6_logo img{
  border-radius:50%;
  display:block
}
.mt_1{
  margin-top:-1rem;
}
.mt_2{
  margin-top:-2rem;
}
.mt_3{
  margin-top:-3rem;
}
.mt1{
  margin-top:1rem;
}
.mt4{
  margin-top:4rem;
}
.newH6swiper{
  margin-top:8rem;
}
.newH6_text{
  width:82%;
}
.newH6swiper .swiper-wrapper{
  transition-timing-function: linear;
}
.newH6_info{
  width:40%;
  margin:2rem auto 0;
  text-align:center;
  font-family:'S-Medium';
  color:#999;
  font-size:0.8rem;
  line-height:1.3;
}
.box3{
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.box3_item{
  width:49.8%;
  position:relative;
}
.color_black{
  color:black;
}




.showup{
  opacity:1;
  transform:translateY(0)
}
@media(max-width:750px){
  .box3{
    display:block;
  }
  .box3_item{
    width:100%;
  }
  .MnewSwiper{
    position:relative;
  }
  .MnewSwiper .MnewSwiper-pagination{
    position:absolute;
    bottom:2%;
    z-index:2;
    text-align:center;
  }
  .MnewSwiper .swiper-pagination-bullet{
    width:0.6rem;
    height:0.6rem;
    background:white;
    opacity:0.4;
    margin:0 0.5rem !important;
  }
  .MnewSwiper .swiper-pagination-bullet-active{
    background:white;
    opacity:1;
  }
  .newS_content{
    top:8%;
    left:0%;
    width:100%;
    text-align:center;
  }
  .newS_title{
    font-size:2rem;
  }
  .newS_title div{
    font-size:1rem;
    line-height:2;
  }
  .newS_move{
    font-size:1.5rem;
    margin:0.5rem auto 0;
    height:2rem;
  }
  .newS_more{
    font-size:14px;
    width:100%;
    position:absolute;
    bottom:8%;
    text-align:center;
  }
  .newS_more:hover{
    font-size:14px;
  }
  .newH2_content,.newH3_content{
    top:5%;
    width:100%;
    left:0;
    text-align:center;
    position:static;
    color:black;
    margin:3rem auto 1.5rem;
  }
  .newH2_title{
    font-size:1rem;
  }
  .newH2_title div{
    font-size:2rem;
  }
  .newH2_info{
    font-size:12px;
    margin:0.5rem auto;
  }
  .newH2_more{
    font-size: 0.875rem;
    border: 1px solid black;
    width: 9rem;
    margin: 1rem auto 0;
    border-radius: 2rem;
    padding: 0;
    height:2.5rem;
    line-height:2.5rem;
  }
  .newH2_more a:hover{
    font-size:1rem;
    color:black;
  }
  .newH4_title{
    font-size:1.5rem;
    opacity:1;
    transform:translateY(0%)
  }
  .newH_ban4{
    padding:3rem 0;
  }
  .Mban4Swiper{
    width:90%;
    margin:2rem auto 0;
  }
  .newH4_item{
    width:94%;
    font-size:12px;
  }
  .newH4_img{
    border-radius:0.5rem;
    margin-bottom:0.5rem;
  }
  .MnewH5Swiper{
    width:100%;
    margin:0 auto;
    overflow:hidden;
    position:relative;
  }
  .exhibit{
    width: 90%;
    margin: 1rem auto;
    border-radius: 1rem;
    display: block;
  }
  .newH5_item{
    height:auto;
    border-radius:1rem;
    width:90%;
    margin:0 auto;
  }
  .MnewH5Swiper .MnewH5Swiper-button-prev,.MnewH5Swiper .MnewH5Swiper-button-next{
    position:absolute;
    z-index:2;
    top:43%;
    width:1rem;
    cursor:pointer;
  }
  .MnewH5Swiper .MnewH5Swiper-button-prev{
    left:2%;
  }
  .MnewH5Swiper .MnewH5Swiper-button-next{
    right:2%;
  }
  .MnewH5Swiper-pagination{
    width:100%;
    text-align:center;
    margin:0;
    position:absolute;
    bottom:1% !important;
    z-index: 2;
  }
  .MnewH5Swiper .swiper-pagination-bullet{
    width:0.4rem;
    height:0.4rem;
    background:white;
    opacity:.4;
  }
  .MnewH5Swiper .swiper-pagination-bullet-active{
    opacity:1;
  }
  .newH5_title{
    position:absolute;
    font-size:1.8rem;
    width:92%;
    left:4%;
    top:30%;
    text-align:center;
    display:none;
  }
  .newH5_play{
    top:54%;
    width:38%;
    left:31%;
    font-size:12px;
    padding:0;
    height:2.5rem;
    position:absolute;
    display:none;
  }
  .newH5_item video{
    width:100%;
    margin-left:0;
    height:auto;
  }
  .newH5_mask{
    width:100%;
    left:0;
    display:none;
  }
  .newH_ban6{
    padding:3rem 0;
  }
  .newH6_title{
    font-size:1.5rem;
    opacity:1;
    transition:all 1s;
    transform:translateY(0%)
  }
  .newH6_logo{
    font-size:1.5rem;
    width:3rem;
    line-height:3rem;
    margin-right:0.5rem;
  }
  .MnewH6swiper{
    margin-top:3rem;
  }
  .newH6_item{
    width:22rem;
    padding:0.5rem;
    font-size:12px;
  }
  .mr_10{
    margin-right:-10rem;
  }
  .mr_6{
    margin-right:-6rem;
  }
  .mr_3{
    margin-right:-3rem;
  }
  .ml_6{
    margin-left:-6rem;
  }
  .MnewH6swiper{
    width:400%
  }
  .newH6_line{
    margin-bottom:2rem;
    position:relative;
  }
  .newH6_info{
    width:90%;
    margin:1rem auto 0;
    font-size:11px;
  }
  .newH2_Ming{
    width:90%;
    margin:0 auto;
    border-radius:1rem;
  }
  
}

.xxnewH4_items img{
    width:100% !important;
    display: block;
}


.image-container {    
    position: relative;     
    overflow: hidden;    
    cursor: pointer; /* 添加鼠标指针样式以提示用户悬停 */    
  }    
    
  .kkimg {    
    position: absolute;    
    top: 0;    
    left: 0;    
    object-fit: cover;    
    /* 初始时，除了第一张图片外，其他图片都是透明的 */  
    opacity: 0;  
    will-change: opacity;    
    transition: opacity 1s ease-in-out; /* 透明度变化的过渡效果 */    
  }    
    
  .image-container img:first-child {    
    /* 第一张图片始终可见 */  
    opacity: 1 !important;  
  }    
    
  .image-container.active img {    
    /* 当有active类时，应用动画 */    
    animation: fade 5s infinite;    
  }    
    
  .image-container.active img:nth-child(1) {    
    /* 第一张图片在动画中也是始终可见的 */  
    animation: none;  
    opacity: 1;  
  }    
    
  .image-container.active img:nth-child(2) {    
    animation-delay: 0s;    
  }    
    
  .image-container.active img:nth-child(3) {    
    animation-delay: 1s;    
  }    
    
  .image-container.active img:nth-child(4) {    
    animation-delay: 2s;    
  }    
    
  .image-container.active img:nth-child(5) {    
    animation-delay: 3s;    
  }    

  .image-container.active img:nth-child(6) {    
    animation-delay: 3s;    
  }         
  @keyframes fade {    
    0%, 20%, 80%, 100% {    
      opacity: 0;    
    }    
    25%, 75% {    
      opacity: 1;    
    }    
  }