@media screen and (min-width: 750px) {
    .colBoxListWrap[data-v-620a8ed9] {
        width: 100vw;
        height: 57.24vw;
        position: relative
    }

    .colBoxListWrap .logo[data-v-620a8ed9] {
        margin: 2.5vw 0 0 18.75vw;
        width: 20vw;
        position: absolute
    }

    .colBoxListWrap .bg[data-v-620a8ed9] {
        width: 100%;
        height: 100%
    }

    .colBoxListWrap .colBoxList[data-v-620a8ed9] {
        width: 62.5vw;
        height: 41.6vw;
        margin: 0 auto 50px;
        position: absolute;
        top: 10.5vw;
        left: 50%;
        transform: translate(-50%)
    }

    .colBoxListWrap .colBoxList .turnTitle[data-v-620a8ed9] {
        cursor: pointer
    }

    .colBoxListWrap .colBoxList .titleBox[data-v-620a8ed9] {
        width: 100%;
        position: absolute;
        top: -50px;
        left: 0;
        display: flex;
        justify-content: center
    }

    .colBoxListWrap .colBoxList .titleBox p[data-v-620a8ed9] {
        display: block;
        background-image: url(../../../images/zt/2024kxjnh/2024kxjnh_lanhengtiao.png);
        background-size: 100% 100%;
        padding: 14px 82px;
        font-size: 34px;
        color: #fff;
        font-weight: 600
    }

    .colBoxListWrap .colBoxList .ipBox[data-v-620a8ed9] {
        position: absolute;
        background-size: 100% 100%
    }

    .colBoxListWrap .colBoxList .ipBox1[data-v-620a8ed9] {
        background-image: url(../../../images/zt/2024kxjnh/2024kxjnh_ip1.b03bb03f.png);
        width: 130px;
        height: 180px;
        right: -90px;
        bottom: 50px
    }

    .colBoxListWrap .colBoxList .ipBox2[data-v-620a8ed9] {
        background-image: url(../../../images/zt/2024kxjnh/2024kxjnh_ip2.d50215ec.png);
        width: 125px;
        height: 145px;
        left: 60px;
        top: -40px
    }

    .colBoxListWrap .colBoxList .ipBox3[data-v-620a8ed9] {
        background-image: url(../../../images/zt/2024kxjnh/2024kxjnh_ip3.fb56ce11.png);
        width: 160px;
        height: 170px;
        left: -120px;
        top: 300px
    }

    .colBoxListWrap .colBoxList .ipBox4[data-v-620a8ed9] {
        background-image: url(../../../images/zt/2024kxjnh/2024kxjnh_ip4.db46ec06.png);
        width: 118px;
        height: 100px;
        right: 65px;
        top: -80px
    }

    .colBoxListWrap .colBoxList .ipBox5[data-v-620a8ed9] {
        background-image: url(../../../images/zt/2024kxjnh/2024kxjnh_ip2.d50215ec.png);
        width: 125px;
        height: 145px;
        left: 60px;
        top: -80px
    }

    .colBoxListWrap .colBoxList .conBoxs[data-v-620a8ed9] {
        box-sizing: border-box;
        width: 100%;
        background: #fff;
        border: 1px solid #c7c7c7
    }
}

