@import "/statics/home/components/hx-banner-swiper.css";
@import "/statics/home/components/hx-industry-accordion.css";
@import "/statics/home/components/hx-product-center-swiper.css";
@import "/statics/home/components/hx-product-swiper.css";
@import "/statics/home/components/hx-news-grid.css";
@import "/statics/home/components/hx-datas.css";
@import "/statics/home/components/hx-honor-swiper.css";
@import "/statics/home/components/hx-customer-swiper.css";
@import "/statics/home/components/hx-service-grid.css";

:root {
    /* 你所在的行业 */
    --your-industry-titles-padding: 115px var(--app-padding-sides) 53px; /* 标题内边距 */

    /* 产品中心 */
    --product-center-titles-padding: var(--your-industry-titles-padding); /* 标题内边距 */

    /* 生态外设 */
    --product-list-titles-padding: 56px 0 38px; /* 标题内边距 */
    --product-list-footer-padding: 40px 0 120px; /* Footer 内边距 */

    /* 新闻资讯 */
    --news-titles-padding: var(--your-industry-titles-padding); /* 标题内边距 */
    --news-footer-padding: var(--product-list-footer-padding); /* Footer 内边距 */

    /* 海信商用显示 */
    --datas-padding: 135px 0 120px; /* 容器内边距 */
    --datas-section-padding: 1.55em 0 3.6em; /* 大段文本内边距 */
    --datas-footer-padding: 47px 0 0 0; /* Footer 内边距 */

    /* 企业荣誉 */
    --honor-titles-padding: 94px 0 50px; /* 标题内边距 */

    /* 服务全球海量客户的行业案例 */
    --customer-padding: 120px 0; /* 内边距 */
    --customer-swipers-padding: 52px 0 42px; /* 内边距 */

    /* 品牌服务 */
    --service-padding: var(--customer-padding); /* 内边距 */
    --service-grid-margin: 52px 0 30px; /* 外边距 */
}

/* 你所在的行业 */
.your-industry-container .container-titles {
    padding: var(--your-industry-titles-padding);
}

/* 产品中心 */
.product-center-container .container-titles {
    padding: var(--your-industry-titles-padding);
}

/* 生态外设 */
.product-list-container .container-titles {
    padding: var(--product-list-titles-padding);
}

.product-list-container .container-footer {
    padding: var(--product-list-footer-padding);
    text-align: center;
}

/* 新闻资讯 */
.news-container {
    background: #ffffff;
}

.news-container .container-titles {
    padding: var(--news-titles-padding);
}

.news-container .container-footer {
    padding: var(--news-footer-padding);
    text-align: center;
}

/* 海信商用显示 */
.datas-container {
    padding: var(--datas-padding);
    text-align: center;
    background: #333333;
    color: #ffffff;
    position: relative;
}

.datas-container::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    background: rgba(0, 0, 0, 0.6);
}

.datas-bg-video {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    left: 0;
    top: 0;
    z-index: 0;
    object-fit: cover;
}

.datas-bg-video > video {
    object-fit: cover;
}

.datas-bg-video .xgplayer-loading,
.datas-bg-video .xgplayer-enter-spinner,
.datas-bg-video .xgplayer-error,
.datas-bg-video .xgplayer-start {
    display: none !important;
}

.datas-wrapper {
    position: relative;
    z-index: 10;
}

.datas-section {
    padding: var(--datas-section-padding);
    color: var(--app-text-color-white-lilghter);
}

.datas-container .container-footer {
    padding: var(--datas-footer-padding);
}

/* 企业荣誉 */
.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;
}

.honor-container .container-titles {
    padding: var(--honor-titles-padding);
}

/* 服务全球海量客户的行业案例 */
.customer-container {
    padding: var(--customer-padding);
    background: #ffffff;
}

.customer-container .container-swipers {
    padding: var(--customer-swipers-padding);
    position: relative;
}

