@charset "utf-8";

/* 顶部导航 */
.whm-site-header {
    &,
    * {
        box-sizing: border-box;
    }
    /* 按钮样式处理 */
    button {
        &,
        &:hover,
        &:focus {
            margin: 0;
            padding: 0;
            background: none;
            border: none;
            outline: none;
        }
    }

    position: sticky;
    top: 0;
    left: 0;
    /* 受banner影响，层级提高到9999 */
    z-index: 9999;

    width: 100%;
    height: 4rem;
    background-color: #004098;
    .wrapper {
        display: flex;
        align-items: center;
        height: 100%;
    }
    .left.logo {
        margin-inline-start: 1rem;
        img {
            display: block;
            width: auto;
            height: 2.125rem;
        }
    }
    .right {
        margin-inline-start: auto;
        margin-inline-end: 1rem;
        display: flex;
        gap: 1rem;
        .button-group {
            display: flex;
            gap: 1rem;
            .tel a {
                display: block;
            }
            a,
            button {
                padding: 4px 5px;
                img {
                    display: block;
                    width: 1.5rem;
                    height: 1.5rem;
                }
            }
            .translate {
                .translate__button {
                    transform: rotate(0);
                    transition: transform 0.3s;
                    &.active {
                        transform: rotate(360deg);
                    };
                }
                .translate__list {
                    position: fixed;
                    left: 0;
                    top: 4rem;
                    z-index: 1040;

                    width: 100%;
                    height: calc(100vh - 4rem);
                    height: calc(100dvh - 4rem);
                    padding: 1rem;

                    background-color: white;
                    opacity: 0;
                    transform: translateX(-100%);
                    transition: opacity 0.3s, transform 0.3s;
                    &.active {
                        opacity: 1;
                        transform: translateX(0);
                    }

                    /* 覆盖插件的自定义样式 */
                    .prisna-wp-translate-sub-container {
                        background: none !important;
                    }
                    .prisna-wp-translate-widget-container,
                    .prisna-wp-translate-sub-container,
                    .prisna-wp-translate-body,
                    .prisna-wp-translate-languages-list-scroll,
                    .prisna-wp-translate-languages-list {
                        height: 100% !important;
                    }
                    .prisna-wp-translate-completed a {
                        padding-left: 8px !important;
                    }
                    .prisna-wp-translate-languages-list p {
                        margin-inline-end: 1.5rem !important;
                        margin-block-end: 2rem !important;
                    }
                    .prisna-wp-translate-languages-list p span {
                        display: none !important;
                    }
                }
            }
        }
        .menu {
            .mobile-menu__button {
                position: relative;
                width: 2rem;
                height: 2rem;
                &.active {
                    svg.open {
                        opacity: 0;
                    }
                    svg.close {
                        opacity: 1;
                    }
                }
                svg {
                    position: absolute;
                    left: 0;
                    top: 0;
                    transition: opacity .3s;
                }
                svg.open {
                    width: 2rem;
                    height: 2rem;
                    color: white;
                    opacity: 1;
                }
                svg.close {
                    padding: 2px;
                    width: 2rem;
                    height: 2rem;
                    color: white;
                    opacity: 0;
                }
            }
            .mobile-menu__navbar {
                position: fixed;
                right: 0;
                top: 4rem;
                z-index: 1040;

                width: 100%;
                height: calc(100vh - 4rem);
                height: calc(100dvh - 4rem);
                padding: 1rem;

                background-color: white;
                opacity: 0;
                transform: translateX(100%);
                transition: opacity 0.3s, transform 0.3s;
                &.active {
                    opacity: 1;
                    transform: translateX(0);
                }
                .menu-item {
                    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
                    a {
                        display: flex;
                        width: 100%;
                        height: 2.5rem;
                        align-items: center;
                    }
                    &:last-child {
                        margin-block-start: 1.5rem;
                        border-bottom: none;
                        a {
                            justify-content: center;

                            background-color: #03d34d;
                            border-radius: 50rem;

                            color: white;
                            font-weight: bold;
                            text-transform: uppercase;
                        }
                    }
                }
            }
        }
    }
}
@media (min-width: 768px) {
    .whm-site-header {
        & .right {
            & .button-group {
                & .translate {
                    .translate__list {
                        width: 20rem;
                        box-shadow: 4px 0 24px rgba(0, 0, 0, 0.08),
                        1px 0 8px rgba(0, 0, 0, 0.04);
                        .prisna-wp-translate-languages-list p {
                            width: 2rem !important;
                        }
                    }
                }
            }
            & .menu {
                .mobile-menu__navbar {
                    width: 20rem;
                    box-shadow: -4px 0 24px rgba(0, 0, 0, 0.08),
                    -1px 0 8px rgba(0, 0, 0, 0.04);
                }
            }
        }
    }
}
@media (min-width: 1000px) and (max-width: 1050px) {
    /* 适配 Nest Hub 1024 × 600px */
    .whm-site-header {
        & .right {
            & .button-group {
                & .translate {
                    .translate__list {
                        width: 23rem;
                    }
                }
            }
        }
    }
}
@media (min-width: 1200px) {
    .whm-site-header {
        height: 7.5rem;
        padding-block: 1.25rem;
        .mobile {
            display: none;
        }
        .pc {
            display: flex !important;

            .left {
                margin-inline-start: 2rem;
                .logo {
                    flex-shrink: 0;
                    display: block;
                    img {
                        width: auto;
                        height: 52px;
                    }
                }
            }
            .right {
                margin-inline-start: auto;
                margin-inline-end: 2rem;

                display: flex;
                flex-direction: column;
                justify-content: space-around;
                gap: 1rem;
                height: 100%;

                flex: 1;
                padding-inline-start: 5rem;
                .top {
                    display: flex;
                    align-items: center;
                    gap: 2rem;
                }
                .pc-menu__navbar-top {
                    margin-inline-end: auto;
                }
                #menu-pc-menu-top {
                    display: flex;
                    gap: 2rem;
                    .menu-item a {
                        color: white;
                    }
                }
                .pc-tel {
                    display: flex;
                    gap: 0.5rem;
                    img {
                        width: 1.5rem;
                        height: 1.5rem;
                    }
                    span {
                        color: white;
                        transform: translateY(2px);
                    }
                }
                .pc-translate {
                    button img {
                        width: 1.5rem;
                        height: 1.5rem;
                    }
                }
                .pc-translate {
                    .translate__button-pc {
                        img {
                            transform: rotate(0);
                            transition: transform 0.3s;
                        }
                        cursor: pointer;
                        &.active img {
                            transform: rotate(360deg);
                        };
                    }
                }
                .pc-search {
                    display: flex;
                    align-items: center;
                    padding: 0 5px 0 10px;
                    height: 30px;
                    background-color: rgba(255, 255, 255, 0.2);
                    border: 2px solid rgba(255, 255, 255, 0.8);
                    border-radius: 50rem;
                    input[type="text"] {
                        color: white;
                        background: transparent;
                        border: none !important;
                        outline: none !important;
                        &::placeholder {
                            color: rgba(255,255,255,.6);
                        }
                    }
                    button[type="submit"] {
                        padding-inline-end: 2px;
                        height: auto;
                        transform: translateY(1px);
                    }
                }
                #menu-pc-menu-bottom {
                    display: flex;
                    gap: 0;
                    .menu-item {
                        a {
                            color: white;
                            font-size: 1.25rem;
                            font-weight: bold;
                        }
                        &::after {
                            content: '|';
                            color: white;
                            font-size: 20px;
                            padding-inline: 25px;
                        }
                        &:last-child::after {
                            content: none;
                        }
                    }
                }
            }
        }
    }
}

