#app {
    background: url('../../../images/zt/2022kxjnh/2022kxjnh_base64_8312002e87cc.jpg')
}

.shade {
    width: 100%;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .5);
    z-index: 99;
    display: flex
}

@media screen and (min-width: 1000px) {
    #app {
        width: 100%;
        overflow: hidden
    }

    #app .btn-close {
        position: absolute;
        right: 50px;
        top: 50px;
        cursor: pointer;
        background: url('../../../images/zt/2022kxjnh/2022kxjnh_base64_76293a38894d.png');
        background-size: 100% 100%;
        width: 64px;
        height: 64px
    }
}

@media screen and (max-width: 1000px) {
    #app {
        width: 10rem;
        overflow: hidden;
        background-size: .44rem .6rem;
        padding-bottom: 1.5rem
    }

    #app .btn-close {
        position: absolute;
        right: .5rem;
        top: .5rem;
        background: url('../../../images/zt/2022kxjnh/2022kxjnh_base64_76293a38894d.png');
        background-size: 100% 100%;
        width: .853333rem;
        height: .853333rem
    }
}

@media screen and (min-width: 1000px) {
    .gg-title {
        text-align: center;
        color: #245be9;
        font-size: 30px;
        font-weight: 700;
        margin-top: 595px
    }

    .header {
        background: url('../../../images/zt/2022kxjnh/2022kxjnh_banner.ef39dd7d.jpg') no-repeat center 0
    }

    .header, .header-se {
        height: 680px;
        position: relative
    }

    .header-se {
        background: url('../../../images/zt/2022kxjnh/2022kxjnh_banner-new.36b3a160.jpg') no-repeat center 0
    }

    .header-inner {
        width: 1200px;
        margin: 0 auto;
        overflow: hidden;
        position: relative
    }

    .logo {
        width: 205px;
        height: 67px;
        background: url('../../../images/zt/2022kxjnh/2022kxjnh_base64_55af8096be76.png') no-repeat;
        display: block;
        margin-top: 44px
    }

    .logo02 {
        width: 222px;
        background: url('../../../images/zt/2022kxjnh/2022kxjnh_logo02.dbe750a1.png') no-repeat;
        top: 25px;
        right: 150px
    }

    .logo02, .logo03 {
        height: 92px;
        display: block;
        position: absolute
    }

    .logo03 {
        width: 113px;
        background: url('../../../images/zt/2022kxjnh/2022kxjnh_base64_05af3272caf6.png') no-repeat;
        top: 20px;
        right: 0
    }

    .nav {
        height: 166px;
        background: url('../../../images/zt/2022kxjnh/2022kxjnh_nav-bg.c617379c.png') no-repeat center 0;
        position: absolute;
        bottom: 0;
        width: 100%
    }

    .nav ul {
        width: 1200px;
        margin: 0 auto;
        display: flex;
        font-size: 20px;
        justify-content: space-between
    }

    .nav ul li:first-child {
        margin-top: 70px;
        transform: rotate(7deg)
    }

    .nav ul li:nth-child(2) {
        margin-top: 90px;
        transform: rotate(3.5deg)
    }

    .nav ul li:nth-child(3) {
        margin-top: 100px;
        transform: rotate(1deg)
    }

    .nav ul li:nth-child(4) {
        margin-top: 105px;
        transform: rotate(0deg)
    }

    .nav ul li:nth-child(5) {
        margin-top: 100px;
        transform: rotate(-1deg)
    }

    .nav ul li:nth-child(6) {
        margin-top: 90px;
        transform: rotate(-3.5deg)
    }

    .nav ul li:nth-child(7) {
        margin-top: 70px;
        transform: rotate(-7deg)
    }

    .nav ul li:nth-child(8) {
        margin-top: 102px;
        transform: rotate(-3deg)
    }

    .nav ul li:nth-child(9) {
        margin-top: 95px;
        transform: rotate(-4.5deg)
    }

    .nav ul li:nth-child(10) {
        margin-top: 85px;
        transform: rotate(-6deg)
    }

    .nav ul li:nth-child(11) {
        margin-top: 70px;
        transform: rotate(-7.5deg)
    }

    .nav ul a {
        color: #fff;
        display: block;
        transition: all .2s
    }

    .nav ul .selected, .nav ul a:hover {
        color: #ff7f02 !important;
        font-weight: 700
    }
}

@media screen and (max-width: 1000px) {
    .gg-title {
        text-align: center;
        color: #245be9;
        font-size: .293333rem;
        font-weight: 700;
        margin-top: 5.7rem
    }

    .header {
        height: 5.626667rem;
        background: url('../../../images/zt/2022kxjnh/2022kxjnh_banner-m.413e79d2.jpg') no-repeat center 0;
        background-size: 100% 100%;
        position: relative
    }

    .header-inner {
        width: 10rem;
        margin: 0 auto;
        overflow: hidden
    }

    .logo {
        width: 2rem;
        height: .666667rem;
        background: url('../../../images/zt/2022kxjnh/2022kxjnh_base64_55af8096be76.png') no-repeat;
        background-size: 100% 100%;
        display: block;
        margin-top: .3rem;
        margin-left: .266667rem
    }

    .logo02 {
        width: 2.96rem;
        background: url('../../../images/zt/2022kxjnh/2022kxjnh_logo02.dbe750a1.png') no-repeat;
        background-size: 100% 100%;
        right: 2rem
    }

    .logo02, .logo03 {
        height: 1.226667rem;
        display: block;
        top: .1rem;
        position: absolute
    }

    .logo03 {
        width: 1.506667rem;
        background: url('../../../images/zt/2022kxjnh/2022kxjnh_base64_05af3272caf6.png') no-repeat;
        background-size: 100% 100%;
        right: .133333rem
    }

    .nav {
        height: .8rem;
        line-height: .8rem;
        background: #245be9;
        position: absolute;
        bottom: -.8rem;
        width: 100%
    }

    .nav ul {
        width: 100%;
        margin: 0 auto;
        display: flex;
        justify-content: space-around;
        font-size: .266667rem
    }

    .nav ul li {
        transform: rotate(0deg) !important;
        margin-top: 0 !important;
        text-align: center;
        line-height: .8rem
    }

    .nav ul a {
        color: #fff;
        display: block
    }

    .nav ul .selected, .nav ul a:hover {
        color: #ff7f02 !important;
        font-weight: 700
    }
}

@media screen and (min-width: 1000px) {
    .footer .footer-top[data-v-23227078] {
        background: url('../../../images/zt/2022kxjnh/2022kxjnh_base64_6db67a68efcd.png') no-repeat center 0;
        height: 114px
    }

    .footer .footer-inner[data-v-23227078] {
        max-width: 1920px;
        margin: 0 auto;
        background-color: #3669eb;
        padding-bottom: 30px
    }

    .footer .footer-inner .footer-link[data-v-23227078] {
        color: #fff;
        display: flex;
        justify-content: space-between;
        width: 1200px;
        margin: 0 auto
    }

    .footer .footer-inner .footer-link dl[data-v-23227078] {
        margin-right: 30px
    }

    .footer .footer-inner .footer-link dl a[data-v-23227078] {
        color: #fff;
        font-size: 18px
    }

    .footer .footer-inner .footer-link dl a[data-v-23227078]:hover {
        color: #fff !important
    }

    .footer .footer-inner .footer-link dd[data-v-23227078] {
        margin-bottom: 15px;
        padding-left: 15px
    }

    .footer .footer-inner .footer-link dd p[data-v-23227078] {
        font-size: 18px;
        line-height: 30px
    }

    .footer .footer-inner .footer-link dt[data-v-23227078] {
        font-size: 22px;
        font-weight: 700;
        padding-left: 12px;
        border-left: 3px solid #fff;
        height: 28px;
        line-height: 28px;
        margin-bottom: 15px
    }

    .footer .footer-inner .lxwm-p p[data-v-23227078] {
        padding-bottom: 10px;
        padding-top: 15px
    }

    .footer .footer-inner .ewm[data-v-23227078] {
        display: flex;
        text-align: center;
        font-size: 14px;
        width: 500px;
        justify-content: space-between
    }

    .footer .footer-inner .ewm img[data-v-23227078] {
        width: 160px;
        height: 160px
    }

    .footer .footer-inner .ewm p[data-v-23227078] {
        padding-top: 10px
    }

    .footer .footer-inner .footer-zbdw[data-v-23227078] {
        color: #fff;
        font-size: 16px;
        line-height: 32px;
        width: 1200px;
        margin: 0 auto;
        padding-top: 30px;
        text-align: center
    }
}

