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

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

    }

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

        .cbcn-honor-div {
            position: relative;
            width: 92.05rem;
            height: 47.3rem;
        }

        .cbcn-honor-txt {
            top: 3.9rem;
        }


        .cbcn-honor-p2 {
            margin-top: 0.25em;
        }

        .cbcn-honor-p3 {
            margin-top: 1em;
        }

    }

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

        .bcn-series-title {
            font-size: 2.5rem;
        }

        .cbcn-series-item {
            margin-top: 74px;
            width: 21.85rem;
            height: 27.15rem;
            border-radius: 35px;
            transition: all 0.5s;
            cursor: pointer;
            display: block;
            position: relative;
            overflow: hidden;
        }

        .cbcn-series-item.active {
            width: 46.15rem;
        }

        .cbcn-series-img {
            width: 100%;
            height: 100%;
        }

        .cbcn-series-p1 {
            font-size: 1.8rem;
        }

        .cbcn-series-block {
            opacity: 0;
            width: 19rem;
            height: 5.45rem;
            border-radius: 2.8rem;
            background: rgba(255, 255, 255, 0.70);
            backdrop-filter: blur(25px);
            bottom: 1.05rem;
            transition: all 0.5s;
            overflow: hidden;
        }

        .cbcn-series-item.active .cbcn-series-block {
            opacity: 1;
            width: 44rem;
        }

        .cbcn-series-item .cbcn-series-p2 {
            font-size: 1.2rem;
            padding-left: 3.25rem;
            padding-right: 2rem;
            flex-shrink: 0;
        }

        .cbcn-series-item .cbcn-series-p3 {
            font-size: 0.9rem;
            width: 23rem;
            flex-shrink: 0;
        }


        .cbcn-series-svg {
            position: absolute;
            right: 1.5rem;
            width: 3.05rem;
            height: 3.05rem;
        }

    }

    /* explore */
    @media screen {
        .cbcn-explore-section {
            padding-top: 168px;
            padding-bottom: 105px;
        }

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

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

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


        .cbcn-explore-img {
            width: 25.35rem;
            height: 21.85rem;
            aspect-ratio: 239/206;
            position: absolute;
            right: 7.9rem;
            bottom: 0;
        }

        .cbcn-explore-btnlist {
            position: absolute;
            left: 2.8rem;
            bottom: 56px;
        }

        .cbcn-explore-btn {
            margin-right: 0.6rem;
            width: 10.05rem;
            height: 2.4rem;
            flex-shrink: 0;
            border-radius: 1.4rem;
            overflow: hidden;
            border: 1px solid #FFF;
        }

        .cbcn-explore-btn:hover {
            border: 1px solid #FF5E00;
        }
    }

}

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

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

        .cbcn-kv-txt {
            position: absolute;
            bottom: 2.25rem;
            padding: 0 1.5rem;
            width: 100%;
        }

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

    /* title */
    @media screen {}

    /* series */
    @media screen {
        .cbcn-title-section {
            padding-top: 4.35rem;
        }

        .cbcn-series-item {
            margin-top: 4.35rem;
            width: 100%;
            display: block;
            position: relative;
            margin-bottom: 2.6rem;
        }


        .cbcn-series-img {
            width: 100%;
            height: 20.2963rem;
            border-radius: 1.2866rem;
            display: block;
            position: relative;
            overflow: hidden;
        }

        .cbcn-series-p1 {
            font-size: 1.8rem;
        }

        .cbcn-series-block {
            width: 100%;
            margin-top: 1.6rem;
        }

        .cbcn-series-item .cbcn-series-p3 {
            font-size: 1rem;
            width: 29.5rem;
            flex-shrink: 0;
        }


        .cbcn-series-svg {
            width: 2.2627rem;
            height: 2.2627rem;
        }

    }

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

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

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

        .cbcn-explore-img {
            width: 20.05rem;
            height: 19.65rem;
            aspect-ratio: 50/49;
            position: absolute;
            right: 0.4rem;
            bottom: 0;
        }

        .cbcn-explore-btnlist {
            position: absolute;
            left: 2.45em;
            bottom: 2.25rem;
            flex-direction: column-reverse;
        }

        .cbcn-explore-morebtn {
            display: block;
            width: 17.3rem;
            height: 3.15rem;
            border-radius: 1.575rem;
            background: #FF5B00;
            color: #FFF;
            text-align: center;
            line-height: 3.15rem;
            flex-shrink: 0;
        }

        .cbcn-explore-btn {
            width: 9.505rem;
            height: 2.26985rem;
            flex-shrink: 0;
            border-radius: 1.25315rem;
            background: #FFF;
            display: block;
            margin-bottom: 0.73rem;
        }
    }

}



@media screen and (max-width: 1920px) and (min-width: 1024px) {
    .cbcn-honor-p1 {
        font-size: 2em;
    }

    .cbcn-honor-p2 {
        font-size: 2em;
        margin-top: 0.25em;
    }

    .cbcn-honor-p3 {
        font-size: 0.8em;
        margin-top: 1em;
    }
}