@charset "utf-8";
@media screen and (max-width:1800px){
    
}
@media screen and (max-width:1680px){
    .bar{height:665px;background-size: contain !important;}
    /* .banner,
    .swiper-container-banner,
    .swiper-container-banner .swiper-slide a{height:670px;} */
}
@media screen and (max-width:1600px){
    
}
@media screen and (max-width:1500px){
    
}
@media screen and (max-width:1366px){
    /* .banner,
    .swiper-container-banner,
    .swiper-container-banner .swiper-slide a{
        height: 585px;
    } */
    .bar{height: 570px;}
}
@media screen and (max-width:1280px){
    .banner,
    .swiper-container-banner,
    .swiper-container-banner .swiper-slide a{
        height: 545px;
    }
    .bar {height: 540px;}
}
@media screen and (max-width:1200px){
    body,
    html {
        overflow-x: hidden !important;
    }

    .pt-100,
    .pt-90,
    .pt-80,
    .pt-70,
    .pt-60,
    .pt-50,
    .pt-40,
    .pt-30 {
        padding-top: 20px;
    }

    .pb-100,
    .pb-90,
    .pb-80,
    .pb-70,
    .pb-60,
    .pb-50,
    .pb-40,
    .pb-30 {
        padding-bottom: 20px;
    }
    
}
@media screen and (max-width:1024px){
    .box_con{width: 92%;}
    header{background: #fff;}
    header h1{max-width: 140px;}
    header .head_right{width: 100%;display: block;position: absolute;top: 61px;background: #fff;padding: 20px;box-sizing: border-box;transform: translateX(100%);transition: all 1s;}
    header .head_right .nav{width: 100%;}
    header .head_right .nav ul{display: block;text-align: left;}
    header .head_right .nav ul li{padding: 0;}
    .h_txt{width:100%;text-align: left;}
    .sj_menu{display: block;width:30px;height:30px;margin:0 auto;right: 4%;top:20px;position: absolute;padding-right: 10px;}
    .sj_menu span{width:20px;height:3px;display: block;margin:13.5px auto;transition: all 1s;position: relative;background: var(--mainColor);}
    .sj_menu span::after,
    .sj_menu span::before{content: "";display: block;width:20px;height:3px;background: var(--mainColor);transition: all 1s;position: absolute;}
    .sj_menu span::after{bottom: -6px;}
    .sj_menu span::before{top: -6px;}
    .son .sj_menu span{position: relative;transform: rotate(45deg);transition: all 1s;}
    .son .sj_menu span::before{transform: rotate(90deg);top:0px;position: absolute;transition: all 1s;}
    .son .sj_menu span::after{display: none;}
    .son header .head_right{transition: all 1s;transform: translateX(0);}
    .bar,
    .banner, .swiper-container-banner, .swiper-container-banner .swiper-slide a{height: 430px;}
    
}
@media screen and (max-width:768px){
    .bar,
    .banner, .swiper-container-banner, .swiper-container-banner .swiper-slide a{height: 330px;}
    
    
}
@media screen and (max-width:640px){
   .lg_wrap{padding-top: 61px;}
   .bar, .banner, .swiper-container-banner, .swiper-container-banner .swiper-slide a{
    height: 155px;
   }
   .swiper-container-banner .swiper-pagination-banner{bottom: 15px;}
   .swiper-container-banner .swiper-pagination-banner .swiper-pagination-bullet{width: 10px;height:10px;margin:0 5px;}
   .swiper-container-banner .swiper-button-prev,
   .swiper-container-banner .swiper-button-next{display: none;}
   .box .box_con{flex-direction: column;}
   .box .box_con,
   .box_cons{padding: 20px 0;}
   .box .box_con .box_item,
   .product_list .item{width: 100%;margin: 20px auto;}
   footer .foot_nav ul{display: none;}
   .foot_txt p{flex-direction: column;}
   .foot_txt p span{display: block;width: 100%;margin: 0 auto;}
   .box_title{font-size: 20px;margin-bottom: 20px;}
   .bar{background-attachment: inherit !important;}
   .page{padding: 15px 0;}
   .content_bd ul li{width: 100%;padding-right: 0;}

}
@media screen and (max-width:414px){
    
}
@media screen and (max-width:375px){
   
}
@media screen and (max-width:360px){}
@media screen and (max-width:320px){
    
}