@import url(iconfont.css);
@import url(ui.css);
@import url(swiper.min.css);
@import url(pc.css);
@media screen and (max-width: 767px) {
    body {min-width: 320px; padding-top: 60px; }
    .container { padding: 0 15px;}
    .m-header{ display: flex; }
    .header{ display: none; }
    .banner{ height: 200px; }
    .banner .swiper-button-prev{ display: none; }
    .banner .swiper-button-next{ display: none; }


   

    .footer-top{ padding: 15px 0; }
    .footer-top li{ display: block; text-align: center; }
    .footer-top li img{ max-width: 60%; }
    .footer-top li .text{ margin-left: 0; }
    .footer-top li h2{ font-size: 14px; }
    .footer-top li p{ display: none; }

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

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

    .list-1 li a{ flex-wrap: wrap; }
    .list-1 li .img-center{ flex:100%; margin-right: 0; }
    .list-1 li .text{ flex:100%; margin-top: 15px; }
    .list-1 li .text h2{ flex-wrap: wrap; }
    .list-1 li .text h2 span{ overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical; }
    .list-1 li .text h2 p{ margin-top: 8px; }

    

    .info-news{ flex-wrap: wrap;}
    .info-news .text{ flex:100%; padding: 15px; }
    .info-news .text h1{ font-size: 20px;}
    .info-news .message{ width: 100%; margin-left: 0; padding: 15px; }

    



   

    
    
 
   

}