.index-about {
    width: 100%;
    position: relative;
    overflow: hidden;
}
.index-about .index-about-introduction {
    width: 100%;
    margin-top: 2.15vw;
    height: 43.13vw;
    background-image: url('../../images/about/bg.png');
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 3.85vw 8.33vw 4.9vw 8.33vw;
    display: flex;
    justify-content: center;
}
.index-about .index-about-achievement {
    width: 100%;
    height: 22.71vw;
    background-image: url('../../images/about/bottoom-bg.png');
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;   
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    padding: 0 8.33vw;
}

.index-about .index-about-title {
    width: 100%;
    height: 4.97vw;
    position: relative;
    margin-top: 2.39vw;
    display: flex;
    align-items: center;
    justify-content: center;
}
.index-about .index-about-more {
    position: absolute;
    font-size: 1.67vw;
    color: #0C8B96;
    font-weight: 400;
    right: 0px;
}
.index-about .index-about-introduction-content{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.index-about .index-about-right {
    width: 45.83vw;
    height: 34.38vw;
    background-image: url('../../images/about/jieshao.png');
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
}
.index-about .index-about-right {
    width: 37.5vw;
    height: 34.38vw;
    background-color: #fff;
}
.index-about .index-about-left {
    display: flex;
    flex-direction: column;
    flex: 1;
    background-color: #fff;
    padding: 2.6vw 3.83vw 1.83vw 3.4vw;
    height: 100%;
}
.index-about .index-about-left h4 {
    font-size: 2.08vw;
    color: #010101;font-weight: 600;
    font-family: PingFang SC;
}
.index-about .index-about-left p {
    flex: 1;
    font-family: PingFang SC;
    font-weight: 400;
    font-size: 1.46vw;
    color: #5C5C5C;
    line-height: 2.4vw;
    margin-top: 1.36vw;
}
.index-about .index-about-left .index-about-left-more {
    font-family: PingFang SC;
    font-weight: 400;
    font-size: 1.67vw;
    color: #0C8B96;
    font-style: italic;
    text-align: right;
}
.index-about .index-about-achievement .index-about-achievement-item {
    width: 20.83vw;
    color: #fff;
    display: flex;
    flex-direction: column;
    text-align: center;
}
.index-about .index-about-achievement .index-about-achievement-item span {
    font-size: 2.71vw; 
    font-weight: 600;
    font-family: PingFang SC;
    color: #FFFFFF;
}
.index-about .index-about-achievement .index-about-achievement-item p,
.index-about .index-about-achievement .index-about-achievement-item sub {
    font-family: PingFang SC;
    font-weight: 400;
    font-size: 1.46vw;
    color: #FFFFFF;
}       
.index-about .index-about-achievement .index-about-achievement-item sub {
    position: relative;
    bottom: 0.73vw;
}

/* 关于知松 */

.about-banner {
    width: 100%;
    height: 41.67vw;
}
.about-banner img {
    width: 100%;
}
.about-text,.about-contact {
    width: 100%;
    padding: 0 8.33vw;
}
.about-contact {
    margin-bottom: 30px;
}

.about-text .about-title,
.about-contact .about-title {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: 5.83vw;
    margin-bottom: 2.39vw;
}

.about-text .about-title h3,
.about-contact .about-title h3 {
    font-family: HarmonyOS_Sans_SC_Black;
    font-weight: bolder;
    font-size: 2.5vw;
    color: #010101;
}

.about-text .about-title p,
.about-contact .about-title p {
    font-family: MicrosoftYaHei;
    font-weight: 400;
    font-size: 1.88vw;
    color: #81D4C2;
}
.about-text .about-brief-introduction {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    
}
.about-text .about-brief-introduction h3 {
    font-family: MicrosoftYaHei;
    font-weight: 400;
    font-size: 1.88vw;
    color: #010101;
    position: relative;
    line-height: 6.25vw;
    margin-bottom: 1.04vw;
}
.about-text .about-brief-introduction h3::before {
    position: absolute;
    content: "";
    width: 7.69vw;
    height: 0.52vw;
    left: 0;
    bottom: 0;
    background-image: url('../../images/about/bottom.png');
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 1;
}
.about-text .about-brief-introduction p {
    text-indent: 2em;
    font-family: PingFang SC;
    font-weight: 400;
    font-size: 1.25vw;
    color: #000000;
    line-height: 2.92vw;
}
.about-motto {
    width: 100%;
    display: flex;
    justify-content: space-around;
}
.about-motto .about-motto-item {
    width: 33.33vw;
    height: 40.62vw;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
}
.about-motto .about-motto-item:nth-of-type(1) {
    background-image: url("../../images/about/12.png");
}
.about-motto .about-motto-item:nth-of-type(2) {
    background-image: url("../../images/about/13.png");
}
.about-motto .about-motto-item:nth-of-type(3) {
    background-image: url("../../images/about/14.png");
}
.about-motto .about-motto-item span {
    font-family: PingFang SC;
    font-weight: 400;
    font-size: 2.4vw;
    color: #FFFFFF;
    line-height: 4.17vw;
    display: block;
    padding: 0 1.04vw;
    position: relative;
    z-index: 2;
}
.about-motto .about-motto-item .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    display: none;
    position: absolute;
    z-index: 1;
}

