/*
 * @Author: ChenWanzhao
 * @Date: 2023-11-03 11:34:23
 * @LastEditors: ChenWanzhao
 * @LastEditTime: 2023-11-03 15:35:59
 * @Description: 案例-我们的服务所达成的效果
 */
.bf-case-service-effect {
    color: #ffffff;
    padding: 88px 0 0 0;
    border-top: 1px solid var(--bf-theme-color3);
    border-bottom: 1px solid var(--bf-theme-color3);
    margin-top: -1px;
}

.bf-case-service-effect__title {
    text-align: center;
}

.bf-case-service-effect__content {
    padding: 116px 0;
    display: flex;
    position: relative;
}

.bf-case-service-effect__content::after {
    content: "";
    width: 1px;
    height: 20%;
    position: absolute;
    background: var(--bf-theme-color3);
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.bf-case-service-effect__content__data {
    width: 50%;
    display: flex;
    justify-content: center;
}

.bf-case-service-effect__content__data__value {
    color: var(--bf-theme-color1);
    display: block;
}

.bf-case-service-effect__content__data__label {
    color: var(--bf-theme-color-light);
    display: block;
    margin-top: 2.5em;
}

/* 屏幕宽度小于 1600px 时 */
@media screen and (max-width: 1600px) {
    .bf-case-service-effect {
        padding: 79.2px 0 0 0;
    }

    .bf-case-service-effect__content {
        padding: 104.4px 0;
    }
}

/* 屏幕宽度小于 1440px 时 */
@media screen and (max-width: 1400px) {
    .bf-case-service-effect {
        padding: 70.4px 0 0 0;
    }

    .bf-case-service-effect__content {
        padding: 92.8px 0;
    }
}

/* 屏幕宽度小于 1280px 时 */
@media screen and (max-width: 1280px) {
    .bf-case-service-effect {
        padding: 61.6px 0 0 0;
    }

    .bf-case-service-effect__content {
        padding: 81.2px 0;
    }
}

/* 屏幕宽度小于 1024px 时 */
@media screen and (max-width: 1024px) {
    .bf-case-service-effect {
        padding: 52.8px 0 0 0;
    }

    .bf-case-service-effect__content {
        padding: 69.6px 0;
    }
}

/* 屏幕宽度小于 968px 时 */
@media screen and (max-width: 968px) {
    .bf-case-service-effect {
        padding: 44px 0 0 0;
    }

    .bf-case-service-effect__content {
        padding: 58px 0;
    }
}