/*
 * 多语言下拉菜单 PC 端单独设置
 * 原因是层级不对，所以将其从 header 标签中移出来，以实现点击下拉时，从顶部导航的下方滑出，而不是上方。
 */
@media (min-width: 1200px) {
    .translate__list-pc {
        display: block !important;

        position: fixed;
        top: 7.5rem;
        z-index: 9900;
        background: white;

        width: 100%;

        transform: translateY(-100%);
        visibility: hidden;
        opacity: 0;

        pointer-events: none;
        transition: transform 0.3s ease, opacity 0.3s ease, visibility 0.3s step-end;
        .wrapper {
            padding: 2rem 1.5rem 0;
            width: 100%;
            height: auto;
        }

        &.active {
            transform: translateY(0);
            visibility: visible;
            opacity: 1;
            pointer-events: auto;
            transition: transform 0.3s ease, opacity 0.3s ease, visibility 0s;
        }

        /* 覆盖插件的自定义样式 */
        .prisna-wp-translate-sub-container {
            background: none !important;
        }
        .prisna-wp-translate-widget-container,
        .prisna-wp-translate-sub-container,
        .prisna-wp-translate-body,
        .prisna-wp-translate-languages-list-scroll,
        .prisna-wp-translate-languages-list {
            height: 100% !important;
        }
        .prisna-wp-translate-completed a {
            padding-left: 8px !important;
        }
        .prisna-wp-translate-languages-list p {
            margin-inline-end: 1.5rem !important;
            margin-block-end: 2rem !important;
            width: 2rem !important;
        }
        .prisna-wp-translate-languages-list p span {
            display: none !important;
        }
    }
}