.about-motto .about-motto-item:hover .bg {
    display: block;
}
.about-motto .about-motto-item:hover span {
    border-bottom: 0.52vw solid #fff;
}
.about-motto .about-motto-item:hover p {
    display: block;
}


.about-motto .about-motto-item p {
    display: none;
    width: 100%;
    padding: 0 4.69vw ;
    font-family: PingFang SC;
    font-weight: 300;
    font-size: 1.46vw;
    color: #FFFFFF;
    line-height: 2.5vw;
    text-align: center;
    margin-top: 2.08vw;

    position: relative;
    z-index: 2;
}
.about-contact .address {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    position: relative;
}
.about-contact .address img{
    width: 100%;
    user-select: none;
}

.about-contact .address .address-context {
    width: 100%;
    background-color: rgba(0,0,0,0.37);
    height: 10vw;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding-left: 4.17lvw;
    position: absolute;
    bottom: 0;
    left: 0;
}
.about-contact .address .address-context p{
    font-family: PingFang SC;
    font-weight: 400;
    font-size: 1.46vw;
    color: #FFFFFF;
    line-height: 3.23vw;
}
@media screen and (max-width: 750px) {
    .index-about { margin-top: 2.93vw; }
    .index-about .index-about-introduction {
        margin-top: 15.6vw;
        background-image: url('../../images/about/bg-app.png');
        height: 132.8vw;
        padding: 2.27vw 4vw 10.4vw 4vw;
        flex-direction: column;
        position: relative;
    }
    .index-about .index-about-achievement {
        padding: 4vw;
        height: auto;
    background-image: url('../../images/about/bottoom-bg-app.png');
    }
    
    .index-about .index-about-title {
        width: 100%;
        height: 9.47vw;
        position: absolute;
        left: 0;
        top: 0;
    }
    .index-about .index-about-more {
        display: none;
    }
    .index-about .index-about-right {
        width: auto;
        height: 46.8vw;
        position: absolute;
        left: 4vw;
        top: 2.27vw;
        right: 4vw;
        margin: auto;
        background-image: url('../../images/about/jieshao.png');
    }
    .index-about .index-about-left {
        width: auto;
        height: 70.53vw;
        position: absolute;
        top: 53.2vw;
        left: 4vw;
        right: 4vw;
        margin: auto;
    }
    .index-about .index-about-left h4 {
        font-size: 4.8vw;
    }
    .index-about .index-about-left p {
        font-size: 3.2vw;
        line-height: 6.13vw;
    }
    .index-about .index-about-left .index-about-left-more {
        font-size: 3.47vw;
    }
    .index-about .index-about-achievement .index-about-achievement-item {
        width: 40%;
        margin: 3.67vw 0;
    }
    .index-about .index-about-achievement .index-about-achievement-item span {
        font-size: 4.53vw;
    }
    .index-about .index-about-achievement .index-about-achievement-item p,
    .index-about .index-about-achievement .index-about-achievement-item sub {
        font-size: 3.2vw;
    }
    .index-about .index-about-achievement .index-about-achievement-item sub {
        bottom: 1.2vw;
    }
    .about-banner img { width: 100%; }

    .about-text {
        padding: 0 4vw;
    }
    .about-contact {
        padding: 0;
        margin-bottom: 0;
    }
    .about-text .about-title,
    .about-contact .about-title {
        margin-top: 6.27vw;
        margin-bottom: 3.73vw;
    }
    .about-text .about-title h3,
    .about-contact .about-title h3 {
        font-size: 4vw;
    }
    .about-text .about-title p,
    .about-contact .about-title p {
        font-size: 3.2vw;
    }
    .about-text .about-brief-introduction {}
    .about-text .about-brief-introduction h3 {
        font-size: 4vw;
        line-height: 10.67vw;
    }
    .about-text .about-brief-introduction h3::before {
        width: 12vw;
        height: 0.67vw;
    }
    .about-text .about-brief-introduction p {
        font-size: 2.67vw;
        line-height: 4.93vw;
    }
    .about-motto {}
    .about-motto .about-motto-item {
        width: 30.93vw;
        height: 37.73vw;
    }
    .about-motto .about-motto-item:nth-of-type(1) {}
    .about-motto .about-motto-item:nth-of-type(2) {}
    .about-motto .about-motto-item:nth-of-type(3) {}
    .about-motto .about-motto-item span {
        font-size: 3.2vw;
        padding: 0 1.33vw;
        line-height: 5.33vw;
    }
    .about-motto .about-motto-item .bg {}
    .about-motto .about-motto-item:hover .bg {}
    .about-motto .about-motto-item:hover span {
        border-bottom: 0.4vw solid #fff;
    }
    .about-motto .about-motto-item:hover p {}
    .about-motto .about-motto-item p {
        font-size: 2.4vw;
        line-height: 3.2vw;
        padding: 0 6.67vw;
        margin-top: 2vw;
    }
    .about-contact .address {
        height: 60.13vw;
        background-image: url('../../images/about/address-app.png');
    }
    .about-contact .address .address-context {
        padding-left: 0;
        padding: 0 4vw;
    }
    .about-contact .address .address-context p {
        font-size: 2.8vw;
    }
}