@media screen and (max-width: 1280px) {
    .main {
        width: 100%;
    }
    .main .w {
        padding: 3.4895833333333335vw 3% 0;
    }
    .m-l li {
        margin-right: 2%;
    }
    .m-l li .m-l-ck {
        position: absolute;
        bottom: 12px;
        left: 24px;
    }
    .m-l li {
        width: 23.5%;
    }
}

@media screen and (max-width: 1143px) {
    .m-l li {
        width: 30.333%;
        height: 15.302083vw;
    }
    .m-l .li3,
    .m-l .li6 {
        margin-right: 0;
    }
    .m-l li,
    .m-l .li4 {
        margin-right: 4.5%;
    }
}

@media screen and (max-width: 920px) {}

@media screen and (max-width: 820px) {}

@media screen and (max-width: 796px) {
    .main .w {
        padding: 3.48958vw 5% 0px;
    }
    .m-l li {
        width: 45%;
        height: 20.302083vw;
    }
    .m-l li {
        margin-right: 10%;
    }
    .m-l .li3 {
        margin-right: 10%;
    }
    .m-l .li2,
    .m-l .li4,
    .m-l .li6 {
        margin-right: 0;
    }
}

@media screen and (max-width: 645px) {
    /* .m-l li {
        margin-right: 6.1275vw;
    }
    .m-l .li3 {
        margin-right: 6.1275vw;
    } */
}

@media screen and (max-width: 584px) {
    .m-t h3 {
        font-size: 26px;
    }
    .main .w {
        padding: 30px 5% 0px;
    }
    .m-l ul li .box {
        padding: 3.302083vw 4.302083vw 0
    }
    .m-l {
        margin-top: 20px;
    }
    .m-l li p {
        width: 20.208333vw;
        height: 10.760417vw;
        font-size: 3.41667vw;
    }
    .m-l li .m-l-ck {
        width: 12.697917vw;
        position: absolute;
        bottom: 2.625vw;
        left: 4.25vw;
        height: 4.40625vw;
        margin-top: 0;
        line-height: 3.40625vw;
    }
    .m-l li .m-l-ck a {
        display: inline-block;
        font-size: 0.7291666666666667vw;
    }
    .m-l li .m-l-r {
        position: absolute;
        right: 3.302083vw;
        top: 3.302083vw;
    }
    /* .m-l li {
        margin-right: 7.1275vw;
    }
    .m-l .li3 {
        margin-right: 7.1275vw;
    } */
}

@media screen and (max-width:400px) {
    .main .w {
        width: 96%;
        padding: 0;
    }
    .m-l li {
        /* width: 100%;
        height: 44.302083vw; */
    }
    .m-l li {
        margin-right: 0;
    }
    .m-l .li3 {
        margin-right: 0;
    }
    .m-l li p {
        width: 60.208333vw;
        height: 28.760417vw;
        font-size: 10.41667vw;
    }
    .m-l li .m-l-ck {
        width: 21.697917vw;
        position: absolute;
        bottom: 3.625vw;
        left: 4.25vw;
        height: 8.40625vw;
        margin-top: 0;
        line-height: 3.40625vw;
    }
    .m-l li .m-l-ck a {
        font-size: 3.929167vw;
    }
    .m-l li .m-l-r {
        position: absolute;
        right: 6.302083vw;
        top: 6.302083vw;
    }
    .m-t .m-t-top {
        width: 81.177083vw;
        height: 100%;
        margin: 0 auto;
    }
    .m-t h3 {
        font-size: 6.166667vw;
        color: #333;
        margin: 0 1.520833vw;
    }
    .m-t .m-t-h {
        width: 18.166667vw;
        height: 1px;
        margin-bottom: 4px;
        background-color: #ccc;
    }
}

@media screen and (max-width: 360px) {}