/*
 * 高分屏布局。
 * 宽度限制在 1920px 以内，剩下的交给电脑系统的自动缩放功能。
 */
@media (min-width: 1921px) {
    .whm-site-header {
        .pc {
            max-width: 1920px;
            margin-inline: auto;
            .left {
                margin-inline-start: 0;
            }
            .right {
                margin-inline-end: 0;
            }
        }
    }
    .translate__list-pc {
        .wrapper {
            max-width: 1920px;
            margin-inline: auto;
        }
    }
}

/* 导航高亮当前页面 和 鼠标经过动画 */
#menu-mobile-menu,
#menu-pc-menu-top,
#menu-pc-menu-bottom {
    .current-menu-item a,
    .current_page_item a,
    .current-menu-parent a,
    .current-menu-ancestor a {
        color: #8cc345 !important;
    }
    a {
        transition: color .3s;
        &:hover {
            color: #8cc345 !important;
        }
    }
}
/* 顶部导航 结束*/



/* 二级页面设置 */

/*
 * 修改盒模型宽度的计算公式，
 * 目的：解决宽度设置为100%时，手机端浏览时此DIV右侧超出一部分。
 * 其他：之所以不全局添加的原因是担心其他地方的样式出问题。
 */
.whm-solution-products {
    box-sizing: border-box;
}

