@import url(animate.min.css);
@import url(swiper.min.css);
@import url(style.css);
@media screen and (max-width: 1366px) {
    .header-fix .header .nav{  margin-left: 150px; }
}
@media screen and (max-width: 768px) {
    body {min-width: 320px;padding-top: 60px;}
    .container {width: auto; padding: 0 15px;}
    header{ display: none; }
    .m-header{ display: flex; }

    .banner .swiper-pagination-bullets{ bottom: 15px; }
    .banner .swiper-pagination-bullet{ width: 12px; height: 12px; border-radius: 50%; }

    .section{padding:30px 0;}

    .section-title{ margin-bottom: 10px; }
    .section-title strong { font-size:24px; }
    .section-title p{ font-size: 16px; }

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

    .in-about{ flex-wrap: wrap; }
    .in-about .text{ flex:100%; }
    .in-about .text .btns a{  font-size: 16px; }
    .in-about .video{ flex:100%; margin-top: 20px; }

    .in-pro:before{ width:100%; }
    .in-pro-con .swiper-slide a{ flex-wrap: wrap; }
    .in-pro-con .swiper-slide .img-center{ flex:100%; }
    .in-pro-con .swiper-slide .text{ flex:100%; padding: 0; margin-top: 20px; }
    .in-pro-con .swiper-slide .text h2{ font-size: 18px; margin-bottom: 10px; }
    .in-pro-con .swiper-slide .text p{ font-size: 14px; line-height: 25px; }
    .in-pro-con .swiper-slide .text .btns{ margin-top: 20px;  }
    .in-pro-con .swiper-slide .text .btns a{  font-size: 16px; }

    .in-news{ flex-wrap: wrap;  }
    .in-news .pic{ flex:100%;}
    .in-news .text{ flex:100%; margin-right:0; margin-top: 15px; }
    .in-news .text li{  font-size:14px;  line-height: 50px;  }
    .in-news .text li span{ margin-right: 10px; font-size: 18px; color: #333; }
 
    
    .in-shang:before{width:100%; }
    .in-shang-con{ flex-wrap: wrap;  padding: 15px; }
    .in-shang-con .text{ flex:100%; padding-top: 0;}
    .in-shang-con .text .btns a{  font-size: 16px; }
    .in-shang-con .img-center{ flex:100%; margin-top: 20px; }

    .in-job h2{  font-size: 20px; }
    .in-job h2 span{ font-size: 14px; }
    .in-job h3{ display: none; }
    .in-job .btns{  padding-top: 8px;}
    .in-job .btns a{  font-size: 12px; height: 30px; }

    .footer{ padding: 15px 0 0; }
    .footer .fnav{ display: none; }
    .footer .ewm{ float: none;width: auto; }
    .footer .ewm li{flex:1; margin:0; text-align: center; }
    .copyright{ padding: 15px; line-height: 20px;  margin-top: 20px; font-size: 14px; }


    .banner-sub{ height: 250px; }

    .list-1 li a{ flex-wrap: wrap; margin-bottom: 30px; padding: 0; }
    .list-1 li .img-cover{ flex:100%; margin-right: 0; height: 265px; border-radius: 15px;}
    .list-1 li .text{ flex:100%; padding: 15px 0;}
    .list-1 li a:hover::before{ display: none; }

    .list-2 li a{ flex-wrap: wrap; }
    .list-2 li .text{ flex:100%; }
    .list-2 li .img-center{ flex:100%; }

    .shouquan{ min-height: auto; padding: 0; }


}