.banner{
    width: 100%;
    height: auto;
}
.banner .BannerSwiper, {
    width: 100%;
    /*height: 100%;*/
    
}
.banner .banner-main{
    
    position: absolute;
    bottom: 10%;
    left: 0;
    right: 0;
    z-index: 11;
}
.banner .BannerSwiper .swiper-wrapper{
    height: auto;
}
.banner .banner-main .banner-main-text{
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    /*flex-direction: column;*/
    justify-content: space-between;
    align-items: center;
    margin-top: 40px;
}
.banner .swiper-slide{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    
}
.banner .banner-main h1{
    font-size: 80px;
    line-height: 1.0;
    margin-bottom: 10px;
    color: #FFFFFF;
    font-weight: bold;
    opacity: 0;
}
.banner .banner-main p{
    font-size: 23px;
    color: #FFFFFF;
    line-height: 26px;
    font-weight: bold;
    text-align: left;
    letter-spacing: 56px;
    padding-left: 12px;
    opacity: 0;
    margin-bottom: 30px;
}
.banner .banner-main h4{
    font-weight: bold;
    font-size: 37px;
    color: #FFFFFF;
    text-align: left;
    opacity: 0;
    line-height: 1.0;
    margin-bottom: 20px;
    /*letter-spacing: 10px;*/
}
.banner .banner-main .xiabu{
    /*transform: translateY(-60px);*/
    margin-top: -60px;
    opacity: 0;
}
.banner .banner-main .xiabu p{
    opacity: 1;
}
.banner .banner-main .slide-btn{
    opacity: 0;
}
.banner .banner-main .productImage{
    /*position: absolute;*/
    /*top: 8%;*/
    /*right: 0;*/
    /*left: 0;*/
    /*transform: translateY(-70%);*/
    /*width: 90%;*/
    /*max-width: 1400px;*/
    text-align: right;
    margin: auto;
    pointer-events:none;
    opacity: 0;
}
.fangda img{
    animation:slowScale 6s ease-in-out infinite;
}
.MyBox .left li{
    display: none;
}
.MyBox .left li img{
    height: 260px;
    /*width: 100%;*/
    width: auto;
    display: inline-block;
    margin: auto;
}
.MyBox .left li.show{
    display: block;
}
   /* 缓慢放大缩小动画 */
