@media screen and (max-width:1660px) {
    .container{ width: 90%;  }
    .w90{ width: 96%;}
    .topTel{ margin-left: 35px;}
    .LOGO .line{ margin: 0 12px;display: none;}
    .LOGO .color-666  { display: none;}

    .ptb-60{ padding: 45px 0;}
    .f28{ font-size: 24px;}
    .f40{ font-size: 36px;}
    .productuL li .img{ height: 320px;}
    .products{ padding-bottom: 100px;}

}

@media screen and (max-width:1440px) {
    body{ font-size: 14px;}
    .f14{ font-size: 14px;}
    .f15{ font-size: 14px;}
    .f16{ font-size: 16px;}
    .f18{ font-size: 16px;}
    
    .f20{ font-size: 18px;}
    .f24{ font-size: 20px;}
    .f28{ font-size: 24px;}
    .f30{ font-size: 26px;}
    .f34{ font-size: 28px;}
    .f40{ font-size: 32px;}
    .f52{ font-size: 45px;}
    .f80{ font-size: 60px;}

    .news .swiper-slide .img img{ height: 250px;}

    .container{ width: 90%;}
    .productuL li .img{ height: 300px; width: 450px;}
    .productuL li .txt{ width: calc(100% - 500px);}
    
    .serviceUl li{  padding:60px 30px; }
    .serviceUl li img{ height: 50px;}

    .aboutClass{ height: 70px;}
    .aboutClass a{ height: 70px; line-height: 70px;}
    .footLOGO{ margin-left: 30px;}


    .indxproductsUl::before{  
    
        width: calc(100% + 40px); height: 40px;  bottom: -40px; 
    
        clip-path: polygon(calc(100% - 40px) 0,100% 100%, 5% 100%, 0 0); }
     .indxproductsUl::after{ width: 40px; height:calc(100% + 40px);  right:  -40px;
           
            clip-path: polygon(100% 5%,100% 100%, 0 calc(100% - 40px) , 0 0); 
    }  
    .products{ padding-bottom: 80px;}

    .indxproductsUl li .pic img{ height: 90px;}
    
}
@media screen and (max-width:1280px) {
    .container{ width: 96%;}
    body{ font-size: 12px;}
    .f14{ font-size: 12px;}
    .f15{ font-size: 14px;}
    .f16{ font-size: 14px;}
    .f18{ font-size: 14px;}
    
    .f20{ font-size: 16px;}
    .f24{ font-size: 16px;}
    .f28{ font-size: 16px;}
    .f30{ font-size: 18px;}
    .f34{ font-size: 22px;}
    .f52{ font-size: 34px;}
    .f80{ font-size: 48px;}
    
}
@media screen and (max-width:1200px) {
    .topTel{ display: none;}

    .productuL li .img{ height: 280px; width: 400px;}
    .productuL li .txt{ width: calc(100% - 420px);}
    .newslist li .img{ height: 160px;}
    .footLOGO{ margin-left: 25px;}
}


 

@media screen and (max-width:1000px) {

    header{ height: 60px;}
    .logoImg{ height: 45px; margin-top:7.5px ;}
    nav{ display: none !important;}
    .topTel{ display: block;}
    .h_nav {  display: flex;  margin-left: 20px; }
    .h_nav.close{align-items: center; justify-content: center;}
    header .w90{ width: 100%; padding-left: 20px; padding-right: 0;}

    .footLOGO{ margin-left: 15px;}

    .neiBan{ margin-top: 60px;  height: 380px;}

    
  
}

