.box-about {
    height: auto;
    width: 100%;
    background-color: #000;
    border-radius: 20px;
    overflow: hidden;
    padding: 40px;
}

.box-about-title {
    color: #fff;
    font: normal normal normal 18px/1.4em 'libre baskerville', serif;
    font-size: 2vh;
    font-weight: 600;
    width: 100%;
    max-width: 611px;
    line-height: 1;
    margin-top: 40px;
    animation: tilt-in-bottom-2 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.box-about-title1 {
    color: #fff;
    font: normal normal normal 62px / 1em helvetica-w01-bold, sans-serif;
    width: 100%;
    height: auto;
    font-size: 7vh;
    font-weight: 700;
    width: 100%;
    max-width: 712px;
    animation: tilt-in-bottom-2 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@media (min-width: 768px) {
    .about-pd {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

.sect-zlj2 {
    background-image: url(../images/img/img8.avif);
}

.box1-index-div {
    font-weight: 500;
}

@media (min-width: 768px) {
    .pc-about-mt {
        margin-top: 120px;
        margin-bottom: 60px;
    }

    .pc-about-mt1 {
        margin-top: 240px;
        margin-bottom: 60px;
    }
}

.box-about-img {
    width: 100%;
    height: 920px;
    border-radius: 20px;
    overflow: hidden;
}

.box-about-img1 {
    width: 100%;
    height: 444px;
    border-radius: 20px;
    background-color: rgb(64, 64, 64);
}

.box-about-img2 {
    width: 100%;
    height: 444px;
    border-radius: 20px;
    background-color: #000;
}

@media (max-width: 768px) {

    .box-about-img1,
    .box-about-img3 {
        margin-top: 2rem;
    }
}

.box-about-img3 {
    width: 100%;
    height: 915px;
    border-radius: 20px;
    overflow: hidden;
    background-color: #000;
}

.sect-zlj3 {
    background-image: url(../images/img/img12.avif);
}