@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 .swiper-button-prev{ display: none; }
    .banner .swiper-button-next{ display: none; }

    .section-title2{ margin-bottom: 20px; }
    .section-title2 strong{ font-size:24px; }
    .section-title2 p{ font-size: 14px; }

    .in-about{ flex-wrap: wrap;}
    .in-about .img-center{ flex:100%; }
    .in-about .img-center img{ border-radius: 0; }
    .in-about .text{ flex:100%; padding: 15px; }
    .in-about .text .con h2{ font-size: 24px; }
    .in-about .text .con li h4 span{ font-size: 24px;  }
    .in-about .text .con li p{ font-size: 14px; }
    .in-about .text .con .more{ text-align: center; }

    .in-pro-con .fenye .prevnext{ display: none; }
    .in-pro-con .fenye .line{ display: none; }

    .in-honor-con{ flex-wrap: wrap; }
    .in-honor-con .img-center{ flex:100%; }
    .in-honor-con .text{ flex:100%; padding-left: 0; }
    .in-honor-con .text h2{ font-size: 24px; }
    .in-honor-con .text .more{ text-align: center; }

    .in-why li a{ padding: 0 20px; margin-bottom: 25px; }
    .in-why li .text{ padding: 60px 40px; min-height: auto;  }
    .in-why li .text h2{ font-size: 24px;   }

    .in-news-con{ flex-wrap: wrap; }
    .in-news-con .in-news-left{ flex:100%; margin-right: 0; }
    .in-news-con .in-news-left .text h2{ font-size: 18px; }
    .in-news-con .in-news-right{ flex:100%; margin-top: 15px;}
    .in-news-con .in-news-right li a{ padding: 15px 10px; }
    .in-news-con .in-news-right li .date{ flex:0 0 20%; margin-right: 10px; font-size: 14px; }
    .in-news-con .in-news-right li .date span{ display: block; font-size: 24px; }
    .in-news-con .in-news-right li .text h2{ font-size: 18px;}


    .in-partner li { width: 50%; }

    .footer-top .flogo{ display: none; }
    .footer-top .contact{ flex-wrap: wrap; }
    .footer-top .contact p{ margin-left: 0; width: 100%; font-size: 18px; margin-bottom: 10px; }
    .footer-bottom .address{ display: none; }
    .footer-bottom .fnav{ display: none; }
    .footer-bottom .ewm{ text-align: center; flex:100%; }
    .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: 200px; }

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

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

    .section{ padding: 30px 0; }

    .about1 .tits{ font-size: 24px; }
    .about1 .con .video{ float: none; width: 100%; height: 300px; margin-left: 0; }
	.about1 .con img{ width: 100%; margin-right: 0; }

    .section-title{ margin-bottom: 20px;}
    .section-title strong{ font-size: 24px;}

    .about2 li .tits{ padding: 20px 0; }
    .about2 li .tits h2{ font-size: 24px; }

    .list-2 li a{ height: auto; padding: 10px; margin-bottom: 10px; }
    .list-2 li .date{ display: none; }
    .list-2 li .text{ padding-left: 0; flex:1; }
    .list-2 li .text:after{ display: none; }
    .list-2 li .text h2{ font-size: 18px; margin-bottom: 5px;}
    .list-2 li .text p{-webkit-line-clamp:1; }
    .list-2 li .text .time{ display: block; color: #999 }
    .list-2 li .pic{ padding: 0; flex:0 0 35%; height:auto; margin-left: 10px; }

    .list-3{ margin:0 0 0 -15px; }
    .list-3 li a{ padding: 10px; font-size: 14px; margin:0 0 15px 15px; }
    .list-3 li .text{ margin-top: 8px; }
    .list-3-2{ padding: 0 }

    .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; }

    .service1 .tits{ font-size: 24px; }

    .contact1{ flex-wrap: wrap; }
    .contact1 .text{ flex:100%; border-right: none; padding-left: 25px; }

    .contact2 form{ padding: 25px; }
    .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;}

    .ct2-sd{ float: none; width:auto; background: none;box-shadow: 0 0 0 rgba(0,0,0,0.05); }
    .ct2-sd .tits{ background: linear-gradient(to right, #2679f9, #a1c52d); text-align: center; line-height: 45px; padding-left: 0;  font-size: 16px;}    
    .ct2-mn{ margin-left: 0; margin-top: 20px; background: none; box-shadow: 0 0 0 rgba(0,0,0,0.05); }
    .ct2-mn .tits{ display: none; }

    .lanmu2{  position: fixed; right: -200%;  top:0; width: 75%; height: 100%; transition: 0.5s; background: #FFF; z-index: 999; }
    .lanmu2.cur{ right: 0; }

    .info-pro{ padding: 20px; flex-wrap: wrap; margin-bottom: 20px; }
    .info-pro-pic{ flex:100%; margin-right: 0; }
    .info-pro-text{ flex:100%; margin-top: 20px;  }
    .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; }

    .info-pro-body{ padding: 20px;}
    .info-pro-body .tits span{ padding: 0 45px; line-height: 45px; font-size: 18px;}

    
    
 
   

}