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

    /* kv */
    @media screen {
        #cbcn-dom-container .cbcn-kv-section img {
            object-position: center top;
        }

        .cbcn-kv-logo {
            height: 75px;
        }
    }

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

        .cbcn-ksp-item {
            position: relative;
            width: 30rem;
            height: 30.6rem;
            border-radius: 30px;
            overflow: hidden;
            background-size: 100% 100%;
            transition: background 0.5s;
            background-position: right;
        }

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

        .cbcn-ksp-item2,
        .cbcn-ksp-item5 {
            height: 18rem;
        }

        .cbcn-ksp-item3,
        .cbcn-ksp-item4 {
            height: 11.7rem;
        }

        .cbcn-ksp-p {
            margin-top: 2rem;
            padding-left: 2.5rem;
            padding-right: 2.5rem;
            font-size: 1.1rem;
            width: 100%;
        }

        .cbcn-ksp-item3 .cbcn-ksp-p {
            margin-top: 3.5rem;
        }
    }

    /* color */
    @media screen {
        .cbcn-color-media {
            width: 100%;
            height: 100%;
            position: relative;
        }

        .cbcn-color-txt {
            top: 5em;
            margin-top: 80px;
            opacity: 0;
            z-index: 3;
        }

        .cbcn-color-p1 {
            font-size: 2.5rem;
        }

        .cbcn-color-p2{
            margin-top: 14px;
        }

    }

    /* ai */
    @media screen {
        .cbcn-ai-section {
            padding-top: 109px;
        }

        .cbcn-ai-p2 {
            margin-top: 10px;
        }

        .cbcn-ai-img {
            width: 60rem;
            height: 35rem;
            margin-top: 20px;
            border-radius: 1.5rem;
            overflow: hidden;
        }
    }

    /* construction */
    @media screen {
        .cbcn-construction-section {
            padding-top: 109px;
            margin-bottom: 130px;
        }

        .cbcn-construction-p3 {
            margin-top: 10px;
            width: 55.6rem;
        }

        .cbcn-construction-img {
            width: 60rem;
            height: 35rem;
            margin-top: 20px;
            border-radius: 30px;
            overflow: hidden;
        }
    }


    /* param */
    @media screen {

        .cbcn-param-mask1 {
            top: 0;
            width: 100%;
            height: 12em;
            background: linear-gradient(180deg, #000 -2%, rgba(0, 0, 0, 0.00) 102.31%);
            z-index: 3;
        }

        .cbcn-param-mask2 {
            bottom: 0;
            width: 100%;
            height: 12em;
            background: linear-gradient(0deg, #000 -2%, rgba(0, 0, 0, 0.00) 102.31%);
            z-index: 3;
        }

        .cbcn-param-btndiv {
            z-index: 6;
            bottom: 4.35rem;
            width: 14.15rem;
            height: 2.95rem;
            border-radius: 5rem;
            background: rgba(255, 255, 255, 0.20);
            backdrop-filter: blur(25px);
            user-select: none;
            padding: 0.25rem 0.3rem;
        }


        .cbcn-param-btn {
            width: 6.65rem;
            height: 2.45rem;
            position: relative;
            cursor: pointer;
            user-select: none;
            z-index: 3;
        }

        .cbcn-param-btn-a {
            width: 6.65rem;
            height: 2.45rem;
            border-radius: 5rem;
            background: #FF5A00;
            backdrop-filter: blur(25px);
            left: 0.3rem;
            z-index: 2;
        }

        .cbcn-param1-imgdiv {
            width: 42.4em;
            height: 80.05em;
            aspect-ratio: 116/219;
            top: 120px;
            z-index: 1;
        }


        .cbcn-param1-point {
            position: absolute;
            width: 1.2em;
            height: 1.2em;
            z-index: 20;
            opacity: 0;
        }

        .cbcn-param1-point svg{
            width: 100%;
            height: 100%;
        }



        .cbcn-param1-point.index1 {
            top: -0.8em;
            left: 20.6em;
        }

        .cbcn-param1-point.index2 {
            top: 21em;
            left: 3.3em;
        }

        .cbcn-param1-point.index3 {
            top: 64em;
            left: 28em;
        }

        .cbcn-param1-txt {
            padding-bottom: 5em;
            left: 15em;
            z-index: 5;
        }

        .cbcn-param1-logo{
            margin-bottom: 1.8rem;
            height: 40px;
        }

        .cbcn-param1-txt-item {
            margin-top: 1.25em;
        }

        .cbcn-param2-imgdiv {
            width: 41.65em;
            height: 101.6em;
            aspect-ratio: 41/100;
            top: 190px;
            z-index: 1;
            opacity: 0;
        }

        .cbcn-param2-point {
            position: absolute;
            width: 1.2em;
            height: 1.2em;
            z-index: 20;
            opacity: 0;
        }

        .cbcn-param2-point svg{
            width: 100%;
            height: 100%;
        }


        .cbcn-param2-point.index1 {
            top: -0.4em;
            left: 20em;
        }

        .cbcn-param2-point.index2 {
            top: 30.5em;
            left: 6.3em;
        }

        .cbcn-param2-point.index3 {
            top: 36em;
            left: 34em;
        }

        .cbcn-param2-txt {
            padding-bottom: 5em;
            left: 15em;
            z-index: 5;
            opacity: 0;
        }

        .cbcn-param2-logo{
            margin-bottom: 1.8rem;
            height: 40px;
        }

        .cbcn-param2-txt-item {
            margin-top: 1.25em;
        }
    }

    /* scene */
    @media screen {
        .cbcn-scene-section {
            padding-top: 128px;
        }

        .cbcn-scene-content {
            overflow: hidden;
        }

        .cbcn-scene-swiperdiv {
            margin-top: 3.71rem;
            width: 100%;
            height: 360px;
        }

        .cbcn-scene-swiper {
            width: 1800px;
            height: 360px;
        }

        .cbcn-scene-slide {
            overflow: hidden;
            border-radius: 30px;
        }

        .cbcn-scene-swiper-pagediv {
            margin-top: 3rem;
            width: 37px;
        }

        .cbcn-scene-swiper-page {
            width: 7px;
            height: 7px;
            background-color: #D9D9D9;
            border-radius: 50%;
        }

        .cbcn-scene-swiper-page.active {
            background-color: #FF5A00;
        }

        .cbcn-scene-swiper-btndiv {
            margin-top: 1.5rem;
            width: 24.55rem;
            height: 2.95rem;
            border-radius: 100px;
            background: #FF5A00;
            backdrop-filter: blur(25px);
        }

        .cbcn-scene-swiper-btndiv p {
            line-height: 2.95rem;
            font-size: 0.8rem;
        }

        .cbcn-scene-swiper-p{
            display: none;
        }

        .cbcn-scene-swiper-p.active{
            display: block;
        }

        .cbcn-scene-swiper-btn.prev {
            padding-left: 20px;
            cursor: pointer;
        }

        .cbcn-scene-swiper-btn.next {
            padding-right: 20px;
            cursor: pointer;
        }
        .cbcn-scene-swiper-btn svg{
            height: 100%;
        }
    }

    /* solution */
    @media screen {
        .cbcn-solution-section {
            padding-top: 150px;
            padding-bottom: 130px;
        }

        .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%;
        }

    }

}

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


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

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

        .cbcn-kv-logo {
            height: 3.6rem;
            margin-bottom: 1.1rem;
        }

        .cbcn-kv-p1 {
            font-size: 1.5rem;
        }
    }

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

        .cbcn-ksp-item {
            position: relative;
            width: 17rem;
            height: 25.15rem;
            border-radius: 1.5rem;
            overflow: hidden;
            background-size: cover;
            flex-shrink: 0;
            margin-bottom: 0.6rem;
        }

        .cbcn-ksp-item1 {
            width: 100%;
        }

        .cbcn-ksp-item2,
        .cbcn-ksp-item5 {
            height: 10.2rem;
        }

        .cbcn-ksp-item3,
        .cbcn-ksp-item4 {
            height: 6.6172rem;
        }

        .cbcn-ksp-p {
            width: 100%;
            padding-top: 1.48rem;
            padding-left: 1.48rem;
            font-size: 0.8rem;
        }

        .cbcn-ksp-item4 p {
            width: 100%;
            font-size: 0.8rem;
            padding-left: 1.48rem;
        }

        .cbcn-ksp-item1 .cbcn-ksp-p {
            padding-top: 2.15rem;
            padding-left: 2.65rem;
            font-size: 1.5rem;
        }

    }

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

        .cbcn-color-p1 {
            font-size: 2.5rem;
        }

        .cbcn-color-media {
            margin-top: 4.15rem;
            width: 100%;
            height: 20.35rem;
        }

    }

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

        .cbcn-ai-p1 {
            font-size: 2rem;
        }

        .cbcn-ai-p2 {
            margin-top: 0.85rem;
        }

        .cbcn-ai-img {
            width: 100%;
            height: 20.15rem;
            margin-top: 4.15rem;
            border-radius: 1.5rem;
            overflow: hidden;
        }
    }

    /* construction */
    @media screen {
        .cbcn-construction-section {
            padding-top: 4.15rem;
            padding-bottom: 4.15rem;
        }

        .cbcn-construction-p1 {
            font-size: 1.2rem;
        }

        .cbcn-construction-p2 {
            margin-top: 0.9rem;
            font-size: 2rem;
        }

        .cbcn-construction-p3 {
            margin-top: 1.3rem;
            font-size: 0.8rem;
        }

        .cbcn-construction-img {
            width: 100%;
            height: 20.15rem;
            margin-top: 3.35rem;
            border-radius: 1.5rem;
            overflow: hidden;
        }
    }


    /* param */
    @media screen {

        .cbcn-param-mask1 {
            top: 0;
            width: 100%;
            height: 23.8rem;
            background: linear-gradient(180deg, #000 -2%, rgba(0, 0, 0, 0.00) 102.31%);
            z-index: 3;
        }

        .cbcn-param-mask2 {
            bottom: 0;
            width: 100%;
            height: 23.8rem;
            background: linear-gradient(0deg, #000 -2%, rgba(0, 0, 0, 0.00) 102.31%);
            z-index: 3;
        }

        .cbcn-param-btndiv {
            z-index: 6;
            bottom: 4.35rem;
            width: 14.15rem;
            height: 2.95rem;
            border-radius: 5rem;
            background: rgba(255, 255, 255, 0.20);
            backdrop-filter: blur(25px);
            user-select: none;
            padding: 0.25rem 0.3rem;
        }


        .cbcn-param-btn {
            width: 6.65rem;
            height: 2.45rem;
            position: relative;
            cursor: pointer;
            user-select: none;
            z-index: 3;
        }

        .cbcn-param-btn-a {
            width: 6.65rem;
            height: 2.45rem;
            border-radius: 5rem;
            background: #FF5A00;
            backdrop-filter: blur(25px);
            left: 0.3rem;
            z-index: 2;
        }

        .cbcn-param1-imgdiv {
            width: 24.2rem;
            height: 40.025rem;
            aspect-ratio: 116/219;
            z-index: 1;
        }

        .cbcn-param1-svg1 {
            position: absolute;
            left: 2rem;
            top: 6.5rem;
            width: 0.7rem;
            height: 0.7rem;
            opacity: 0;
        }

        .cbcn-param1-svg2 {
            position: absolute;
            left: 11.7rem;
            top: 25.8rem;
            width: 0.7rem;
            height: 0.7rem;
            opacity: 0;
        }

        .cbcn-param1-txt {
            left: 1.5rem;
            z-index: 5;
        }

        .cbcn-param1-txt-item {
            margin-top: 2rem;
        }

        .cbcn-param1-logo{
            margin-bottom: 1.8rem;
            height: 40px;
        }

        .cbcn-param1-txt-item p {
            font-size: 0.8rem;
        }

        .cbcn-param2-imgdiv {
            width: 20.825em;
            height: 50.8em;
            aspect-ratio: 41/100;
            z-index: 1;
            opacity: 0;
        }

        .cbcn-param2-svg1 {
            position: absolute;
            left: 3.2em;
            top: 10.5em;
            width: 0.7rem;
            height: 0.7rem;
            opacity: 0;
        }

        .cbcn-param2-svg2 {
            position: absolute;
            left: 10em;
            top: 27.925em;
            width: 0.7rem;
            height: 0.7rem;
            opacity: 0;
        }

        .cbcn-param2-txt {
            left: 1.5rem;
            z-index: 5;
            opacity: 0;
        }

        .cbcn-param2-logo{
            margin-bottom: 1.8rem;
            height: 40px;
        }

        .cbcn-param2-txt-item {
            margin-top: 2rem;
        }

        .cbcn-param2-txt-item p {
            font-size: 0.8rem;
        }
    }

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

        .cbcn-scene-swiperdiv {
            margin-top: 5.25rem;
            width: 100%;
            height: 18.07465rem;
        }

        .cbcn-scene-swiper {
            width: 30.12445rem;
            height: 18.07465rem;
        }


        .cbcn-scene-swiper {
            width: 90.37335rem;
            height: 18.07465rem;
        }

        .cbcn-scene-slide {
            overflow: hidden;
            border-radius: 0.90375rem;
        }

        .cbcn-scene-swiper-pagediv {
            margin-top: 2.38rem;
            width: 4.24955rem;
        }

        .cbcn-scene-swiper-page {
            width: 0.80385rem;
            height: 0.80385rem;
            background-color: #D9D9D9;
            border-radius: 50%;
        }

        .cbcn-scene-swiper-page.active {
            background-color: #FF5A00;
        }

        .cbcn-scene-swiper-btndiv {
            margin-top: 3rem;
            width: 17.28195rem;
            height: 3.27005rem;
            border-radius: 5.5399rem;
            background: #FF5A00;
            backdrop-filter: blur(27.699512481689453px);
        }

        .cbcn-scene-swiper-btndiv p {
            line-height: 3.27005rem;
        }

        .cbcn-scene-swiper-btndiv svg {
            height: 3.27005rem;
        }

        .cbcn-scene-swiper-btn.prev {
            padding-left: 1.39rem;
            cursor: pointer;
        }

        .cbcn-scene-swiper-btn.next {
            padding-right: 1.13rem;
            cursor: pointer;
        }
    }

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

        .cbcn-solution-item {
            display: block;
            width: 100%;
            margin-bottom: 4.1rem;
        }

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

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

    }
}