/*#header .header{border:none;background:none}*/
    /*#header .header a{color:white}*/
    .phonebrand{display:none}
    .sildeBox .swiper-button-next,.sildeBox .swiper-button-prev{color:white !important}
    .sildeBox .swiper-pagination span{width:50px;height:1px;background:white !important;border-radius:0}
   .sildeBox .swiper-pagination .swiper-pagination-bullet-active{width:100px}
  
    
    
    .titleh2{font-size:57px;margin-bottom:20px}
    .brand-box span{letter-spacing: 2px;padding-bottom:15px}
    .brand-box .more{color:white;margin-top:50px;border:1px solid white;background:#4b4e50;width:200px;padding:20px 0;
    }
   
   .produchei{padding-top:50px;
   /*min-height:calc(100vh - 120px);*/
   height: 85vh;
       display: flex;flex-direction: column;
       
   }
    .productBox .productCaid{height:98%}
    .itemBox{height:100%;overflow:hidden;position: relative;gap:20px;
    display: grid;grid-template-columns: repeat(3,1fr);
    }
   /* .itemBox .itemBox-item{position:absolute}*/
   /* .itemBox .itemBox-item:nth-child(1){*/
   /*     width:49.5%;*/
   /*     height: 100%;*/
   /*     left:0;top:0;*/
   /* }*/
   /*.itemBox .itemBox-item:nth-child(2){*/
   /*     width:49.5%;*/
   /*     height: 49%;*/
   /*     right:0;top:0;*/
   /* }*/
   /*  .itemBox .itemBox-item:nth-child(3){*/
   /*     width:24.5%;*/
   /*     height: 49%;*/
   /*     right:25%;bottom:0;*/
   /* }*/
   /*    .itemBox .itemBox-item:nth-child(4){*/
   /*     width:24.5%;*/
   /*     height: 49%;*/
   /*     right:0%;bottom:0;*/
   /* }*/
   .productCaid .swiper {overflow:visible !important;overflow-x:clip !important;height:94%;}
   .productCaid .swiper-pagination{bottom:-6% !important}
     .proleft{width:50%}
    .p-crid{display:flex;gap:10px;}
    .p-crid>div{width:50%}
    .pr-right{display:flex;gap:10px;height:100%;flex:1;flex-wrap:wrap;justify-content:space-between}
    .pr-right>div{height:50%;overflow:hidden}
    /*.pr-item2{flex:1}*/
    .bgim{height:100%}
    .vebox{position:absolute;left:50px;bottom:0px;padding-right:10px;}
    .vebox-title{font-size:20px;color:#001111}
    .vebox-more{background:#003486;padding:10px 25px;color:white;}
    .ckgd{position:absolute;bottom:-100px;left:0px;width:110px;text-align:center}
    .dg-container .dg-prev{position:absolute;top:42%;left:24%;z-index:9;background:#f5f7fb;width:50px;height:50px;border-radius:50%;
        display: flex;
        justify-content: center;
        align-items: center;cursor: pointer;
    }
      .dg-container .dg-next{position:absolute;top:42%;right:24%;z-index:9;background:#f5f7fb;width:50px;height:50px;border-radius:50%; display: flex;
        justify-content: center;
        align-items: center;cursor: pointer;}
        .dg-itemnei{background: linear-gradient( 180deg, rgba(0,0,0,0) 70%, #000000 100%) !important;color:white;
            display: flex;flex-direction: column;justify-content:flex-end;padding: 20px 80px;
        }
        .dg-itemnei h4{font-size: 30px;}
        .dg-container .dg-next:hover{background:#003486;color:white}
         .dg-container .dg-prev:hover{background:#003486;color:white}
         
         .dg-wrapper .dg-center .dg-itemnei{visibility:visible}
      .about{margin-top:120px;display:flex;align-items:center;padding:50px 0}
      .about-left{width:50%;padding-right:30px}
      .about-img{width:50%}
    
      .about .text{color:#acadb0;line-height:2;margin-top:20px;width:80%}
      .numBox{margin-top:30px;padding-right:25%}
      .numBox>div{text-align:center;position:relative}
      /*.numBox>div:after{content:'';position:absolute;left:150%;top:50%;transform:translate(0%,-50%);width:1px;height:50%;background:#DDDDDD}*/
      /* .numBox>div:last-child:after {content:none !important}*/
      .numBox .number{font-size:38px !important;color:#003486}
      .numBox .unit{font-size:24px !important;margin-left:5px;color:#003486}
      .numBox .title1{position:relative;padding-left:15px}
      .numBox .title1:after{content:'';position:absolute;top:50%;left:0;width:10px;height:10px;background:#003486;transform:translateY(-50%)}
   
    .news{padding:110px 0 60px 0}
  
    .newst1{align-items:normal !important;margin-top:0px}
    /*.newst1:hover img {transform:scale(1.2)}*/
    .newst1:hover h4{color:#003486  }
    .newst1-imt{width:40%}
    .newst1-box{flex:1;padding:20px 50px 20px 80px;display:flex;flex-direction:column;justify-content:center;
        border: 1px solid #EFEFEF;
    }
    /*.new-tagb{display:flex;align-items:end;flex:0.5}*/
    .new-tagb{position:absolute;bottom:0;left:0;width:100%;padding:0 30px 0 80px}
    .crid3{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #EFEFEF;}
    .crid3>div{border-right:1px solid #EFEFEF;padding:15px}
    .crid3 div:last-child{border:none}
    .crid3 .text2{padding:20px 20px}
    .brew{padding:0 20px}
    .crid3 a:hover{color:#003486}
    
       .mores{border:1px solid #E8E8E8;color:#ACACAC;padding:10px 30px;transition:all .5s}
       .mores:hover{background:#003486;color:white !important}
    .LedBox{
        --swiper-theme-color:#000000;
        --swiper-navigation-size:16px;
    }
    .LedBox .swiper-pagination-bullet-active{
        border: 3px solid #003486;
        background:  #fff;
    }
    .LedBox .swiper-button-next,.LedBox .swiper-button-prev{
        width: 50px;
        height: 50px;
        background: #f5f7fb;
        border-radius: 50%;
        transform: translate(0,-50%);
        z-index: 10;
    }
    .LedBox .swiper-button-next:hover,.LedBox .swiper-button-prev:hover{
        background: #003486;
        color: white;
        
    }
  
    .ThreeSwiper .swiper-button-next {
        transform: translate3d(50%,-50%,20px) !important;
    }
    .ThreeSwiper .swiper-button-prev{
        transform: translate3d(-50%,-50%,20px) !important;
    }
    .ThreeSwiper{
        overflow: inherit !important;
          perspective: 2000px; /* 增加透视距离 */
        /*perspective: 1000px;*/
        --swiper-pagination-bottom:-20px;
        --swiper-pagination-bullet-inactive-color:#4e4b4b;
    }
    .swiper-slide-active .visibility{
        visibility: visible;
    }
    .hover1:hover .vebox-more{
        visibility: visible;
        transform: translateY(0);
        opacity: 1;
    }
    .hover1:hover .vebox{
        transform: translateY(-20px);
    }
    .vebox{
        transform: translateY(20px);
    }
    .vebox-more{
        display: inline-block;
        visibility: hidden;
        transition: all 0.3s;
        transform: translateY(100px);
        opacity: 0;
    }
    
    .cpyys{margin-top:150px;
        display: flex;
        flex-direction: column;
    }
      .ThreeSwiperBox{
        padding-bottom:50px;
    }
    .ThreeSwiperBox .swiper-pagination{bottom:-6% !important}