@media screen and (max-width:750px) {
    .topTel{ display: none;}
    .mySwiper{ margin-top: 60px;}
    .logoImg{ height: 38px;  margin-top: 0; }
    .ptb-60{ padding: 25px 0;}


     

    .footLOGO{ margin-left: 0px;}
    .f14{ font-size: 12px;}
    .f15{ font-size: 12px;}
    .f16{ font-size: 13px;}
    .f18{ font-size: 13px;}
    
    .f20{ font-size: 14px;}
    .f24{ font-size: 14px;}
    .f28{ font-size: 14px;}
    .f30{ font-size: 16px;}
    .f34{ font-size: 18px;}
    .f40{ font-size: 20px;}
    .f52{ font-size: 20px;}
    .f80{ font-size: 34px;}
    .container{ width: 100%; padding: 0 20px;}

    .educationUl{ flex-wrap: wrap;}
    .educationUl li{ width: 48%; height: auto; margin-bottom: 25px;  height: 160px;}
    .educationUl li:nth-child(n+2){ margin-bottom: 0;}
    .indxproductsUl{ flex-direction: column;}
    .indxproductsUl li.on,.indxproductsUl li{ width: 100%;}
    .indxproductsUl li .pic img{ width: 25%; height: auto;}

    .indxproductsUl li.on .tip{ display: none;}
    .news .swiper-slide .img img{ height: 180px;}
    footer .top .container{ flex-direction: column; justify-content: flex-start; align-items: flex-start;}
    .footLOGO{ height: 40px; margin-bottom: 15px; }
    footer .icon-dianhua{ font-size: 30px;}
    footer .bot{flex-direction: column; justify-content: center; align-items:center; text-align: center;}

    .productuL li a{ flex-direction: column;}
    .productuL li .img{ width: 100%; height: 250px;}
    .productuL li .txt{ width: 100%;}

    .neiBan{ margin-top: 60px; height: 220px;}
    .productuL li .txt{ padding-bottom: 0;}
    .productuL li .txt span{    width: 40%;height: 38px; margin-top: 20px;}
    .gbookForm{ flex-direction: column;}
    .gbookForm .input_name, .gbookForm .input_tel{ width: 100%; margin-bottom: 10px;}
    .gbookForm .input_submit{ width: 100%; margin-bottom: 10px;}
    a.input_submit{ margin-bottom: 0 !important;}
    .page-aside-item{ width: 42px; height: 42px;}
    .proInfoTop{ flex-direction: column-reverse;}
    .proInfoTop .img{ width: 100%; margin-bottom: 15px;}
    .proInfoTop .txt{ width: 100%;}

    .servicebg{ background: url(../images/map.png) no-repeat center center; background-size: cover;}
    .serviceBox{ flex-direction: column; position: relative; left: 0; top: 0; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none;
     width: 100%; padding: 0 20px; }
    .serviceBox .img{ width: 100%;} 
    .serviceBox .txt{ width: 100%; margin-top: 20px;}
    .servicebgmap{ display: none;}
    .serviceUl { flex-wrap: wrap; margin-top: 20px; }
 

    .serviceUl li{  width: 50%; padding: 20px 10px; border-bottom: 1px solid #e5e5e5;}
    .fangImg{ width: 12px;}
    /* .serviceUl li:first-child{ width: 100%;} */

    .newslist li a{ flex-direction: column;}
    .newslist li .img{ width: 100%;}
    .newslist li .txt{ width: 100%;}
    .location{ line-height: 2.4;}
    .daxiao{ display: none;}
    .backlist{ display: none;}
    .newspage{ flex-direction: column; line-height: 2.8;}
    .newspage a{ width: 100%;}
    .newspage a.text-right{ text-align: left;}

    .aboutClass{ height: 50px;}
    .aboutClass a{ height: 50px; line-height: 50px; width: 45%;}
    .aboutOne .dis-flex-between{ flex-direction: column;}
    .w44{ width: 100%;}
    .aboutOne .img img{ height: 250px; object-fit: cover;}
    .contactUl{  flex-wrap: wrap;}
    .contactUl li{ width: 48%; margin-bottom: 15px;}
    .contactUl li:last-child{ width: 100%; margin-bottom: 0;}
    .contactline{ width: 40px; }
    .contactUl li img{ width: 30px;}

    .zhanwei{ margin-top: -60px; padding-top: 60px;}
    body::after{ width: 100%; height: 50px; display: block; content: '';}
    .bottomfooter{ display: flex;}

    .indxproductsUl{ box-shadow: 0  0 10px rgba(0, 0, 0, 0.1);}
    .indxproductsUl::before,.indxproductsUl::after{ display: none;}
    .serviceUl li img{ height: 35px;}
}

@media screen and (max-width:420px) { }