@media screen and (max-width: 1920px) and (min-width: 981px) {
    .content .con1 .li8 {
        max-width: 48%;
    }
    .content .con1 .li4 {
        top: 273px;
        right: 11%;
        max-width: 37%;
    }
    .content .con1 .li4 {
        right: -1%;
    }
    .content .con1 li {
        max-width: 40%;
    }
    .content .con1 .li2 span {
        right: -12px;
    }
    .content .con1 .li3 span {
        right: -50px;
    }
    .content .con1 .li6 {
        max-width: 30%;
    }
    .content .con1 .li7 {
        max-width: 30%;
    }
    .content .con1 .li9 {
        max-width: 44%;
    }
    .content .con1 .li10 {
        max-width: 52%;
    }
    .content .con1 .li11 {
        max-width: 39%;
    }
}
@media screen and (max-width: 980px) {
    .content .con1 .li4 {
        right: 0%;
        max-width: 37%;
    }
    .content .con1 .li2 {
        max-width: 46%;
    }
    .content .con1 .li2 span {
        bottom: 38px;
    }
    .content .con1 .li1 span {
        bottom: -40px;
    }
    .content .con1 .li3 {
        max-width: 59%;
    }
    .content .con1 .li3 span {
        bottom: 59px;
        right: -49px;
    }
    .content .con1 .li4 span {
        bottom: 54px;
    }
    .content .con1 .li5 {
        top: 300px;
        right: 4.5%;
        max-width: 45%;
    }
    .content .con1 .li6 {
        max-width: 47%;
    }
    .content .con1 .li7 {
        max-width: 37%;
    }
    .content .con1 .li7 span {
        top: 20px;
    }
    .content .con1 .li8 {
        max-width: 66%;
    }
    .content .con1 .li9 {
        top: 476px;
        max-width: 61%;
    }
    .content .con1 .li10 {
        max-width: 68%;
    }
    .content .con1 .li11 {
        max-width: 64%;
    }
}