@charset "utf-8";

@media (max-width: 1200px) {

}

@media screen and (max-width: 768px) {
    .img-2 ul {display: flex;flex-wrap: wrap;width: 100%;}
    .img-2 ul li {width: 180px;height: 180px;margin-top: 5px;}
    .img-2 img {width: 180px;height: 180px;object-fit: cover;}

    .img-3 ul {display: flex;flex-wrap: wrap;width: 100%;}
    .img-3 ul li {width: 150px;height: 150px;margin-top: 5px;}
    .img-3 img {width: 150px;height: 150px;object-fit: cover;}

    .img-4 ul {display: flex;flex-wrap: wrap;width: 100%;}
    .img-4 ul li {width: 180px;height: 180px;margin-top: 5px;}
    .img-4 img {width: 180px;height: 180px;object-fit: cover;}
    
    .img-5 ul {display: flex;flex-wrap: wrap;width: 100%;}
    .img-5 ul li {width: 150px;height: 150px;margin-top: 5px;}
    .img-5 img {width: 150px;height: 150px;object-fit: cover;}
    
    .img-6 ul {display: flex;flex-wrap: wrap;width: 100%;}
    .img-6 ul li {width: 150px;height: 150px;margin-top: 5px;}
    .img-6 img {width: 150px;height: 150px;object-fit: cover;}
    
    .img-7 ul {display: flex;flex-wrap: wrap;width: 100%;}
    .img-7 ul li {width: 150px;height: 150px;margin-top: 5px;}
    .img-7 img {width: 150px;height: 150px;object-fit: cover;}
    
    .img-8 ul {display: flex;flex-wrap: wrap;width: 100%;}
    .img-8 ul li {width: 150px;height: 150px;margin-top: 5px;}
    .img-8 img {width: 150px;height: 150px;object-fit: cover;}
    
    .img-9 ul {display: flex;flex-wrap: wrap;width: 100%;}
    .img-9 ul li {width: 150px;height: 150px;margin-top: 5px;}
    .img-9 img {width: 150px;height: 150px;object-fit: cover;}
    
    .m {border:none}
    
}

@media screen and (max-width: 640px) {
    .img-2 ul {display: flex;flex-wrap: wrap;width: 100%;}
    .img-2 ul li {width: 180px;height: 180px;margin-top: 5px;}
    .img-2 img {width: 180px;height: 180px;object-fit: cover;}

    .img-3 ul {display: flex;flex-wrap: wrap;width: 100%;}
    .img-3 ul li {width: 150px;height: 150px;margin-top: 5px;}
    .img-3 img {width: 150px;height: 150px;object-fit: cover;}

    .img-4 ul {display: flex;flex-wrap: wrap;width: 100%;}
    .img-4 ul li {width: 180px;height: 180px;margin-top: 5px;}
    .img-4 img {width: 180px;height: 180px;object-fit: cover;}
    
    .img-5 ul {display: flex;flex-wrap: wrap;width: 100%;}
    .img-5 ul li {width: 150px;height: 150px;margin-top: 5px;}
    .img-5 img {width: 150px;height: 150px;object-fit: cover;}
    
    .img-6 ul {display: flex;flex-wrap: wrap;width: 100%;}
    .img-6 ul li {width: 150px;height: 150px;margin-top: 5px;}
    .img-6 img {width: 150px;height: 150px;object-fit: cover;}
    
    .img-7 ul {display: flex;flex-wrap: wrap;width: 100%;}
    .img-7 ul li {width: 150px;height: 150px;margin-top: 5px;}
    .img-7 img {width: 150px;height: 150px;object-fit: cover;}
    
    .img-8 ul {display: flex;flex-wrap: wrap;width: 100%;}
    .img-8 ul li {width: 150px;height: 150px;margin-top: 5px;}
    .img-8 img {width: 150px;height: 150px;object-fit: cover;}
    
    .img-9 ul {display: flex;flex-wrap: wrap;width: 100%;}
    .img-9 ul li {width: 150px;height: 150px;margin-top: 5px;}
    .img-9 img {width: 150px;height: 150px;object-fit: cover;}
    
    .m {border:none}
    .banner img { height: auto !important;  }
}
@media screen and (max-width: 481px) {
    .img-2 ul {display: flex;flex-wrap: wrap;width: 100%;}
    .img-2 ul li {width: 150px;height: 150px;margin-top: 5px;}
    .img-2 img {width: 150px;height: 150px;object-fit: cover;}

    .img-3 ul {display: flex;flex-wrap: wrap;width: 100%;}
    .img-3 ul li {width: 90px;height: 90px;margin-top: 5px;}
    .img-3 img {width: 90px;height: 90px;object-fit: cover;}

    .img-4 ul {display: flex;flex-wrap: wrap;width: 100%;}
    .img-4 ul li {width: 150px;height: 150px;margin-top: 5px;}
    .img-4 img {width: 150px;height: 150px;object-fit: cover;}
    
    .img-5 ul {display: flex;flex-wrap: wrap;width: 100%;}
    .img-5 ul li {width: 90px;height: 90px;margin-top: 5px;}
    .img-5 img {width: 90px;height: 90px;object-fit: cover;}
    
    .img-6 ul {display: flex;flex-wrap: wrap;width: 100%;}
    .img-6 ul li {width: 90px;height: 90px;margin-top: 5px;}
    .img-6 img {width: 90px;height: 90px;object-fit: cover;}
    
    .img-7 ul {display: flex;flex-wrap: wrap;width: 100%;}
    .img-7 ul li {width: 90px;height: 90px;margin-top: 5px;}
    .img-7 img {width: 90px;height: 90px;object-fit: cover;}
    
    .img-8 ul {display: flex;flex-wrap: wrap;width: 100%;}
    .img-8 ul li {width: 90px;height: 90px;margin-top: 5px;}
    .img-8 img {width: 90px;height: 90px;object-fit: cover;}
    
    .img-9 ul {display: flex;flex-wrap: wrap;width: 100%;}
    .img-9 ul li {width: 90px;height: 90px;margin-top: 5px;}
    .img-9 img {width: 90px;height: 90px;object-fit: cover;}
    
    .m {border:none}
    .banner img { height: auto !important;  }
}

