/*
 * @Author: ChenWanzhao
 * @Date: 2023-11-02 15:06:46
 * @LastEditors: ChenWanzhao
 * @LastEditTime: 2023-11-03 14:17:23
 * @Description: 案例-顶部焦点区域
 */
.bf-case-focus-area {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin: 98px 0 112px 0;
    color: #ffffff;
}

.bf-case-focus-area__banner {
    width: 74.625%;
    height: auto;
    display: block;
}

.bf-case-focus-area__content {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    padding: 22px 0 34px 0;
}

/* 屏幕宽度小于 1600px 时 */
@media screen and (max-width: 1600px) {
    .bf-case-focus-area {
        margin: 88.2px 0 100.8px 0;
    }

    .bf-case-focus-area__content {
        padding: 19.8px 0 30.6px 0;
    }
}

/* 屏幕宽度小于 1440px 时 */
@media screen and (max-width: 1400px) {
    .bf-case-focus-area {
        margin: 78.4px 0 89.6px 0;
    }

    .bf-case-focus-area__content {
        padding: 17.6px 0 27.2px 0;
    }
}

/* 屏幕宽度小于 1280px 时 */
@media screen and (max-width: 1280px) {
    .bf-case-focus-area {
        margin: 68.6px 0 78.4px 0;
    }

    .bf-case-focus-area__content {
        padding: 15.4px 0 23.8px 0;
    }
}

/* 屏幕宽度小于 1024px 时 */
@media screen and (max-width: 1024px) {
    .bf-case-focus-area {
        margin: 58.8px 0 67.2px 0;
    }

    .bf-case-focus-area__content {
        padding: 13.2px 0 20.4px 0;
    }
}

/* 屏幕宽度小于 968px 时 */
@media screen and (max-width: 968px) {
    .bf-case-focus-area {
        margin: 49px 0 56px 0;
    }

    .bf-case-focus-area__content {
        padding: 11px 20px 17px 20px;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        background: rgba(0, 0, 0, 0.6);
    }

    .bf-case-focus-area__banner {
        width: 100%;
        min-height: 350px;
        object-fit: cover;
    }
}