/* 段落内边距 和 段落标题、副标题、正文的字号大小 */
.whm-second-page__section {
    padding-block: 2rem 3rem !important;
}
.whm-second-page__title {
    margin-block-end: .75rem !important;

    font-size: 1.75rem!important;
    font-weight: bold;
    line-height: 1.25!important;
    letter-spacing: -0.01em;
    text-transform: uppercase;
}
.whm-second-page__subtitle {
    margin-block-start: 0 !important;
    margin-block-end: 2rem !important;
    margin-inline: auto !important;
    max-width: 70ch !important;

    font-size: 1.125rem!important;
    font-weight: normal !important;
    line-height: 1.4!important;
}
.whm-second-page__excerpt {
    margin-block-start: 0 !important;
    margin-inline: auto !important;
    max-width: 70ch !important;

    font-size: 1rem !important;
    font-weight: normal !important;
    line-height: 1.5 !important;
    p {
        margin-block-end: 0 !important;
        & + p {
            margin-block-start: 1em !important;
        }
    }
}
@media (min-width: 768px) {
    .whm-second-page__section {
        padding-block: 4rem !important;
    }
    .whm-second-page__title {
        font-size: 2rem!important;
        line-height: 1.2!important;
        padding: 0 !important;
    }
    .whm-second-page__subtitle {}
    .whm-second-page__excerpt {}
}
@media (min-width: 992px) {
    .whm-second-page__section {
        padding-block: 6rem !important;
    }
    .whm-second-page__title {
        font-size: 2.25rem!important;
        font-family: arial,sans-serif;
        letter-spacing: -0.02em;
    }
    .whm-second-page__subtitle {
        margin-block-end: 2.5rem !important;
        font-family: arial,sans-serif;
        font-weight: bold !important;
    }
    .whm-second-page__excerpt {
        max-width: 760px !important;
        font-family: arial,sans-serif;
        text-align: center;
        p {
            & + p {
                margin-block-start: 1.5em !important;
            }
        }
    }
}
@media (min-width: 1200px) {
    .whm-second-page__title {
        font-size: 2.5rem!important;
    }
    .whm-second-page__subtitle {
        font-size: 1.5rem!important;
    }
    .whm-second-page__excerpt {
        max-width: 960px !important;
        p {
            font-size: 1.125rem !important;
        }
    }
}
@media (min-width: 1400px) {
    .whm-second-page__section {
        padding-block: 8rem !important;
    }
    .whm-second-page__title {
        font-size: 3rem!important;
    }
    .whm-second-page__subtitle {
        font-size: 2rem!important;
    }
    .whm-second-page__excerpt {
        max-width: 1140px !important;
        p {
            & + p {
                margin-block-start: 2em !important;
            }
            font-size: 1.25rem !important;
        }
    }
}

/*
 * 存在问题：字号大小问题算是解决了，但相比 下方的区块 就显得大小不对称。
 * 尝试解决：放弃对方要求的铺满整个页面的设计，改为局限于一定的宽度，并居中。
 */

/* 产品类别导航样式（上面提到的区块部分）*/
.whm-second-page__cards-container {
    margin-block-start: 2rem !important;
}
.whm-second-page__cards-item {
    .img {
        &::after {
            background-color: transparent !important;
            background-image: linear-gradient(
                    45deg,
                    hsla(215, 100%, 30%, 1) 60%,
                    hsla(215, 100%, 30%, 0.4) 100%
            ) !important;
        }
    }
    .text {
        padding: 1rem !important;
        pointer-events: auto !important;
        .wrapper {
            display: flex;
            flex-direction: column;
            height: 100%;
        }
        .title {
            margin-block-start: auto !important;
            margin-block-end: .5rem !important;
        }
        .subtitle {
            opacity: 1 !important;
        }
        .more {
            display: block;

            padding: 4px 8px;
            width: fit-content;

            color: white;
            font-size: .875rem;
            font-weight: normal;

            border-radius: 2px;
        }
    }
}
@media (min-width: 768px) {
    .whm-second-page__cards-container {
        margin-block-start: 4rem !important;
        margin-inline: auto !important;
        max-width: 700px !important;
    }
    .whm-second-page__cards-item {
    }
}
@media (min-width: 992px) {
    .whm-second-page__cards-container {
        gap: 2rem !important;

        margin-block-start: 6rem !important;
        max-width: 760px !important;
    }
    .whm-second-page__cards-item {
        width: calc((100% - 2rem) / 2) !important;
        .text {
            .more {
                padding: 4px 12px;
                border-radius: 4px;
            }
        }
    }
}
@media (min-width: 1200px) {
    .whm-second-page__cards-container {
        max-width: 960px !important;
    }
    /* 覆盖之前的布局 */
    .whm-second-page__cards-item {
        aspect-ratio: 2 / 1 !important;
        .title {
            margin-block-end: 1rem !important;

            font-size: 1.5rem !important;
            span {
                display: inline !important;
            }
        }
        .more {
            padding: 8px 12px;
        }
    }
}
@media (min-width: 1400px) {
    .whm-second-page__cards-container {
        margin-block-start: 8rem !important;
        max-width: 1280px !important;
        gap: 1.5rem !important;
    }
    .whm-second-page__cards-item {
        width: calc((100% - 4.5rem) / 4) !important;
        aspect-ratio: 1 / 1.2 !important;
        &:hover {
            .img {
                &::after {
                    opacity: 0 !important;
                }
            }
        }
        .img {
            &::after {
                background-image: none !important;
                background-color: #004098 !important;
            }
        }
        .text {
            padding: 1.5rem !important;
            .title {
                margin-block-start: 1.5rem !important;
                margin-block-end: auto !important;
            }
            .more {
                padding: 8px 16px;
                border-radius: 4px;
            }
        }
    }
}

