@import url(ui.css);
@import url(iconfont.css);
@import url(swiper.min.css);
@import url(pc.css);
@media screen and (max-width: 768px) {
    body {min-width: 320px;padding-top: 60px;}
    .container {width: auto;}
    .header {display: none;}
    .m-header{ display: flex; }


    .banner{ display: none;}   
    .mbanner{ display: block; }
 
    .section{padding:20px 0;}
    .section-title{margin-bottom:20px; }
    .section-title strong{ font-size: 20px;}
    .section-title p{ font-size: 14px; }

    .in-pro{ flex-wrap: wrap; }
    .in-pro-left{ flex:100%; }
    .in-pro-right{ flex:100%; }
    .in-pro-left a{ height:350px; margin-bottom: 10px; }
    .in-pro-left .text{ padding: 25px;}
    .in-pro-left .img-cover .txt{ position: absolute; left: 0; top:25px; text-align: center; width: 100%;}
    .in-pro-left .img-cover .txt em{ display: block; font-size: 28px; margin-bottom: 15px; }
    .in-pro-right li a{ margin:0 0 10px 0; height: 350px;  }
    .in-pro-right li .img-cover .txt{ position: absolute; left: 0; top:25px; text-align: center; width: 100%; }

    .in-jishu li .text{ padding:30px 10px; text-align: center;}
    .in-jishu li .text h2{ font-size: 20px; margin-bottom: 20px; }

    .in-lanmu{ margin:0; }
    .in-lanmu li a{ margin:0;}
    .in-about{ display: none; }

    .in-news-con ul{ padding:0 10px 30px; }
    .in-news-con li .date{ flex:0 0 60px; margin-right: 10px; }
    .in-news-con li .date span{ font-size: 32px;  }
    
    .footer{ padding: 20px 0;}
    .footer .fnav{ flex-wrap: wrap; padding: 0 15px 20px; }
    .footer .fnav .contact{ flex:100%; margin-right: 0; }
    .footer .fnav dl{ flex:100%; margin-right: 0; margin-top: 15px; }
    .footer .copyright{ margin-top:20px; flex-wrap: wrap; padding: 0 15px; justify-content: center; }
    .footer .copyright .icp{ order: 100; flex-wrap: wrap; text-align: center; margin-top: 15px; }
    .footer .copyright .policy{ margin:15px 0 ; }

    .kefu{ left: auto; right: 0; }
    .kefu li:nth-child(2),.kefu li:nth-child(3),.kefu li:nth-child(4),.kefu li:nth-child(5){ display: none; }
    .backtop{  right: 10px; bottom: 50px;  }

    .banner-sub{ margin-top: 0; }

    .contact1{ margin-top: -30px; }

    .contact2 .formgroup{ flex-wrap: wrap; }
    .contact2 .formgroup .label{ flex:100%; margin-right: 0; margin-bottom: 15px; }
    .contact2 .formgroup button{ margin-top: 0; }


    .lanmu{  margin:0 0 30px; text-align: left; }
    .lanmu li a{ padding: 0 20px;  font-size: 16px; margin-bottom: 10px; }

    .service{ margin-top: -30px; }

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

    .qms{ margin-top: -30px; }
    .qms1{ margin:0 0 15px -15px; }
    .qms1 li{ width: 50%; }
    .qms1 li a{  margin:0 0 15px 15px;}
    .qms1 li .text p{ display: none; }
    .qms2{ margin:0 0 15px -15px; }
    .qms2 li a{  margin:0 0 15px 15px;}
    .qms2 li .text p{ display: none; }

    .about1{ background-image: url(../images/mbg1.webp); }
    .about1 .con{ margin-top: 15px; font-size: 14px; line-height: 1.5; padding-bottom: 150px; }

    .about2{ display: none; }
    .m-about2{ display: block; }

    .about3{ display: none; }
    .m-about3{ display: block; }

    .about4{ display: none; }
    .m-about4{ display: block; }

    .section-title3{ margin-bottom: 30px; }
    .section-title3 strong{ font-size: 20px; }

    .list-3 li a{ flex-wrap: wrap; margin-bottom: 20px; }
    .list-3 li .img-cover{ flex:100%;  }
    .list-3 li .text{ flex:100%;  padding: 0; }
    .list-3 li .text h2{ font-size: 20px; line-height: 50px; }
    .list-3 li .date{ flex:100%; font-size: 18px;}
    .list-3 li .date span{ font-size: 24px; }

    .list-4-2 li a{margin:0 0 12px 12px;  }

    .h60{ height: 0; }
    .video{ margin-top: -30px; }
    .video-title{  justify-content: center; }
    .video-title span{ font-size: 32px; margin-right: 0; }
    .video-title i{ display: none; }
    .video .btns{ margin: 20px auto 20px; }

    .pro-title span{ font-size: 20px; padding-bottom: 10px;}

    .list-5 li a{ flex-wrap: wrap; position: relative; }
    .list-5 li .img-center{ flex:100%; }
    .list-5 li .text{ flex:100%; margin:20px 0; }
    .list-5 li .more{ position: absolute; right: 0; bottom: 15px;}

    .list-6 li a{  padding-bottom: 0;}
    .list-6 li .text{  font-size: 16px; height: 60px;}
    .list-6 li .more{ display: none; }

    .lanmu2{ padding: 0; }
    .lanmu2 .container{ padding: 0; }
    .lanmu2 li a{ border-bottom: 1px solid #dadada; height: 70px; }

    .pro-title2 span{  font-size: 16px; }
    .list-7 li .text{ padding-left: 0; }

    .info-message{ padding: 20px 0; }
    .info-message .tits{ font-size: 24px; margin-bottom: 20px; }
    .info-message .formgroup{ margin-bottom: 0; }
    .info-message .formgroup .label{  margin-right: 0; margin-bottom: 20px;}
    .info-message .formgroup .label2{  margin-right: 0; margin-bottom: 20px;}

    .info-pro1{ display: none; }
    .info-pro1 .text .con{flex-wrap: wrap;}
    .info-pro1 .text .con .txt{  margin-left: 0; order: -10; margin-bottom: 15px; }
    .info-pro1 .text .con .txt h2{ font-size: 24px; }
    .info-pro1 .text .con .txt p{ font-size: 14px; }
    .m-info-pro1{ display: block; }

    .info-pro2{ display: none; }
    .info-pro2 .text .con h2{ font-size: 24px;  }
    .info-pro2 .text .con p{ font-size: 14px;  }
    .m-info-pro2{ display: block; }

    .info-pro3{ display: none; }
    .info-pro3 .text .con h2{ font-size: 24px;  }
    .info-pro3 .text .con p{ font-size: 14px;  }
    .m-info-pro3{ display: block; }

    .info-pro4{ display: none; }
    .info-pro4 .text .con h2{ font-size: 24px;  }
    .info-pro4 .text .con p{ font-size: 14px;  }
    .m-info-pro4{ display: block; }

    .info-pro5{ padding: 20px 0 }
    .info-pro5 .text h2{ font-size: 24px;  }
    .info-pro5 .text p{ font-size: 14px;}
    .info-pro5 .con{ display: none; }
    .info-pro5 .con2{ display: block; }

    .info-tab{ padding: 30px 0; }
    .info-tab-title h2{ font-size: 24px; margin-bottom: 5px;  }
    .info-tab-title p{ font-size: 14px;  }
    .info-tab-menu{ margin:20px 0; }
    .info-tab-menu li{ width: 50%; margin-bottom: 12px; }
    .info-tab-menu li a{  height: 55px; margin:0 10px; font-size: 14px; padding: 8px 20px 0; }

    .xg-pro .tits span{ font-size: 24px; }
    .xg-pro .tits .prevnext{ display: none; }

    .banner-sub-pro{ height: 250px;  }
    .banner-sub-pro .text h2{ font-size: 24px; }
    .banner-sub-pro .text p{ font-size: 20px; padding: 0 20px; }
    .banner-sub-pro .text .btns a{ font-size: 14px; margin-top: 10px; }

    .info-xx-menu li a{ padding: 15px 10px;  font-size: 14px; }

    .info-xx1 .tits{ font-size: 24px;  }

    .info-xx2 li{ margin-bottom: 15px; }
    .info-xx2 li h2{ font-size: 16px; }
    .info-xx2 li p{ font-size: 24px; }

    .info-xx3 .text h2{ font-size: 24px; }

    .info-xx4 h2{ font-size: 24px;  }
    .info-xx4 h3{ font-size: 20px; }

    .info-xx5 .text{ margin:0 10px; top:0; padding: 15px; }

    .info-xx6 .text{ padding: 15px;  margin:0 10px; }
    .info-xx6 .text h2{ font-size: 24px; }

    .info-xx7 h2{ font-size: 24px;  }

    .info-xx8 h2{ font-size: 24px;  }

    .info-xx9 h2{ font-size: 24px; }
    .info-xx9 h3{ font-size: 20px; margin:10px 0;  }

    .info-xx11 h2{ font-size: 28px; }
    .info-xx11 p{ font-size: 16px; }
    .info-xx11 .icon{ margin:10px 0; }
    .info-xx11 .btns a{ font-size: 16px; }

    .info-xx12 .text h2{ font-size: 24px; }

    .info-xx13 h2{ font-size: 24px; }
    .info-xx13 p{ font-size: 16px; }

    .info-xx14 h4{ font-size: 28px; margin-bottom: 15px; }
    .info-xx14 .text{ font-size: 24px; }

    .info-xx15 .text{ padding: 10px;  }
    .info-xx15 .text h2{ font-size: 24px; }

    .info-xx16 h2{ font-size: 24px; }
    .info-xx17 .text{ margin-bottom: 15px; }
    .info-xx17 .text h2{ font-size: 24px; }

    .info-xx18 .tits h2{ font-size: 24px; }

    .info-xx19 .tits{ font-size: 24px; }

    .info-xx20 .txt{ text-align: center; }
    .info-xx20 .txt h2{ font-size: 24px; }



    



  

    



}