@media screen and (max-width: 1000px) {
    .footer[data-v-23227078] {
        background-color: #3669eb
    }

    .footer .footer-top[data-v-23227078] {
        display: none
    }

    .footer .footer-inner[data-v-23227078] {
        padding: .8rem 0
    }

    .footer .footer-inner .footer-link[data-v-23227078] {
        color: #fff;
        display: block;
        width: 9.5rem;
        margin: 0 auto
    }

    .footer .footer-inner .footer-link dl[data-v-23227078] {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: .211715rem
    }

    .footer .footer-inner .footer-link dl a[data-v-23227078] {
        color: #fff;
        font-size: .24rem;
        display: block
    }

    .footer .footer-inner .footer-link dl a[data-v-23227078]:hover {
        color: #fff !important
    }

    .footer .footer-inner .footer-link dd[data-v-23227078] {
        padding-left: .2rem;
        line-height: .4rem;
        font-size: .28rem
    }

    .footer .footer-inner .footer-link dd p[data-v-23227078] {
        font-size: .24rem
    }

    .footer .footer-inner .footer-link dt[data-v-23227078] {
        font-size: .28rem;
        font-weight: 700;
        padding-left: .16rem;
        border-left: .04rem solid #fff;
        height: .4rem;
        line-height: .4rem
    }

    .footer .footer-inner .lxwm-p p[data-v-23227078] {
        line-height: .4rem;
        padding-bottom: .1rem
    }

    .footer .footer-inner .ewm[data-v-23227078] {
        display: flex;
        text-align: center;
        font-size: .2rem;
        width: 9.5rem;
        margin: 0 auto;
        padding-top: .3rem;
        justify-content: space-between
    }

    .footer .footer-inner .ewm img[data-v-23227078] {
        width: 2.3rem;
        height: 2.3rem
    }

    .footer .footer-inner .ewm p[data-v-23227078] {
        padding-top: .2rem
    }

    .footer .footer-inner .footer-zbdw[data-v-23227078] {
        color: #fff;
        font-size: .24rem;
        line-height: .45rem;
        width: 9.5rem;
        margin: 0 auto;
        padding-top: .3rem;
        text-align: center
    }
}

.jmd-content img[data-v-5ff5a579], .jmd-content[data-v-5ff5a579] {
    width: 100%
}

.jiemudan-btn[data-v-5ff5a579], .zxgz[data-v-5ff5a579] {
    display: none
}

@media screen and (min-width: 1000px) {
    .pendant-m[data-v-366baf8e] {
        display: none
    }

    .i-window[data-v-366baf8e], .jmd[data-v-366baf8e] {
        width: 1200px;
        margin: 10vh auto;
        height: 80vh;
        overflow: hidden;
        overflow-y: auto
    }

    .i-window iframe[data-v-366baf8e] {
        width: 100%;
        height: 100%
    }

    .jiemudan-btn[data-v-366baf8e] {
        width: 150px;
        height: 360px;
        background: url('../../../images/zt/2022kxjnh/2022kxjnh_jiemudan-btn.a1c7739e.png') no-repeat;
        background-size: 100% 100%;
        cursor: pointer;
        position: fixed;
        top: 30%;
        bottom: auto;
        right: 50%;
        margin-right: 650px;
    }

    .zxgz[data-v-366baf8e] {
        position: fixed;
        left: 50%;
        top: 30%;
        bottom: auto;
        margin-left: 650px;
        width: 180px;
    }

    .zxgz .zxgz-title[data-v-366baf8e] {
        width: 180px;
        height: 85px;
        background: url('../../../images/zt/2022kxjnh/2022kxjnh_title-zxgz.e488ce10.png') no-repeat;
        background-size: 100% 100%;
        position: absolute
    }

    .zxgz .zxgz-con[data-v-366baf8e] {
        padding-top: 60px;
        border: 3px solid #ace4f5;
        border-radius: 15px;
        background-color: #0068ef;
        width: 150px;
        margin: 0 auto;
        margin-top: 20px;
        padding-bottom: 10px
    }

    .zxgz .zxgz-con .zxgz-shade[data-v-366baf8e] {
        background: rgba(0, 0, 0, .5);
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0
    }

    .zxgz .zxgz-con li[data-v-366baf8e] {
        padding: 5px 10px
    }

    .zxgz .zxgz-con li a[data-v-366baf8e] {
        color: #fff;
        height: 50px;
        font-size: 14px;
        display: block;
        position: relative;
        border-radius: 5px;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        justify-content: center
    }

    .zxgz .zxgz-con li a[data-v-366baf8e]:hover {
        color: #fff !important
    }

    .zxgz .zxgz-con li i[data-v-366baf8e] {
        background: url('../../../images/zt/2022kxjnh/2022kxjnh_base64_e032724735f0.png') no-repeat;
        background-size: 100% 100%;
        width: 10px;
        height: 10px;
        position: absolute;
        right: 5px;
        top: 50%;
        margin-top: -5px;
        z-index: 9;
        display: none
    }

    .zxgz .zxgz-con li p[data-v-366baf8e] {
        text-align: center;
        padding: 0 10px;
        width: 100%;
        position: relative;
        display: inline-block;
        vertical-align: middle
    }

    .zxgz .zxgz-con img[data-v-366baf8e] {
        height: 50px;
        position: absolute;
        top: 0;
        width: 100%;
        display: block
    }
}

@media screen and (max-width: 1000px) {
    .pendant-pc[data-v-366baf8e] {
        display: none
    }

    .pendant-m[data-v-366baf8e] {
        position: fixed;
        bottom: 0;
        left: 0;
        height: 1.5rem;
        width: 100%;
        background: #fff;
        display: flex
    }

    .pendant-m .jiemudan-btn[data-v-366baf8e] {
        height: 1.1rem;
        display: block;
        background: #0068ef;
        color: #fff;
        font-size: .35rem;
        text-align: center;
        line-height: 1.1rem;
        margin: .2rem;
        width: 4.6rem
    }

    .zxgz-list[data-v-366baf8e] {
        position: fixed;
        bottom: 1.5rem;
        width: 70%;
        right: 0;
        background: #fff;
        padding: .133333rem
    }

    .zxgz-list a[data-v-366baf8e] {
        font-size: .35rem;
        color: #fff;
        display: block;
        line-height: .8rem;
        height: .8rem;
        text-align: center;
        background: #fff;
        color: #0068ef;
        margin: .133333rem;
        border: 1px solid #0068ef
    }

    .i-window[data-v-366baf8e], .jmd[data-v-366baf8e] {
        width: 9rem;
        margin: 10vh auto;
        height: 80vh;
        overflow: hidden;
        overflow-y: auto
    }

    .i-window iframe[data-v-366baf8e] {
        width: 100%;
        height: 100%
    }
}

