@import url(animate.min.css);
@import url(swiper.min.css);
@import url(ui.css);
@import url(pc.css);

@media screen and (max-width: 767px) {
    body {min-width: 320px;padding-top: 60px;}

    .header {padding: 5px 0;position: fixed; top:0;left: 0; width: 100%; z-index: 1000;}
    .header .tel {display: none;}
    .header .logo {height: 50px;line-height: 50px;}
    .header .nav {display: none;}

    .menu-btn {display: block;}

    .banner {height: 160px;}
    .banner .swiper-pagination-bullet{  width: 10px; height: 10px;}
    .banner .swiper-button-prev,.banner .swiper-button-next{ display: none; }

    .section {padding: 25px 0;}
    .section-title { margin-bottom: 20px; }
    .section-title i{ flex:0 0 1px; height: 25px; }
    .section-title span{ padding: 0 15px; font-size: 20px; }

    .in-pro ul{ margin:0 0 0 -10px;  }
    .in-pro li a{ margin:0 0 10px 10px; }
    .in-pro li .img-center{ height: 270px; }
    .in-pro li .text{ line-height: 40px; }

    .in-about-con{ font-size: 14px; line-height: 1.5; }
    .in-about-pic{ gap: 10px; }

    .in-news ul{ margin:0 0 0 -10px;  }
    .in-news li a{ margin:0 0 10px 10px; }
    .in-news li .text{ font-size: 12px; line-height:1; padding-top: 5px;}

    .footer .backtop{ display: none; }
    .footer-con{ display: none; }
    .footer-copy{ font-size: 12px; line-height: 1.5; }

    .banner-sub{ height: 150px; }

    .section-sub{ padding: 25px 0; }

    .ct{ grid-template-columns:1fr; }

    .list-1{ margin:0 0 0 -10px;  }
    .list-1 li a{ margin:0 0 10px 10px; }
    .list-1 li .img-center{ height: 240px; overflow: hidden; }
    .list-1 li .text{ line-height: 3; font-size: 14px;}

    .list-2{ margin:0 0 0 -10px;  }
    .list-2 li a{ margin:0 0 10px 10px; }
    .list-2 li .text{ font-size: 12px; line-height:1; padding-top: 5px;}

    .list-3{ gap:10px;}
    .list-3 .text{ line-height:1; padding-top: 5px;}

    .contact1{ grid-template-columns:1fr; gap:10px;}

    .message{ margin-top: 30px; }
    .message h2{ font-size:18px;}
    .formgroup input{ margin-right: 10px;  }

    .info-pro-con{ flex-wrap: wrap; }
    .info-pro-con .img-center{ margin-right: 0; flex:100%; margin-bottom: 20px; }
    .info-pro-con .text .txt1{ font-size: 16px; }


    

}