/* 产品类别导航样式 超链接颜色 以及 鼠标选中的动画效果 */
.whm-second-page__cards-item {
    .text {
        .title a {
            color: white;
            transition: color .3s;
            &:hover {
                color: #8cc345;
            }
        }
        .more {
            background-image: linear-gradient(
                    90deg,
                    hsla(141, 97%, 42%, 1) 0%,
                    hsla(141, 97%, 42%, 1) 50%,
                    hsla(141, 97%, 42%, 0.8) 50%,
                    hsla(141, 97%, 42%, 0.4) 100%
            );
            background-size: 200% 100%;
            background-position: 100% 0;
            transition: background-position 0.3s cubic-bezier(0.25, 1, 0.5, 1),
            color 0.3s ease;

            &:hover {
                background-position: 0 0;
            }
        }
    }
}

/* 产品列表 最大宽度*/
.whm-solution-products {
    .list {
        margin-inline: auto !important;
        max-width: 1280px !important;
    }
}

/* 最下方区块图片 最大宽度 */
.whm-solution-ad {
    .img {
        margin-inline: auto !important;
        max-width: 1280px !important;
    }
}

/* “牛场”二级页面 */
.cattle-20260627 {
    .whm-second-page__title {
        margin-block-start: 0 !important;
    }
    .custom-div-a {
        .item {
            & + .item {
                margin-block-start: 3rem;
            }
            .wrapper {
                display: flex;
                flex-direction: column;
                gap: 1rem;
            }
            .item-img {
                border-radius: 4px;
                overflow: hidden;
                img {
                    display: block;
                }
            }
            .item-text {
                .title {
                    padding-block: 0;
                    font-size: 1.25rem;
                }
                p {
                    margin: 0;
                }
            }
        }
    }
}
@media (min-width: 768px) {
    .cattle-20260627.whm-second-page__section {
        padding-inline: 0;
        .custom-div-a {
            .item {
                .wrapper {
                    flex-direction: row;
                    gap: 2rem;
                    max-width: 70ch;
                    margin-inline: auto;
                }
                .item-img {
                    width: 14rem;
                    flex-shrink: 0;
                    order: 3;
                    img {
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                    }
                }
                .item-text {
                    padding-block: .5rem;
                }
            }
        }
    }
    .whm-solution-products.whm-second-page__section,
    .whm-solution-ad.whm-second-page__section {
        .subtitle {
            text-align: center;
        }
    }
    .whm-solution-products.whm-second-page__section {
        & .list {
            & ul {
                & li {
                    width: calc((100% - 3.75rem) / 4);
                }
            }
        }
    }
}
@media (min-width: 992px) {
    .cattle-20260627.whm-second-page__section {
        .custom-div-a {
            margin-block-start: 6rem;
            margin-block-end: 0;
            .item {
                gap: 2rem;
                margin-inline: auto;
                & + .item {
                    padding-block: 2rem;
                }
                .wrapper {
                    max-width: 760px;
                }
                .item-img {
                    width: calc(50% - 2rem);
                    height: auto;
                }
                .item-text {
                    .title {
                        margin-block-end: 1rem;
                        font-size: 1.75rem;
                        line-height: 1.2;
                    }
                    p {
                        font-size: 1rem;
                        line-height: 1.5;
                    }
                }
            }
        }
    }
}
@media (min-width: 1200px) {
    .cattle-20260627.whm-second-page__section {
        .custom-div-a {
            .item {
                .wrapper {
                    max-width: 960px;
                    gap: 4rem;
                }
                .item-text {
                    .title {
                        font-size: 2rem;
                    }
                    p {
                        font-size: 1.125rem;
                    }
                }
            }
        }
    }
    .whm-solution-products.whm-second-page__section {
        & .list {
            & ul {
                & li {
                    width: calc((100% - 7.5rem) / 4);
                }
            }
        }
    }
}
@media (min-width: 1400px) {
    .cattle-20260627.whm-second-page__section {
        .custom-div-a {
            margin-block-start: 8rem;
            .item {
                gap: 4rem;
                & + .item {
                    margin-block-start: 4rem;
                }
                .wrapper {
                    max-width: 1280px;
                }
                .item-img {
                    width: calc(50% - 4rem);
                }
                .item-text {
                    .title {
                        font-size: 2.5rem;
                    }
                    p {
                        font-size: 1.5rem;
                    }
                }
            }
        }
    }
}

