LiuGeYuYou-HTML/assets/css/about.css

.banner {
    width: 100%;
    height: 520px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.banner__bg {
    z-index: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block
}

.banner__body {
    z-index: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.banner__body__title {
    font-size: 60px;
    line-height: 90px;
    user-select: none;
}

.banner__body__sub {
    margin-top: 0;
    font-size: 20px
}

.main {
    display: flex;
    flex-direction: column;
    align-items: center
}

.main__title {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    margin-top: 85px;
    font-size: 38px;
    font-weight: bold;
    color: #191919
}

.main__about {
    margin-top: 75px;
    display: flex;
    flex-direction: row;
    justify-content: center
}

.main__about img {
    height: 285px;
    -o-object-fit: cover;
    object-fit: cover;
    margin-right: 25px
}

.main__about .tex {
    text-indent: 2em;
    line-height: 24px;
    font-size: 14px;
    max-width: 450px
}

.main .certificate-con {
    margin-top: 75px;
    display: flex;
    gap: 30px
}

.main .certificate-con img {
    height: 245px;
    -o-object-fit: contain;
    object-fit: contain
}

.main .copyright-con {
    margin-top: 75px
}

.main .copyright-con img {
    width: 945px;
    -o-object-fit: contain;
    object-fit: contain
}

/*# sourceMappingURL=about.css.map*/