@media screen and (min-width: 1024px) {

    /* kv */
    @media screen {
        .cbcn-kv-section video {
            width: 100%;
        }
    }

    /* ksp */
    @media screen {
        .cbcn-ksp-section {
            overflow: visible;
            z-index: 10;
            padding-top: 150px;
        }

        .cbcn-ksp-wrapper {
            overflow: visible;
        }

        .cbcn-ksp-item {
            position: relative;
            width: 30rem;
            min-height: 20.75rem;
            border-radius: 1.5rem;
            overflow: hidden;
            opacity: 1;
            margin-top: 0;
            background-size: 100% 100%;
            background-position: center center;
            cursor: pointer;
            transition: background 0.5s;
        }

        .cbcn-ksp-item:hover {
            background-size: 110% 110%;
        }

        .cbcn-ksp-txt {
            margin-top: 12.6rem;
            margin-left: 1.6rem;
            margin-right: 1.6rem;
            margin-bottom: 1rem;
            position: relative;
            z-index: 3;
        }

        .cbcn-ksp-p1 {
            margin-top: 0.65rem;
            margin-bottom: 0.45rem;
        }

        .cbcn-ksp-mask {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 300px;
            background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%);
            margin-bottom: -100%;
            transition: margin 0.5s;
            z-index: 2;
        }

        .cbcn-ksp-item:hover .cbcn-ksp-mask {
            margin-bottom: 0;
        }
    }

    /* missiontitle */
    @media screen {
        .cbcn-missiontitle-section {
            padding: 150px 0;
        }

        .cbcn-missiontitle-p1 {
            margin-bottom: 26px;
            color: #FF5A00;
            font-size: 1.7rem;
        }

        .cbcn-missiontitle-p2 {
            font-size: 2.5rem;
        }

        .cbcn-missiontitle-p2 span {
            color: #CFCFCF;
        }

        .cbcn-missiontitle-p2 span.active {
            animation: missionPA 1.5s;
            -moz-animation: missionPA 1.5s;
            /* Firefox */
            -webkit-animation: missionPA 1.5s;
            /* Safari and Chrome */
            -o-animation: missionPA 1.5s;
            animation-fill-mode: forwards;

        }

        @keyframes missionPA {
            0% {
                color: #FF5A00;
            }

            100% {
                color: #000;
            }
        }

        @-webkit-keyframes missionPA {
            0% {
                color: #FF5A00;
            }

            100% {
                color: #000;
            }
        }
    }

    /* mission */
    @media screen {
        .cbcn-mission-imgdiv {
            z-index: 2;
            margin-top: 50px;
            border-radius: 30px;
            overflow: hidden;
            width: 72.64945rem;
            height: 39.4834rem;
        }


        .cbcn-foundationmodel-imgdiv {
            z-index: 1;
            width: 100%;
            height: 100vh;
            opacity: 0;
        }

        /* 说明文字放宽到一行(宽屏)、整块上移:880px 时说明折两行,第二行在宽屏 / 1280 / 1024 下压到 R1 的头(客户 2026-09-29 截图) */
        .cbcn-mission-txt {
            width: max-content;
            max-width: 92vw;
            z-index: 9;
            top: 6rem;
        }

        .cbcn-mission-desc {
            margin-top: 14px;
            width: 880px;
        }

        .cbcn-foundationmodel-txt {
            z-index: 9;
            top: 20%;
        }

        .cbcn-foundationmodel-p3 {
            margin-top: 14px;
        }

        .cbcn-foundationmodel-mask {
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.2);
            z-index: 8;
        }

        .cbcn-foundationmodel-p1 {
            margin-bottom: 10px;
        }
    }

    /* solution */
    @media screen {
        .cbcn-solution-wrapper {
            margin-top: 4.45rem;
            margin-bottom: 6.2rem;
            overflow: visible;
        }

        .cbcn-solution-item {
            width: 45.64885rem;
        }

        .cbcn-solution-imgdiv {
            width: 100%;
            height: 23.87785rem;
            border-radius: 1.5rem;
            overflow: hidden;
            margin-bottom: 35px;
            background-size: 100%;
            background-position: center;
            transition: all 0.5s;
        }

        .cbcn-solution-item:hover .cbcn-solution-imgdiv {
            background-size: 110%;
        }
    }

    /* news */
    @media screen {
        .cbcn-news-section {
            background: #F4F6F8;
            padding-top: 6.7rem;
            padding-bottom: 3.25rem;
        }

        .cbcn-news-list {
            flex-wrap: wrap;
        }

        .cbcn-news-item {
            width: 45.5rem;
            border-radius: 1.5rem;
            overflow: hidden;
            background-color: #fff;
            cursor: pointer;
        }

        .cbcn-news-item.cbcn-pc-flexCol {
            min-height: 35.6rem;
        }

        .cbcn-news-imgdiv {
            width: 17.6rem;
            height: 11.2rem;
            flex-shrink: 0;
            overflow: hidden;
        }

        .cbcn-news-item.cbcn-pc-flexCol .cbcn-news-imgdiv {
            width: 100%;
            height: 23.4rem;
        }

        .cbcn-news-txt {
            padding-top: 1.25rem;
            padding-left: 1.7rem;
            padding-right: 2.4rem;
        }

        .cbcn-news-p1 {
            margin-bottom: 0.5rem;
            font-weight: 500;
            overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
        }

        .cbcn-news-item.cbcn-pc-flexCol .cbcn-news-p1 {
            font-size: 20px;
        }

        .cbcn-news-item svg {
            width: 2rem;
            height: 2rem;
            overflow: visible;
            margin-top: 1.95rem;
        }

        .cbcn-news-item.cbcn-pc-flexCol svg {
            margin-top: 3.25rem;
        }

        .cbcn-news-imgdiv img {
            transition: all 0.3s;
        }

        .cbcn-news-item:hover .cbcn-news-imgdiv img {
            scale: 1.05;
        }

        .cbcn-news-item:hover svg circle {
            fill: #FF5B00;
        }

        .cbcn-news-item:hover svg path {
            fill: #FFF;
        }

        .cbcn-news-morebtn {
            display: block;
            margin-top: 3.6rem;
            width: 7.4rem;
            height: 2.55rem;
            border-radius: 1.4rem;
            background: #FF5B00;
            color: #FFF;
            text-align: center;
        }

        .cbcn-news-morebtn span {
            display: block;
            font-size: 0.7rem;
            line-height: 2.55rem;
        }
    }

    /* explore */
    @media screen {
        .cbcn-explore-section {
            padding-top: 6.35rem;
            padding-bottom: 4.4rem;
        }

        .cbcn-explore-list {
            flex-wrap: wrap;
        }

        .cbcn-explore-item {
            width: 100%;
            overflow: hidden;
            border-radius: 1.5rem;
            background: #F5F5F5;
            height: 17.9rem;
        }

        .cbcn-explore-p1 {
            margin-top: 1.8rem;
            margin-left: 2.45rem;
            font-size: 2rem;
        }

        .cbcn-explore-p1 span {
            color: #FF5A00;
        }


        .cbcn-explore-img {
            width: 18.65rem;
            height: 21.6rem;
            aspect-ratio: 177/205;
            position: absolute;
            right: 12.6rem;
            bottom: 0;
        }

        .cbcn-explore-morebtn {
            display: block;
            position: absolute;
            bottom: 1.8rem;
            left: 2.45rem;
            width: 7.4rem;
            height: 2.55rem;
            border-radius: 1.4rem;
            background: #FF5B00;
            color: #FFF;
            text-align: center;
        }

        .cbcn-explore-morebtn span {
            display: block;
            line-height: 2.55rem;
            font-size: 0.7rem;
        }
    }

}

