header{position:fixed; z-index: 1000; align-items: center; width:100%;  transition:var(--xd); padding: 0 3%; background: var(--color-bs);}
.header-t{width: 100%; position: absolute; top: 0; left: 0;background-image: linear-gradient(Rgba(80, 102, 187, 0.7) 0, Rgba(80, 102, 187, 0.3) 50%, Rgba(80, 102, 187, 0) 100%); height: 250px; z-index: 1; }
.header-l img{width:250px;}
.logo-b{display: none; visibility: hidden;}
.header-1-w{padding: 6px 0; border-bottom: 1px solid Rgba(102,100,100,0.5);}
.header-1 a{color: var(--color-fse);}
.header-cd{margin-left:0.5rem;}
.header-cd li,.header-cd{position: relative;}
.header-cd li .header-cd-y a{margin:0 18px; color: var(--color-bs);display: block;height:80px;line-height: 80px; font-weight: 600;}
.header-cd-ew{left: 8px; z-index:-1;visibility: hidden;width: 100vw;opacity:0;background: var(--color-qs); }
.header-cd-e{margin:50px 0;flex: 1;padding-left: 0;}
.header-cd-e a{display: block; padding:4px 0; color: var(--color-fse);}
.header-cd-e a:hover{color: var(--color-fs);}
.header-cd li:hover .header-cd-ew{z-index: 1; visibility: visible; opacity: 1;}
.header-cd-ew::before {content: '';position: absolute;top: 0;left: 0;transform: translateX(-100%);width: 100vw;height: 100%;background: var(--color-qs);z-index: -1;}
.top_box_b,.top_box_h{background: #00911c;transition: var(--xd);}
.top_box_b .header-t::after{opacity: 0;}
.top_box_b .logo-l,.nyth .logo-b,.logo,.top_box_h .logo-b{display: none; visibility: hidden;}
.top_box_b .logo-b,.nyth .logo,.top_box_h .logo{display: block; visibility: visible;}
.top_box_b .header-r{color: var(--color-bs);}
.baner-wz a{color: var(--color-bs);}
.baner-wz a i{padding-left: 25px; transition: var(--xd);}
.baner-wz a:hover i{ padding-left: 15px;}
.baner-wz{left: 10%; bottom: 20%; text-shadow: 0 10px 10px rgba(0,0,0,0.2);}
.stbgd .swiper-button-prev{left:auto; bottom: 5%; right: calc(10% + 60px); top: auto;width: 40px; height: 40px;}
.stbgd .swiper-button-next{right: 10%; bottom:5%; top: auto;width: 40px; height: 40px;}
.stbgd .swiper-button-prev::after,.stbgd .swiper-button-next::after{border: 1px solid Rgba(250,250,250,0.3); color: var(--color-bs); font-size: var(--zhihao12);  border-radius: 50%; width: 40px; height: 40px; display: block; text-align: center; line-height: 40px; transition: var(--xd);}
.stbgd .swiper-button-prev:hover::after,.stbgd .swiper-button-next:hover::after{background: var(--color-fs); border: var(--color-fs); color: var(--color-bs);}
.header-r{width: 460px;}
.header-r li{width: 50%;}


.s-1-l{width: 350px;}
.s-1-r{width: calc(100% - 350px - 10%);}


.s-1 .bt-r{max-width: 360px;}







@media (max-width:1920px){

    



}



@media (max-width:1440px){

    
    
    




}

@media (max-width:1340px){


  




}



@media (max-width:1200px){

  

    
}

@media (max-width:1024px){
    
  
    

    
    
    


    
  }

 @media (max-width:820px){

  
   
  
  
      
  


  }

  @media (max-width:640px){
    .s-1-l,.s-1-r{width: 100%;}
    .s-1-r{padding-top: 40px;}
    .header-l{margin: 10px auto;}
    .header-r{width: auto;}
    .banner{padding-top: 70px;}

    
    
    


  }



