@import url(iconfont.css);
@import url(ui.css);
@import url(swiper.min.css);
@import url(jquery.fancybox.min.css);
@import url(pc.css);
@media screen and (max-width: 767px) {
    body {min-width: 320px; padding-top: 60px; }
    .container {width: auto; padding: 0 15px;}
    .m-header{ display: flex; }
    .header{ display: none; }
    .banner{ display: none; }
    .mbanner{ display: block; }

    .footer{ padding-top: 20px;}
    .footer-bottom{ flex-wrap: wrap; }
    .footer-bottom .fnav{ display: none; }
    .footer-bottom .ewm{ text-align: center; flex:100%; margin-top: 20px; }
    .footer-copy{ flex-wrap: wrap; height: auto; padding: 15px 0; }
    .footer-copy p{ width: 100%; }
    .footer-copy a{ margin-left:0; margin-right: 15px;  }

    .banner-sub{ height: 150px; }

    .position .container{ flex-wrap: wrap; }

    .lanmu{ order: 100; flex:100%; overflow-x: auto; overflow-y: hidden; white-space: nowrap; margin-bottom: 10px;}
    .lanmu li a{ line-height: 40px; margin-right: 15px; font-size: 14px; }
    .lanmu li a:after{ top:12px; }
    .crumbs{ flex:100%; }

    .section{ padding: 30px 0; }

    .about1 li{ flex-wrap: wrap; }
    .about1 li .img-center{ flex:100%; }
    .about1 li .text{ flex:100%; padding: 15px; }
    .about1 li .text h2{ font-size: 24px; }
    .about1 li:nth-child(2n) .text{ order: -200 }

    .list-2 li a{ flex-wrap: wrap; }
    .list-2 li .img-center{ flex:100%; margin-right: 0; }
    .list-2 li .text{ flex:100%; padding-top: 15px; }
    .list-2 li .text h2{ font-size: 20px; }

    .ct{ flex-wrap: wrap; }
    .ct-mn{ flex:100%; }
    .ct-sd{ flex:100%; margin-left: 0; margin-top: 30px; }

    .info-content{ padding:0; }
    .info-content-title h1{font-size: 18px; }

    .contact1{ flex-wrap: wrap; }
    .contact1 .text{ flex:100%; padding: 15px;  }
    .contact1 .text h2{ font-size: 24px; margin-bottom: 15px; }
    .contact1 .map{ flex:100%; }

    .contact2{ padding: 25px 0; }
    .contact2 .tits{ font-size:24px; margin-bottom: 20px; }
    .contact2 form{ padding: 0; }
    .contact2 .form-group{ flex-wrap: wrap; margin-bottom: 10px; }
    .contact2 .label{ flex:100%; margin-right: 0; }
    .contact2 .label:last-child{ margin-top: 10px; }
    .contact2 .form-group textarea{  padding:8px 15px;}

    .info-pro{ padding: 10px; flex-wrap: wrap; margin-bottom: 20px; }
    .info-pro-pic{ flex:100%; margin-right: 0; }
    .info-pro-text{ flex:100%; margin-top: 20px; margin-left: 0;  }
    .info-pro-text h1{ font-size: 18px;  padding-bottom: 10px; margin-bottom: 10px; }
    .info-pro-text .lx a{ padding: 0 40px; line-height: 45px;  font-size: 16px;  margin-right: 10px; }

    
    
 
   

}