.customer-container .container-swipers::before {
    content: "";
    position: absolute;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    left: -2px;
    top: -2px;
    background-image: url("/statics/home/images/mask-2.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    z-index: 2;
    pointer-events: none;
}

.customer-container .container-footer {
    text-align: center;
}

/* 品牌服务 */
.service-container {
    padding: var(--service-padding);
    background-image: url("/statics/home/images/28.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    color: #ffffff;
}

.service-container::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.3);
}

.service-container .wrapper-service {
    position: relative;
    z-index: 2;
}

.service-container .grid-service {
    margin: var(--service-grid-margin);
}

.service-container .container-footer {
    text-align: center;
}

/* 1680 */
@media (max-width: 1680px) {
    :root {
        /* 你所在的行业 */
        --your-industry-titles-padding: 103px var(--app-padding-sides) 47px; /* 标题内边距 */

        /* 生态外设 */
        --product-list-titles-padding: 50px var(--app-padding-sides) 34px; /* 标题内边距 */
        --product-list-footer-padding: 36px var(--app-padding-sides) 108px; /* Footer 内边距 */

        /* 海信商用显示 */
        --datas-padding: 121px 0 108px; /* 内边距 */
        --datas-footer-padding: 42px 0 0 0; /* Footer 内边距 */

        /* 企业荣誉 */
        --honor-titles-padding: 85px 0 45px; /* 容器内边距 */

        /* 服务全球海量客户的行业案例 */
        --customer-padding: 108px 0; /* 内边距 */
        --customer-swipers-padding: 46px 0 37px; /* 内边距 */

        /* 品牌服务 */
        --service-grid-margin: 46px 0 27px; /* 外边距 */
    }
}

/* 1440 */
@media (max-width: 1440px) {
    :root {
        /* 你所在的行业 */
        --your-industry-titles-padding: 97px var(--app-padding-sides) 45px; /* 标题内边距 */

        /* 生态外设 */
        --product-list-titles-padding: 47px var(--app-padding-sides) 32px; /* 标题内边距 */
        --product-list-footer-padding: 34px var(--app-padding-sides) 102px; /* Footer 内边距 */

        /* 海信商用显示 */
        --datas-padding: 114px 0 102px; /* 内边距 */
        --datas-footer-padding: 39px 0 0 0; /* Footer 内边距 */

        /* 企业荣誉 */
        --honor-titles-padding: 80px 0 42.5px; /* 容器内边距 */

        /* 服务全球海量客户的行业案例 */
        --customer-padding: 102px 0; /* 内边距 */
        --customer-swipers-padding: 44px 0 37px; /* 内边距 */

        /* 品牌服务 */
        --service-grid-margin: 44px 0 25px; /* 外边距 */
    }
}

/* 1366 */
@media (max-width: 1366px) {
    :root {
        /* 你所在的行业 */
        --your-industry-titles-padding: 92px var(--app-padding-sides) 42px; /* 标题内边距 */

        /* 生态外设 */
        --product-list-titles-padding: 44px var(--app-padding-sides) 30px; /* 标题内边距 */
        --product-list-footer-padding: 32px var(--app-padding-sides) 96px; /* Footer 内边距 */

        /* 海信商用显示 */
        --datas-padding: 108px 0 96px; /* 内边距 */
        --datas-footer-padding: 37px 0 0 0; /* Footer 内边距 */

        /* 企业荣誉 */
        --honor-titles-padding: 75px 0 40px; /* 容器内边距 */

        /* 服务全球海量客户的行业案例 */
        --customer-padding: 96px 0; /* 内边距 */
        --customer-swipers-padding: 41px 0 35px; /* 内边距 */

        /* 品牌服务 */
        --service-grid-margin: 41px 0 24px; /* 外边距 */
    }
}

