@charset "utf-8";
@media screen and (max-width:1800px){
    
}
@media screen and (max-width:1680px){
    
    
}
@media screen and (max-width:1600px){
    
}
@media screen and (max-width:1500px){
   
}
@media screen and (max-width:1366px){
    .lg_1280{max-width: 1200px;width: 92%;}
    .header h1{max-width: 300px;}
    .swiper-container-banner .swiper-button-next::after, .swiper-container-banner .swiper-button-prev::after{font-size: 30px;}
    .product_tp{padding-left: 5vw;}
    .produce_list .produce_item,
    .produce_list .produce_item .pic,
    .produce_list .produce_item .tct{width: 570px;height:280px;}
    .produce_list .produce_item .pic{line-height: 280px;}
    .swiper-container-product .swiper-slide .left{width: 40vw;}
    .waves{height: 15vw !important;max-height:100px !important;}
    .product_list ul li{width: 372px;}
    .products_con{padding:60px;}
    .produce1 .produce1_list ul li{margin-right: 45px;margin-bottom: 45px;}
    .produce1 .produce1_list ul li,
    .produce1 .produce1_list ul li span{width: 360px;}
    .produce1 .produce1_list ul li span{height:248px;line-height: 248px;}
    .produce2_list ul li{width: 182px;height:259px;line-height: 259px;margin-bottom: 15px;}
    .contact_con,
    .contact_cons{margin: 0 auto;}
    .contact_right{width: 665px;}
    .contact_cons ul li{margin-right: 29px;}
    .bars .bars_list ul li em{margin-right: 20px;}

}
@media screen and (max-width:1280px){
  
}
@media screen and (max-width:1200px){
    .produce_list .produce_item, .produce_list .produce_item .pic, .produce_list .produce_item .tct{width: 530px;height:260px}
    .produce_list .produce_item .pic{line-height: 260px;}
    .produce_list .produce_item .tct h3{margin-top: 10px;}
    .product_list ul li{margin-right: 20px;margin-bottom: 20px;width: 354px;padding:20px;}
    .product_list ul li span{width: 314px;height:242px;line-height: 242px;}
    .produce1 .produce1_list ul li{margin-right: 20px;}
    .produce1 .produce1_list ul li, .produce1 .produce1_list ul li span{width: 354px;}
    .produce1 .produce1_list ul li span{line-height: 245px;height:245px;}
    .produce2_list ul li{width: 169px;height: 239px;line-height: 239px;}
    .contact_right{width: 602px;}
    .contact_cons ul li{margin-right: 11px;}
    
}
@media screen and (max-width:1024px){
    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;}
    .head_right{transform: translateX(150%);float: none;display: block;background: #4579e2;position: absolute;right: 0;left: 0;top: 65px;padding: 15px;box-sizing: border-box;z-index: 99;}

    .sj_menu{display: block;width:30px;height:30px;margin:0 auto;right: 4%;top:20px;position: absolute;}
    .sj_menu span{width:20px;height:3px;display: block;margin:13.5px auto;transition: all 1s;position: relative;background: #fff;}
    .sj_menu span::after,
    .sj_menu span::before{content: "";display: block;width:20px;height:3px;background: #fff;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 .head_right{transition: all 1s;transform: translateX(0);}
    
    .header h1{line-height: 65px;max-width: 200px;}
    .header .head_nav, .header .head_lang{display: block;}
    .header .head_nav ul li,
    .fixeds .header .head_nav ul li{display: block;line-height: 40px;border-bottom: 1px solid rgba(255, 255, 255, .4);text-align: left;}
    .header .head_nav ul li a{padding:0;}
    .header .head_lang dl{margin: 12.5px auto;}
    .header .head_lang dl::before{display: none;}
    .header .head_lang dl dt,
    .header .head_lang dl dd{display: block;}
    .header .head_lang dl dt .search{display: none;}
    .header .head_lang dl dt p{display: block;position: static;}
    .foot_topl,
    .foot_topr {float: none;margin-top: 15px;}
    .foot_btml,
    .foot_btmr{float: none;}
    .foot_btml p a{display: block;}
    .bars .bars_list ul li em{width: 35px;height:35px;margin-right: 10px;}
    .bars .bars_list ul li{font-size: 12px;font-weight: normal;}
    .product_tp{margin: 0 auto;width: 92%;padding-left: 0;}
    .swiper-container-product .swiper-slide .left,
    .swiper-container-product .swiper-slide .right{float: none;width:100%}
    .swiper-container-product .swiper-slide .right{height:auto;width: 60%;margin: 0 auto;}
    .swiper-container-product .swiper-pagination-product{padding: 0;}
    .produce_list .produce_item{float: none;margin: 20px auto;}
    .produce_list .produce_item, .produce_list .produce_item .pic, .produce_list .produce_item .tct{width: 600px;}
    .produce_list .produce_item .tct{transform: translateX(0);}
    .swiper-container-product .swiper-pagination-product{bottom: 0;}
    .product_list ul li,
    .product_list ul li:nth-child(3n){width: 46%;margin: 2%;}
    .produce1 .produce1_list ul li, .produce1 .produce1_list ul li span{width: 300px;}
    .produce1 .produce1_list ul li span{height:207px;line-height: 207px;}
    .produce2_list ul li{width: 142px;height:203px;line-height: 203px;}
    .contact_right{width: 490px;}
    .contact_left{padding:30px;width: 450px;}
    .contact_cons ul li{width: 177px;}
}
@media screen and (max-width:768px){
    .product_list ul li span{width:288px;height:222px;}
    .product_list ul li h3{margin: 20px auto 10px;}
    .products_con{padding:15px;}
    .produce1 .produce1_list ul li,
    .produce1 .produce1_list ul li:nth-child(3n){width: 29.33333%;margin: 2%;}
    .produce1 .produce1_list ul li span{width: 207px;height: 142px;line-height: 142px;}
    .produce2_list ul li,
    .produce2_list ul li:nth-child(6n){width: 29.33333%;margin: 2%;overflow: hidden;height:281px;line-height: 281px;}
    .contact_left,.contact_right{width: 100%;float: none;}
    .contact_cons ul li{width: 130px;height:80px;line-height: 80px;}
    
}
@media screen and (max-width:640px){
    .header{position: static;background: rgba(0, 0, 0, .8);}
    .about{background:#2d55aa;height:auto;}
    .about .title,
    .product .title h3,
    .produce_list .produce_item .tct h3,
    .product_title h3,
    .produce1_tite h3, .produce2_tite h3{font-size: 22px;}
    .bars .bars_list ul li em,
    .bars .bars_list ul li span{display: block;margin: 0 auto;text-align: center;}
    .bars .bars_list ul li span{text-indent: 0 !important;margin-top: 10px;}
    .produce_list .produce_item, .produce_list .produce_item .pic, .produce_list .produce_item .tct{width: 100%;height:160px;}
    .produce_list .produce_item .pic{line-height: 160px;}
    .produce_list .produce_item .tct{padding:15px;}
    .produce_list .produce_item .tct h3{margin-top: 0;}
    .produce_list .produce_item .tct p{margin: 10px auto;}
    .more a{line-height: 35px;}
    .foot_topl dl{margin-right: 0;}
    .product_list ul li, .product_list ul li:nth-child(3n){width: 100%;margin: 2% auto;}
    .product_list ul li h3{font-size: 18px;}
    .nav ul li{line-height: 40px;}
    .download_list ul li{margin-bottom: 20px;}
    .download_list ul li span:nth-child(2){display: none;}
    .download_list ul li::before{left: 3%;}
    .download_list ul li span:nth-child(1){width: 57%;}
    .download_list ul li span:nth-child(3){width:20%;}
    .produce2_list ul li,
    .produce2_list ul li:nth-child(6n){height:auto;line-height: initial;}
    .produce1 .produce1_list ul li, .produce1 .produce1_list ul li:nth-child(3n){width: 100%;margin: 2% auto;}
    .produce1 .produce1_list ul li span{width: 100%;height:auto;line-height: initial;}
    .nav ul{font-size: 0;}
    .nav ul li{display: block;}
    .nav ul li a{padding:0;width: 100%;font-weight: normal;}
    .contact_left,
    .contact_right{padding:15px;}
    .contact_bd{width: 100%;}
    .contact_cons ul li{width: 46%;margin: 2%;box-sizing: border-box;height:auto;line-height: initial;}
    .crumbs{display: none;}
}
@media screen and (max-width:414px){
    
}
@media screen and (max-width:375px){
   
}
@media screen and (max-width:360px){}
@media screen and (max-width:320px){
    
}