.project-banner {
    width: 100%;
}
.project-banner img {
    width: 100%;
}
.project-service {
    width: 100%;
}
.project-service .project-title {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: 5.83vw;
    margin-bottom: 2.4vw;
}

.project-service .project-title h3 {
    font-family: HarmonyOS_Sans_SC_Black;
    font-weight: bolder;
    font-size: 2.5vw;
    color: #010101;
}

.project-service .project-title p {
    font-family: MicrosoftYaHei;
    font-weight: 400;
    font-size: 1.88vw;
    color: #128F99;
}
.project-service .project-jieshou {
    width: 100%;
    height: 47.66vw;
    background-image: url('../../images/project/bg.png');
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 3.13vw 8.33vw 6.98vw;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.project-service .project-jieshou .project-jieshou-title h3 {
    font-family: HarmonyOS_Sans_SC_Black;
    font-weight: bolder;
    font-size: 2.5vw;
    color: #fff;
    width: 100%;
    text-align: center;
}
.project-service .project-jieshou .project-jieshou-title p {
    font-family: MicrosoftYaHei;
    font-weight: 400;
    font-size: 1.67vw;
    color: #fff;
    width: 100%;
    line-height: 4.17vw;
    text-align: center;
}
.project-service .project-jieshou-content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.project-service .project-jieshou-content .project-jieshou-content-item {
    width: 20.42vw;
    height: 28.33vw;
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
}
.project-service .project-jieshou-content .project-jieshou-content-item:nth-of-type(1) {
    background-image: url('../../images/project/4.png');
}
.project-service .project-jieshou-content .project-jieshou-content-item:nth-of-type(2) {
    background-image: url('../../images/project/1.png');
}
.project-service .project-jieshou-content .project-jieshou-content-item:nth-of-type(3) {
    background-image: url('../../images/project/2.png');
}
.project-service .project-jieshou-content .project-jieshou-content-item:nth-of-type(4) {
    background-image: url('../../images/project/3.png');
}

.project-service .project-shouhou {
    padding: 5.21vw 8.33vw;
}
.project-service .project-shouhou img {
    width: 100%;
}
@media screen and (max-width: 750px) {
    .project-banner {
        margin-top: 10.67vw;
    }
    .project-banner img {
        width: 100%;
    }
    .index-advantage .index-advantage-title {
        display: flex;
        width: 100%;
        height: 7.95vw;
        position: absolute;
        left: 0;
        top: 0;
        margin-top: 7.73vw;
        margin-bottom: 5.04vw;
    }
    .index-advantage .index-advantage-content {
        display: flex;
    }
    .index-advantage .index-advantage-content {
        width: 100%;
        max-width: initial;
        height: auto;
        background-image: url('../../images/advantage/app.png');
    }
    .index-advantage .index-advantage-content-item:nth-of-type(1) {
        width: 100%;
        margin-bottom: 2%;
        margin-right: 0;
    }
    .index-advantage .index-advantage-content-item:nth-of-type(2) {
        width: 100%;
        max-width: 100%;
        margin-bottom: 2%;
        margin-right: 0;
    }
    .index-advantage .index-advantage-content-item:nth-of-type(3) {
        width: 49%;
        margin-right: 2%;
        margin-bottom: 2%;
        margin-top: 0;
    }
    .index-advantage .index-advantage-content-item:nth-of-type(4) {
        width: 49%;
        margin-right: 0;
        margin-bottom: 2%;
        margin-top: 0;
    }
    .index-advantage .index-advantage-content-item:nth-of-type(5) {
        width: 100%;
        margin-top: 0;
    }
    .project-service .project-title {
        margin-top: 7.07vw;
        margin-bottom: 3.84vw;
    }
    .project-service .project-title h3 {
        font-size: 3.93vw;
    }
    .project-service .project-title p {
        font-size: 3.16vw;
    }
    .project-service .project-jieshou {
        height: 122.59vw;
        padding: 4.63vw 3.93vw;
    }
    .project-service .project-jieshou .project-jieshou-title h3 {
        font-size: 3.93vw;
    }
    .project-service .project-jieshou .project-jieshou-title p {
        font-size: 3.16vw;
        line-height: 7.95vw;
    }
    .project-service .project-jieshou-content {
        align-items: center;
        justify-content: space-around;
        flex-wrap: wrap;
    }
    .project-service .project-jieshou-content .project-jieshou-content-item {
        width: 39.55vw;
        height: 42.59vw;
        margin: 1.59vw;
    }
    .project-service .project-shouhou {
        padding: 6.65vw 3.93vw;
    }
    .project-service .project-shouhou img {
        width: 100%;
    }
}


@media screen and (max-width: 350px) {
    .project-banner {
        margin-top: 15.33vw;
    }
}