@keyframes slowScale {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
}
.swiper-pagination{
    --swiper-pagination-bullet-width:110px;
    --swiper-pagination-bullet-height:70px;
    --swiper-pagination-bullet-inactive-opacity:1;
}
.banner .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal{
    bottom: 50px;
    width: fit-content;
    margin-left: auto;
    max-width: 1400px;
    right: 0;
    left: 0;
    text-align: right;
}
.banner .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
    border-radius: inherit;
    background: none;
    position: relative;
}
.banner .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:after, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet:after{
    content:' ';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 5px;
    width: 100%;
    background: rgba(255,255,255,0.44);
    height: 2px;
}
.banner .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet img, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet img{
    opacity: 0;
    transition: all 0.3s;
    position: relative;
    z-index: 10;
}
.banner .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:hover img,.banner .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active img{
    opacity: 1;
}
.Solution{
    padding-top: 40px;
    border-top: 1px solid rgba(221, 221, 221, 0.5);
}
.Solution_box {
    background: #00267F;
    padding-bottom: 160px;
    height: 100vh;
}
.Solution_box .container{
    height: auto;
}
.Solution_box .container h2 p:first-child{
    color: #FFFFFF;
}
.Solution-main .solution-swiper{
    height: 500px;
    position: relative;
    z-index: 11;
}
.solution_footer{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 50%;
    z-index: 5;
    max-height: 490px;
    text-align: center;
    background: #FFFFFF;
    clip-path:ellipse(70% 100%   at 50% 100%);
    -webkit-clip-path:ellipse(70% 100%   at 50% 100%);
}
.Solution_box_bG{
    height: auto;
    width: auto;
    display: block;
    margin: auto;
    margin-top: 100px;
    position: absolute;
    bottom: -60%;
    left: 0;
    right: 0;
    z-index: 1;
}
.Solution-main .solution-swiper .swiper_footer{
    position: absolute;
    bottom: 20px;
    left: 40px;
    z-index: 11;
    display: flex;
    gap: 5px;
    align-items: flex-end;
    font-size: 20px;
    color: #FFFFFF;
}
.Solution-main .solution-swiper{
    display: flex;
    gap: 35px;
    /*margin-left: 30px;*/
    width: 100%;
}
.Solution-main .solution-swiper .solution-item{
    flex: 1;
    position: relative;
}
.Solution-main .solution-swiper .solution-item a > img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.Solution-main{
    white-space: nowrap;
    position: relative;
    /*padding-left: 150px;*/
}
.Solution-main .jiantou{
    display: inline-block;
    margin-left: 0;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: 100;
}
.Solution-main .solution-swiper .solution-item{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    overflow: hidden;
}
.Solution-main .solution-swiper .solution-item>img{
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    transition: all 0.3s;
}
.Solution-main .solution-swiper .solution-item:hover>img{
    transform: scale(1.1);
}
.Solution-main .solution-swiper .solution-item:hover .swiper_footer{
    transform: scale(1.1);
}
.Solution-main .solution-swiper .solution-item .swiper_footer{
    transition: all 0.3s ease;
}
.faguang{
   position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 12;
    transform: translateY(3px); 
    display: none;
    justify-content: center;
}
.MapBg.BoxBg img ,.faguang img{
    width: 1920px;
    max-width: fit-content;
}
.MapBg.BoxBg{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 680px;
    z-index: 11;
    transform: translateY(3px);
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.MyMap{
    width: 100%;
    height: 680px;
    background: #00267F;
    overflow: hidden;
}
.wenzi{
    justify-content: space-between;
    padding-top: 20px;
}
.wenzi .wenzi_Item{
    transform: scale(0.5);
}
.wenzi .wenzi_Item h5{
    text-align: center;
    padding-bottom:5px ;
    border-bottom: 1px solid rgba(255,255,255,0.5);
    font-size: 20px;
    color: #FFFFFF;
    width: fit-content;
    margin: auto;
}
.wenzi .wenzi_Item p{
    font-weight: bold;
    font-size: 152px;
    line-height: 160px;
    color: rgba(255,255,255,0.1);
    position: relative;
    text-stroke: 1px#FFFFFF;
    -webkit-text-stroke:1px#FFFFFF;
}
.conpanyInfo{
    width: 45%;
    max-width: 720px;
}
.zk{
    color: #00267F;
}
.intro{
    color: #FFFFFF;
    justify-content: space-between;
    padding: 50px 0;
}
.intro li{
    position: relative;
}
.intro li h3{
    font-weight: bold;
    font-size: 90px;
    color: #FFFFFF;
}
.intro li:hover h3{
    color: #D2291E;
}
.intro li .unit{
    position: absolute;
    top: 0;
    right: 0;
    font-size: 56px;
    transform: translate(100% , -50%);
}
.intro li .name{
    text-align: center;
    /*padding-bottom: 10px;*/
    width: fit-content;
    margin: auto;
    font-size: 20px;
}
.intro li .name:after{
    content: " ";
    width: 120%;
    height: 2px;
    transform: translateX(-10%);
    background: #FFFFFF;
    display: block;
    margin-top: 10px;
}
.intro li:hover .name:after{
    background: #D2291E;
}
.intro li:hover .name,.intro li:hover .unit{
    color: #D2291E;
}
 .Type-list {
     gap: 30px;
 }
 .Type-list li{
     padding-bottom: 5px;
     border-bottom: 1px solid #999999;
     cursor: pointer;
 }
  .Type-list li.active{
      border-color: #00267F;
      color: #00267F;
  }
  .News-header{
      align-items: flex-end;
  }
  .news-info{
      background: #FFFFFF;
      padding: 0 90px ;
      cursor: pointer;
      flex: 1;
      position: relative;
      display: flex;
      flex-direction: column;
      justify-content: center;
  }
  .news-info .news-infos{
      
  }
  .news-info h6{
      font-size: 18px;
      font-weight: bold;
      
  }
  .news-info .time{
      position: absolute;
      top: 30px;
      right: 30px;
      
  }
  .news-info .text-right{
      position: absolute;
      bottom: 30px;
      left: 40px;
      right: 40px;
      width: calc(100% - 80px);
      /*overflow: hidden;*/
  }
   .news-info .text-right span{
        display: inline-block;
       visibility: hidden;
       transform: translateY(20px);
       transition: all 0.3s;
       color: #00267F;
   }
   .banner-Bg{
       /*position: absolute;*/
       top: 0;
       right: 0;
       left: 0;
       bottom: 0;
       width: 100%;
       height: 100%;
       animation:slowScale 12s ease-in-out infinite;
   }
   .banner-Bg img{
       width: 100%;
       height: auto;
   }
   .banner .swiper-slide{
       overflow: hidden;
   }
   .news-info .text-right i{
       transform: rotate(-45deg);
       transition: all 0.3s;
       font-size: 16px;
   }
   .news-item:hover span{
       visibility: visible;
       transform: translateY(0);
   }
   .news-item:hover i{
       transform: rotate(0deg);
       color: #00267F;
   }
   .news-item:nth-child(4):hover i{
       color: #FFFFFF;
   }
   .news-item:hover .Myline{
       visibility: visible;
       transform: translateY(0);
   }
   .news-item:hover .news-bg img{
       transform: scale(1.1);
       
   }
   .news-item .news-bg{
       overflow: hidden;
   }
   .news-item  img{
       transition: all 0.3s ease;
   }
   .news-item:nth-child(4) .Myline{
       background: #FFFFFF;
   }
  .Myline{
      width: 100%;
      height: 1px ;
      background: #00267F;
      margin-top: 10px;
      visibility: hidden;
      transform: translateY(20px);
      transition: all 0.3s;
      transition-delay: 0.1s;
  }
  .news-lists{
      display: grid;
      grid-template-columns: repeat(3,1fr);
  }
  .newsBox .hangye-news{
      display: none;
  }
  .newsBox .hangye-news:first-child{
      display: grid;
  }
  .news-lists li:nth-child(5) .news-bg{
      width: 50%;
  }
  .news-lists li{
      min-height: 290px;
  }
  .news-lists li:nth-child(1){
      grid-column: 1 / span 3; /* 占据第一行全部三列 */
  }
  .news-lists li:nth-child(4){
      grid-row: span 2; /* 占据上下两个单元格 */
      display: flex;
      flex-direction: column;
  }
  .news-lists li:nth-child(4) .news-info{
      flex: 1;
      background: #00267F;
      color: #FFFFFF;
      width: 510px;
  }
  .news-lists li:nth-child(5){
      grid-column: span 2; /* 占据左右两个单元格 */
  }
  .news-lists li:nth-child(3) .news-info{
      background: #F5F6FA;
  }
  .news-lists li:hover,.news-lists li:hover .news-info .time{
      color: #00267F;
  }
  .news-lists li:nth-child(4):hover .news-info .time{
      color: #FFFFFF;
  }
  .contact-lists{
      width: 100%;
      display: grid;
      grid-template-columns: repeat(4,calc(25% - 4px));
      gap: 5px;
  }
  .contact-lists li{
      display: flex;
      align-items: center;
      padding: 20px;
      background: #EFF1F7;
      gap: 10px;
        border-radius: 0px 0px 0px 0px;
        border: 1px solid #E6E7EE;
  }
  /*.contact-lists li:nth-child(7){*/
  /*    grid-column: span 2;*/
  /*}*/
  .contact-lists li.Btn{
      grid-column: 3 / span 2;
      text-align: center;
      padding: 20px 0;
      font-size: 16px;
    color: #FFFFFF;
    background: #00267F;
    justify-content: center;
  }
  .contact-lists li.Btn input{
      color: #FFFFFF;
  }
  .contact-lists li:hover .sel{
      display: block;
  }
  .contact-lists li .nor{
      display: block;
  }
  .contact-lists li:hover .nor{
      display: none;
  }
  .contact-lists li .sel{
      display: none;
  }
  .contact-lists li span{
      font-size: 18px;
  }
  .video-background{
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      
  }
  .product .container{
      position: static;
  }
  .yuanBox span{
      display: block;
      width: 8px;
      height: 8px;
      background: #FFFFFF;
      border-radius: 50%;
      position: relative;
      z-index: 10;
  }
  .yuanBox{
      background: rgba(210, 41, 30, 1);
      padding: 5px;
      border-radius: 50%;
      width: fit-content;
  }
  @keyframes ScaleBox{
      0%{
          transform: scale(1.0);
          opacity: 1;
      }
      50%{
         transform: scale(2.0);
         opacity: 0.5; 
      }
      100%{
          transform: scale(3.0);
          opacity: 0;
      }
  }
  .yuanBox{
      position: relative;
      margin-left: auto;
  }
  .yuanBox:before{
      content: '';
      animation: ScaleBox 3s infinite;
      animation-delay: 1s;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      width: 100%;
      height: 100%;
      border-radius: 50%;
      position: absolute;
      display: block;
  }
  .yuanBox:after{
      content: '';
      animation: ScaleBox 3s infinite;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      width: 100%;
      height: 100%;
      border-radius: 50%;
      position: absolute;
      display: block;
  }
   .mapList > li{
      position: absolute;
      display: flex;
      align-items: flex-end;
      z-index: 15;
  }
  .mapList > li .Map_Box > img{
      height: 100%;
      width: auto;
      max-height: 150px;
  }
   .mapList > li .Map_Box, .mapList > li .xian{
      /*display: none;*/
      /*visibility: hidden;*/
      /*transform: translateY(-20px);*/
      /*opacity: 0;*/
      /*transition: all 0.3s;*/
      position: absolute;
      top: 0;
      left: 0;
      display: none;
      transform: translate(-100%,-100%);
  }
   .mapList > li.active .Map_Box{
      transform: translate(calc(-100% - 80px),-100%);
      /*visibility: visible;*/
      /*opacity: 1;*/
      /*transform: translateY(0);*/
  }
  .mapList > li .Map_Box{
      width: max-content;
  }
  .ReBox{
      position: relative;
  }
   .mapList > li.active .xian{
      width:80px;
      /*visibility: visible;*/
      /*opacity: 1;*/
      /*transform: translateY(0);*/
      
  }
   .mapList > li .yuan{
    transform: translate(-5px, 10px);
  }
  .Map_Box{
      padding: 20px;
      background: #FFFFFF;
      width: fit-content;
      max-width: 560px;
      gap: 20px;
      border: 1px solid #00267F;
  }
  .Map_Box .right_info {
      flex-direction: column;
      justify-content: space-between;
      white-space: nowrap;
  }
  .Map_Box .right_info h5{
    font-weight: bold;
    font-size: 0.9895833333333334rem;
    color: #00267F;
  }
  .Map_Box .right_info li{
      font-weight: bold;
  }
  .Map_Box .right_info p{
      margin-top: 5px;
  }
     .mapList > li .name{
        font-weight: bold;
        font-size: 0.885416rem;
        color: #D2291E;
        line-height: 24px;
        text-shadow: 0px 3px 6px rgb(0 0 0 / 27%);
        position: absolute;
        right: 0;
        top: 100%;
        margin-top: 10px;
        /*transform: translateX(-50%);*/
        white-space: nowrap;
        padding-top: 0.320833rem;
        opacity: 0;
        pointer-events: none;
    }
     .mapList > li.active .name{
        opacity: 1;
    }
   .mapList > li .yuanBox, .mapList > li .yuanBox:before, .mapList > li .yuanBox:after{
      background: #092DB2;
      
  }
   .mapList > li.active .yuanBox, .mapList > li.active .yuanBox:before, .mapList > li.active .yuanBox:after{
      background: rgba(210, 41, 30, 1);
  }
  .contact-lists li:hover{
      border-color: #00267F;
  }
  .contact-lists li input {
      flex: 1;
  }
  .contact-lists li:hover span{
      color: #00267F;
  }
  .news-item .news-info h6{
      font-weight: 400;
  }
  .news-item:first-child .news-info h6{
      font-weight: bold;
  }
  .Bg{
      background-repeat: no-repeat;
      background-size: cover;
      background-position: top center;
  }
  .News-Box{
      background-color: #F5F6FA;
  }
  .asection2{
      position: relative;
      overflow: hidden;
      background: #00267F;
  }
  .asection2 .anbgc {
    position: absolute;
    left: -5vw;
    right: -5vw;
    top: -5vw;
    pointer-events: none;
    bottom: -5vw;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}
.Contact-box.asection2{
    padding: 0;
    background: #00267F;
}
.Contact-box.asection2 .flex{
    
    margin-top: 0;
}
.company.BoxBg{
    height: 80vh;
    
}
  /*.yuan{*/
  /*    background: rgba(210, 41, 30, 1);*/
  /*    animation: ScaleBox 0.3s infinite;*/
  /*    animation-delay: 0.1s;*/
  /*    width: fit-content;*/
  /*}*/
  /*.yuan >div{*/
  /*    background: rgba(210, 41, 30, 1);*/
  /*    animation: ScaleBox 0.3s infinite;*/
  /*    width: fit-content;*/
  /*}*/