@media screen and (max-width: 431px) {
    .img-2 ul {display: flex;flex-wrap: wrap;width: 100%;}
    .img-2 ul li {width: 120px;height: 120px;margin-top: 5px;}
    .img-2 img {width: 120px;height: 120px;object-fit: cover;}
    
    .img-4 ul {display: flex;flex-wrap: wrap;width: 100%;}
    .img-4 ul li {width: 120px;height: 120px;margin-top: 5px;}
    .img-4 img {width: 120px;height: 120px;object-fit: cover;}
    
    .m {border:none}
    .banner img { height: auto !important;  }
}

@media screen and (max-width: 360px) {
    /*9图*/
    .img-1 ul li:nth-child(1) {margin-right: 5px;width: 50%;}
    .img-2 ul li {margin-right: 5px;width: 80px;height: 80px;}
    .img-2 img {object-fit: cover;width: 80px;height: 80px;}
    
    .img-1 ul li:nth-child(1) {margin-right: 5px;width: 50%;}
    .img-3 ul li {margin-right: 5px;width: 80px;height: 80px;}
    .img-3 img {object-fit: cover;width: 80px;height: 80px;}
    
    .img-4 ul {display: flex;flex-wrap: wrap;width: 100%;}
    .img-4 ul li {width: 110px;height: 110px;margin-top: 5px;}
    .img-4 img {width: 110px;height: 110px;object-fit: cover;}
    
    .img-5 ul {display: flex;flex-wrap: wrap;width: 100%;}
    .img-5 ul li {width: 80px;height: 80px;margin-top: 5px;}
    .img-5 img {width: 80px;height: 80px;object-fit: cover;}
    
    .img-6 ul {display: flex;flex-wrap: wrap;width: 100%;}
    .img-6 ul li {width: 80px;height: 80px;margin-top: 5px;}
    .img-6 img {width: 80px;height: 80px;object-fit: cover;}
    
    .img-7 ul {display: flex;flex-wrap: wrap;width: 100%;}
    .img-7 ul li {width: 80px;height: 80px;margin-top: 5px;}
    .img-7 img {width: 80px;height: 80px;object-fit: cover;}
    
    .img-8 ul {display: flex;flex-wrap: wrap;width: 100%;}
    .img-8 ul li {width: 80px;height: 80px;margin-top: 5px;}
    .img-8 img {width: 80px;height: 80px;object-fit: cover;}
    
    .img-9 ul {display: flex;flex-wrap: wrap;width: 100%;}
    .img-9 ul li {width: 80px;height: 80px;margin-top: 5px;}
    .img-9 img {width: 80px;height: 80px;object-fit: cover;}
    
    .m {border:none}
    .banner img { height: auto !important;  }
}