@media (min-width:1920px){ 
    .container{width:1680px !important;}
    .header .nav>ul>li{ padding: 0px 20px;}
    .header .nav>.phone{padding-left: 55px;}
}
@media (min-width:1201px){ 
    .wap_btn{display: none;}
}



@media (max-width:1200px){
    .container{width:95%}
    .nav>ul{gap:25px}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .container{width:100%; padding: 0px 15px;}
    .header .nav>ul{gap:25px}
    .header .nav>.phone,.wap_btn{ display: none;}
    .home_product .pro_item_right article{ height: 112px;overflow: hidden;white-space: normal; text-overflow: ellipsis; }
    .home_about article{height: 112px;overflow: hidden;white-space: normal;text-overflow: ellipsis;}
    .home_about .about_more{margin-top: 25px;}
    .footer_item{ width: 33%;}
}

@media (max-width:767px){ 
    .container{width:100%; padding: 0px 15px;}
    .nav>ul>li{height:auto;display:block;padding:0 20px;border-bottom:1px solid #f1f1f1;line-height:50px}
    .nav .sub-menu{position:static;box-shadow:none;width:100%;padding-left:20px}
    .phone{display:none}
    .header .nav{display:none;}
    .header .nav.on{display: block; position: absolute; top:80px; left: 0; width: 100%; text-align: left !important; height: auto; background: #fff; border-top: 1px solid #aaa;}
    .header .nav.on ul{ display: block; height: auto; background: #fff;}
    .header .nav.on ul li{text-align: left; display: block;padding: 0 15px;}
    .wap_btn{display: block;position: absolute;z-index: 9999;width: 30px;height: 30px;top: 40%; right: 15px;transform: translateY(-50%);transition: all 0.3s;}
    .wap_btn span{display:block;width:100%;height:1px;transition:all .36s;background:#333;margin-top:10px}
    .wap_btn span:nth-child(2){width:60%}
    .wap_btn.on span:nth-child(1){transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);margin-top:24px}
    .wap_btn.on span:nth-child(2){opacity:0} 
    .wap_btn.on span:nth-child(3){transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);margin-top:-12px} 
    .header .nav ul.sub-menu{ display: none;}
    .header .nav li a{ display: block; width: 100%; position: relative;}
    .header .nav li a.arrow:before{content: '\e7c3';font-family: "iconfont" !important; position: absolute; right: 0; top: 50%; transform: translateY(-50%);transition: all 0.3s;}
    .home_product .pro_item:nth-child(1), .home_product .pro_item:nth-child(2){ width:100%;}
    .home_product .pro_item:nth-child(1){margin-bottom: 20px;}
    .home_product .pro_item:nth-child(n+3){ width: calc((100%) / 1); min-height: unset; padding-bottom: 40px;}
    .home_product .pro_item_left{width: 100%; border-bottom: 1px solid #aaa;}
    .home_product .pro_item_right{width: 100%;padding: 20px 20px 40px;}
    .home_product .pro_item_right article{max-width: 100%;}
    .home_product .pro_item_right h2,.home_product h2{font-size: clamp(24px, 2.8vw, 28px);}
    .home_product .pro_pic{padding: 20px 0px;}
    .home_about .about_item,.home_about .about_pic,.home_news_list .news_item{width: 100%;}
    .home_about .about_pic{margin-top: 45px;}
    .home_about .about_pic img{ border-radius: 0px;}
    .home_news_list{ gap: 20px 0px;}
    .home_news_list .news_info{padding: 20px 20px 35px;}
    .home_news_list .news_title{ font-weight: 530;}
    .home_globle a{ display: block; text-align: center;}
    .footer_item,.footer_item2,.footer_item3,.footer_item3 img{ width: 100% !important;}
    .footer_list {gap: 20px 0px;}
    .footer_item2 .flex-center{justify-content: space-between;}
    .footer p{font-size: 14px;}
}