@media screen and (min-width: 750px) {
    .colBoxListWrap[data-v-63c33821] {
        width: 100vw;
        height: 60vw;
        background-image: url(../../../images/zt/kxzfx/kxzfx-dyzlbj.25c5b3dc.png);
        background-size: 100%;
        top: -7vw;
        position: relative
    }

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

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

    .colBoxListWrap .colBoxList[data-v-63c33821] {
        width: 62.5vw;
        height: 47.6vw;
        margin: 0 auto 50px;
        position: absolute;
        top: 10.5vw;
        left: 50%;
        transform: translate(-50%);
        background: linear-gradient(to bottom, #fff, #eacb93)
    }

    .colBoxListWrap .colBoxList .turnTitle[data-v-63c33821] {
        cursor: pointer
    }

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

    .colBoxListWrap .colBoxList .titleBox p[data-v-63c33821] {
        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: 34px;
        color: #fff;
        font-weight: 600
    }

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

    .colBoxListWrap .colBoxList .ipBox1[data-v-63c33821] {
        background-image: url(../../../images/zt/kxzfx/ip1.b03bb03f.png);
        width: 130px;
        height: 180px;
        right: -90px;
        bottom: 50px
    }

    .colBoxListWrap .colBoxList .ipBox2[data-v-63c33821] {
        background-image: url(../../../images/zt/kxzfx/ip2.d50215ec.png);
        width: 125px;
        height: 145px;
        left: 60px;
        top: -40px
    }

    .colBoxListWrap .colBoxList .ipBox3[data-v-63c33821] {
        background-image: url(../../../images/zt/kxzfx/ip3.fb56ce11.png);
        width: 160px;
        height: 170px;
        left: -120px;
        top: 300px
    }

    .colBoxListWrap .colBoxList .ipBox4[data-v-63c33821] {
        background-image: url(../../../images/zt/kxzfx/ip4.db46ec06.png);
        width: 118px;
        height: 100px;
        right: 65px;
        top: -80px
    }

    .colBoxListWrap .colBoxList .ipBox5[data-v-63c33821] {
        background-image: url(../../../images/zt/kxzfx/ip2.d50215ec.png);
        width: 125px;
        height: 145px;
        left: 60px;
        top: -80px
    }

    .colBoxListWrap .colBoxList .conBox[data-v-63c33821] {
        box-sizing: border-box;
        width: 100%;
        background: #fff;
        border: 1px solid #c7c7c7;
        margin-top: 5vw
    }

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

@media screen and (max-width: 750px) {
    .colBoxListWrap[data-v-63c33821] {
        width: 100%;
        padding-top: 1rem;
        padding-bottom: .5rem;
        background-image: url(../../../images/zt/kxzfx/kxzfx-dyzlbj.25c5b3dc.png);
        background-size: 100%;
        position: relative
    }

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

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

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

    .colBoxListWrap .colBoxList .turnTitle[data-v-63c33821] {
        cursor: pointer
    }

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

    .colBoxListWrap .colBoxList .titleBox p[data-v-63c33821] {
        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-63c33821] {
        position: absolute;
        background-size: 100% 100%
    }

    .colBoxListWrap .colBoxList .ipBox1[data-v-63c33821] {
        background-image: url(../../../images/zt/kxzfx/ip1.b03bb03f.png);
        width: 130px;
        height: 180px;
        right: -90px;
        bottom: 50px
    }

    .colBoxListWrap .colBoxList .ipBox2[data-v-63c33821] {
        background-image: url(../../../images/zt/kxzfx/ip2.d50215ec.png);
        width: 125px;
        height: 145px;
        left: 60px;
        top: -40px
    }

    .colBoxListWrap .colBoxList .ipBox3[data-v-63c33821] {
        background-image: url(../../../images/zt/kxzfx/ip3.fb56ce11.png);
        width: 160px;
        height: 170px;
        left: -120px;
        top: 300px
    }

    .colBoxListWrap .colBoxList .ipBox4[data-v-63c33821] {
        background-image: url(../../../images/zt/kxzfx/ip4.db46ec06.png);
        width: 118px;
        height: 100px;
        right: 65px;
        top: -80px
    }

    .colBoxListWrap .colBoxList .ipBox5[data-v-63c33821] {
        background-image: url(../../../images/zt/kxzfx/ip2.d50215ec.png);
        width: 125px;
        height: 145px;
        left: 60px;
        top: -80px
    }

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

@media screen and (min-width: 750px) {
    .myPagination {
        display: flex;
        justify-content: center;
        padding: 1vw 0
    }

    .myPagination .el-pagination .el-pager li {
        width: 1.56vw;
        height: 1.76vw;
        border: 1px solid #dedede;
        margin: 0 .4vw
    }

    .myPagination .el-pagination .el-pager li.is-active, .myPagination .el-pagination .el-pager li:hover {
        background-color: #ad6f1e;
        color: #fff
    }

    .myPagination .el-pagination .el-pagination__editor.el-input {
        height: 1.76vw;
        font-size: .8vw
    }

    .myPagination .el-pagination .btn-prev, .myPagination .el-pagination .btn-next {
        background-color: #e3e3e3;
        height: 1.56vw;
        margin: 0 .5vw
    }

    .myPagination .el-pagination .btn-prev:hover, .myPagination .el-pagination .btn-next:hover {
        color: #ad6f1e
    }

    .pagiBox {
        width: 59.5vw;
        display: flex;
        height: auto;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: 1.5vw
    }

    .pagiBox .dataItem {
        width: 19vw;
        height: 19vw;
        margin-bottom: 1vw;
        justify-content: space-between;
        cursor: pointer;
        align-items: center;
        background: rgba(0, 0, 0, .1)
    }

    .pagiBox .dataItem img {
        width: 19vw;
        height: 13vw
    }

    .pagiBox .dataItem .msgBox {
        padding: 0 .5vw;
        color: #fff;
        font-size: 1vw
    }

    .pagiBox .dataItem .title {
        width: 100%;
        height: 3vw;
        line-height: 1.5vw;
        margin-top: .5vw
    }

    .pagiBox .dataItem .date {
        width: 100%;
        line-height: 2vw
    }

    .pagiBox1 {
        width: 100%;
        height: 43.5vw
    }

    .pagiBox1 .dataItem {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        cursor: pointer;
        height: 3vw;
        line-height: 3vw;
        border-bottom: 1px dotted #d4d4d4;
        margin: 0 2px;
    }

    .pagiBox1 .dataItem img {
        width: 380px;
        height: 215px;
        object-fit: cover
    }

    .pagiBox1 .dataItem p {
        width: 60%;
        font-size: 1vmax;
        line-height: 3vw;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding: 0 2.6vw;
        color: #000;
    }

    .pagiBox1 .dataItem p:hover {
        color: #af4f15
    }

    .pagiBox1:nth-last-child(1) {
        border-bottom: none
    }

    .pagiBox2 {
        width: 100%;
        display: flex;
        height: 900px;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .pagiBox2 .dataItem {
        width: 330px;
        cursor: pointer
    }

    .pagiBox2 .dataItem img {
        width: 100%;
        height: 412px;
        object-fit: cover
    }

    .pagiBox2 .dataItem .title {
        width: 100%;
        font-size: 16px;
        line-height: 40px;
        text-align: center
    }
}

@media screen and (max-width: 750px) {
    .myPagination {
        display: flex;
        justify-content: center;
        height: 2rem
    }

    .myPagination .el-pagination .el-pager li.is-active, .myPagination .el-pagination .el-pager li:hover, .myPagination .el-pagination .btn-prev:hover, .myPagination .el-pagination .btn-next:hover {
        color: #ad6f1e
    }

    .pagiBox a{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .pagiBox .dataItem {
        width: 90%;
        margin: 0 5%;
        display: flex;
        margin-bottom: .4667rem;
        justify-content: space-between;
        cursor: pointer;
        align-items: center
    }

    .pagiBox .dataItem img {
        width: 3rem;
        object-fit: cover
    }

    .pagiBox .dataItem .msgBox {
        font-size: .24rem
    }

    .pagiBox .dataItem .title, .pagiBox .dataItem .date {
        width: 4.8rem;
        line-height: .5333rem
    }

    .pagiBox1 {
        width: 100%;
        height: auto
    }

    .pagiBox1 .dataItem {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        cursor: pointer;
        height: 1rem;
        line-height: .55rem;
        border-bottom: 1px dotted #d4d4d4
    }

    .pagiBox1 .dataItem:nth-last-child(1) {
        border-bottom: none
    }

    .pagiBox1 .dataItem img {
        width: 380px;
        height: 215px;
        object-fit: cover
    }

    .pagiBox1 .dataItem p {
        width: 90%;
        font-size: .4rem;
        line-height: .55rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding: 0 5%;
        color: #000;
    }

    .pagiBox1 .dataItem p:hover {
        color: #af4f15
    }

    .pagiBox2 {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .pagiBox2 .dataItem {
        width: 3.9rem;
        cursor: pointer
    }

    .pagiBox2 .dataItem img {
        width: 100%;
        height: 5rem;
        object-fit: cover
    }

    .pagiBox2 .dataItem .title {
        width: 100%;
        font-size: .2133rem;
        line-height: .5333rem;
        text-align: center
    }
}

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

    .backContent[data-v-ab185261] {
        width: 100%;
        padding-bottom: 3vw;
        background-image: url(../../../images/zt/kxzfx/kxzfx-dyzlbj.25c5b3dc.png);
        background-size: 100%;
        top: -7vw;
        position: relative;
        margin-bottom: -7vw
    }

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

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

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

    .btnGroup .btnItem[data-v-ab185261] {
        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-ab185261] {
        background-color: #426df1;
        color: #f9ff58
    }

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

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

    .backContent[data-v-ab185261] {
        width: 100%;
        padding-bottom: .5rem;
        background-image: url(../../../images/zt/kxzfx/kxzfx-dyzlbj.25c5b3dc.png);
        background-size: 100%;
        position: relative
    }

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

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

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

    .btnGroup .btnItem[data-v-ab185261] {
        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-ab185261] {
        background-color: #426df1;
        color: #f9ff58
    }

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