/* “其他行业”二级页面*/
.whm-solution-products.whm-second-page__section.whm-second-page__other-industries {
    background-color: white;
    padding-block: 0 !important;
}
@media (min-width: 768px) {
    .cattle-20260627.whm-second-page__section.whm-second-page__other-industries {
        & .custom-div-a {
            margin-block-start: 4rem;
            .item {
                padding-block: 3rem;
                &:nth-of-type(2n+1) {
                    background-color: #eee;
                }
                & + .item {
                    margin-block-start: 0;
                }
                &:nth-child(n+1) {
                    margin-block-end: 0;
                }
            }
        }
    }
}
@media (min-width: 992px) {
    .cattle-20260627.whm-second-page__section.whm-second-page__other-industries {
        & .custom-div-a {
            margin-block-start: 6rem;
            .item {
                padding-block: 6rem;
                &:nth-of-type(2n+1) {
                    background-color: #eee;
                }
                & + .item {
                    margin-block-start: 0;
                }
                &:nth-child(n+1) {
                    margin-block-end: 0;
                }
            }
        }
    }
}
/* 二级页面 结束*/


/* 产品中心页面和它的二级展示页面 开始 */
.whm-archive-products-page__section {
    padding-block: 2rem 3rem;
    .wrapper {
        padding-inline: 1rem;
    }
}
.whm-archive-products-page__header {
    .subtitle {
        margin-block-end: .5rem !important;
        color: #004098 !important;
    }
    .title {
        margin-block-end: 2rem !important;
        text-align: left;
    }
}
.whm-archive-products-page__list {
    .sub-category-block {
        &:nth-of-type(2n+1) {
            background-color: #eee;
        }
        padding: 2rem 1rem;
    }
    .sub-category-block__header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 2rem;
        background: #004098;
        padding: 1rem;
        border-radius: 4px;
        .read-more {
            color: #fff;
            font-size: 1rem;
            flex-shrink: 0;
        }
        .title {
            color: #fff;
            font-size: 1rem;
            margin-block-end: 0;
        }
    }
    .sub-category-block__list {
        margin-block-start: 2rem;
        display: flex;
        flex-wrap: wrap;
        gap: 1.25rem;
        .item {
            width: calc((100% - 1.25rem) / 2);
            a {
                display: block;
                width: 100%;
                height: 100%;
                background-color: white;
                border: 1px solid rgba(0, 0, 0, .2);
                border-radius: 4px;
                .img {
                    padding: .75rem;
                    img {
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                    }
                }
                .title {
                    border-top: 1px solid rgba(0, 0, 0, .2);
                    margin-block-end: 0;
                    padding: .75rem;
                    color: #555;
                    font-size: 14px;
                }
            }
        }
    }
}
@media (min-width: 768px) {
    .whm-archive-products-page__section {
        padding-block: 4rem;
        .wrapper {
            padding-inline: 0;
        }
    }
    .whm-archive-products-page__header {
        .subtitle {
            margin-block-end: 1.5rem !important;
        }
        .title {
            text-align: center;
        }
    }
    .whm-second-page__subtitle {
        text-align: center;
    }
    .whm-archive-products-page__list {
        .sub-category-block {
            padding: 3rem 0;
            .wrapper {
                max-width: 70ch;
                margin-inline: auto;
            }
        }
    }
}
@media (min-width: 992px) {
    .whm-archive-products-page__section {
        padding-block: 6rem;
    }
    .whm-archive-products-page__list {
        .sub-category-block {
            padding: 4rem 0;
            .wrapper {
                max-width: 760px;
            }
        }
        .sub-category-block__list {
            .item {
                transition: all .3s;
                &:hover {
                    transform: translateY(-5px);
                    box-shadow: 0 0 10px rgba(136,136,136,0.7);
                }
            }
        }
    }
    .whm-archive-products-page__header {
        .title {
            max-width: 50ch;
            margin-inline: auto;
        }
    }
}
@media (min-width: 1200px) {
    .whm-archive-products-page__header {
        .subtitle {
            margin-block-end: 2.5rem !important;
        }
        .title {
            margin-block-end: 3rem !important;
        }
    }
    .whm-archive-products-page__list {
        .sub-category-block {
            .wrapper {
                max-width: 960px;
            }
        }
        .sub-category-block__list {
            gap: 2rem;
            .item {
                width: calc((100% - 6rem) / 4);
                a {
                    .title {
                        font-weight: bold;
                    }
                }
            }
        }
    }
}
@media (min-width: 1400px) {
    .whm-archive-products-page__list {
        .sub-category-block {
            .wrapper {
                max-width: 1360px;
            }
        }
    }
}
/* 产品中心页面和它的二级展示页面 结束 */


