@charset "utf-8";
@media screen and (max-width: 1680px){

}
@media screen and (max-width: 1440px){
header .header .menu nav ul li{padding: 0 0.75rem;}
}
    
@media screen and (max-width:1024px){	
    .container{max-width: 100%;}
    header .header .menu-bar{ display:block; width:30px; height:20px; float:right; position: absolute; right:1.5rem; top:30px; border-bottom:2px solid #333;}
    header .header .menu-bar:after{ content:""; display:block; width:100%; height:2px; background:#333; position:absolute; left:0; top:0;}
    header .header .menu-bar:before{ content:""; display:block; width:100%; height:2px; background:#333; position:absolute; left:0; top:50%;}
    header .header .search{padding-right: 0.5rem;}
    header .header .tel{margin:0rem;padding: 0 0.5rem 0 0;}
    header .header .menu{margin: 0;}
    header .header .menu nav ul li a{color: #fff;font-size: 16px;padding-bottom:0;}
    .banner .swiper-pagination{top:35%;}
    header .header nav {position: fixed;width: 100%; height: 100%;left: -100%; top: 0; z-index: 9999; transition: all .3s linear;}
    header .header .nav-warp {width: 100%; height: 100%; position: fixed; right: 0;top: 0;background: rgba(0, 0, 0, .81);display: none; z-index: 1920;}

    header .header nav .d-flex{flex-direction:column;}
    header .header nav ul.d-flex li {width: 100%; border-bottom: 1px solid rgba(255, 255, 255, .1);border-radius: 0 !important; padding:1rem; position: relative;}
    header .header nav .d-flex {display: block; width: 60%; background: #409eff;height: 100%;position: relative; overflow-y: auto; pointer-events: auto;z-index: 9999;}

    header .header nav ul.d-flex li .xiala {position: absolute; width: 70px; display: block;right: 0;top: 0; color: rgba(255, 255, 255, .81);line-height: 60px;}
    header .header nav ul.d-flex li .subnav.show {display: block;}

    
   
}
@media screen and (max-width:768px){
    .banner .swiper-pagination{top:25%;}
    .nav-warp .menu-bar-close{ color:#fff; font-size:24px; padding:15px; opacity:.5; padding-left: 66%;}
    #bot1 .ft-first{margin: 0 auto;float: none;}
    #bot1 .ft-end{float: none;width: auto; margin: 0 auto;}
}
@media screen and (max-width:640px){
    .cont-1{padding-top:2rem;}
    .cont-1 h4{font-size: 18px;}
    .cont-2{display: flex; flex-direction: column; gap: 1rem;padding: 10px;}
    .cont-2 ul{padding:10px 5px;}
    .cont-3 li .left,.cont-3 li .right{width: 100%;height: auto;}
    .cont-3 li .right > div{margin: 1.5rem;}
    #bot1 .ft-second{margin:0.5rem 1rem;}
    #bot1 .container{display: flex !important; flex-direction: column;}
}