.banner {
    background: url(../images/superiority/banner.png) no-repeat center;
    background-size: cover;
    height: 620px;
}

.content {
    padding: 30px 0 120px;
    text-align: center;
}

.content ul {
    display: flex;
    justify-content: space-around;
}

.superiority1 ul {
    font-size: 20px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #666666;
}

.superiority1 ul li:nth-child(1)::before {
    content: "";
    display: block;
    width: 200px;
    height: 200px;
    background: url(../images/superiority/superiority1.png) no-repeat;
    background-size: contain;
    margin: 0 auto 24px;
}

.superiority1 ul li:nth-child(2)::before {
    content: "";
    display: block;
    width: 200px;
    height: 200px;
    background: url(../images/superiority/superiority2.png) no-repeat;
    background-size: contain;
    margin: 0 auto 19px;
}

.superiority1 ul li:nth-child(3)::before {
    content: "";
    display: block;
    width: 200px;
    height: 200px;
    background: url(../images/superiority/superiority3.png) no-repeat;
    background-size: contain;
    margin: 0 auto 29px;
}

.superiority1 ul li:nth-child(4)::before {
    content: "";
    display: block;
    width: 200px;
    height: 200px;
    background: url(../images/superiority/superiority4.png) no-repeat;
    background-size: contain;
    margin: 0 auto 29px;
}

.superiority2 {
    padding-top: 50px;
    text-align: center;
}

.superiority2 p {
    font-size: 20px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #666666;
    margin-bottom: 60px;
}

.superiority2 ul {
    padding: 0 75px;
}

.superiority2 ul li:nth-child(1) {
    background: url(../images/superiority/superiority5.png) no-repeat center;
    background-size: contain;
    width: 188px;
    height: 200px;
}

.superiority2 ul li:nth-child(2) {
    background: url(../images/superiority/superiority6.png) no-repeat center;
    background-size: contain;
    width: 188px;
    height: 200px;
}

.superiority2 ul li:nth-child(3) {
    background: url(../images/superiority/superiority7.png) no-repeat center;
    background-size: contain;
    width: 188px;
    height: 200px;
}

.superiority2 ul li:nth-child(4) {
    background: url(../images/superiority/superiority8.png) no-repeat center;
    background-size: contain;
    width: 188px;
    height: 200px;
}

.superiority2 ul li:nth-child(5) {
    background: url(../images/superiority/superiority9.png) no-repeat center;
    background-size: contain;
    width: 188px;
    height: 200px;
}

.superiority_m {
    display: none;
}

@media (max-width: 1080px) {
    .banner {
        background: url(../images/superiority/banner_m.png) no-repeat center;
        background-size: cover;
        height: 57.4074vw;
    }
    .content {
        padding: 3.7037vw 0 12.963vw;
        text-align: center;
    }
    .content ul {
        display: flex;
        justify-content: space-around;
    }
    .superiority1 ul {
        font-size: 3.7037vw;
        font-family: PingFang SC;
        font-weight: 400;
        color: #666666;
        flex-wrap: wrap;
        padding: 0 7.4074vw;
    }
    .superiority1 ul li {
        width: 40.7407vw;
        margin-bottom: 3.7037vw;
    }
    .superiority1 ul li:nth-child(1)::before {
        content: "";
        display: block;
        width: 30.8333vw;
        height: 30.8333vw;
        background: url(../images/superiority/superiority1.png) no-repeat;
        background-size: contain;
        margin: 0 auto 4vw;
    }
    .superiority1 ul li:nth-child(2)::before {
        content: "";
        display: block;
        width: 30.8333vw;
        height: 30.8333vw;
        background: url(../images/superiority/superiority2.png) no-repeat;
        background-size: contain;
        margin: 0 auto 4vw;
    }
    .superiority1 ul li:nth-child(3)::before {
        content: "";
        display: block;
        width: 30.8333vw;
        height: 30.8333vw;
        background: url(../images/superiority/superiority3.png) no-repeat;
        background-size: contain;
        margin: 0 auto 4vw;
    }
    .superiority1 ul li:nth-child(4)::before {
        content: "";
        display: block;
        width: 30.8333vw;
        height: 30.8333vw;
        background: url(../images/superiority/superiority4.png) no-repeat;
        background-size: contain;
        margin: 0 auto 4vw;
    }
    .superiority2 {
        display: none;
    }
    .superiority_m {
        display: block;
        padding: 0 5.5556vw;
    }
    .superiority_m p {
        font-size: 3.1481vw;
        color: #666;
    }
    .superiority_m p::after {
        content: "";
        display: block;
        width: 100%;
        height: 61.7593vw;
        background: url(../images/superiority/superiority_m.png) no-repeat;
        background-size: contain;
        margin-top: 3.7037vw;
    }
}