@media screen and (min-width: 1000px) {
    .mxdw-con[data-v-fa1c8354] {
        width: 1000px;
        margin: 5vh auto;
        height: 100%;
        text-align: center
    }

    .mxdw-con img[data-v-fa1c8354] {
        width: auto;
        height: 90vh
    }

    .index-container[data-v-fa1c8354] {
        overflow: hidden
    }

    .index-container .index-jnhhx[data-v-fa1c8354] {
        width: 1200px;
        margin: 100px auto 0
    }

    .index-container .index-jnhhx video[data-v-fa1c8354] {
        width: 1200px;
        display: block;
        margin: 0 auto
    }

    .index-container .index-title[data-v-fa1c8354] {
        text-align: center;
        padding: 50px 0
    }

    .index-container .index-list-title[data-v-fa1c8354] {
        line-height: 50px;
        font-size: 18px;
        font-weight: 700;
        color: #fff;
        text-indent: 15px;
        background-image: linear-gradient(90deg, #ff8207, rgba(255, 130, 7, 0))
    }

    .index-container .index-more[data-v-fa1c8354] {
        overflow: hidden;
        padding-top: 30px
    }

    .index-container .index-more a[data-v-fa1c8354] {
        color: #666;
        font-size: 16px;
        background: url('../../../images/zt/2022kxjnh/2022kxjnh_base64_c210353f7405.png') no-repeat 100%;
        display: block;
        float: right;
        padding-right: 24px
    }

    .index-container .index01[data-v-fa1c8354] {
        width: 1200px;
        margin: 0 auto;
        padding-top: 10px
    }

    .index-container .index01 .index01-img-list ul[data-v-fa1c8354] {
        display: flex;
        justify-content: space-between
    }

    .index-container .index01 .index01-img-list li[data-v-fa1c8354] {
        width: 280px;
        height: 180px;
        border-radius: 15px;
        overflow: hidden;
        border: 4px solid #3669eb
    }

    .index-container .index01 .index01-img-list li img[data-v-fa1c8354] {
        width: 100%;
        height: 100%;
        transition: all .5s
    }

    .index-container .index01 .index01-img-list li:hover img[data-v-fa1c8354] {
        transform: scale(1.1)
    }

    .index-container .index01 .index01-img-list li a[data-v-fa1c8354] {
        display: block;
        height: 100%
    }

    .index-container .index01 .index01-txt-list[data-v-fa1c8354] {
        display: flex;
        padding-top: 50px;
        justify-content: space-between
    }

    .index-container .index01 .index01-txt-list h2[data-v-fa1c8354] {
        display: flex;
        justify-content: space-between
    }

    .index-container .index01 .index01-txt-list h2 a[data-v-fa1c8354] {
        font-size: 16px;
        color: #666;
        font-weight: 400;
        margin-right: 20px
    }

    .index-container .index01 .index01-txt-list div[data-v-fa1c8354] {
        width: 580px
    }

    .index-container .index01 .index01-txt-list div ul[data-v-fa1c8354] {
        padding-top: 10px;
        font-size: 16px
    }

    .index-container .index01 .index01-txt-list div ul li[data-v-fa1c8354] {
        line-height: 50px
    }

    .index-container .index01 .index01-txt-list div ul li a[data-v-fa1c8354] {
        color: #333;
        display: block;
        border-bottom: 1px dashed #333;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        text-indent: 5px
    }

    .index-container .index01 .index01-txt-list div ul li a[data-v-fa1c8354]:hover {
        color: #333 !important
    }

    .index-container .index02[data-v-fa1c8354] {
        width: 1200px;
        margin: 0 auto
    }

    .index-container .index02 .index02-content[data-v-fa1c8354] {
        position: relative;
        height: 800px
    }

    .index-container .index02 .index02-content a[data-v-fa1c8354] {
        display: block;
        width: 400px;
        height: 240px;
        border-radius: 15px;
        border: 4px solid #3669eb;
        position: absolute;
        overflow: hidden;
        transition: all .2s ease-in-out;
        z-index: 0
    }

    .index-container .index02 .index02-content a img[data-v-fa1c8354] {
        width: 100%;
        height: 100%
    }

    .index-container .index02 .index02-content a h2[data-v-fa1c8354] {
        font-size: 18px;
        color: #fff;
        line-height: 50px;
        height: 50px;
        text-align: center;
        position: absolute;
        bottom: 0;
        background: #3669eb;
        width: 100%;
        overflow: hidden
    }

    .index-container .index02 .index02-content a[data-v-fa1c8354]:hover {
        width: 670px;
        height: 390px;
        z-index: 3;
        border-color: #ff7f02
    }

    .index-container .index02 .index02-content a:hover h2[data-v-fa1c8354] {
        background: #ff7f02
    }

    .index-container .index02 .index02-content a[data-v-fa1c8354]:nth-child(3) {
        top: 0;
        left: 0
    }

    .index-container .index02 .index02-content a[data-v-fa1c8354]:nth-child(2) {
        top: 0;
        right: 0
    }

    .index-container .index02 .index02-content a[data-v-fa1c8354]:first-child {
        top: 50%;
        left: 50%;
        margin-left: -335px;
        margin-top: -195px;
        z-index: 2;
        width: 670px;
        height: 390px;
        border-color: #ff7f02
    }

    .index-container .index02 .index02-content a:first-child h2[data-v-fa1c8354] {
        background: #ff7f02
    }

    .index-container .index02 .index02-content a[data-v-fa1c8354]:nth-child(4) {
        bottom: 0;
        left: 0
    }

    .index-container .index02 .index02-content a[data-v-fa1c8354]:nth-child(5) {
        bottom: 0;
        right: 0
    }

    .index-container .index03[data-v-fa1c8354] {
        background: url('../../../images/zt/2022kxjnh/2022kxjnh_index-lxjy-bg.c6995b43.png') no-repeat center 0;
        height: 2070px
    }

    .index-container .index03 .index-title[data-v-fa1c8354] {
        padding-top: 180px
    }

    .index-container .index03 .index03-list[data-v-fa1c8354] {
        width: 1200px;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        height: 1700px;
        align-content: flex-start
    }

    .index-container .index03 .index03-list a[data-v-fa1c8354] {
        display: block;
        width: 575px;
        height: 345px;
        overflow: hidden;
        margin-bottom: 40px;
        border-radius: 15px;
        position: relative
    }

    .index-container .index03 .index03-list a[data-v-fa1c8354]:nth-child(2) {
        margin-top: 60px
    }

    .index-container .index03 .index03-list a[data-v-fa1c8354]:nth-child(3) {
        margin-top: -20px
    }

    .index-container .index03 .index03-list a[data-v-fa1c8354]:nth-child(4) {
        margin-top: 60px
    }

    .index-container .index03 .index03-list a[data-v-fa1c8354]:nth-child(5) {
        margin-top: -40px
    }

    .index-container .index03 .index03-list a[data-v-fa1c8354]:nth-child(6) {
        margin-top: 60px
    }

    .index-container .index03 .index03-list a[data-v-fa1c8354]:nth-child(7) {
        margin-top: -60px
    }

    .index-container .index03 .index03-list a img[data-v-fa1c8354] {
        width: 100%;
        height: 100%
    }

    .index-container .index03 .index03-list a h2[data-v-fa1c8354] {
        line-height: 50px;
        height: 50px;
        background-color: #ff7f02;
        position: absolute;
        bottom: 0;
        width: 100%;
        left: 0;
        font-weight: 700;
        font-size: 18px;
        color: #fff;
        text-align: center
    }

    .index-container .index04[data-v-fa1c8354] {
        width: 1200px;
        margin: 0 auto
    }

    .index-container .index04 .index04-content .index04-content-con[data-v-fa1c8354] {
        display: flex;
        align-items: flex-end
    }

    .index-container .index04 .index04-content .index04-content-con02[data-v-fa1c8354] {
        display: flex;
        align-items: flex-start
    }

    .index-container .index04 .index04-content .index04-content-con02 .index04-content-list[data-v-fa1c8354] {
        width: 385px
    }

    .index-container .index04 .index04-content-list[data-v-fa1c8354] {
        padding: 40px;
        height: 260px;
        width: 408px
    }

    .index-container .index04 .index04-content-list h2[data-v-fa1c8354] {
        border-left: 4px solid #fff;
        font-size: 20px;
        font-weight: 700;
        padding-left: 10px;
        color: #fff
    }

    .index-container .index04 .index04-content-list ul[data-v-fa1c8354] {
        padding-top: 10px
    }

    .index-container .index04 .index04-content-list ul li[data-v-fa1c8354] {
        height: 50px;
        line-height: 50px;
        border-bottom: 1px dashed #fff
    }

    .index-container .index04 .index04-content-list a[data-v-fa1c8354] {
        display: block;
        color: #fff;
        font-size: 16px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }

    .index-container .index04 .index04-content-list a[data-v-fa1c8354]:hover {
        color: #fff !important
    }

    .index-container .index04 .index04-content-img[data-v-fa1c8354] {
        height: 245px;
        overflow: hidden;
        width: 385px
    }

    .index-container .index04 .index04-content-img img[data-v-fa1c8354] {
        width: 385px;
        height: 245px
    }

    .index-container .index04 .index04-content-img-m[data-v-fa1c8354] {
        display: none
    }

    .index-container .index04 .index04-content-img02[data-v-fa1c8354] {
        height: 245px;
        width: 408px;
        overflow: hidden
    }

    .index-container .index04 .index04-content-img02 img[data-v-fa1c8354] {
        width: 408px;
        height: 245px
    }

    .index-container .index04 .list-bg-blue[data-v-fa1c8354] {
        background-image: linear-gradient(180deg, #4e9cff, #0353ed)
    }

    .index-container .index04 .list-bg-yellow[data-v-fa1c8354] {
        background-image: linear-gradient(180deg, #ffa63d, #ff8004)
    }

    .index-container .index05[data-v-fa1c8354] {
        width: 1200px;
        margin: 0 auto
    }

    .index-container .index05 .index05-content[data-v-fa1c8354] {
        background: #1955ef;
        padding: 30px 40px;
        overflow: hidden;
        border-radius: 15px;
        display: flex;
        justify-content: space-between
    }

    .index-container .index05 .index05-content .index05-content-img[data-v-fa1c8354] {
        width: 600px;
        height: 400px;
        overflow: hidden;
        border-radius: 15px 15px 0 0;
        position: relative
    }

    .index-container .index05 .index05-content .index05-content-img img[data-v-fa1c8354] {
        width: 100%;
        height: 100%
    }

    .index-container .index05 .index05-content .index05-content-img h2[data-v-fa1c8354] {
        line-height: 50px;
        background: #ff8207;
        font-size: 18px;
        font-weight: 700;
        color: #fff;
        text-align: center;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%
    }

    .index-container .index05 .index05-content .index05-content-list[data-v-fa1c8354] {
        width: 500px
    }

    .index-container .index05 .index05-content .index05-content-list ul[data-v-fa1c8354] {
        padding-top: 20px;
        font-size: 16px
    }

    .index-container .index05 .index05-content .index05-content-list ul li[data-v-fa1c8354] {
        line-height: 50px;
        border-bottom: 1px dashed #fff
    }

    .index-container .index05 .index05-content .index05-content-list ul li a[data-v-fa1c8354] {
        color: #fff;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        display: block
    }

    .index-container .index05 .index05-content .index05-content-list ul li a[data-v-fa1c8354]:hover {
        color: #fff !important
    }

    .index-container .index06[data-v-fa1c8354] {
        width: 1200px;
        margin: 0 auto
    }

    .index-container .index06 ul[data-v-fa1c8354] {
        display: flex;
        justify-content: space-between
    }

    .index-container .index06 ul li[data-v-fa1c8354] {
        width: 290px;
        height: 245px;
        border-radius: 15px;
        overflow: hidden;
        position: relative
    }

    .index-container .index06 ul li img[data-v-fa1c8354] {
        width: 100%;
        height: 100%
    }

    .index-container .index06 ul li h2[data-v-fa1c8354] {
        height: 50px;
        line-height: 50px;
        text-align: center;
        color: #fff;
        font-size: 18px;
        font-weight: 700;
        position: absolute;
        width: 100%;
        bottom: 0;
        left: 0;
        background-color: #3669eb;
        transition: all .3s
    }

    .index-container .index06 ul li:hover h2[data-v-fa1c8354] {
        background-color: #ff8207
    }

    .index-container .index-mxdw[data-v-fa1c8354] {
        width: 1200px;
        margin: 50px auto
    }

    .index-container .index-mxdw img[data-v-fa1c8354] {
        width: 100%
    }
}

@media screen and (max-width: 1000px) {
    .mxdw-con[data-v-fa1c8354] {
        width: 9.5rem;
        margin: 5vh auto;
        height: 100%;
        text-align: center
    }

    .mxdw-con img[data-v-fa1c8354] {
        width: auto;
        max-height: 90vh;
        max-width: 100%
    }

    .index-container[data-v-fa1c8354] {
        overflow: hidden
    }

    .index-container .index-jnhhx[data-v-fa1c8354] {
        width: 9.5rem;
        margin: 1.5rem auto 0
    }

    .index-container .index-jnhhx video[data-v-fa1c8354] {
        width: 100%;
        display: block;
        margin: 0 auto
    }

    .index-container .index-title[data-v-fa1c8354] {
        text-align: center;
        padding: .666667rem 0
    }

    .index-container .index-title img[data-v-fa1c8354] {
        width: 4rem
    }

    .index-container .index-list-title[data-v-fa1c8354] {
        line-height: .666667rem;
        font-size: .24rem;
        font-weight: 700;
        color: #fff;
        text-indent: .2rem;
        background-image: linear-gradient(90deg, #ff8207, rgba(255, 130, 7, 0))
    }

    .index-container .index-more[data-v-fa1c8354] {
        overflow: hidden;
        display: none
    }

    .index-container .index-more a[data-v-fa1c8354] {
        margin: 0 auto;
        color: #333;
        font-size: .24rem;
        text-align: center;
        display: block;
        border: 1px solid #333;
        width: 2.613333rem;
        border-radius: .733333rem;
        height: .733333rem;
        line-height: .733333rem
    }

    .index-container .index01[data-v-fa1c8354] {
        width: 10rem;
        padding-top: .2rem;
        margin: 0 auto
    }

    .index-container .index01 .index01-img-list ul[data-v-fa1c8354] {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 0 .25rem
    }

    .index-container .index01 .index01-img-list li[data-v-fa1c8354] {
        width: 4.666667rem;
        height: 3.333333rem;
        border-radius: .2rem;
        margin-bottom: .3rem;
        overflow: hidden;
        border: 1px solid #3669eb
    }

    .index-container .index01 .index01-img-list li img[data-v-fa1c8354] {
        width: 100%;
        height: 100%
    }

    .index-container .index01 .index01-img-list li a[data-v-fa1c8354] {
        display: block;
        height: 100%
    }

    .index-container .index01 .index01-txt-list[data-v-fa1c8354] {
        display: flex;
        flex-direction: column;
        padding-top: 0;
        justify-content: space-between
    }

    .index-container .index01 .index01-txt-list h2[data-v-fa1c8354] {
        display: flex;
        justify-content: space-between
    }

    .index-container .index01 .index01-txt-list h2 a[data-v-fa1c8354] {
        font-size: .2rem;
        color: #666;
        font-weight: 400;
        margin-right: .2rem
    }

    .index-container .index01 .index01-txt-list div[data-v-fa1c8354] {
        width: 9.5rem;
        margin: 0 auto;
        margin-bottom: .2rem
    }

    .index-container .index01 .index01-txt-list div ul[data-v-fa1c8354] {
        padding-top: .133333rem;
        font-size: .213333rem
    }

    .index-container .index01 .index01-txt-list div ul li[data-v-fa1c8354] {
        line-height: .666667rem
    }

    .index-container .index01 .index01-txt-list div ul li a[data-v-fa1c8354] {
        color: #333;
        display: block;
        border-bottom: 1px dashed #333;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }

    .index-container .index01 .index01-txt-list div ul li a[data-v-fa1c8354]:hover {
        color: #333 !important
    }

    .index-container .index02[data-v-fa1c8354] {
        width: 9.5rem;
        margin: 0 auto
    }

    .index-container .index02 .index02-content[data-v-fa1c8354] {
        position: relative;
        height: auto;
        overflow: hidden
    }

    .index-container .index02 .index02-content a[data-v-fa1c8354] {
        display: block;
        width: 4.5rem;
        height: 3.08rem;
        border-radius: .2rem;
        border: .053333rem solid #3669eb;
        position: relative;
        overflow: hidden;
        transition: all .2s ease-in-out;
        z-index: 0;
        float: left;
        margin-bottom: .266667rem
    }

    .index-container .index02 .index02-content a img[data-v-fa1c8354] {
        width: 100%;
        height: 100%
    }

    .index-container .index02 .index02-content a h2[data-v-fa1c8354] {
        font-size: .24rem;
        color: #fff;
        line-height: .666667rem;
        height: .666667rem;
        text-align: center;
        position: absolute;
        bottom: 0;
        background: #3669eb;
        width: 100%;
        overflow: hidden
    }

    .index-container .index02 .index02-content a[data-v-fa1c8354]:hover {
        border-color: #ff7f02
    }

    .index-container .index02 .index02-content a:hover h2[data-v-fa1c8354] {
        background: #ff7f02
    }

    .index-container .index02 .index02-content a[data-v-fa1c8354]:first-child {
        width: 100%;
        height: 5.333333rem;
        border-color: #ff7f02
    }

    .index-container .index02 .index02-content a:first-child h2[data-v-fa1c8354] {
        background: #ff7f02
    }

    .index-container .index02 .index02-content a[data-v-fa1c8354]:nth-child(3), .index-container .index02 .index02-content a[data-v-fa1c8354]:nth-child(5) {
        float: right
    }

    .index-container .index03[data-v-fa1c8354] {
        background: url('../../../images/zt/2022kxjnh/2022kxjnh_index-lxjy-bg-m.cc986f33.png') no-repeat center 0;
        background-size: 100% 100%;
        height: 18.08rem
    }

    .index-container .index03 .index-title[data-v-fa1c8354] {
        padding-top: 1.5rem
    }

    .index-container .index03 .index03-list[data-v-fa1c8354] {
        width: 9.5rem;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
        align-content: space-between
    }

    .index-container .index03 .index03-list a[data-v-fa1c8354] {
        display: block;
        width: 4.4rem;
        height: 2.666667rem;
        overflow: hidden;
        margin-bottom: .533333rem;
        border-radius: .2rem;
        position: relative;
        margin-right: .3rem
    }

    .index-container .index03 .index03-list a img[data-v-fa1c8354] {
        width: 100%;
        height: 100%
    }

    .index-container .index03 .index03-list a h2[data-v-fa1c8354] {
        line-height: .666667rem;
        height: .666667rem;
        background-color: #ff7f02;
        position: absolute;
        bottom: 0;
        width: 100%;
        left: 0;
        font-weight: 700;
        font-size: .24rem;
        color: #fff;
        text-align: center
    }

    .index-container .index04[data-v-fa1c8354] {
        width: 9.5rem;
        margin: 0 auto
    }

    .index-container .index04 .index04-content .index04-content-con02[data-v-fa1c8354], .index-container .index04 .index04-content .index04-content-con[data-v-fa1c8354] {
        display: block
    }

    .index-container .index04 .index04-content .index04-content-con02 .index04-content-list[data-v-fa1c8354] {
        width: 100%
    }

    .index-container .index04 .index04-content-list[data-v-fa1c8354] {
        padding: .533333rem;
        overflow: hidden;
        width: 100%;
        margin-bottom: .266667rem
    }

    .index-container .index04 .index04-content-list h2[data-v-fa1c8354] {
        border-left: 4px solid #fff;
        font-size: .3rem;
        font-weight: 700;
        padding-left: .133333rem;
        color: #fff
    }

    .index-container .index04 .index04-content-list ul[data-v-fa1c8354] {
        padding-top: .133333rem
    }

    .index-container .index04 .index04-content-list ul li[data-v-fa1c8354] {
        height: .666667rem;
        line-height: .666667rem;
        border-bottom: 1px dashed #fff
    }

    .index-container .index04 .index04-content-list a[data-v-fa1c8354] {
        display: block;
        color: #fff;
        font-size: .24rem;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }

    .index-container .index04 .index04-content-list a[data-v-fa1c8354]:hover {
        color: #fff !important
    }

    .index-container .index04 .index04-content-img[data-v-fa1c8354] {
        display: none
    }

    .index-container .index04 .index04-content-img-m img[data-v-fa1c8354] {
        width: 100%;
        margin-top: .2rem
    }

    .index-container .index04 .index04-content-img02[data-v-fa1c8354] {
        display: none
    }

    .index-container .index04 .list-bg-blue[data-v-fa1c8354] {
        background-image: linear-gradient(180deg, #4e9cff, #0353ed)
    }

    .index-container .index04 .list-bg-yellow[data-v-fa1c8354] {
        background-image: linear-gradient(180deg, #ffa63d, #ff8004)
    }

    .index-container .index05[data-v-fa1c8354] {
        width: 9.5rem;
        margin: 0 auto
    }

    .index-container .index05 .index05-content[data-v-fa1c8354] {
        overflow: hidden;
        border-radius: .2rem
    }

    .index-container .index05 .index05-content .index05-content-img[data-v-fa1c8354] {
        width: 100%;
        height: 5.333333rem;
        overflow: hidden;
        border-radius: .2rem;
        position: relative
    }

    .index-container .index05 .index05-content .index05-content-img img[data-v-fa1c8354] {
        width: 100%;
        height: 100%
    }

    .index-container .index05 .index05-content .index05-content-img h2[data-v-fa1c8354] {
        line-height: .666667rem;
        background: #ff8207;
        font-size: .24rem;
        font-weight: 700;
        color: #fff;
        text-align: center;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%
    }

    .index-container .index05 .index05-content .index05-content-list[data-v-fa1c8354] {
        margin-top: .266667rem;
        width: 100%
    }

    .index-container .index05 .index05-content .index05-content-list ul[data-v-fa1c8354] {
        padding-top: .266667rem;
        font-size: .213333rem
    }

    .index-container .index05 .index05-content .index05-content-list ul li[data-v-fa1c8354] {
        line-height: .666667rem;
        border-bottom: 1px dashed #333
    }

    .index-container .index05 .index05-content .index05-content-list ul li a[data-v-fa1c8354] {
        color: #333;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        display: block
    }

    .index-container .index05 .index05-content .index05-content-list ul li a[data-v-fa1c8354]:hover {
        color: #333 !important
    }

    .index-container .index06[data-v-fa1c8354] {
        width: 9.5rem;
        margin: 0 auto
    }

    .index-container .index06 ul[data-v-fa1c8354] {
        display: block
    }

    .index-container .index06 ul li[data-v-fa1c8354] {
        width: 100%;
        height: 6.533333rem;
        border-radius: .2rem;
        overflow: hidden;
        position: relative;
        margin-bottom: .266667rem
    }

    .index-container .index06 ul li img[data-v-fa1c8354] {
        width: 100%;
        height: 100%
    }

    .index-container .index06 ul li h2[data-v-fa1c8354] {
        height: .666667rem;
        line-height: .666667rem;
        text-align: center;
        color: #fff;
        font-size: .24rem;
        font-weight: 700;
        position: absolute;
        width: 100%;
        bottom: 0;
        left: 0;
        background-color: #ff8207
    }

    .index-container .index-mxdw[data-v-fa1c8354] {
        width: 9.5rem;
        margin: .5rem auto
    }

    .index-container .index-mxdw img[data-v-fa1c8354] {
        width: 100%
    }
}

@media screen and (min-width: 1000px) {
    .side-bar[data-v-6a44e744] {
        width: 237px;
        background-color: #3768eb;
        border-radius: 18px;
        position: relative;
        margin-top: 90px;
        height: 624px
    }

    .side-bar .side-bar-title[data-v-6a44e744] {
        width: 268px;
        height: 98px;
        background: url('../../../images/zt/2022kxjnh/2022kxjnh_list-side-title.1e55e27f.png') no-repeat;
        position: absolute;
        top: -40px;
        left: 0
    }

    .side-bar ul[data-v-6a44e744] {
        width: 196px;
        margin: 0 auto;
        padding-top: 90px;
        padding-bottom: 30px
    }

    .side-bar ul li[data-v-6a44e744] {
        margin-bottom: 20px
    }

    .side-bar ul a[data-v-6a44e744] {
        display: block;
        height: 52px;
        color: #fff;
        font-size: 18px;
        text-indent: 30px;
        line-height: 52px;
        background: url('../../../images/zt/2022kxjnh/2022kxjnh_base64_78267d3dc154.png') no-repeat 153px
    }

    .side-bar ul .selected[data-v-6a44e744], .side-bar ul a[data-v-6a44e744]:hover {
        background: url('../../../images/zt/2022kxjnh/2022kxjnh_base64_5ecb803a187e.png') no-repeat 153px #fff;
        color: #3768eb !important;
        border-radius: 52px 60px 15px 52px;
        box-shadow: 5px 5px 10px #1c40df
    }
}

@media screen and (max-width: 1000px) {
    .side-bar[data-v-6a44e744] {
        display: none
    }
}

@media screen and (min-width: 1000px) {
    .list01 {
        padding: 35px 20px
    }

    .list01 li {
        margin-bottom: 40px
    }

    .list01 li a {
        display: flex
    }

    .list01 li a h2 {
        color: #3768eb;
        font-size: 18px;
        font-weight: 700;
        padding-bottom: 10px;
        border-bottom: 1px dashed #cbcbcb;
        margin-bottom: 10px
    }

    .list01 li a h3 {
        color: #555;
        font-size: 16px;
        padding-bottom: 10px;
        line-height: 24px
    }

    .list01 li a p {
        color: #666;
        font-size: 14px;
        background: url('../../../images/zt/2022kxjnh/2022kxjnh_base64_52c71dff7678.png') no-repeat 0;
        line-height: 20px;
        padding-left: 22px
    }

    .list01 .list-img {
        width: 220px;
        position: relative
    }

    .list01 .list-img i {
        position: absolute;
        color: #fff;
        height: 24px;
        line-height: 24px;
        padding: 0 15px 0 10px;
        background: #3768eb;
        left: 0;
        top: 10px;
        border-radius: 0 20px 20px 0;
        font-size: 14px
    }

    .list01 .list-img img {
        border: 3px solid #3768eb;
        border-radius: 10px;
        width: 220px;
        height: 145px
    }

    .list01 .list-txt {
        margin-left: 30px;
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }
}

@media screen and (max-width: 1000px) {
    .list01 {
        padding: .466667rem .266667rem
    }

    .list01 li {
        margin-bottom: .533333rem
    }

    .list01 li a {
        display: block
    }

    .list01 li a h2 {
        color: #3768eb;
        font-size: .24rem;
        font-weight: 700;
        padding-bottom: .133333rem;
        margin-bottom: .133333rem;
        padding-top: .2rem
    }

    .list01 li a h3 {
        color: #555;
        font-size: .213333rem;
        padding-bottom: .133333rem;
        line-height: .32rem
    }

    .list01 li a p {
        color: #666;
        font-size: .2rem;
        background: url('../../../images/zt/2022kxjnh/2022kxjnh_base64_52c71dff7678.png') no-repeat 0;
        background-size: .2rem .2rem;
        line-height: .3rem;
        border-bottom: 1px dashed #cbcbcb;
        padding-left: .293333rem;
        padding-bottom: .2rem
    }

    .list01 .list-img {
        width: 100%;
        height: 4.5rem;
        overflow: hidden;
        position: relative
    }

    .list01 .list-img i {
        position: absolute;
        color: #fff;
        height: .4rem;
        line-height: .4rem;
        padding: 0 .2rem 0 .133333rem;
        background: #3768eb;
        left: 0;
        top: .133333rem;
        border-radius: 0 .266667rem .266667rem 0;
        font-size: .2rem
    }

    .list01 .list-img img {
        border-radius: .133333rem;
        min-height: 100%;
        width: 100%
    }

    .list01 .list-txt {
        margin-left: 0
    }
}

@media screen and (min-width: 1000px) {
    .list02 {
        padding: 35px 20px;
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap
    }

    .list02 li {
        width: 50%;
        margin-bottom: 40px
    }

    .list02 li a {
        display: flex
    }

    .list02 li a h2 {
        color: #3768eb;
        font-size: 18px;
        font-weight: 700
    }

    .list02 li a p {
        color: #666;
        font-size: 14px;
        background: url('../../../images/zt/2022kxjnh/2022kxjnh_base64_52c71dff7678.png') no-repeat 0;
        line-height: 20px;
        padding-left: 22px
    }

    .list02 .list-img {
        width: 172px
    }

    .list02 .list-img img {
        border: 3px solid #3768eb;
        border-radius: 10px;
        width: 172px;
        height: 115px
    }

    .list02 .list-txt {
        margin-left: 15px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 180px
    }
}

@media screen and (max-width: 1000px) {
    .list02 {
        padding: .466667rem .266667rem;
        display: flex;
        justify-content: flex-start;
        flex-direction: column
    }

    .list02 li {
        width: 100%;
        margin-bottom: .533333rem
    }

    .list02 li a {
        display: flex
    }

    .list02 li a h2 {
        color: #3768eb;
        font-size: .24rem;
        font-weight: 700
    }

    .list02 li a p {
        color: #666;
        font-size: .2rem;
        background: url('../../../images/zt/2022kxjnh/2022kxjnh_base64_52c71dff7678.png') no-repeat 0;
        background-size: .2rem .2rem;
        line-height: .266667rem;
        padding-left: .293333rem
    }

    .list02 .list-img {
        width: 172px
    }

    .list02 .list-img img {
        border-radius: .133333rem;
        width: 3rem;
        height: 2rem
    }

    .list02 .list-txt {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 5.5rem
    }
}

@media screen and (min-width: 1000px) {
    .list03 {
        padding: 35px 0;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap
    }

    .list03 li {
        border: 1px solid #efefef;
        width: 422px;
        height: 340px;
        margin-bottom: 40px;
        padding: 15px
    }

    .list03 li a h2 {
        color: #333;
        font-size: 18px;
        font-weight: 700;
        padding-left: 10px
    }

    .list03 .list-img {
        position: relative;
        overflow: hidden;
        border-radius: 10px
    }

    .list03 .list-img img {
        width: 100%;
        height: 266px
    }

    .list03 .list-img .list-img-shadow {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: url('../../../images/zt/2022kxjnh/2022kxjnh_base64_e31b2bd52d5a.png') no-repeat 50% rgba(0, 0, 0, .3)
    }

    .list03 .list-txt {
        margin-top: 15px;
        border-left: 4px solid #3768eb
    }
}

@media screen and (max-width: 1000px) {
    .list03 {
        padding: .466667rem 0
    }

    .list03 li {
        border: 1px solid #efefef;
        width: 100%;
        margin-bottom: .533333rem;
        padding: .2rem
    }

    .list03 li a h2 {
        color: #333;
        font-size: .24rem;
        font-weight: 700;
        padding-left: .133333rem
    }

    .list03 .list-img {
        position: relative;
        overflow: hidden;
        border-radius: .133333rem
    }

    .list03 .list-img img {
        width: 100%
    }

    .list03 .list-img .list-img-shadow {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: url('../../../images/zt/2022kxjnh/2022kxjnh_base64_e31b2bd52d5a.png') no-repeat 50% rgba(0, 0, 0, .3);
        background-size: 1rem 1rem
    }

    .list03 .list-txt {
        margin-top: .2rem;
        border-left: .053333rem solid #3768eb
    }
}

@media screen and (min-width: 1000px) {
    .list04 {
        padding: 35px 20px;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap
    }

    .list04 li {
        width: 400px;
        height: 160px;
        padding: 15px;
        border: 1px solid #efefef;
        margin-bottom: 40px
    }

    .list04 li a {
        display: flex;
        align-items: center
    }

    .list04 li a h2 {
        color: #3768eb;
        font-size: 18px;
        font-weight: 700
    }

    .list04 li a p {
        color: #666;
        font-size: 14px;
        background: url('../../../images/zt/2022kxjnh/2022kxjnh_base64_52c71dff7678.png') no-repeat 0;
        line-height: 20px;
        padding-left: 22px
    }

    .list04 .list-img {
        width: 200px;
        border-radius: 10px;
        overflow: hidden;
        position: relative
    }

    .list04 .list-img img {
        width: 200px;
        height: 135px
    }

    .list04 .list-img .list-img-shadow {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: url('../../../images/zt/2022kxjnh/2022kxjnh_base64_599014f91a1a.png') no-repeat 50% rgba(0, 0, 0, .3)
    }

    .list04 .list-txt {
        margin-left: 15px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 180px
    }

    .list04 .list-txt p {
        margin-top: 20px
    }
}

@media screen and (max-width: 1000px) {
    .list04 {
        padding: .466667rem .266667rem
    }

    .list04 li {
        width: 100%;
        padding: 0;
        border: 1px solid #efefef;
        margin-bottom: .533333rem;
        padding-bottom: .133333rem
    }

    .list04 li a h2 {
        color: #3768eb;
        font-size: .24rem;
        font-weight: 700;
        padding: .2rem .2rem 0
    }

    .list04 li a p {
        color: #666;
        font-size: .2rem;
        background: url('../../../images/zt/2022kxjnh/2022kxjnh_base64_52c71dff7678.png') no-repeat 0;
        background-size: .2rem .2rem;
        line-height: .266667rem;
        padding-left: .25rem;
        margin-left: .2rem
    }

    .list04 .list-img {
        width: 100%;
        border-radius: .133333rem;
        overflow: hidden;
        position: relative
    }

    .list04 .list-img img {
        width: 100%
    }

    .list04 .list-img .list-img-shadow {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: url('../../../images/zt/2022kxjnh/2022kxjnh_base64_599014f91a1a.png') no-repeat 50% rgba(0, 0, 0, .3)
    }

    .list04 .list-txt {
        width: 100%
    }

    .list04 .list-txt p {
        margin-top: .266667rem
    }
}

@media screen and (min-width: 1000px) {
    .article {
        padding: 30px 60px
    }

    .article .article-title {
        font-size: 22px;
        color: #333;
        text-align: center;
        font-weight: 700
    }

    .article .article-time {
        color: #8d8d8d;
        font-size: 14px;
        background: url('../../../images/zt/2022kxjnh/2022kxjnh_base64_52c71dff7678.png') no-repeat 0;
        text-align: center;
        width: 120px;
        margin: 15px auto
    }

    .article .article-content {
        font-size: 16px;
        color: #333;
        text-indent: 2em;
        line-height: 28px
    }

    .article .article-content p {
        padding: 10px 0
    }

    .article .article-content img, .article .article-content video {
        max-width: 100%;
        display: block;
        margin: 20px auto
    }

    .article .article-link {
        padding: 60px 0;
        display: flex;
        justify-content: space-between
    }

    .article .article-link a {
        background: #f9f9f9;
        color: #333;
        font-size: 14px;
        text-align: center;
        height: 48px;
        line-height: 48px;
        display: block;
        width: 48%;
        overflow: hidden;
        border: 1px solid #f9f9f9
    }

    .article .article-link a:hover {
        border: 1px solid #3768eb;
        color: #3768eb !important;
        background: #fff
    }
}

@media screen and (max-width: 1000px) {
    .article {
        padding: .4rem .8rem
    }

    .article .article-title {
        font-size: .293333rem;
        color: #333;
        text-align: center;
        font-weight: 700
    }

    .article .article-time {
        color: #8d8d8d;
        font-size: .2rem;
        background: url('../../../images/zt/2022kxjnh/2022kxjnh_base64_52c71dff7678.png') no-repeat 0;
        background-size: .2rem .2rem;
        text-align: center;
        width: 2.5rem;
        margin: .2rem auto
    }

    .article .article-content {
        font-size: .2rem !important;
        color: #333;
        text-indent: 2em;
        line-height: .45rem !important
    }

    .article .article-content p {
        padding: .133333rem 0
    }

    .article .article-content img, .article .article-content video {
        max-width: 100%;
        height: auto !important;
        display: block;
        margin: .266667rem auto
    }

    .article .article-link {
        padding: .8rem 0;
        display: flex;
        justify-content: space-between
    }

    .article .article-link a {
        background: #f9f9f9;
        color: #333;
        font-size: .186667rem;
        text-align: center;
        height: .64rem;
        line-height: .64rem;
        display: block;
        width: 48%;
        overflow: hidden;
        border: 1px solid #f9f9f9
    }

    .article .article-link a:hover {
        border: 1px solid #3768eb;
        color: #3768eb !important;
        background: #fff
    }
}

@media screen and (min-width: 1000px) {
    .data-null {
        padding: 100px 0;
        background: url('../../../images/zt/2022kxjnh/2022kxjnh_base64_bd75c7fa9d21.png') no-repeat 50%
    }

    .page-number {
        display: flex;
        padding-bottom: 50px;
        align-items: center;
        justify-content: center
    }

    .page-number span {
        font-size: 14px;
        padding-left: 20px
    }

    .page-number a {
        display: block;
        width: 28px;
        height: 28px;
        background: #3768eb;
        border-radius: 3px;
        color: #fff;
        font-size: 14px;
        text-align: center;
        line-height: 28px;
        margin: 0 6px
    }

    .page-number a:hover {
        color: #fff !important;
        background: #ff7f02
    }

    .page-number .selected {
        background: #ff7f02
    }

    .list-content {
        width: 1200px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        padding-bottom: 50px
    }

    .list-content .list-data-title {
        height: 75px;
        line-height: 75px;
        border-bottom: 1px solid #dbdde0;
        display: flex;
        justify-content: space-between
    }

    .list-content .list-data-title .list-data-title-txt {
        font-size: 24px;
        color: #3768eb;
        background: url('../../../images/zt/2022kxjnh/2022kxjnh_base64_54010fd5fe2a.png') no-repeat 0;
        font-weight: 700;
        padding-left: 43px
    }

    .list-content .list-data-nav ul {
        display: flex;
        font-size: 16px;
        flex-wrap: wrap
    }

    .list-content .list-data-nav ul li {
        padding: 0 15px;
        margin-top: 20px;
        position: relative
    }

    .list-content .list-data-nav ul li:last-child:after {
        display: none
    }

    .list-content .list-data-nav ul li:after {
        content: " ";
        position: absolute;
        width: 1px;
        background: #686868;
        overflow: hidden;
        right: 0;
        height: 18px;
        top: 50%;
        margin-top: -9px
    }

    .list-content .list-data-nav a {
        color: #686868;
        display: block
    }

    .list-content .list-data-nav a:hover {
        color: #3768eb !important
    }

    .list-content .list-data-nav .selected {
        color: #3768eb
    }

    .list-content .list-data {
        background: #fff;
        border-radius: 18px;
        width: 870px;
        margin-top: 100px;
        padding: 0 35px;
        box-sizing: content-box
    }
}

@media screen and (max-width: 1000px) {
    .data-null {
        padding: 1.333333rem 0;
        height: 2rem;
        background: url('../../../images/zt/2022kxjnh/2022kxjnh_base64_bd75c7fa9d21.png') no-repeat 50%;
        background-size: 2rem 2rem
    }

    .page-number {
        display: flex;
        padding-bottom: .666667rem;
        align-items: center;
        justify-content: center
    }

    .page-number span {
        font-size: .2rem;
        padding-left: .266667rem
    }

    .page-number a {
        display: block;
        width: .373333rem;
        height: .373333rem;
        background: #3768eb;
        border-radius: .04rem;
        color: #fff;
        font-size: .2rem;
        text-align: center;
        line-height: .373333rem;
        margin: 0 .08rem
    }

    .page-number a:hover {
        color: #fff !important;
        background: #ff7f02
    }

    .page-number .selected {
        background: #ff7f02
    }

    .list-content {
        width: 9.5rem;
        margin: 0 auto;
        display: block;
        padding-bottom: .666667rem
    }

    .list-content .list-data-title {
        height: 1rem;
        line-height: 1rem;
        border-bottom: 1px solid #dbdde0;
        display: flex;
        justify-content: space-between
    }

    .list-content .list-data-title .list-data-title-txt {
        font-size: .32rem;
        color: #3768eb;
        background: url('../../../images/zt/2022kxjnh/2022kxjnh_base64_54010fd5fe2a.png') no-repeat 0;
        background-size: .4rem .4rem;
        font-weight: 700;
        padding-left: .573333rem
    }

    .list-content .list-data-nav ul {
        display: flex;
        font-size: .213333rem;
        flex-wrap: wrap
    }

    .list-content .list-data-nav ul li {
        padding: 0 15px;
        margin-top: .266667rem;
        position: relative
    }

    .list-content .list-data-nav ul li:last-child:after {
        display: none
    }

    .list-content .list-data-nav ul li:after {
        content: " ";
        position: absolute;
        width: 1px;
        background: #686868;
        overflow: hidden;
        right: 0;
        height: .24rem;
        top: 50%;
        margin-top: -.12rem
    }

    .list-content .list-data-nav a {
        color: #686868;
        display: block
    }

    .list-content .list-data-nav a:hover {
        color: #3768eb !important
    }

    .list-content .list-data-nav .selected {
        color: #3768eb
    }

    .list-content .list-data {
        background: #fff;
        border-radius: .24rem;
        width: 100%;
        margin-top: 1.8rem;
        padding: 0 .466667rem
    }
}

@media screen and (min-width: 1000px) {
    .return-btn a {
        display: block;
        height: 50px;
        line-height: 50px;
        width: 150px;
        background: #3768eb;
        text-align: center;
        color: #fff;
        font-size: 16px;
        border-radius: 5px;
        margin: 0 auto
    }

    .return-btn a:hover {
        color: #fff !important;
        opacity: .8
    }

    .article {
        padding: 30px 60px
    }

    .article .article-title {
        font-size: 22px;
        color: #333;
        text-align: center;
        font-weight: 700
    }

    .article .article-time {
        color: #8d8d8d;
        font-size: 14px;
        background: url('../../../images/zt/2022kxjnh/2022kxjnh_base64_52c71dff7678.png') no-repeat 0;
        text-align: center;
        width: 120px;
        margin: 15px auto
    }

    .article .article-content {
        font-size: 16px;
        color: #333;
        text-indent: 2em;
        line-height: 28px
    }

    .article .article-content p {
        padding: 10px 0
    }

    .article .article-content img, .article .article-content video {
        max-width: 100%;
        display: block;
        margin: 20px auto
    }

    .article .article-link {
        padding: 60px 0;
        display: flex;
        justify-content: space-between
    }

    .article .article-link a {
        background: #f9f9f9;
        color: #333;
        font-size: 14px;
        text-align: center;
        height: 48px;
        line-height: 48px;
        display: block;
        width: 48%;
        overflow: hidden;
        border: 1px solid #f9f9f9
    }

    .article .article-link a:hover {
        border: 1px solid #3768eb;
        color: #3768eb !important;
        background: #fff
    }
}

@media screen and (max-width: 1000px) {
    .return-btn a {
        display: block;
        height: .666667rem;
        line-height: .666667rem;
        width: 2rem;
        background: #3768eb;
        text-align: center;
        color: #fff;
        font-size: .213333rem;
        border-radius: .066667rem;
        margin: 0 auto
    }

    .return-btn a:hover {
        color: #fff !important;
        opacity: .8
    }

    .article {
        padding: .4rem .8rem
    }

    .article .article-title {
        font-size: .293333rem;
        color: #333;
        text-align: center;
        font-weight: 700
    }

    .article .article-time {
        color: #8d8d8d;
        font-size: .2rem;
        text-align: center;
        margin: .2rem auto
    }

    .article .article-content {
        font-size: .2rem !important;
        color: #333;
        text-indent: 2em;
        line-height: .45rem !important
    }

    .article .article-content p {
        padding: .133333rem 0
    }

    .article .article-content img, .article .article-content video {
        max-width: 100%;
        height: auto !important;
        display: block;
        margin: .266667rem auto
    }

    .article .article-link {
        padding: .8rem 0;
        display: flex;
        justify-content: space-between
    }

    .article .article-link a {
        background: #f9f9f9;
        color: #333;
        font-size: .186667rem;
        text-align: center;
        height: .64rem;
        line-height: .64rem;
        display: block;
        width: 48%;
        overflow: hidden;
        border: 1px solid #f9f9f9
    }

    .article .article-link a:hover {
        border: 1px solid #3768eb;
        color: #3768eb !important;
        background: #fff
    }
}

* {
    box-sizing: border-box
}

html {
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    background: transparent
}

body, html {
    margin: 0;
    padding: 0;
    font-family: alibaba-puhui-R, Helvetica Neue, Helvetica, Arial, sans-serif
}

body {
    -webkit-overflow-scrolling: touch
}

article, aside, blockquote, button, code, dd, details, div, dl, dt, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, input, legend, li, menu, nav, ol, p, pre, section, sumary, td, textarea, th, ul {
    margin: 0;
    padding: 0
}

a, abbr, acronym, address, applet, article, aside, audio, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: middle
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

a {
    text-decoration: none
}

blockquote, q {
    quotes: none
}

blockquote:after, blockquote:before, q:after, q:before {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

ol, ul {
    list-style: none
}

a, img {
    -webkit-touch-callout: none
}

a, a:active, a:hover {
    text-decoration: none
}

a:hover {
    color: #309cd0 !important
}

a, button, input, textarea {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.container {
    padding: 0;
    font-family: alibaba-puhui-R !important
}