/* 首页 关于我们 下方的选择产品分类 样式设置 开始 */
.wzm-2026-about {
    & .solutions {
        & .item {
            .title {
                position: absolute;
                left: 1rem;
                top: 2rem;
                z-index: 10;

                color: white;
                font-weight: bold;
                text-transform: uppercase;
            }
        }
    }
}
@media (min-width: 992px) {
    .wzm-2026-about {
        & .solutions {
            & .item {
                .title {
                    left: 0;
                    right: 0;
                    top: 40%;

                    font-size: 2rem;
                    text-align: center;
                }
            }
        }
    }
}
@media (min-width: 1400px) {
    .wzm-2026-about {
        & .solutions {
            & .item {
                .title {
                    font-size: 3rem;
                }
            }
        }
    }
}
/* 首页 关于我们 下方的选择产品分类 样式设置 结束 */


/* 网站底部菜单样式 开始 */
.whm-site-footer__navbar {
   .textwidget ul {
       display: flex;
       flex-wrap: wrap;
       gap: 0.75rem;
       li {
           width: calc((100% - 1.5rem) / 2);
           a {
               line-height: 1 !important;
           }
       }
   }
}
/* 网站底部菜单样式 结束 */


/* 页面：关于我们 开始 */
.whm-page__about-us {
    .wp-video {
        width: 100% !important;
        max-width: 1140px !important;
        margin: 0 auto;
    }
    .wp-video-shortcode {
        width: 100% !important;
        height: auto !important;
    }
}
@media (min-width: 1400px) {
    .whm-page__about-us {
        padding-block: 6rem;
        h1 {
            margin-block-end: 4rem;
            color: #004098;
            font-size: 3rem;
            font-weight: bold;
            text-align: center;
            max-width: 50ch;
            margin-inline: auto;
        }
        p {
            text-align: center;
            max-width: 1140px;
            margin-inline: auto;
            img {
                display: block;
                margin-block-start: 2rem;
                width: 100%;
                height: auto;
            }
        }
    }
}
/* 页面：关于我们 结束 */