@import "/statics/home/components/hx-video-banner.css";
@import "/statics/home/components/hx-provide.css";
@import "/statics/home/components/hx-datas.css";
@import "/statics/home/components/hx-strength-swiper.css";
@import "/statics/home/components/hx-about-datas.css";
@import "/statics/home/components/hx-honor-swiper.css";
@import "/statics/home/components/hx-lr-news.css";
@import "/statics/home/components/hx-jobs.css";

:root {
    /* 用于快速设置响应尺寸 */
    --page-about-index-ratio: 1;

    /* 此页面中元素间距的一些关键值 */
    --page-about-index-size-top: calc(120px * var(--page-about-index-ratio));
    --page-about-index-size-bot: calc(60px * var(--page-about-index-ratio));
    --page-about-index-size-mid: calc(30px * var(--page-about-index-ratio));
    --page-about-index-size-sml: calc(40px * var(--page-about-index-ratio));
}

.strength-container {
    padding: var(--page-about-index-size-top) 0;
    background-color: #ffffff;
    background-image: url("/statics/home/images/56.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.strength-titles {
    margin: 0 0 var(--page-about-index-size-bot) 0;
}

.honor-container {
    text-align: center;
    background-image: url("/statics/home/images/bg-4.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% auto;
    padding: var(--page-about-index-size-top) 0 0 0;
}

.honor-titles {
    margin: 0 0 var(--page-about-index-size-mid) 0;
}

.about-group-container {
    position: relative;
    color: #ffffff;
    background-image: url("/statics/home/images/59.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.about-group-titles {
    position: absolute;
    z-index: 5;
    left: 50%;
    top: var(--page-about-index-size-top);
    transform: translateX(-50%);
}

.news-container {
    background: #ffffff;
    padding: var(--page-about-index-size-top) 0;
}

.news-titles {
    margin: 0 0 var(--page-about-index-size-bot) 0;
}

.news-footer {
    margin: var(--page-about-index-size-sml) 0 0 0;
    text-align: center;
}

.jobs-container {
    padding: var(--page-about-index-size-top) 0;
}

.jobs-titles {
    margin: 0 0 var(--page-about-index-size-bot) 0;
}

/* 1680 */
@media (max-width: 1680px) {
    :root {
        /* 用于快速设置响应尺寸 */
        --page-about-index-ratio: 0.9;
    }
}

/* 1440 */
@media (max-width: 1440px) {
    :root {
        /* 用于快速设置响应尺寸 */
        --page-about-index-ratio: 0.85;
    }
}

/* 1366 */
@media (max-width: 1366px) {
    :root {
        /* 用于快速设置响应尺寸 */
        --page-about-index-ratio: 0.8;
    }
}

/* 1280 */
@media (max-width: 1280px) {
    :root {
        /* 用于快速设置响应尺寸 */
        --page-about-index-ratio: 0.75;
    }
}

/* 1024 */
@media (max-width: 1024px) {
    :root {
        /* 用于快速设置响应尺寸 */
        --page-about-index-ratio: 0.7;
    }
}

/* 992 */
@media (max-width: 992px) {
    :root {
        /* 用于快速设置响应尺寸 */
        --page-about-index-ratio: 0.65;
    }

    .about-group-titles {
        position: relative;
        text-align: center;
        transform: none;
        padding: var(--page-about-index-size-bot) 0;
        left: 0;
        top: 0;
    }

    .about-group-titles::after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.35);
        z-index: 1;
        border-bottom: 1px solid var(--hx-about-datas-item-border-color);
    }

    .about-group-titles .hx-title-h2 {
        position: relative;
        z-index: 2;
    }
}

/* 768 */
@media (max-width: 768px) {
    :root {
        /* 用于快速设置响应尺寸 */
        --page-about-index-ratio: 0.6;
    }
}

/* 576 */
@media (max-width: 576px) {
    :root {
        /* 用于快速设置响应尺寸 */
        --page-about-index-ratio: 0.55;
    }
}
