@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; }
    .container {width: auto; padding: 0 15px;}
    .m-header{ display: flex; }
    .header .logo{ padding: 10px 0; height: 100%; flex:0 0 60px;  }
    .header .menu-btn{ display: block; }
    .header .nav{ display: none; }
    .header .lang{ flex:0 0 60px; text-align: center; position: relative; }

    .banner{ height: 450px; padding: 50px; }
    .banner .text h2{ text-align: center; font-size: 28px; }
    .banner .text h3{ font-size: 14px; padding-left: 0; margin-bottom: 30px;  }
    .banner .text h4{ font-size: 14px;  text-align: right; padding-right: 0; }
    .banner .text p{ text-align: center; margin-top: 50px; font-size: 14px; line-height: 2;}
    .banner .text .btns{  margin-top: 10px;}

    .section{ padding: 20px 0; }
    
    .in-pro ul{ margin:0 0 0 -10px; }
    .in-pro li a{ margin:0 0 10px 10px; padding: 7px; }
    .in-pro li .text{ padding:10px 0; }
    
    .in-news ul{ margin:0 0 0 -10px; }
    .in-news li a{ margin:0 0 10px 10px; padding: 7px; }
    .in-news li .text{ padding:10px 0; }

    .in-contact .tits h2{ font-size: 24px; }
    .in-contact .tits p{ font-size: 14px; }
    .in-contact-con{ padding: 15px;  }
    .in-contact-con .formgroup{ flex-wrap: wrap; margin-bottom: 0; }
    .in-contact-con .formgroup .form{ flex:100%; margin-right: 0; margin-bottom: 20px; }

    .banner-sub{ height: 180px; }

    .list-2 li .text h2{ padding: 5px 0; font-size: 15px; line-height: 25px; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
    .list-2 li .text p{ margin-bottom: 12px; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; }

    .info-content-title h1{ font-size: 22px; }

    .info-pic{ flex-wrap: wrap; }
    .info-pic .img-center{ flex:100%; margin-right: 0;  }
    .info-pic .text{ flex:100%; margin-top: 20px;}
    .about{ padding: 0 15px; }
    .about2{ padding: 0 15px; margin-top: 50px; }

    .result{padding: 20px;}
    .result h2{ font-size: 24px; }
    .result .img-center{ margin:15px 0; }
    .result .desc{ padding: 15px; }
    .result .desc h3{ font-size: 20px;  }
    .result .desc p{ font-size: 14px; }

    
   

}