/*    1024 */
@media screen and (max-width: 1023px) {

    /* kv */
    @media screen {
        .cbcn-kv-section .cbcn-kv-video {
            width: 100%;
            height: 64rem;
        }

        .cbcn-kv-txt {
            position: absolute;
            bottom: 1.5rem;
            left: 1.5rem;
        }

        .cbcn-kv-p1 {
            margin-bottom: 0.5rem;
        }
    }

    /* ksp */
    @media screen {
        .cbcn-ksp-section {
            overflow: visible;
            z-index: 10;
        }

        .cbcn-ksp-wrapper {
            margin-top: 3.1rem;
            overflow: visible;
        }

        .cbcn-ksp-item {
            margin-bottom: 1rem;
            position: relative;
            width: 100%;
            height: 20.75rem;
            border-radius: 1.5rem;
            overflow: hidden;
            background-size: 100% 100%;
            background-position: center center;
        }

        .cbcn-ksp-txt {
            position: absolute;
            left: 0;
            bottom: 2rem;
            width: 100%;
            padding: 0 1.9rem;
            z-index: 3;
        }

        .cbcn-ksp-txt svg {
            width: 2rem;
            margin-bottom: 0.55rem;
        }

        .cbcn-ksp-p1 {
            font-size: 1.2rem;
            margin-bottom: 0.45rem;
        }

        .cbcn-ksp-p2 {
            font-size: 1rem;
        }
    }

    /* mission */
    @media screen {
        .cbcn-mission-section {
            padding-top: 6.1rem;
        }

        .cbcn-mission-imgdiv {
            border-radius: 1.5rem;
            overflow: hidden;
            border: 1px solid rgba(0, 0, 0, 0.10);
            width: 34.5rem;
            height: 50rem;
        }


        .cbcn-foundationmodel-imgdiv {
            margin-top: 3.05rem;
            z-index: 1;
            width: 100%;
            height: 50rem;
            position: relative;
        }

        .cbcn-foundationmodel-p1 {
            font-size: 1rem;
            margin-bottom: 0.45rem;
        }
    }

    /* solution */
    @media screen {
        .cbcn-solution-section {
            padding-top: 3.9rem;
            padding-bottom: 3.05rem;
        }

        .cbcn-solution-wrapper {
            margin-bottom: 6.2rem;
            overflow: visible;
        }

        .cbcn-solution-item {
            margin-bottom: 4.1rem;
        }

        .cbcn-solution-imgdiv {
            width: 100%;
            height: 18.1rem;
            border-radius: 1.5rem;
            overflow: hidden;
            margin-bottom: 1.75rem;
            background-size: cover;
            background-position: center;
        }

        .cbcn-solution-p1 {
            font-size: 1rem;
        }

        .cbcn-solution-p2 {
            font-size: 1.2rem;
        }
    }

    /* news */
    @media screen {
        .cbcn-news-section {
            background: #F4F6F8;
            padding-top: 0.7rem;
            padding-bottom: 5.6rem;
        }

        .cbcn-news-item {
            display: block;
            margin-top: 1rem;
            width: 100%;
            border-radius: 1.5rem;
            overflow: hidden;
            background-color: #fff;
        }

        .cbcn-news-imgdiv {
            width: 100%;
            height: 17.75rem;
        }

        .cbcn-news-txt {
            padding-top: 1.75rem;
            padding-left: 1.7rem;
            padding-right: 2.45rem;
            padding-bottom: 2.1rem;
        }

        .cbcn-news-p1 {
            margin-bottom: 0.7rem;
            overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
        }

        .cbcn-news-item svg {
            width: 2rem;
            height: 2rem;
            overflow: visible;
            margin-top: 1.35rem;
        }


        .cbcn-news-item svg circle {
            fill: #FF5B00;
        }

        .cbcn-news-item svg path {
            fill: #FFF;
        }

        .cbcn-news-morebtn {
            display: block;
            margin-top: 3.9rem;
            width: 10.8rem;
            height: 3.15rem;
            border-radius: 1.575rem;
            background: #FF5B00;
            color: #FFF;
            text-align: center;
        }

        .cbcn-news-morebtn span {
            font-size: 1rem;
            line-height: 3.15rem;
        }
    }

    /* explore */
    @media screen {
        .cbcn-explore-section {
            padding: 2.6rem 0;
        }

        .cbcn-explore-item {
            width: 100%;
            height: 23.25rem;
            overflow: hidden;
            border-radius: 1.5rem;
            background: #F5F5F5;
            position: relative;
        }

        .cbcn-explore-p1 {
            margin-top: 1.8rem;
            margin-left: 2.45rem;
        }

        .cbcn-explore-p1 span {
            color: #FF5A00;
        }


        .cbcn-explore-img {
            width: 14.7037rem;
            height: 17.35rem;
            position: absolute;
            right: 2.55rem;
            bottom: 0;
        }

        .cbcn-explore-morebtn {
            display: block;
            position: absolute;
            bottom: 2.4rem;
            left: 2.45rem;
            width: 10.8rem;
            height: 3.15rem;
            border-radius: 1.575rem;
            background: #FF5B00;
            color: #FFF;
            text-align: center;
        }

        .cbcn-explore-morebtn span {
            line-height: 3.15rem;
        }
    }
}