.title {
    margin-bottom: 8.43rem;
    font-size: 2.86rem;
    font-weight: inherit;
    text-align: center;
    color: var(--color-black)
}

.wrap .container {
    margin-bottom: 8.43rem
}

.wrap {
    height: 100%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: top left
}

.wrap .about {
    padding-top: 8.43rem
}

.wrap .about-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr)
}

.wrap .about-grid-item {
    padding: 14px 36px 36px 20px;
    border-left: 1px dotted #c1d1e8;
    border-bottom: 1px dotted #c1d1e8
}

.wrap .about-grid-item:nth-child(3n-2) {
    border-left: none
}

.wrap .about-grid-item:nth-of-type(1),
.wrap .about-grid-item:nth-of-type(2),
.wrap .about-grid-item:nth-of-type(3) {
    padding-top: 0px;
    border-bottom: 1px dotted #c1d1e8
}

.wrap .advantage>div {
    padding: 50px 36px 50px;
    border-radius: 10px;
    transition: .3s ease-in-out
}

.wrap .advantage>div:hover {
    box-shadow: 0 6px 27px 5px rgba(186, 186, 186, 0.4)
}

.wrap .advantage-icon,
.wrap .advantage-title {
    text-align: center
}

.wrap .advantage-icon {
    margin-bottom: 20px;
    color: var(--color-primary)
}

.wrap .advantage-icon .iconfont {
    font-size: 34px
}

.wrap .advantage-title {
    margin-bottom: 23px;
    font-size: 18px;
    font-weight: bold;
    color: var(--color-black)
}

.wrap .advantage-desc {
    color: #808080
}

.cert-list {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.cert-list .cert-item {
    flex: 1;
    text-align: center
}

.cert-list .cert-item img {
    height: 80px;
    line-height: 80px
}

.cert-list .cert-item .name {
    padding-top: 10px;
    display: block;
    margin-bottom: 12px;
    line-height: 20px;
    font-size: 14px
}

.contact .contact-wrap {
    position: relative;
    height: 23.29rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    color: #fff;
    overflow: hidden
}

.contact .contact-wrap::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1
}

.contact .contact-wrap img {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
    transition: .3s ease-in-out
}

.contact .contact-wrap:hover img {
    transform: scale(1.05)
}

.contact .contact-wrap:first-of-type .contact-text {
    width: 300px;
    margin: 0 auto
}

.contact .contact-wrap:last-of-type {
    text-align: center
}

.contact-title,
.contact-text {
    position: relative;
    z-index: 2
}

.contact-title {
    margin-bottom: 22px;
    font-size: 18px;
    font-weight: bold;
    text-align: center
}

ul {
    list-style: none;
    padding: 0
}