/* 1280 */
@media (max-width: 1280px) {
    :root {
        /* 你所在的行业 */
        --your-industry-titles-padding: 86px var(--app-padding-sides) 39px; /* 标题内边距 */

        /* 生态外设 */
        --product-list-titles-padding: 42px var(--app-padding-sides) 28px; /* 标题内边距 */
        --product-list-footer-padding: 30px var(--app-padding-sides) 90px; /* Footer 内边距 */

        /* 海信商用显示 */
        --datas-padding: 101px 0 90px; /* 内边距 */
        --datas-footer-padding: 35px 0 0 0; /* Footer 内边距 */

        /* 企业荣誉 */
        --honor-titles-padding: 70px 0 37.5px; /* 容器内边距 */

        /* 服务全球海量客户的行业案例 */
        --customer-padding: 90px 0; /* 内边距 */
        --customer-swipers-padding: 39px 0 31px; /* 内边距 */

        /* 品牌服务 */
        --service-grid-margin: 39px 0 22px; /* 外边距 */
    }
}

/* 1024 */
@media (max-width: 1024px) {
    :root {
        /* 你所在的行业 */
        --your-industry-titles-padding: 80px var(--app-padding-sides) 37px; /* 标题内边距 */

        /* 生态外设 */
        --product-list-titles-padding: 39px var(--app-padding-sides) 26px; /* 标题内边距 */
        --product-list-footer-padding: 28px var(--app-padding-sides) 84px; /* Footer 内边距 */

        /* 海信商用显示 */
        --datas-padding: 94px 0 84px; /* 内边距 */
        --datas-footer-padding: 32px 0 0 0; /* Footer 内边距 */

        /* 企业荣誉 */
        --honor-titles-padding: 65px 0 35px; /* 容器内边距 */

        /* 服务全球海量客户的行业案例 */
        --customer-padding: 84px 0; /* 内边距 */
        --customer-swipers-padding: 36px 0 29px; /* 内边距 */

        /* 品牌服务 */
        --service-grid-margin: 36px 0 21px; /* 外边距 */
    }
}

/* 992 */
@media (max-width: 992px) {
    :root {
        /* 你所在的行业 */
        --your-industry-titles-padding: 74px var(--app-padding-sides) 34px; /* 标题内边距 */

        /* 生态外设 */
        --product-list-titles-padding: 36px var(--app-padding-sides) 24px; /* 标题内边距 */
        --product-list-footer-padding: 26px var(--app-padding-sides) 78px; /* Footer 内边距 */

        /* 海信商用显示 */
        --datas-padding: 87px 0 78px; /* 内边距 */
        --datas-footer-padding: 30px 0 0 0; /* Footer 内边距 */

        /* 企业荣誉 */
        --honor-titles-padding: 61px 0 32.5px; /* 容器内边距 */

        /* 服务全球海量客户的行业案例 */
        --customer-padding: 78px 0; /* 内边距 */
        --customer-swipers-padding: 33px 0 27px; /* 内边距 */

        /* 品牌服务 */
        --service-grid-margin: 33px 0 19px; /* 外边距 */
    }
}

/* 768 */
@media (max-width: 768px) {
    :root {
        /* 你所在的行业 */
        --your-industry-titles-padding: 50px var(--app-padding-sides) 30px; /* 标题内边距 */

        /* 生态外设 */
        --product-list-titles-padding: 33px var(--app-padding-sides) 22px; /* 标题内边距 */
        --product-list-footer-padding: 24px var(--app-padding-sides) 50px; /* Footer 内边距 */

        /* 海信商用显示 */
        --datas-padding: 50px 0 35px; /* 内边距 */
        --datas-footer-padding: 28px 0 0 0; /* Footer 内边距 */

        /* 企业荣誉 */
        --honor-titles-padding: 50px 0 30px; /* 容器内边距 */

        /* 服务全球海量客户的行业案例 */
        --customer-padding: 50px 0; /* 内边距 */
        --customer-swipers-padding: 31px 0 25px; /* 内边距 */

        /* 品牌服务 */
        --service-grid-margin: 31px 0 18px; /* 外边距 */
    }
}

/* 576 */
@media (max-width: 576px) {
}
