@import url(animate.min.css);
@import url(iconfont.css);
@import url(ui.css);
@import url(swiper.min.css);
@import url(pc.css);
@media screen and (max-width: 1630px) {
    .nav li>a{padding: 0 10px;}
    .search{ display: none; }
    .header .logo img{ height: 30px; }
}
@media screen and (max-width: 768px) {
    body {min-width: 320px; }
    .container{ width: 100%; padding: 0 15px;}
    .header .logo a{  height:60px;}
    .header .logo img{ height: 30px; }
    .menu-btn{ display: block; }
   
    .nav{ width: 100%;display: none;  }
    .nav li{display:block;}
    .nav li>a{line-height:50px; }
    .nav li.active>a::before{ display: none; }
    .nav.cur{ display: block; }

    .lang{ width: 80px; margin-top: 10px; }
    .lang span{ display: none; }
    .lang i{ margin-left: 8px; }
    .lang-box p span{ display: inline-block; }

    .banner{ margin-top: 60px; }

    .section{padding: 20px 0;}
    .section-title2{ margin-bottom: 30px; }
    .section-title2 strong{ font-size: 24px; }
    .section-title2 .en{ font-size: 14px; margin:10px 0;}
    .section-title2 .en span{height: 35px; }
    .section-title2 p{ font-size: 16px; }
    .section-title2 .desc{ font-size: 16px; margin-top: 10px; line-height: 1.4; }

    .in-service li a:before{ display: none; }
    .in-service li .text h2{ font-size: 24px; margin-bottom: 10px; }
    .in-service li .text p{ font-size: 14px;  line-height: 1.5; }

    .adv{ flex-wrap: wrap; margin-bottom: 40px; }
    .adv .text{ flex:100%; padding: 20px 0; }
    .adv .text h2{ font-size: 28px; margin-bottom: 15px;}
    .adv .text p{ font-size: 20px; line-height: 1.5;}

    .in-ys{ margin-bottom: 40px; }
    .in-ys .tits{ margin-bottom: 20px; }
    .in-ys .tits h2{ font-size: 28px; }
    .in-ys .tits p{ font-size: 16px;}
    .in-ys li a{ height: auto; margin-bottom: 20px; }

    .in-case ul{ margin:0 0 0 -15px; }
    .in-case li a{  margin:0 0 15px 15px; }
    .in-case li .text{  bottom: 15px; left: 0; padding: 0 10px; }
    .in-case li .text span{ line-height: 35px; font-size: 16px;  }

    .in-contact ul{ flex-wrap: wrap; }
    .in-contact li{ margin-bottom: 20px; flex:100%;}
    .in-contact li .icon img{ width: 70px; }
    .message .formgroup{ flex-wrap: wrap; }
    .message .formgroup .label{ flex:100%; margin-right: 0; }


    .footer{ padding: 25px 0; border-top: 1px solid #4d7ef8; }
    .footer-con{ flex-wrap: wrap; }
    .footer-con .fnav{ order: 100 }
    .footer-con .fnav .pic,.footer-con .fnav .text{ display: none; }
    .footer-con .contact{ flex:100%; }
    .footer-con .contact p{ margin-bottom: 10px; }
    .footer-con .ewm{ flex:100%; margin:20px 0;}

    .banner-sub{height:250px;background:no-repeat center / cover; color: #FFF; padding-top:60px;}
    .banner-sub .container{ height: 100%; }
    .banner-sub .text{ position: relative; top:50%; transform: translateY(-50%); }
    .banner-sub .text h2{ font-size: 24px; }
    .banner-sub .text p{ font-size: 16px; font-weight: bold; }

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

    .section-title{ font-size: 24px;  padding-bottom: 10px; margin-bottom: 20px; }
    .section-title i{  flex:0 0 5px; height: 25px; margin-right: 10px;}

    .list-1 li{  height: 40px; font-size: 15px;  padding-left:14px; }
    .list-1 li span{ flex:0 0 80px; }
    .info-news{ padding: 20px;  }
    .info-news h1{ font-size: 20px; }

    .contact1{ flex-wrap: wrap;  }
    .contact1 ul{ flex:100%; }
    .contact1 .pic{ flex:0 0 186px;  margin:auto; }

    .adv2{ flex-wrap: wrap; margin-bottom: 40px; }
    .adv2 .text{ flex:100%; padding: 20px 0; }
    .adv2 .text h2{ font-size: 24px;}
    .adv2 .text h3{ font-size: 20px; }
    .adv2 .text p{ font-size: 16px; line-height: 1.5;}
    .adv2 .img-center{ flex:100%; }

    .jishu ul{ margin:0 0 0 -15px; }
    .jishu li a{  margin:0 0 15px 15px; }
    .jishu li .text{ padding: 15px 0 }
    .jishu li .text h2{font-size: 20px; margin-bottom: 8px; }
    .jishu li .text p{font-size: 16px; }

    .about{ flex-wrap: wrap; padding-top: 30px; margin-top: 30px; }
    .about .text{ flex:100%; }
    .about .text h2{ font-size: 45px;}
    .about ul{ flex:100%; margin-top:20px; margin-left: -15px; }
    .about li .img-center{  margin:0 0 15px 15px; border-radius: 10px; }

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

    .paned-sd .tits{ font-size: 24px; margin-bottom: 0;}
    .paned-sd .tits i{ display: block; }
    .lanmu{ display: none; padding: 15px 30px; }
    .lanmu li a{ height: 35px;  font-size: 18px; }
    .lanmu li i{ font-size: 20px; }

    .list-2 .con{ margin-bottom:30px; }
    .list-2 .con li{ font-size:16px;  }
    .list-2 .con li em{ flex:0 0 100px; padding-left: 30px;}
    .list-2 .con li a{ padding-left: 30px; }

    .info-pro{ flex-wrap: wrap; margin-bottom: 50px;  }
    .info-pro-pic{ flex:100%; }
    .info-pro-text{ flex:100%; margin-top: 20px; }
    .info-pro-text h1{ font-size: 24px; }
    .info-pro-text .desc{ font-size: 16px; margin-bottom: 20px; }
    .info-pro-text .btns a{  padding: 0 20px; line-height: 35px; font-size: 18px;}
    .info-pro-body{ font-size: 16px; line-height: 1.6; }

}