@import url(animate.min.css);
@import url(swiper.min.css);
@import url(iconfont.css);
@import url(pc.css);
@media screen and (max-width: 1320px) {
    .ct{ grid-template-columns: 1fr; gap:0; }
    .ct-sd{ padding-top: 0; }
    
    .sortname{ flex-wrap: wrap; font-size: 16px;  }
    .sortname span{ font-size: 24px; flex:100%; margin-bottom: 8px; }

    .ct2{ grid-template-columns:1fr; gap:10px; }
}
@media screen and (max-width: 1260px) {
    .nav li a{font-size:20px;padding:0 20px; }
    .in-service ul{ grid-template-columns: 1fr; }
    .in-service li .text{ padding:25px; }
    .in-service li .text h2{ font-size: 24px; margin-bottom:40px; }
    .in-service li .text .more{ font-size:18px; }
}
@media screen and (max-width: 1060px) {
    .nav {display: none;}
    .menu-btn {display: block;}
}
@media screen and (max-width: 767px) {
    body {min-width: 320px;padding-top: 76px;}

    .header {padding: 0 10px;position: fixed; top:0;left: 0; width: 100%; z-index: 1000;}
    .logo img{ height: 32px; }   
    .lang>a{ color: #FFF; font-size: 16px;   }
    .lang em{ display: none; }
    .lang-box{ padding: 0 15px;}
    .lang-box p a{ display: block;  margin-right: 0; height: auto; line-height: 25px;}
    .lang.cur .lang-box{ display: block; }

    .banner {height: 200px;}
    .banner .text{ left: 0; background: rgba(0,0,0,0.5); width: 100%; padding-left: 20px; }
    .banner .text h2{ font-size: 24px; margin-bottom: 10px; }
    .banner .text p{ font-size: 16px; margin-bottom: 20px; }
    .banner .text .btns a{ color: #FFF; font-size: 12px; }

    .section {padding: 25px 0;}
    .section-title { margin-bottom: 20px; }
    .section-title strong{ font-size: 28px; }
    .section-title p{ font-size: 16px; margin-top: 10px;}

    .in-jiazhi ul{ grid-template-columns: 1fr; gap:10px; }

    .footer-con{ padding: 20px 0; }
    .footer-con h2{ font-size: 20px; margin-bottom: 15px; }
    .footer-con p{ font-size: 18px; }
    .footer-copy{  line-height: 1.5; font-size: 14px; padding: 10px;}

    .banner-sub{ height: 200px;font-size: 24px; }

    .section-title2 h3{ font-size: 60px;  }
    .section-title2 h2{ font-size: 28px; margin-top: -40px; }

    .about-con{ grid-template-columns: 1fr; gap:15px;  }

    .list-1 li{  flex-wrap: wrap; }
    .list-1 li .text{ flex:100%; padding: 25px;}
    .list-1 li .text h2{ margin-bottom: 10px;}
    .list-1 li .img-center{ flex:100%; }

   
    

    .contact{ flex-wrap: wrap; }
    .contact .text{ flex:100%; padding: 23px; order: -100 }
    .contact .text h2{ font-size: 20px; }
    .contact .text p{ font-size: 16px;}
    .formgroup{ flex-wrap: wrap; }
    .formgroup .label{ flex:100%; margin-right: 0; }
    .formgroup .label span{ font-size: 16px; }


    

}