
    .phonebrand{display:none}
    
    
    /*.brandMain video{height:880px;object-fit:cover}*/
  
    
    
   /*.brandMain .brand-box{transform:translate(-50%, -50%) !important}*/
   .brand-box p{margin:auto}
    
    .titleh2{font-size:52px;margin-bottom:50px;margin-top:0}
      .box1{visibility:hidden;opacity:0;transform:scale(0.5)}
   
   .ruoyujt{padding-right:3%}
    /* 水波纹容器 */
    .ripple-container {
       width:200px;height:200px;
      /*position: absolute;top:50%;left:0%;*/
      display: flex;
      justify-content: center;
      align-items: center;
    }

    /* 单个水波纹圆形 */
    .ripple {
      position: absolute;
      width: 150px;
      height: 150px;
      border-radius: 50%;
      border: 0.1px solid #ddd;
      opacity: 0.8;
      transform: scale(1);
      animation: ripple-effect 2s ease-out infinite;
      box-shadow: 0px 0px 14px 0px rgb(199 199 199 / 50%);
    }
    .ripple-container2{width:100px;height:100px}
    .ripple-container2 .ripple{width:80px;height:80px}

    /* 不同延迟的水波纹圆形 */
    .ripple:nth-child(2) {
      animation-delay: 1s;
    }

    .ripple:nth-child(3) {
      animation-delay: 1.5s;
    }
 .ripple:nth-child(4) {
      animation-delay: 2s;
    }
    /* 水波纹动画 */
    @keyframes ripple-effect {
      0% {
        transform: scale(1);
        opacity: 0.5;
      }
      100% {
        transform: scale(4);
        opacity: 0;
      }
    }
   


.tree_bolck{width:40%;}
.tree_bolck p{line-height:2}
.robot{width:100%}
.robot img:hover{transform:translateX(-50%) scale(1.05);}
.robot img{width:30% }
.text_p{margin-bottom:20px;color:#999}
.news_block_t1{width:40%;padding:38px 50px}
.news_block_t1:hover a{color:#4f12cd}
.news_block_list{flex:1;padding-left:20px;display:grid;grid-template-rows:repeat(3, 1fr);gap:20px}
.n-list-item{padding:30px;gap:40px;height:100%;}
.hoverimg:hover img{transform:scale(1.2)}
.hoverimg:hover{color:#4f12cd}

.poBox1{position:absolute;top:0;left:50%;transform:translateX(-50%);height:100%;width:100%}
.imgsd:hover{transform:translateY(-5%)}

.n-list-item:hover{color:#4f12cd;}

.tiangon_block{padding:0 8% 0 12%;margin-top:60px}
.tiangong{min-height:880px}
.icon1{position:absolute;bottom:4%;left:18%;z-index:999}
.icon2{position:absolute;bottom:20%;right:-7%;z-index:999}
.icon3{position:absolute;top:35%;right:-7%;z-index:999}
.icons{width:15px;height:15px;background:#4f12cd;border-radius:50%;}

.asdasd{position:absolute;bottom:0;left:55%;transform:translateX(-50%)}

.two_block .to_video{width:100%;display:block}

.icons::before, .icons::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0;
  height: 0;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.5);
  animation: ripple 2s ease-out infinite;
}
.icons i{width:3px;height:3px;background-color:white;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;
    z-index: 999;
}

.icons::after {
  animation-delay: 1s;
}

@keyframes ripple {
  0% {
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    width: 40px;
    height: 40px;
    opacity: 0;
  }
}


.ton_block{width:46%}

.jiutian{padding-bottom:53px}

.iconsd{width:50%}

.line_1{position:absolute;top:31%;left:104%;}
.line_2{position:absolute;bottom:20%;left:105%;}
.line_3{position:absolute;bottom:-3%;left:20%;width:213%}

.new-img-box{width:30%}

.flex-1x{width:60%}