@media screen and (max-width: 750px) {
    .colBoxListWrap[data-v-620a8ed9] {
        width: 100%
    }

    .colBoxListWrap .logo[data-v-620a8ed9] {
        margin: 2.5vw 0 0 18.75vw;
        width: 20vw;
        position: absolute;
        display: none
    }

    .colBoxListWrap .bg[data-v-620a8ed9] {
        width: 100%;
        height: 100%;
        display: none
    }

    .colBoxListWrap .colBoxList[data-v-620a8ed9] {
        width: 90%;
        height: auto;
        margin: 0 auto 1rem;
        background: linear-gradient(to bottom, #fff, #f19f16);
        border-radius: .35rem;
        padding-top: .5rem
    }

    .colBoxListWrap .colBoxList .turnTitle[data-v-620a8ed9] {
        cursor: pointer
    }

    .colBoxListWrap .colBoxList .titleBox[data-v-620a8ed9] {
        width: 100%;
        position: absolute;
        top: -50px;
        left: 0;
        display: flex;
        justify-content: center
    }

    .colBoxListWrap .colBoxList .titleBox p[data-v-620a8ed9] {
        display: block;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAvYAAABGCAYAAACntNB8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAESklEQVR4nO3dv6+ddR3A8XcPTcSbtiS1CDR3oFC0RDAwCIsMkPBjIzEOIsYFjYOaaPQPYHRnwR9hQBKYXBwMxoHBCCFRBiChmBgG4gaJkRicyvANpS297T3n3HPOvU9fr+nkPD++n/F9nvvc5znUc+faJ45X91Z3V3dUt1bb1ZeqI9UNG5sMAIBr2X+qj6oPqver96p/Vm9Wb1QfbmyyCxzaYNgfqx6uHq2+WZ2pDm1qGAAAWMC56p3qr9XL1V8aPwTWbt1hf331reo71SPVF9a5OAAArNj/qz9XL1V/qD5e18LrCvvbqp9W32/ccgMAAFP3YfV89Uz1r1UvNlvx+c9UL1bvVj9L1AMAcO043mjgdxtNfGaVi60q7E9Uv6vebtx2c92K1gEAgP3uukYTv91o5BOrWGSvw35W/ag6Wz21gvMDAMBBNWs08tlGM+9pK+/lye6o/lY9m1tuAABgJ8cbzfxqo6H3xF6F/ZPV36v79+h8AAAwdfdV/2i09NKWDfsvVr+pXqiOLj8OAABcU440Wvq3jbZe2DJh/+XqleqHywwAAAD0g0Zb37ToCRYN+1PVa40/HwAAAMu7r3Hf/alFDl4k7O9svDJ3oQUBAIAdnWq09p3zHjhv2J9uvCL35LwLAQAAu3Ky0dyn5zlonrC/sfpTtT3PAgAAwNy2G+19424P2G3Yb1V/bM5fDQAAwMJONxp8azc77zbsf51n1AMAwLrd33i8/FXtJux/XH1vqXEAAIBFPVn95Go7Heq5c1faflf1eks+LB8AAFjKx9U3qrd22uFKV+wPV88n6gEAYNOur37faPTLulLY/6K6d68nAgAAFnJP9cudNu50K852dbZd/gcuAACwFv+rvlq9f+mGna7Y/ypRDwAA+81Wo9U/53Jh//XqiZWOAwAALOqJRrNf5HJh//QO3wMAAJs3azT757680Feqx9cxDQAAsLDHG/fan3dp2P/8Mt8BAAD7y6zR7udd+FScI9W/q6NrHgoAAJjff6uT1Ud18dX5byfqAQDgoDjaaPjq4rD3JBwAADhYvvvph0/D/nj10GZmAQAAFvRgo+XPh/2j1eGNjQMAACzicPVYfRb2j2xuFgAAYAkP12dh/8AGBwEAABb3QI2wv6m6fbOzAAAAC7q9unlWfW3TkwAAAEu5Z9Ylr6IFAAAOnLuFPQAAHHynhT0AABx8p2bV9qanAAAAlnLLrDqx6SkAAIClnJhVW5ueAgAAWMrWrDq26SkAAIClHJtdfR8AAGC/E/YAADABwh4AACZA2AMAwAQIewAAmABhDwAAEyDsAQBgAoQ9AABMgLAHAIAJEPYAADABwh4AACZA2AMAwAQIewAAmABhDwAAEyDsAQBgAoQ9AABMgLAHAIAJEPYAADABwh4AACZA2AMAwAQIewAAmABhDwAAEyDsAQBgAoQ9AABMgLAHAIAJEPYAADABwh4AACbgE5mtXe/XgLVXAAAAAElFTkSuQmCC);
        background-size: 100% 100%;
        padding: 14px 82px;
        font-size: .45rem;
        color: #fff;
        font-weight: 600
    }

    .colBoxListWrap .colBoxList .ipBox[data-v-620a8ed9] {
        position: absolute;
        background-size: 100% 100%
    }

    .colBoxListWrap .colBoxList .ipBox1[data-v-620a8ed9] {
        background-image: url(../../../images/zt/2024kxjnh/2024kxjnh_ip1.b03bb03f.png);
        width: 130px;
        height: 180px;
        right: -90px;
        bottom: 50px
    }

    .colBoxListWrap .colBoxList .ipBox2[data-v-620a8ed9] {
        background-image: url(../../../images/zt/2024kxjnh/2024kxjnh_ip2.d50215ec.png);
        width: 125px;
        height: 145px;
        left: 60px;
        top: -40px
    }

    .colBoxListWrap .colBoxList .ipBox3[data-v-620a8ed9] {
        background-image: url(../../../images/zt/2024kxjnh/2024kxjnh_ip3.fb56ce11.png);
        width: 160px;
        height: 170px;
        left: -120px;
        top: 300px
    }

    .colBoxListWrap .colBoxList .ipBox4[data-v-620a8ed9] {
        background-image: url(../../../images/zt/2024kxjnh/2024kxjnh_ip4.db46ec06.png);
        width: 118px;
        height: 100px;
        right: 65px;
        top: -80px
    }

    .colBoxListWrap .colBoxList .ipBox5[data-v-620a8ed9] {
        background-image: url(../../../images/zt/2024kxjnh/2024kxjnh_ip2.d50215ec.png);
        width: 125px;
        height: 145px;
        left: 60px;
        top: -80px
    }

    .colBoxListWrap .colBoxList .conBoxs[data-v-620a8ed9] {
        box-sizing: border-box;
        width: 100%
    }
}

@media screen and (min-width: 750px) {
    .crumbs-white[data-v-0eadcd0c] {
        height: 0;
        padding-bottom: 0
    }

    .btnBack[data-v-0eadcd0c] {
        margin: 0 auto 2.6vw;
        display: block;
        cursor: pointer;
        width: 13vw
    }

    .crumbs[data-v-0eadcd0c] {
        margin: 0 auto;
        width: 1200px;
        display: none
    }

    .btnGroup[data-v-0eadcd0c] {
        display: flex;
        align-items: center;
        margin-bottom: 20px
    }

    .btnGroup .btnItem[data-v-0eadcd0c] {
        background-color: #f9ff58;
        border: 1px solid #f9ff58;
        color: #426df1;
        font-size: 24px;
        width: 150px;
        height: 50px;
        text-align: center;
        line-height: 50px;
        border-radius: 25px;
        cursor: pointer;
        margin-right: 20px
    }

    .btnGroup .btnActive[data-v-0eadcd0c] {
        background-color: #426df1;
        color: #f9ff58
    }

    .btnGroup img[data-v-0eadcd0c] {
        margin-left: auto;
        cursor: pointer
    }
}

@media screen and (max-width: 750px) {
    .crumbs-white[data-v-0eadcd0c] {
        height: 0;
        padding-bottom: 0
    }

    .btnBack[data-v-0eadcd0c] {
        margin: 0 auto .6667rem;
        display: block;
        cursor: pointer;
        width: 3.3333rem
    }

    .crumbs[data-v-0eadcd0c] {
        margin: 0 auto;
        width: 1200px;
        display: none
    }

    .btnGroup[data-v-0eadcd0c] {
        display: flex;
        align-items: center;
        margin-bottom: .2667rem
    }

    .btnGroup .btnItem[data-v-0eadcd0c] {
        background-color: #f9ff58;
        border: 1px solid #f9ff58;
        color: #426df1;
        font-size: .32rem;
        width: 2rem;
        height: .6667rem;
        text-align: center;
        line-height: .6667rem;
        border-radius: .3333rem;
        cursor: pointer;
        margin-right: .2667rem
    }

    .btnGroup .btnActive[data-v-0eadcd0c] {
        background-color: #426df1;
        color: #f9ff58
    }

    .btnGroup img[data-v-0eadcd0c] {
        margin-left: auto;
        cursor: pointer
    }
}