#app {
    background-color: #3012bd;
    overflow: hidden;
    font-size: 16px
}

.pc {
    display: block
}

.mobile {
    display: none
}

@media screen and (max-width:1000px) {
    .pc {
        display: none
    }

    .mobile {
        display: block
    }
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    transform: translateZ(0)
}

.swiper-container-multirow>.swiper-wrapper {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-wp8-horizontal {
    touch-action: pan-y
}

.swiper-wp8-vertical {
    touch-action: pan-x
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: 50%;
    background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22 22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E");
    left: 10px;
    right: auto
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22 22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E")
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22 22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22 5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E");
    right: 10px;
    left: auto
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22 5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22 5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s;
    transform: translateZ(0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-white .swiper-pagination-bullet {
    background: #fff
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 5px 0;
    display: block
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px
}

.swiper-pagination-progress {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progress .swiper-pagination-progressbar {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progress {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-vertical>.swiper-pagination-progress {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-progress.swiper-pagination-white {
    background: hsla(0, 0%, 100%, .5)
}

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
    background: #fff
}

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
    background: #000
}

.swiper-container-3d {
    -o-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
    -ms-perspective: 1200px
}

.swiper-container-cube,
.swiper-container-flip {
    overflow: visible
}

.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-slide {
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    filter: blur(50px);
    z-index: 0
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12) infinite;
    animation: swiper-preloader-spin 1s steps(12) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(1turn)
    }
}

@keyframes swiper-preloader-spin {
    to {
        transform: rotate(1turn)
    }
}

.header[data-v-1b9ac108] {
    width: 100%;
    height: 55.5vw;
    min-height: 400px;
    max-height: 1079px;
    background: url('../../../images/zt/khjnh/khjnh_header-bg02.9557bc82.png') no-repeat 50%;
    background-size: 100% auto
}

.header .header-inner[data-v-1b9ac108] {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    height: 100%
}

.header .header-inner .logo[data-v-1b9ac108] {
    width: 340px;
    height: 90px;
    display: block;
    margin-top: 35px;
    position: absolute;
    left: -110px
}

.header .header-inner .nav[data-v-1b9ac108] {
    height: 80px;
    position: absolute;
    bottom: 80px;
    width: 100%
}

.header .header-inner .nav ul[data-v-1b9ac108] {
    display: flex;
    justify-content: space-between;
    width: 100%;
    overflow: hidden
}

.header .header-inner .nav ul li[data-v-1b9ac108] {
    width: 216px;
    height: 80px
}

.header .header-inner .nav ul li a[data-v-1b9ac108] {
    display: block;
    height: 100%;
    transition: all .5s;
    font-size: 28px;
    font-family: Microsoft YaHei;
    font-weight: 900;
    font-style: italic;
    color: #fff;
    line-height: 80px;
    text-align: center;
    background: url('../../../images/zt/khjnh/khjnh_nav.05d45486.png') no-repeat;
    background-size: 100% 100%
}

.header .header-inner .nav ul li a[data-v-1b9ac108]:hover {
    color: #eaf45e !important
}

@media screen and (max-width:1000px) {
    .header[data-v-1b9ac108] {
        width: 10rem;
        height: 5.62rem;
        min-height: 5.62rem;
        background: url('../../../images/zt/khjnh/khjnh_header-bg02.9557bc82.png') no-repeat center 0;
        background-size: contain
    }

    .header .header-inner[data-v-1b9ac108] {
        width: 10rem;
        margin: 0 auto;
        overflow: hidden;
        position: relative;
        height: 100%
    }

    .header .header-inner .logo[data-v-1b9ac108] {
        width: 1.8rem;
        height: .44rem;
        display: block;
        margin-top: .2rem;
        left: 1.3rem
    }

    .header .header-inner .nav[data-v-1b9ac108] {
        height: .666rem;
        position: absolute;
        bottom: .5rem;
        width: 100%
    }

    .header .header-inner .nav ul[data-v-1b9ac108] {
        display: flex;
        justify-content: space-around;
        width: 100%;
        overflow: hidden
    }

    .header .header-inner .nav ul li[data-v-1b9ac108] {
        width: 1.52rem;
        height: .666rem
    }

    .header .header-inner .nav ul li a[data-v-1b9ac108] {
        font-size: .3rem;
        line-height: .6rem;
        display: block;
        height: 100%;
        transition: all .5s
    }

    .header .header-inner .nav ul .nav-index[data-v-1b9ac108] {
        background: url('../../../images/zt/khjnh/khjnh_base64_f5a783aa6a2f.png') no-repeat;
        background-size: 100% 100%
    }

    .header .header-inner .nav ul .nav-index[data-v-1b9ac108]:hover {
        background: url('../../../images/zt/khjnh/khjnh_base64_d40742d17f92.png') no-repeat;
        background-size: 100% 100%
    }

    .header .header-inner .nav ul .nav-ztzl[data-v-1b9ac108] {
        background: url('../../../images/zt/khjnh/khjnh_base64_02c4f595dc88.png') no-repeat;
        background-size: 100% 100%
    }

    .header .header-inner .nav ul .nav-ztzl[data-v-1b9ac108]:hover {
        background: url('../../../images/zt/khjnh/khjnh_base64_7bb08c58f250.png') no-repeat;
        background-size: 100% 100%
    }

    .header .header-inner .nav ul .nav-3Dmy[data-v-1b9ac108] {
        background: url('../../../images/zt/khjnh/khjnh_base64_5d75deced1be.png') no-repeat;
        background-size: 100% 100%
    }

    .header .header-inner .nav ul .nav-3Dmy[data-v-1b9ac108]:hover {
        background: url('../../../images/zt/khjnh/khjnh_base64_5d6b4f2687a6.png') no-repeat;
        background-size: 100% 100%
    }

    .header .header-inner .nav ul .nav-yccp[data-v-1b9ac108] {
        background: url('../../../images/zt/khjnh/khjnh_base64_c77b11822657.png') no-repeat;
        background-size: 100% 100%
    }

    .header .header-inner .nav ul .nav-yccp[data-v-1b9ac108]:hover {
        background: url('../../../images/zt/khjnh/khjnh_base64_5bbeeeff0f43.png') no-repeat;
        background-size: 100% 100%
    }

    .header .header-inner .nav ul .nav-mtbd[data-v-1b9ac108] {
        background: url('../../../images/zt/khjnh/khjnh_base64_5c2fa72a51d0.png') no-repeat;
        background-size: 100% 100%
    }

    .header .header-inner .nav ul .nav-mtbd[data-v-1b9ac108]:hover {
        background: url('../../../images/zt/khjnh/khjnh_base64_5dace3ee4f2a.png') no-repeat;
        background-size: 100% 100%
    }

    .header .header-inner .nav ul .nav-hdzx[data-v-1b9ac108] {
        background: url('../../../images/zt/khjnh/khjnh_base64_330213758d73.png') no-repeat;
        background-size: 100% 100%
    }

    .header .header-inner .nav ul .nav-hdzx[data-v-1b9ac108]:hover {
        background: url('../../../images/zt/khjnh/khjnh_base64_f4b96311e001.png') no-repeat;
        background-size: 100% 100%
    }
}

.footer-bottom {
    background-color: #03075f;
    text-align: center;
    color: #fff;
    line-height: 50px;
    font-size: 12px
}

.footer-bottom span {
    margin: 0 15px
}

.footer-bottom a {
    color: #fff;
    margin: 0 15px
}

.footer-bottom a:hover {
    color: #fff !important
}

@media screen and (max-width:1000px) {
    .footer-bottom[data-v-d398af74] {
        background-color: #03075f;
        padding: .4rem 0;
        text-align: center;
        color: #fff;
        line-height: .6rem;
        font-size: .3rem
    }

    .footer-bottom span[data-v-d398af74] {
        margin: 0 .2rem;
        display: block
    }

    .footer-bottom a[data-v-d398af74] {
        color: #fff;
        margin: 0 .2rem
    }

    .footer-bottom a[data-v-d398af74]:hover {
        color: #fff !important
    }
}

.footer[data-v-6572898c] {
    width: 100%;
    background-color: #03075f;
    text-align: center;
    padding-top: 20px
}

.footer .footer_menu_list[data-v-6572898c] {
    margin: 0 auto;
    font-size: 15px;
    line-height: 30px;
    color: #fff
}

.footer .footer_menu_list span[data-v-6572898c] {
    margin: 0 5px
}

.footer .footer_menu_list .footer_link[data-v-6572898c] {
    color: #fff;
    vertical-align: unset;
    white-space: nowrap;
    margin-right: 10px
}

@media screen and (max-width:1000px) {
    .footer[data-v-6572898c] {
        width: 100%;
        background-color: #03075f
    }

    .footer .footer-top[data-v-6572898c] {
        width: 90%;
        margin: 0 auto
    }

    .footer .footer-top .footer_menu_list[data-v-6572898c] {
        font-size: .26rem;
        line-height: .5rem;
        color: #fff
    }

    .footer .footer-top .footer_menu_list a[data-v-6572898c]:hover {
        color: #fff !important
    }

    .footer .footer-top .footer_link[data-v-6572898c] {
        white-space: nowrap;
        color: #fff
    }
}

.index-swiper-big-bg[data-v-13dc3d1f] {
    background: url('../../../images/zt/khjnh/khjnh_index-swiper-big-bg.3b0f4f76.png') no-repeat;
    background-size: 100% auto
}

.index-swiper-big-bg .index-swiper[data-v-13dc3d1f] {
    width: 1256px;
    height: 740px;
    margin: 0 auto;
    overflow: hidden;
    padding: 38px 28px;
    border-radius: 10px;
    margin-top: -125px;
    background: url('../../../images/zt/khjnh/khjnh_index-swiper-bg.3e3b9562.png') no-repeat;
    background-size: 100% 100%
}

.index-swiper-big-bg .index-swiper .swiper-slide .bar-overlay[data-v-13dc3d1f] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.index-swiper-big-bg .index-swiper .swiper-slide .bar-overlay .bar-text[data-v-13dc3d1f] {
    background-color: rgba(0, 0, 0, .7);
    padding: 10px 20px;
    border-radius: 10px;
    font-weight: 700;
    color: #fff;
    font-size: 30px
}

.index-swiper-big-bg .index-swiper img[data-v-13dc3d1f] {
    width: 100%;
    height: 673px
}

.index-content-big-bg[data-v-13dc3d1f] {
    width: 100%;
    height: 534px;
    background: url('../../../images/zt/khjnh/khjnh_index-content-big-bg.77ba065a.png') no-repeat;
    background-size: 100% 100%;
    padding-top: 56px;
    margin-top: 50px
}

.index-content-big-bg .index-content[data-v-13dc3d1f] {
    width: 1200px;
    height: 421px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

.index-content-big-bg .index-content .content-container[data-v-13dc3d1f] {
    width: 817px;
    height: 100%;
    background-color: #f0f0f0
}

.index-content-big-bg .index-content .content-container .module.single-image img[data-v-13dc3d1f] {
    width: 100%;
    height: 421px
}

.index-content-big-bg .index-content .content-container .module.single-image img.preview-image[data-v-13dc3d1f] {
    cursor: pointer;
    transition: opacity .3s
}

.index-content-big-bg .index-content .content-container .module.single-image img.preview-image[data-v-13dc3d1f]:hover {
    opacity: .9
}

.index-content-big-bg .index-content .content-container .module.carousel .swiper-container-1[data-v-13dc3d1f],
.index-content-big-bg .index-content .content-container .module.carousel .swiper-container-2[data-v-13dc3d1f] {
    width: 100%;
    height: 421px
}

.index-content-big-bg .index-content .content-container .module.carousel .swiper-container-1 .swiper-wrapper .swiper-slide img[data-v-13dc3d1f],
.index-content-big-bg .index-content .content-container .module.carousel .swiper-container-2 .swiper-wrapper .swiper-slide img[data-v-13dc3d1f] {
    width: 100%;
    height: 421px;
    -o-object-fit: cover;
    object-fit: cover
}

.index-content-big-bg .index-content .content-container .module.carousel .swiper-container-1 .swiper-wrapper .swiper-slide img.preview-image[data-v-13dc3d1f],
.index-content-big-bg .index-content .content-container .module.carousel .swiper-container-2 .swiper-wrapper .swiper-slide img.preview-image[data-v-13dc3d1f] {
    cursor: pointer;
    transition: opacity .3s
}

.index-content-big-bg .index-content .content-container .module.carousel .swiper-container-1 .swiper-wrapper .swiper-slide img.preview-image[data-v-13dc3d1f]:hover,
.index-content-big-bg .index-content .content-container .module.carousel .swiper-container-2 .swiper-wrapper .swiper-slide img.preview-image[data-v-13dc3d1f]:hover {
    opacity: .9
}

.index-content-big-bg .index-content .content-container .module.carousel .swiper-container-1 .swiper-pagination[data-v-13dc3d1f],
.index-content-big-bg .index-content .content-container .module.carousel .swiper-container-2 .swiper-pagination[data-v-13dc3d1f] {
    position: absolute;
    width: 100%;
    text-align: center
}

.index-content-big-bg .index-content .title-container[data-v-13dc3d1f] {
    display: flex;
    flex-direction: column;
    width: 370px;
    height: 100%
}

.index-content-big-bg .index-content .title-container .title[data-v-13dc3d1f] {
    width: 100%;
    height: 50%;
    background-size: cover;
    background-position: 50%;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 36px;
    font-weight: 700;
    font-style: italic;
    color: #fff;
    text-align: center;
    margin-bottom: 13px;
    background-image: url('../../../images/zt/khjnh/khjnh_index-content-title.9dd5ada8.png')
}

.index-content-big-bg .index-content .title-container .title[data-v-13dc3d1f]:last-child {
    margin-bottom: 0
}

.index-content-big-bg .index-content .title-container .active-title[data-v-13dc3d1f] {
    background-image: url('../../../images/zt/khjnh/khjnh_index-content-active-title.d9b47ad4.png')
}

.index-bar[data-v-13dc3d1f] {
    width: 100%;
    margin-top: 56px
}

.index-bar img[data-v-13dc3d1f] {
    width: 100%
}

.index-video[data-v-13dc3d1f] {
    background-image: url('../../../images/zt/khjnh/khjnh_index-video.1840c21d.png');
    background-size: cover;
    width: 100%;
    height: 649px;
    margin-top: 71px
}

.index-video .video-container[data-v-13dc3d1f] {
    text-align: center
}

.index-video .video-container .video-title[data-v-13dc3d1f] {
    color: #fff;
    font-size: 32px;
    font-weight: 700;
    font-family: Microsoft YaHei;
    font-style: italic;
    letter-spacing: 2px
}

.index-video .video-container .video-wrapper[data-v-13dc3d1f] {
    width: 1079px;
    height: 649px;
    margin: 0 auto;
    background: url('../../../images/zt/khjnh/khjnh_video-wrapper.b6acf47a.png') no-repeat 50%;
    background-size: cover;
    padding: 55px 0
}

.index-video .video-container .video-wrapper .custom-video[data-v-13dc3d1f] {
    width: 1000px;
    height: 562.5px;
    background-color: #000
}

.index-news[data-v-13dc3d1f] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
    padding: 80px 0;
    background-image: url('../../../images/zt/khjnh/khjnh_index-news-bg.3e3f656d.png');
    background-size: cover
}

.index-news .news[data-v-13dc3d1f] {
    width: 1188px;
    margin: 0 auto
}

.index-news .news .news-module[data-v-13dc3d1f] {
    width: 376px;
    margin-right: 30px;
    border-radius: 4px;
    overflow: hidden;
    float: left
}

.index-news .news .news-module .news-title[data-v-13dc3d1f] {
    background: url('../../../images/zt/khjnh/khjnh_base64_8de7c848c810.png') no-repeat;
    background-position: 50%;
    padding: 10px 0;
    text-align: center;
    font-size: 32px;
    font-weight: 700;
    font-family: Microsoft YaHei;
    letter-spacing: 2px;
    margin-bottom: 10px
}

.index-news .news .news-module .news-title a[data-v-13dc3d1f] {
    color: #fff
}

.index-news .news .news-module .news-content .news-article[data-v-13dc3d1f] {
    position: relative;
    width: 100%;
    margin-bottom: 15px;
    display: flex;
    align-items: center
}

.index-news .news .news-module .news-content .news-article .article-container[data-v-13dc3d1f] {
    position: relative;
    width: 100%
}

.index-news .news .news-module .news-content .news-article .article-container .article-image[data-v-13dc3d1f] {
    width: 100%;
    height: 214px;
    overflow: hidden
}

.index-news .news .news-module .news-content .news-article .article-container .article-image img[data-v-13dc3d1f] {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
    z-index: 1
}

.index-news .news .news-module .news-content .news-article .article-container .article-info[data-v-13dc3d1f] {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, .7);
    color: #fff;
    padding: 10px;
    box-sizing: border-box;
    z-index: 2;
    text-align: center
}

.index-news .news .news-module .news-content .news-article .article-container .article-info h3[data-v-13dc3d1f] {
    margin: 0;
    font-size: 16px;
    color: inherit;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.index-news .news .news-module .news-content .news-article .article-container .article-title[data-v-13dc3d1f] {
    width: 100%;
    height: 52px;
    line-height: 52px;
    background: #4246ea;
    color: #fff;
    box-sizing: border-box;
    z-index: 2;
    text-align: center
}

.index-news .news .news-module .news-content .news-article .article-container .article-title[data-v-13dc3d1f] :hover {
    background: #2029ea
}

.index-news .news .news-module .news-content .news-article .article-container .article-title h3[data-v-13dc3d1f] {
    width: 100%;
    margin: 0;
    padding: 0 10px;
    font-size: 16px;
    color: inherit;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.index-news .news .news-module[data-v-13dc3d1f]:last-child {
    margin-right: 0
}

@media screen and (max-width:1000px) {
    .index-swiper[data-v-13dc3d1f] {
        width: 10rem;
        height: 5.89rem;
        margin: 0 auto;
        overflow: hidden;
        border-radius: 0;
        margin-top: -1rem;
        position: relative
    }

    .index-swiper .swiper-slide .bar-overlay[data-v-13dc3d1f] {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .index-swiper .swiper-slide .bar-overlay .bar-text[data-v-13dc3d1f] {
        background-color: rgba(0, 0, 0, .7);
        padding: .2rem .4rem;
        border-radius: .2rem;
        font-weight: 700;
        color: #fff;
        font-size: .4rem
    }

    .index-swiper img[data-v-13dc3d1f] {
        width: 100%;
        height: 5.89rem
    }

    .index-content-big-bg[data-v-13dc3d1f] {
        width: 100%;
        height: 4.25rem;
        background: none;
        padding-top: .45rem;
        margin-top: .4rem
    }

    .index-content-big-bg .index-content[data-v-13dc3d1f] {
        width: 95%;
        height: 3.35rem
    }

    .index-content-big-bg .index-content .content-container[data-v-13dc3d1f] {
        width: 6.5rem;
        height: 100%
    }

    .index-content-big-bg .index-content .content-container .module.single-image img[data-v-13dc3d1f] {
        width: 100%;
        height: 3.35rem
    }

    .index-content-big-bg .index-content .content-container .module.single-image img.preview-image[data-v-13dc3d1f] {
        cursor: pointer;
        transition: opacity .3s
    }

    .index-content-big-bg .index-content .content-container .module.single-image img.preview-image[data-v-13dc3d1f]:hover {
        opacity: .9
    }

    .index-content-big-bg .index-content .content-container .module.carousel .swiper-container-1 .swiper-wrapper .swiper-slide img[data-v-13dc3d1f],
    .index-content-big-bg .index-content .content-container .module.carousel .swiper-container-1[data-v-13dc3d1f],
    .index-content-big-bg .index-content .content-container .module.carousel .swiper-container-2 .swiper-wrapper .swiper-slide img[data-v-13dc3d1f],
    .index-content-big-bg .index-content .content-container .module.carousel .swiper-container-2[data-v-13dc3d1f] {
        width: 100%;
        height: 3.35rem
    }

    .index-content-big-bg .index-content .content-container .module.carousel .swiper-container-1 .swiper-wrapper .swiper-slide img.preview-image[data-v-13dc3d1f],
    .index-content-big-bg .index-content .content-container .module.carousel .swiper-container-2 .swiper-wrapper .swiper-slide img.preview-image[data-v-13dc3d1f] {
        cursor: pointer;
        transition: opacity .3s
    }

    .index-content-big-bg .index-content .content-container .module.carousel .swiper-container-1 .swiper-wrapper .swiper-slide img.preview-image[data-v-13dc3d1f]:hover,
    .index-content-big-bg .index-content .content-container .module.carousel .swiper-container-2 .swiper-wrapper .swiper-slide img.preview-image[data-v-13dc3d1f]:hover {
        opacity: .9
    }

    .index-content-big-bg .index-content .content-container .module.carousel .swiper-container-1 .swiper-pagination[data-v-13dc3d1f],
    .index-content-big-bg .index-content .content-container .module.carousel .swiper-container-2 .swiper-pagination[data-v-13dc3d1f] {
        width: 100%
    }

    .index-content-big-bg .index-content .title-container[data-v-13dc3d1f] {
        width: 2.95rem;
        height: 100%
    }

    .index-content-big-bg .index-content .title-container .title[data-v-13dc3d1f] {
        width: 100%;
        height: 50%;
        font-size: .39rem;
        margin-bottom: .1rem
    }

    .index-bar[data-v-13dc3d1f] {
        width: 100%;
        margin-top: .56rem
    }

    .index-bar img[data-v-13dc3d1f] {
        width: 100%
    }

    .index-video[data-v-13dc3d1f] {
        width: 100%;
        height: 6.2rem;
        margin-top: .5rem
    }

    .index-video .video-container .video-title[data-v-13dc3d1f] {
        font-size: .5rem;
        margin-bottom: .2rem
    }

    .index-video .video-container .video-wrapper[data-v-13dc3d1f] {
        width: 90%;
        height: 100%;
        padding: .4rem 0
    }

    .index-video .video-container .video-wrapper .custom-video[data-v-13dc3d1f] {
        width: 90%;
        background-color: #000;
        height: auto
    }

    .index-news[data-v-13dc3d1f] {
        width: 100%;
        margin-top: 0;
        padding: .64rem 0;
        background-image: url('../../../images/zt/khjnh/khjnh_index-news-bg.3e3f656d.png');
        background-size: cover
    }

    .index-news .news[data-v-13dc3d1f] {
        width: 90%;
        margin: 0 auto
    }

    .index-news .news .news-module[data-v-13dc3d1f] {
        width: 100%;
        margin-right: 0
    }

    .index-news .news .news-module .news-title[data-v-13dc3d1f] {
        background: url('../../../images/zt/khjnh/khjnh_base64_8de7c848c810.png') no-repeat;
        background-position: 50%;
        background-size: 50%;
        padding: .2rem 0;
        font-size: .5rem;
        letter-spacing: .02rem;
        margin-bottom: .2rem
    }

    .index-news .news .news-module .news-content .news-article[data-v-13dc3d1f] {
        width: 100%;
        margin-bottom: 15px
    }

    .index-news .news .news-module .news-content .news-article .article-container[data-v-13dc3d1f] {
        width: 100%
    }

    .index-news .news .news-module .news-content .news-article .article-container .article-image[data-v-13dc3d1f] {
        width: 100%;
        height: 214px
    }

    .index-news .news .news-module .news-content .news-article .article-container .article-image img[data-v-13dc3d1f] {
        width: 100%;
        height: 100%
    }

    .index-news .news .news-module .news-content .news-article .article-container .article-info[data-v-13dc3d1f] {
        width: 100%;
        padding: 10px
    }

    .index-news .news .news-module .news-content .news-article .article-container .article-info h3[data-v-13dc3d1f] {
        margin: 0;
        font-size: 16px
    }

    .index-news .news .news-module .news-content .news-article .article-container .article-title[data-v-13dc3d1f] {
        width: 100%;
        height: 52px;
        line-height: 52px
    }

    .index-news .news .news-module .news-content .news-article .article-container .article-title h3[data-v-13dc3d1f] {
        width: 100%;
        margin: 0;
        padding: 0 10px;
        font-size: 16px
    }

    .index-news .news .news-module[data-v-13dc3d1f]:last-child {
        margin-right: 0
    }
}

.exhibition[data-v-0abbf067] {
    overflow: hidden
}

.exhibition .exhibition-3d-bg[data-v-0abbf067] {
    background: url('../../../images/zt/khjnh/khjnh_index-video.1840c21d.png') no-repeat;
    background-size: 100% 100%
}

.exhibition .exhibition-3d-bg .exhibition-3d[data-v-0abbf067] {
    width: 1256px;
    height: 740px;
    margin: 0 auto;
    overflow: hidden;
    padding: 38px 28px;
    border-radius: 10px;
    margin-top: -125px;
    background: url('../../../images/zt/khjnh/khjnh_index-swiper-bg.3e3b9562.png') no-repeat;
    background-size: 100% 100%
}

.exhibition .exhibition-3d-bg .exhibition-3d .img[data-v-0abbf067],
.exhibition .exhibition-3d-bg .exhibition-3d img[data-v-0abbf067] {
    width: 100%;
    height: 673px
}

.exhibition .exhibition-3d-bg .exhibition-3d .img[data-v-0abbf067] {
    background: #296fde;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 60px;
    color: #fff
}

.exhibition .exhibition-bar[data-v-0abbf067] {
    width: 100%;
    margin: -100px 0 56px;
    position: relative
}

.exhibition .exhibition-bar img[data-v-0abbf067] {
    width: 100%
}

.exhibition .exhibition-bar .bar-overlay[data-v-0abbf067] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, .4)
}

.exhibition .exhibition-bar .bar-overlay .bar-text[data-v-0abbf067] {
    padding: 10px 20px;
    border-radius: 10px;
    font-weight: 700;
    color: #fff;
    font-size: 30px
}

.exhibition .exhibition-sci-fi[data-v-0abbf067] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    margin-top: 33px;
    background-size: cover;
    background: url('../../../images/zt/khjnh/khjnh_index-news-bg.3e3f656d.png');
    background-repeat: no-repeat;
    padding-bottom: 90px;
    background-size: 100% 100%
}

.exhibition .exhibition-sci-fi .exhibition-sci-fi-list[data-v-0abbf067] {
    width: 1226px;
    margin: 0 auto;
    font-size: 0
}

.exhibition .exhibition-sci-fi .exhibition-sci-fi-list .exhibition-sci-fi-content[data-v-0abbf067] {
    background: url('../../../images/zt/khjnh/khjnh_exhibition-sci-fi-bg.188557cc.png');
    width: 587px;
    height: 451px;
    padding: 15px 14px;
    display: inline-block;
    margin-right: 52px;
    margin-bottom: 33px;
    transition: transform .3s ease-in-out;
    position: relative
}

.exhibition .exhibition-sci-fi .exhibition-sci-fi-list .exhibition-sci-fi-content[data-v-0abbf067]:nth-child(2n) {
    margin-right: 0
}

.exhibition .exhibition-sci-fi .exhibition-sci-fi-list .exhibition-sci-fi-content .module-bg[data-v-0abbf067] {
    background: url('../../../images/zt/khjnh/khjnh_exhibition-sci-fi-bg1.ba82442e.png') no-repeat;
    width: 559px;
    height: 421px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    position: relative
}

.exhibition .exhibition-sci-fi .exhibition-sci-fi-list .exhibition-sci-fi-content .module-bg[data-v-0abbf067]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .4);
    z-index: 1
}

.exhibition .exhibition-sci-fi .exhibition-sci-fi-list .exhibition-sci-fi-content .module-bg .module-title[data-v-0abbf067] {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 60px;
    font-weight: 600;
    color: #fff;
    line-height: 69px;
    text-shadow: 0 1px 4px 0 rgba(29, 63, 223, .97);
    font-style: oblique;
    z-index: 2
}

.exhibition .exhibition-sci-fi .exhibition-sci-fi-list .exhibition-sci-fi-content .module-bg .module-subtitle[data-v-0abbf067] {
    position: absolute;
    width: 80%;
    top: 70%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #ccc;
    text-align: justify;
    text-indent: 2em;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 20px;
    font-family: SourceHanSansCN, SourceHanSansCN-Regular;
    font-weight: 400;
    color: #fff;
    line-height: 35px;
    z-index: 2
}

.exhibition .exhibition-sci-fi .exhibition-sci-fi-list .clear-float[data-v-0abbf067] {
    clear: both;
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden
}

@media screen and (max-width:1000px) {
    .header[data-v-0abbf067] {
        background-size: 10rem auto
    }

    .exhibition[data-v-0abbf067] {
        width: 10rem;
        overflow: hidden;
        background: none
    }

    .exhibition .exhibition-3d[data-v-0abbf067] {
        width: 10rem;
        height: 5.89rem;
        margin: 0 auto;
        overflow: hidden;
        border-radius: 0;
        margin-top: -1rem;
        position: relative
    }

    .exhibition .exhibition-3d .img[data-v-0abbf067],
    .exhibition .exhibition-3d img[data-v-0abbf067] {
        width: 100%;
        height: 5.89rem
    }

    .exhibition .exhibition-3d .img[data-v-0abbf067] {
        background: #296fde;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 1rem;
        color: #fff
    }

    .exhibition .exhibition-bar[data-v-0abbf067] {
        margin: -.9rem 0 0;
        height: 1.5rem
    }

    .exhibition .exhibition-bar img[data-v-0abbf067] {
        height: 1.5rem
    }

    .exhibition .exhibition-bar .bar-overlay[data-v-0abbf067] {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: rgba(0, 0, 0, .4)
    }

    .exhibition .exhibition-bar .bar-overlay .bar-text[data-v-0abbf067] {
        padding: .5rem;
        border-radius: .5rem;
        font-weight: 700;
        color: #fff;
        font-size: .4rem
    }

    .exhibition .exhibition-sci-fi[data-v-0abbf067] {
        width: 100%;
        flex-direction: column;
        align-items: center;
        background: url('../../../images/zt/khjnh/khjnh_index-news-bg.3e3f656d.png') no-repeat 50%;
        background-size: cover;
        padding-bottom: 1rem;
        margin-top: .3rem
    }

    .exhibition .exhibition-sci-fi .exhibition-sci-fi-list[data-v-0abbf067] {
        width: 100%;
        max-width: 31.25rem;
        margin: 0 auto;
        flex-wrap: wrap;
        justify-content: center;
        font-size: 0
    }

    .exhibition .exhibition-sci-fi .exhibition-sci-fi-list .exhibition-sci-fi-content[data-v-0abbf067] {
        width: 100%;
        max-width: 17.1875rem;
        height: auto;
        background: none;
        background-size: cover;
        margin-bottom: 0
    }

    .exhibition .exhibition-sci-fi .exhibition-sci-fi-list .exhibition-sci-fi-content .module-bg[data-v-0abbf067] {
        width: 100%;
        height: 7rem;
        background-size: cover;
        background-position: 50%;
        position: relative
    }

    .exhibition .exhibition-sci-fi .exhibition-sci-fi-list .exhibition-sci-fi-content .module-bg[data-v-0abbf067]:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, .4);
        z-index: 1
    }

    .exhibition .exhibition-sci-fi .exhibition-sci-fi-list .exhibition-sci-fi-content .module-bg .module-title[data-v-0abbf067] {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: .75rem;
        line-height: 2rem;
        text-shadow: 0 .0625rem .125rem rgba(29, 63, 223, .5);
        z-index: 2
    }

    .exhibition .exhibition-sci-fi .exhibition-sci-fi-list .exhibition-sci-fi-content .module-bg .module-subtitle[data-v-0abbf067] {
        font-size: .35rem;
        line-height: .6rem;
        text-indent: .5rem;
        z-index: 2
    }
}

.footer[data-v-709fcf2a] {
    width: 100%;
    height: 0;
    text-align: center;
    position: relative;
    bottom: 113px
}

.footer .footer-top[data-v-709fcf2a] {
    background-color: rgba(0, 0, 0, .4);
    padding: 25px 0
}

.footer .footer_menu_list[data-v-709fcf2a] {
    margin: 0 auto;
    font-size: 15px;
    line-height: 30px;
    color: #fff
}

.footer .footer_menu_list span[data-v-709fcf2a] {
    margin: 0 5px
}

.footer .footer_menu_list .footer_link[data-v-709fcf2a] {
    color: #fff;
    vertical-align: unset;
    white-space: nowrap;
    margin-right: 10px
}

@media screen and (max-width:1000px) {
    .footer[data-v-709fcf2a] {
        width: 100%;
        height: 0;
        text-align: center;
        position: relative;
        bottom: 113px
    }

    .footer .footer-top[data-v-709fcf2a] {
        background-color: rgba(0, 0, 0, .4);
        padding: 25px 0
    }

    .footer .footer_menu_list[data-v-709fcf2a] {
        margin: 0 auto;
        font-size: 15px;
        line-height: 30px;
        color: #fff
    }

    .footer .footer_menu_list span[data-v-709fcf2a] {
        margin: 0 5px
    }

    .footer .footer_menu_list .footer_link[data-v-709fcf2a] {
        color: #fff;
        vertical-align: unset
    }
}

#app[data-v-89396268] {
    background-color: #0d1323 !important
}

.header[data-v-89396268] {
    width: 100%;
    height: 972px;
    background: url('../../../images/zt/khjnh/khjnh_header-bg03.4fc00b74.png') no-repeat 50%
}

.header-inner[data-v-89396268] {
    width: 1200px;
    height: 100px;
    margin: 0 auto;
    position: relative
}

.header-inner .nav[data-v-89396268] {
    height: 80px;
    position: absolute;
    top: -300px;
    width: 100%
}

.header-inner .nav .lya-match-intro[data-v-89396268] {
    width: 1235px;
    height: 288px;
    background: url('../../../images/zt/khjnh/khjnh_lya-match-intro-bg.6891d07c.png') no-repeat;
    background-size: 100% 100%;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

.header-inner .nav .lya-match-intro .intro[data-v-89396268] {
    position: absolute;
    font-size: 20px;
    width: 920px;
    right: 43px;
    text-align: justify;
    text-indent: 2em
}

.header-inner .nav ul[data-v-89396268] {
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
    width: 100%;
    overflow: hidden
}

.header-inner .nav ul li[data-v-89396268] {
    width: 216px;
    height: 80px
}

.header-inner .nav ul li a[data-v-89396268] {
    display: block;
    height: 100%;
    transition: all .5s;
    font-size: 28px;
    font-family: Microsoft YaHei;
    font-weight: 900;
    font-style: italic;
    color: #fff;
    line-height: 80px;
    text-align: center;
    background: url('../../../images/zt/khjnh/khjnh_nav.05d45486.png') no-repeat;
    background-size: 100% 100%
}

.header-inner .nav ul li a[data-v-89396268]:hover {
    color: #eaf45e !important
}

.lya-notice[data-v-89396268] {
    width: 100%;
    padding-top: 82px;
    padding-bottom: 41px;
    background: url('../../../images/zt/khjnh/khjnh_lya-notice-bg.c6ee7f1d.png') no-repeat;
    background-size: 100% auto
}

.lya-notice .notice[data-v-89396268] {
    width: 930px;
    margin: 0 auto
}

.lya-notice .notice .notice-title[data-v-89396268] {
    background: url('../../../images/zt/khjnh/khjnh_base64_8de7c848c810.png') no-repeat;
    background-position: 50%;
    padding: 10px 0;
    text-align: center;
    font-weight: 700;
    font-family: Microsoft YaHei;
    letter-spacing: 2px;
    margin-bottom: 10px
}

.lya-notice .notice .notice-title a[data-v-89396268] {
    color: #fff;
    font-size: 34px
}

.lya-notice .notice .notice-content[data-v-89396268] {
    width: 100%;
    height: 240px;
    border: 2px solid #07a9dd;
    background: #000598;
    padding: 15px 0 10px
}

.lya-notice .notice .notice-content .notice-item[data-v-89396268] {
    width: 463px;
    float: left;
    padding: 0 15px
}

.lya-notice .notice .notice-content .notice-item .notice-item-title a[data-v-89396268] {
    display: block;
    width: 100%;
    line-height: 50px;
    color: #fff;
    font-size: 20px;
    text-align: center;
    border-bottom: 1px dotted #07a9dd;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 10px 0 20px
}

.lya-notice .notice .notice-content .notice-item .notice-item-title a[data-v-89396268]:hover {
    color: #1afefc
}

.lya-notice .notice .notice-content .notice-item[data-v-89396268]:nth-child(odd) {
    border-right: 1px solid #07a9dd
}

.lya-notice .notice .notice-content .notice-item:last-child .notice-item-title a[data-v-89396268],
.lya-notice .notice .notice-content .notice-item:nth-last-child(2) .notice-item-title a[data-v-89396268] {
    border-bottom: none
}

.lya-excellent-work[data-v-89396268] {
    width: 100%;
    height: auto;
    margin-top: 50px;
    background: url('../../../images/zt/khjnh/khjnh_index-video.1840c21d.png') no-repeat;
    background-size: 100% auto
}

.lya-excellent-work .excellent-work[data-v-89396268] {
    width: 1200px;
    margin: 0 auto
}

.lya-excellent-work .excellent-work .excellent-work-title[data-v-89396268] {
    background: url('../../../images/zt/khjnh/khjnh_lra-title-bg.701d814b.png') no-repeat;
    background-position: 50%;
    padding: 60px 0 0;
    text-align: center;
    font-weight: 700;
    font-family: Microsoft YaHei;
    letter-spacing: 2px;
    margin-bottom: 10px
}

.lya-excellent-work .excellent-work .excellent-work-title a[data-v-89396268] {
    color: #fff;
    font-size: 34px
}

.lya-excellent-work .excellent-work .excellent-work-content[data-v-89396268] {
    width: 100%;
    height: auto
}

.lya-excellent-work .excellent-work .excellent-work-content .image-info[data-v-89396268] {
    margin: 0 auto;
    width: 940px;
    height: 315px;
    justify-content: center;
    align-items: center;
    transition: opacity .3s;
    background: url('../../../images/zt/khjnh/khjnh_lya-image-info-bg.72a5b128.png') no-repeat
}

.lya-excellent-work .excellent-work .excellent-work-content .image-info .image-info-container[data-v-89396268] {
    width: 100%;
    height: 100%;
}

.lya-excellent-work .excellent-work .excellent-work-content .image-info .image-info-container[data-v-89396268]:first-child {
    display: block
}

.lya-excellent-work .excellent-work .excellent-work-content .image-info .image-info-container .info-image[data-v-89396268] {
    width: 315px;
    height: 100%;
    margin-bottom: 10px;
    float: left;
    text-align: right;
    padding-top: 46px
}

.lya-excellent-work .excellent-work .excellent-work-content .image-info .image-info-container .info-image img[data-v-89396268] {
    width: 151px;
    height: 219px
}

.lya-excellent-work .excellent-work .excellent-work-content .image-info .image-info-container .info-text[data-v-89396268] {
    width: 448px;
    float: left;
    color: #fff;
    margin: 72px 0 0 107px
}

.lya-excellent-work .excellent-work .excellent-work-content .image-info .image-info-container .info-text h3[data-v-89396268] {
    margin: 0;
    font-size: 28px;
    height: 28px;
    line-height: 28px;
    font-weight: 700;
    margin-bottom: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.lya-excellent-work .excellent-work .excellent-work-content .image-info .image-info-container .info-text p[data-v-89396268] {
    font-size: 16px;
    text-indent: 2em;
    line-height: 28px;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical
}

.lya-excellent-work .excellent-work .excellent-work-content .swiper-container01[data-v-89396268] {
    width: 1072px;
    margin: 20px auto 0;
    height: 231px;
}

.lya-excellent-work .excellent-work .excellent-work-content .swiper-container01 .swiper-wrapper[data-v-89396268] {
    transition: transform .5s
}

.lya-excellent-work .excellent-work .excellent-work-content .swiper-container01 .swiper-wrapper .swiper-slide[data-v-89396268] {
    width: 136px;
    height: 231px;
    margin-right: 46px
}

.lya-excellent-work .excellent-work .excellent-work-content .swiper-container01 .swiper-wrapper .swiper-slide .image-container[data-v-89396268] {
    width: 100%;
    height: 200px;
    padding: 0 15px;
    position: relative
}

.lya-excellent-work .excellent-work .excellent-work-content .swiper-container01 .swiper-wrapper .swiper-slide .image-container .slide-image[data-v-89396268] {
    width: 136px;
    height: 197px;
    -o-object-fit: cover;
    object-fit: cover
}

.lya-excellent-work .excellent-work .excellent-work-content .swiper-container01 .swiper-wrapper .swiper-slide .base[data-v-89396268] {
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 162px;
    z-index: -1
}

.lya-excellent-work .excellent-work .excellent-work-content .swiper-container01 .swiper-wrapper .swiper-slide .base .base-image[data-v-89396268] {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.lya-excellent-work .excellent-work .excellent-work-content .swiper-container01 .swiper-button-next[data-v-89396268],
.lya-excellent-work .excellent-work .excellent-work-content .swiper-container01 .swiper-button-prev[data-v-89396268] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    width: 38px;
    height: 79px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    cursor: pointer
}

.lya-excellent-work .excellent-work .excellent-work-content .swiper-container01 .swiper-button-prev[data-v-89396268] {
    left: 10px;
    background-image: url('../../../images/zt/khjnh/khjnh_base64_7d4bc0cd1c55.png')
}

.lya-excellent-work .excellent-work .excellent-work-content .swiper-container01 .swiper-button-next[data-v-89396268] {
    right: 10px;
    background-image: url('../../../images/zt/khjnh/khjnh_base64_7529f47f85c1.png')
}

.lya-excellent-work .excellent-work .excellent-work-content .swiper-container01 .swiper-pagination[data-v-89396268] {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%)
}

.lya-bar img[data-v-89396268],
.lya-bar[data-v-89396268] {
    width: 100%
}

.lya-promotion-moments[data-v-89396268] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 30px 0;
    background-image: url('../../../images/zt/khjnh/khjnh_index-news-bg.3e3f656d.png');
    background-size: cover;
    padding-bottom: 150px
}

.lya-promotion-moments .promotion-moments[data-v-89396268] {
    width: 1200px;
    margin: 0 auto;
    margin-top: 50px
}

.lya-promotion-moments .promotion-moments .module-title[data-v-89396268] {
    display: flex;
    justify-content: space-between
}

.lya-promotion-moments .promotion-moments .module-title .title[data-v-89396268] {
    width: 50%;
    cursor: pointer;
    text-align: center;
    padding: 5px;
    border: 1px solid #00ffea;
    color: #00ffea;
    font-size: 28px;
    font-weight: 700;
    font-style: italic;
    letter-spacing: 15px
}

.lya-promotion-moments .promotion-moments .module-title .title.active-title[data-v-89396268],
.lya-promotion-moments .promotion-moments .module-title .title[data-v-89396268]:hover {
    background-color: #00ffea;
    color: #040977
}

.lya-promotion-moments .promotion-moments .module-content[data-v-89396268] {
    display: flex;
    justify-content: space-between
}

.lya-promotion-moments .promotion-moments .module-content .content-list[data-v-89396268] {
    width: 100%;
    padding: 20px 0
}

.lya-promotion-moments .promotion-moments .module-content .content-list .list-item[data-v-89396268] {
    width: calc(33.333% - 20px);
    height: 260px;
    margin: 0 10px;
    text-align: center;
    float: left
}

.lya-promotion-moments .promotion-moments .module-content .content-list .list-item .video-container[data-v-89396268] {
    width: 100%;
    height: 200px
}

.lya-promotion-moments .promotion-moments .module-content .content-list .list-item .video-container .custom-video[data-v-89396268] {
    width: 100%;
    height: 100%;
    max-height: 200px;
    background-color: #000
}

.lya-promotion-moments .promotion-moments .module-content .content-list .list-item img[data-v-89396268] {
    width: 100%;
    height: 200px;
    -o-object-fit: cover;
    object-fit: cover
}

.lya-promotion-moments .promotion-moments .module-content .content-list .list-item .image-title[data-v-89396268],
.lya-promotion-moments .promotion-moments .module-content .content-list .list-item .video-title[data-v-89396268] {
    height: 60px;
    line-height: 30px;
    font-size: 20px;
    color: #fff
}

.lya-promotion-moments .promotion-moments .module-content .content-list .pagination[data-v-89396268] {
    width: 100%;
    display: flex;
    justify-content: center;
    padding-top: 30px
}

.lya-promotion-moments .promotion-moments .module-content .content-list .pagination button[data-v-89396268] {
    padding: 8px 12px;
    margin: 0 5px;
    border: 1px solid #ddd;
    background-color: #fff;
    cursor: pointer;
    outline: none
}

.lya-promotion-moments .promotion-moments .module-content .content-list .pagination button.active[data-v-89396268] {
    background-color: #007bff;
    color: #fff;
    border-color: #007bff
}

@media screen and (max-width:1000px) {
    #app[data-v-89396268] {
        background-color: #0d1323 !important
    }

    .header[data-v-89396268] {
        width: 10rem;
        height: 5.2rem;
        background: url('../../../images/zt/khjnh/khjnh_header-bg03.4fc00b74.png') no-repeat 50%;
        background-size: 10rem auto
    }

    .header-inner[data-v-89396268] {
        width: 9.5rem;
        height: auto
    }

    .header-inner .nav[data-v-89396268] {
        height: .666rem;
        width: 100%;
        top: -2rem
    }

    .header-inner .nav .lya-match-intro[data-v-89396268] {
        width: 9.5rem;
        margin: 0 auto;
        height: 2.4rem;
        background: url('../../../images/zt/khjnh/khjnh_lya-match-intro-bg.6891d07c.png') no-repeat;
        background-size: 100% 100%
    }

    .header-inner .nav .lya-match-intro .intro[data-v-89396268] {
        font-size: .3rem;
        width: 7.1rem;
        right: .6rem;
        text-align: justify;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden
    }

    .header-inner .nav ul[data-v-89396268] {
        margin-top: .4rem;
        width: 100%
    }

    .header-inner .nav ul li[data-v-89396268] {
        width: 1.52rem;
        height: .666rem
    }

    .header-inner .nav ul li a[data-v-89396268] {
        height: 100%;
        font-size: .3rem;
        line-height: .6rem;
        background-size: 100% 100%
    }

    .lya-notice[data-v-89396268] {
        width: 100%;
        padding-top: .8rem;
        padding-bottom: .4rem;
        background: none;
        background-size: 100% auto;
        margin: 1.2rem 0 .5rem
    }

    .lya-notice .notice[data-v-89396268] {
        width: 9rem;
        margin: 0 auto
    }

    .lya-notice .notice .notice-title[data-v-89396268] {
        background: url('../../../images/zt/khjnh/khjnh_base64_8de7c848c810.png') no-repeat;
        background-position: 50%;
        background-size: 50%;
        padding: 10px 0;
        text-align: center;
        font-weight: 700;
        font-family: Microsoft YaHei;
        letter-spacing: 2px
    }

    .lya-notice .notice .notice-title a[data-v-89396268] {
        color: #fff;
        font-size: .5rem
    }

    .lya-notice .notice .notice-content[data-v-89396268] {
        width: 100%;
        height: 7.3rem;
        border: 2px solid #07a9dd;
        background: #000598;
        padding: 0
    }

    .lya-notice .notice .notice-content .notice-item[data-v-89396268] {
        width: 100%;
        height: .9rem;
        float: left;
        padding: 0 .2rem
    }

    .lya-notice .notice .notice-content .notice-item .notice-item-title a[data-v-89396268] {
        display: block;
        line-height: .9rem;
        color: #fff;
        font-size: .35rem;
        text-align: center;
        border-bottom: 1px dotted #07a9dd;
        padding: 0 .2rem
    }

    .lya-notice .notice .notice-content .notice-item[data-v-89396268]:nth-child(odd) {
        border-right: none
    }

    .lya-notice .notice .notice-content .notice-item:nth-last-child(2) .notice-item-title a[data-v-89396268] {
        border-bottom: 1px dotted #07a9dd
    }

    .lya-excellent-work[data-v-89396268] {
        width: 100%;
        height: auto;
        margin-top: .3rem;
        background: none;
        background-size: 100% auto
    }

    .lya-excellent-work .excellent-work[data-v-89396268] {
        width: 9.5rem;
        margin: 0 auto
    }

    .lya-excellent-work .excellent-work .excellent-work-title[data-v-89396268] {
        background: url('../../../images/zt/khjnh/khjnh_lra-title-bg.701d814b.png') no-repeat;
        background-position: 50%;
        background-size: 6rem;
        padding: .6rem 0 0;
        letter-spacing: 2px;
        margin-bottom: 0
    }

    .lya-excellent-work .excellent-work .excellent-work-title a[data-v-89396268] {
        color: #fff;
        font-size: .5rem
    }

    .lya-excellent-work .excellent-work .excellent-work-content[data-v-89396268] {
        width: 100%;
        height: auto
    }

    .lya-excellent-work .excellent-work .excellent-work-content .image-info[data-v-89396268] {
        display: none
    }

    .lya-excellent-work .excellent-work .excellent-work-content .image-info .image-info-container[data-v-89396268] {
        width: 100%;
        height: 100%;
        display: none
    }

    .lya-excellent-work .excellent-work .excellent-work-content .image-info .image-info-container[data-v-89396268]:first-child {
        display: block
    }

    .lya-excellent-work .excellent-work .excellent-work-content .image-info .image-info-container .info-image[data-v-89396268] {
        width: 315px;
        height: 100%;
        margin-bottom: 10px;
        float: left;
        text-align: right;
        padding-top: 46px
    }

    .lya-excellent-work .excellent-work .excellent-work-content .image-info .image-info-container .info-image img[data-v-89396268] {
        width: 151px;
        height: 219px
    }

    .lya-excellent-work .excellent-work .excellent-work-content .image-info .image-info-container .info-text[data-v-89396268] {
        width: 448px;
        float: left;
        color: #fff;
        margin: 72px 0 0 107px
    }

    .lya-excellent-work .excellent-work .excellent-work-content .image-info .image-info-container .info-text h3[data-v-89396268] {
        margin: 0;
        font-size: 28px;
        height: 28px;
        line-height: 28px;
        font-weight: 700;
        margin-bottom: 26px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .lya-excellent-work .excellent-work .excellent-work-content .image-info .image-info-container .info-text p[data-v-89396268] {
        font-size: 16px;
        text-indent: 2em;
        line-height: 28px;
        margin: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical
    }

    .lya-excellent-work .excellent-work .excellent-work-content .swiper-container02[data-v-89396268] {
        width: 100%;
        margin: .4rem auto 0;
        height: fit-content;
    }

    .lya-excellent-work .excellent-work .excellent-work-content .swiper-container02 .swiper-wrapper[data-v-89396268] {
        transition: transform .5s
    }

    .lya-excellent-work .excellent-work .excellent-work-content .swiper-container02 .swiper-wrapper .swiper-slide[data-v-89396268] {
        height: 231px;
        margin-right: 46px
    }

    .lya-excellent-work .excellent-work .excellent-work-content .swiper-container02 .swiper-wrapper .swiper-slide .image-container[data-v-89396268] {
        width: 100%;
        height: 200px;
        padding: 0 15px
    }

    .lya-excellent-work .excellent-work .excellent-work-content .swiper-container02 .swiper-wrapper .swiper-slide .image-container .slide-image[data-v-89396268] {
        width: 136px;
        height: 197px;
        -o-object-fit: cover;
        object-fit: cover
    }

    .lya-excellent-work .excellent-work .excellent-work-content .swiper-container02 .swiper-wrapper .swiper-slide .base[data-v-89396268] {
        position: absolute;
        bottom: 10px;
        left: 0;
        width: 162px;
        z-index: -1
    }

    .lya-excellent-work .excellent-work .excellent-work-content .swiper-container02 .swiper-wrapper .swiper-slide .base .base-image[data-v-89396268] {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    .lya-excellent-work .excellent-work .excellent-work-content .swiper-container02 .swiper-button-next[data-v-89396268],
    .lya-excellent-work .excellent-work .excellent-work-content .swiper-container02 .swiper-button-prev[data-v-89396268] {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 10;
        width: 38px;
        height: 79px;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        cursor: pointer
    }

    .lya-excellent-work .excellent-work .excellent-work-content .swiper-container02 .swiper-button-prev[data-v-89396268] {
        left: 10px;
        background-image: url('../../../images/zt/khjnh/khjnh_base64_7d4bc0cd1c55.png')
    }

    .lya-excellent-work .excellent-work .excellent-work-content .swiper-container02 .swiper-button-next[data-v-89396268] {
        right: 10px;
        background-image: url('../../../images/zt/khjnh/khjnh_base64_7529f47f85c1.png')
    }

    .lya-excellent-work .excellent-work .excellent-work-content .swiper-container02 .swiper-pagination[data-v-89396268] {
        position: absolute;
        bottom: 10px;
        left: 50%;
        transform: translateX(-50%)
    }

    .lya-bar img[data-v-89396268],
    .lya-bar[data-v-89396268] {
        width: 100%
    }

    .lya-promotion-moments[data-v-89396268] {
        width: 100%;
        display: flex;
        justify-content: space-between;
        padding: 0;
        background-image: url('../../../images/zt/khjnh/khjnh_index-news-bg.3e3f656d.png');
        background-size: cover;
        padding-bottom: 150px
    }

    .lya-promotion-moments .promotion-moments[data-v-89396268] {
        width: 100%;
        margin: 0 auto;
        margin-top: 1.19rem
    }

    .lya-promotion-moments .promotion-moments .module-title .title[data-v-89396268] {
        width: 50%;
        cursor: pointer;
        text-align: center;
        padding: .12rem;
        border: 1px solid #00ffea;
        color: #00ffea;
        font-size: .5rem;
        letter-spacing: .36rem
    }

    .lya-promotion-moments .promotion-moments .module-content .content-list[data-v-89396268] {
        width: 100%;
        padding: .48rem 0
    }

    .lya-promotion-moments .promotion-moments .module-content .content-list .list-item[data-v-89396268] {
        width: 95%;
        height: 6rem
    }

    .lya-promotion-moments .promotion-moments .module-content .content-list .list-item .video-container[data-v-89396268] {
        width: 100%;
        height: 4.76rem
    }

    .lya-promotion-moments .promotion-moments .module-content .content-list .list-item .video-container .custom-video[data-v-89396268] {
        width: 100%;
        height: 100%;
        max-height: 4.76rem
    }

    .lya-promotion-moments .promotion-moments .module-content .content-list .list-item img[data-v-89396268] {
        width: 100%;
        height: 4.76rem;
        -o-object-fit: cover;
        object-fit: cover
    }

    .lya-promotion-moments .promotion-moments .module-content .content-list .list-item .image-title[data-v-89396268],
    .lya-promotion-moments .promotion-moments .module-content .content-list .list-item .video-title[data-v-89396268] {
        height: 1.24rem;
        line-height: 1.24rem;
        font-size: .4rem;
        color: #fff
    }

    .lya-promotion-moments .promotion-moments .module-content .content-list .pagination[data-v-89396268] {
        width: 100%;
        margin-top: .71rem
    }

    .lya-promotion-moments .promotion-moments .module-content .content-list .pagination button[data-v-89396268] {
        padding: .19rem .29rem;
        margin: 0 .12rem
    }
}

.header[data-v-119b8264] {
    width: 100%;
    height: 214px;
    background: url('../../../images/zt/khjnh/khjnh_column-header-bg.9b4dafd5.png') no-repeat 50%
}

.header .header-inner[data-v-119b8264] {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    height: 100%
}

.header .header-inner .logo[data-v-119b8264] {
    width: 250px;
    height: 62px;
    display: block;
    margin-top: 75px;
    position: absolute;
    left: -8px
}

@media screen and (max-width:1000px) {
    .header[data-v-119b8264] {
        width: 10rem;
        height: 7rem;
        background: url('../../../images/zt/khjnh/khjnh_header-bg02.9557bc82.png') no-repeat center 0;
        background-size: 10rem auto
    }

    .header .header-inner[data-v-119b8264] {
        width: 10rem;
        margin: 0 auto;
        overflow: hidden;
        position: relative;
        height: 100%
    }

    .header .header-inner .logo[data-v-119b8264] {
        width: 1.8rem;
        height: .44rem;
        display: block;
        margin-top: .2rem;
        left: 1.3rem
    }

    .header .header-inner .nav[data-v-119b8264] {
        height: .666rem;
        position: absolute;
        bottom: 1.3rem;
        width: 100%
    }

    .header .header-inner .nav ul[data-v-119b8264] {
        display: flex;
        justify-content: space-around;
        width: 100%;
        overflow: hidden
    }

    .header .header-inner .nav ul li[data-v-119b8264] {
        width: 1.52rem;
        height: .666rem
    }

    .header .header-inner .nav ul li a[data-v-119b8264] {
        font-size: .3rem;
        line-height: .6rem;
        display: block;
        height: 100%;
        transition: all .5s
    }

    .header .header-inner .nav ul .nav-index[data-v-119b8264] {
        background: url('../../../images/zt/khjnh/khjnh_base64_f5a783aa6a2f.png') no-repeat;
        background-size: 100% 100%
    }

    .header .header-inner .nav ul .nav-index[data-v-119b8264]:hover {
        background: url('../../../images/zt/khjnh/khjnh_base64_d40742d17f92.png') no-repeat;
        background-size: 100% 100%
    }

    .header .header-inner .nav ul .nav-ztzl[data-v-119b8264] {
        background: url('../../../images/zt/khjnh/khjnh_base64_02c4f595dc88.png') no-repeat;
        background-size: 100% 100%
    }

    .header .header-inner .nav ul .nav-ztzl[data-v-119b8264]:hover {
        background: url('../../../images/zt/khjnh/khjnh_base64_7bb08c58f250.png') no-repeat;
        background-size: 100% 100%
    }

    .header .header-inner .nav ul .nav-3Dmy[data-v-119b8264] {
        background: url('../../../images/zt/khjnh/khjnh_base64_5d75deced1be.png') no-repeat;
        background-size: 100% 100%
    }

    .header .header-inner .nav ul .nav-3Dmy[data-v-119b8264]:hover {
        background: url('../../../images/zt/khjnh/khjnh_base64_5d6b4f2687a6.png') no-repeat;
        background-size: 100% 100%
    }

    .header .header-inner .nav ul .nav-yccp[data-v-119b8264] {
        background: url('../../../images/zt/khjnh/khjnh_base64_c77b11822657.png') no-repeat;
        background-size: 100% 100%
    }

    .header .header-inner .nav ul .nav-yccp[data-v-119b8264]:hover {
        background: url('../../../images/zt/khjnh/khjnh_base64_5bbeeeff0f43.png') no-repeat;
        background-size: 100% 100%
    }

    .header .header-inner .nav ul .nav-mtbd[data-v-119b8264] {
        background: url('../../../images/zt/khjnh/khjnh_base64_5c2fa72a51d0.png') no-repeat;
        background-size: 100% 100%
    }

    .header .header-inner .nav ul .nav-mtbd[data-v-119b8264]:hover {
        background: url('../../../images/zt/khjnh/khjnh_base64_5dace3ee4f2a.png') no-repeat;
        background-size: 100% 100%
    }

    .header .header-inner .nav ul .nav-hdzx[data-v-119b8264] {
        background: url('../../../images/zt/khjnh/khjnh_base64_330213758d73.png') no-repeat;
        background-size: 100% 100%
    }

    .header .header-inner .nav ul .nav-hdzx[data-v-119b8264]:hover {
        background: url('../../../images/zt/khjnh/khjnh_base64_f4b96311e001.png') no-repeat;
        background-size: 100% 100%
    }
}

.article-content[data-v-22baf276] {
    width: 1200px;
    margin: 50px auto;
    border: 2px solid #07a9dd;
    background: #fff
}

.article-content-top[data-v-22baf276] {
    height: 74px
}

.article-content-content[data-v-22baf276] {
    padding: 0 130px 50px
}

.article-content-content .article-content-title[data-v-22baf276] {
    text-align: center
}

.article-content-content .article-content-title h2[data-v-22baf276] {
    font-size: 22px;
    font-weight: 700;
    color: #333;
    line-height: 40px;
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 20px;
    padding-bottom: 15px
}

.article-content-content .article-content-title span[data-v-22baf276] {
    color: #666
}

.article-content-content .article-content-text[data-v-22baf276] {
    padding-top: 30px
}

.article-content-content .article-content-text p[data-v-22baf276] {
    text-indent: 2em;
    font-size: 16px;
    line-height: 28px;
    color: #333
}

.article-content-content .article-content-text img[data-v-22baf276],
.article-content-content .article-content-text video[data-v-22baf276] {
    max-width: 800px !important;
    display: block;
    margin: 20px auto
}

.return-list[data-v-22baf276] {
    display: block;
    background: #000598;
    height: 40px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    width: 100px;
    font-size: 18px;
    border-radius: 5px;
    margin: 50px auto 0
}

.return-list[data-v-22baf276]:hover {
    color: #fff !important
}

.article-content-bottom[data-v-22baf276] {
    height: 83px
}

.article-content-text {
    padding-top: 30px
}

.article-content-text p {
    text-indent: 2em;
    font-size: 16px;
    line-height: 28px;
    color: #333
}

.article-content-text img,
.article-content-text video {
    max-width: 800px !important;
    display: block;
    margin: 20px auto
}

@media screen and (max-width:1000px) {
    .article-content[data-v-22baf276] {
        width: 9.5rem;
        margin: .3rem auto
    }

    .article-content-top[data-v-22baf276] {
        height: .53rem;
        background-size: 100% 100%
    }

    .article-content-content[data-v-22baf276] {
        background-size: 100% 1px;
        padding: 0 .5rem .25rem
    }

    .article-content-content .article-content-title[data-v-22baf276] {
        text-align: center
    }

    .article-content-content .article-content-title h2[data-v-22baf276] {
        font-size: .4rem;
        font-weight: 700;
        color: #333;
        line-height: .55rem;
        border-bottom: 1px solid #d9d9d9;
        margin-bottom: .3rem;
        padding-bottom: .2rem
    }

    .article-content-content .article-content-title p[data-v-22baf276] {
        font-size: .26rem
    }

    .article-content-content .article-content-title span[data-v-22baf276] {
        color: #666
    }

    .article-content-content .article-content-text[data-v-22baf276] {
        padding-top: .3rem
    }

    .article-content-content .article-content-text p[data-v-22baf276] {
        text-indent: 2rem;
        font-size: .32rem;
        line-height: .45rem;
        color: #333
    }

    .article-content-content .article-content-text img[data-v-22baf276],
    .article-content-content .article-content-text video[data-v-22baf276] {
        max-width: 100% !important;
        height: auto !important;
        display: block;
        margin: 0 auto
    }

    .return-list[data-v-22baf276] {
        display: block;
        background: #880200;
        height: 1rem;
        line-height: 1rem;
        color: #fff;
        text-align: center;
        width: 2rem;
        font-size: .35rem;
        border-radius: .2rem;
        margin: .5rem auto 0
    }

    .return-list[data-v-22baf276]:hover {
        color: #fff !important
    }

    .article-content-bottom[data-v-22baf276] {
        height: .53rem;
        background: url('../../../images/zt/khjnh/khjnh_column-bg-bottom.128149ed.png') no-repeat;
        background-size: 100% 100%
    }

    .article-content-text {
        padding-top: .3rem
    }

    .article-content-text p {
        text-indent: 2em;
        font-size: .32rem;
        line-height: .45rem;
        color: #333;
        padding: .2rem 0
    }

    .article-content-text img,
    .article-content-text video {
        max-width: 100% !important;
        height: auto !important;
        display: block;
        margin: 0 auto
    }
}

.column-content[data-v-f4283d6c] {
    width: 100%;
    background: url('../../../images/zt/khjnh/khjnh_index-news-bg.3e3f656d.png') no-repeat;
    background-size: cover;
    padding-bottom: 30px
}

.column-content .column-container[data-v-f4283d6c] {
    width: 1200px;
    margin: 20px auto 0;
    display: flex;
    justify-content: space-between
}

.column-content .column-container .category-list[data-v-f4283d6c] {
    width: 235px
}

.column-content .column-container .category-list ul[data-v-f4283d6c] {
    list-style: none;
    padding: 0;
    margin: 0
}

.column-content .column-container .category-list ul li[data-v-f4283d6c] {
    height: 74px;
    background-repeat: no-repeat;
    background-position: 50%;
    margin-bottom: 20px
}

.column-content .column-container .category-list ul li a[data-v-f4283d6c] {
    display: block;
    height: 100%;
    line-height: 74px;
    text-align: center;
    color: #fff;
    background: url('../../../images/zt/khjnh/khjnh_base64_359754bb6f64.png') no-repeat;
    background-size: 100% auto
}

.column-content .column-container .category-list ul li a.active[data-v-f4283d6c],
.column-content .column-container .category-list ul li a[data-v-f4283d6c]:hover {
    color: #fff;
    background: url('../../../images/zt/khjnh/khjnh_base64_9fcbc3a1fd45.png') no-repeat;
    background-size: 100% auto
}

.column-content .column-container .article-list[data-v-f4283d6c] {
    width: 942px;
    border: 2px solid #07a9dd;
    background: #000598;
    padding: 0 20px
}

.column-content .column-container .article-list ul[data-v-f4283d6c] {
    list-style: none;
    padding: 0;
    margin: 0
}

.column-content .column-container .article-list ul li a[data-v-f4283d6c] {
    display: block;
    text-decoration: none;
    width: 100%;
    line-height: 60px;
    color: #fff;
    font-size: 20px;
    text-align: left;
    border-bottom: 1px dotted #07a9dd;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 200px 0 20px
}

.column-content .column-container .article-list ul li a[data-v-f4283d6c]:hover {
    color: #19f7f8
}

.column-content .column-container .article-list .pagination[data-v-f4283d6c] {
    display: table;
    width: auto;
    max-width: 600px;
    height: 36px;
    line-height: 36px;
    margin: 20px auto;
    background: #159dff;
    border-radius: 18px;
    padding: 0 10px
}

.column-content .column-container .article-list .pagination button[data-v-f4283d6c] {
    border: none;
    color: #159dff;
    background: #fff;
    border-radius: 15px;
    padding: 3px 5px;
    cursor: pointer
}

.column-content .column-container .article-list .pagination .page-numbers[data-v-f4283d6c] {
    display: inline-block;
    align-items: center
}

.column-content .column-container .article-list .pagination .page-numbers button[data-v-f4283d6c] {
    width: auto;
    height: 18px;
    margin: 0 10px;
    font-weight: 700;
    cursor: pointer;
    border: none;
    background: none;
    color: #fff
}

.column-content .column-container .article-list .pagination .page-numbers button.active[data-v-f4283d6c],
.column-content .column-container .article-list .pagination .page-numbers button[data-v-f4283d6c]:hover {
    color: #159dff;
    background: #fff;
    border-radius: 9px
}

.column-content .column-container .article-list .pagination .return-list[data-v-f4283d6c] {
    margin-left: 10px;
    vertical-align: unset
}

@media screen and (max-width:1000px) {
    .column-content[data-v-f4283d6c] {
        width: 100%;
        background: url('../../../images/zt/khjnh/khjnh_index-news-bg.3e3f656d.png') no-repeat;
        background-size: cover;
        padding-bottom: 30px
    }

    .column-content .column-container[data-v-f4283d6c] {
        width: 100%;
        margin: 0 auto;
        display: block;
        justify-content: space-between
    }

    .column-content .column-container .category-list[data-v-f4283d6c] {
        width: 100%
    }

    .column-content .column-container .category-list ul li[data-v-f4283d6c] {
        width: calc(33.333% - .4rem);
        height: .9rem;
        margin: .2rem;
        margin-bottom: .24rem;
        float: left
    }

    .column-content .column-container .category-list ul li a[data-v-f4283d6c] {
        display: block;
        height: 100%;
        line-height: .9rem
    }

    .column-content .column-container .article-list[data-v-f4283d6c] {
        clear: both;
        width: 95%;
        margin: 0 auto;
        padding: 0 .4rem
    }

    .column-content .column-container .article-list ul li a[data-v-f4283d6c] {
        width: 100%;
        line-height: 1.2rem;
        font-size: .4rem;
        padding: 0 0 0 .4rem
    }

    .column-content .column-container .article-list .pagination[data-v-f4283d6c] {
        max-width: 600px;
        height: 36px;
        line-height: 36px;
        margin: 20px auto;
        background: #159dff;
        border-radius: 18px;
        padding: 0 10px
    }

    .column-content .column-container .article-list .pagination button[data-v-f4283d6c] {
        border: none;
        color: #159dff;
        background: #fff;
        border-radius: 15px;
        padding: 3px 5px;
        cursor: pointer
    }

    .column-content .column-container .article-list .pagination .page-numbers[data-v-f4283d6c] {
        display: inline-block;
        align-items: center
    }

    .column-content .column-container .article-list .pagination .page-numbers button[data-v-f4283d6c] {
        width: auto;
        height: 18px;
        margin: 0 10px;
        font-weight: 700;
        cursor: pointer;
        border: none;
        background: none;
        color: #fff
    }

    .column-content .column-container .article-list .pagination .page-numbers button.active[data-v-f4283d6c],
    .column-content .column-container .article-list .pagination .page-numbers button[data-v-f4283d6c]:hover {
        color: #159dff;
        background: #fff;
        border-radius: 9px
    }
}

.column-content[data-v-5632456a] {
    width: 100%;
    background: url('../../../images/zt/khjnh/khjnh_index-news-bg.3e3f656d.png') no-repeat;
    background-size: cover;
    padding-bottom: 30px
}

.column-content .column-container[data-v-5632456a] {
    width: 1200px;
    margin: 20px auto 0;
    display: flex;
    justify-content: space-between
}

.column-content .column-container .article-list[data-v-5632456a] {
    width: 100%;
    border: 2px solid #07a9dd;
    background: #000598;
    padding: 0 20px
}

.column-content .column-container .article-list ul[data-v-5632456a] {
    list-style: none;
    padding: 0;
    margin: 0
}

.column-content .column-container .article-list ul li a[data-v-5632456a] {
    display: block;
    text-decoration: none;
    width: 100%;
    line-height: 60px;
    color: #fff;
    font-size: 20px;
    text-align: left;
    border-bottom: 1px dotted #07a9dd;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 200px 0 20px
}

.column-content .column-container .article-list ul li a[data-v-5632456a]:hover {
    color: #19f7f8
}

.column-content .column-container .article-list .pagination[data-v-5632456a] {
    display: table;
    width: auto;
    max-width: 600px;
    height: 36px;
    line-height: 36px;
    margin: 20px auto;
    background: #159dff;
    border-radius: 18px;
    padding: 0 10px
}

.column-content .column-container .article-list .pagination button[data-v-5632456a] {
    border: none;
    color: #159dff;
    background: #fff;
    border-radius: 15px;
    padding: 3px 5px;
    cursor: pointer
}

.column-content .column-container .article-list .pagination .page-numbers[data-v-5632456a] {
    display: inline-block;
    align-items: center
}

.column-content .column-container .article-list .pagination .page-numbers button[data-v-5632456a] {
    width: auto;
    height: 18px;
    margin: 0 10px;
    font-weight: 700;
    cursor: pointer;
    border: none;
    background: none;
    color: #fff
}

.column-content .column-container .article-list .pagination .page-numbers button.active[data-v-5632456a],
.column-content .column-container .article-list .pagination .page-numbers button[data-v-5632456a]:hover {
    color: #159dff;
    background: #fff;
    border-radius: 9px
}

.column-content .column-container .article-list .pagination .return-list[data-v-5632456a] {
    margin-left: 10px;
    vertical-align: unset
}

@media screen and (max-width:1000px) {
    .column-content[data-v-5632456a] {
        width: 100%;
        background: url('../../../images/zt/khjnh/khjnh_index-news-bg.3e3f656d.png') no-repeat;
        background-size: cover;
        padding-bottom: 30px
    }

    .column-content .column-container[data-v-5632456a] {
        width: 100%;
        margin: 0 auto;
        display: block;
        justify-content: space-between
    }

    .column-content .column-container .category-list[data-v-5632456a] {
        width: 100%
    }

    .column-content .column-container .category-list ul li[data-v-5632456a] {
        width: calc(33.333% - .4rem);
        height: .9rem;
        margin: .2rem;
        margin-bottom: .24rem;
        float: left
    }

    .column-content .column-container .category-list ul li a[data-v-5632456a] {
        display: block;
        height: 100%;
        line-height: .9rem
    }

    .column-content .column-container .article-list[data-v-5632456a] {
        clear: both;
        width: 95%;
        margin: 0 auto;
        padding: 0 .4rem
    }

    .column-content .column-container .article-list ul li a[data-v-5632456a] {
        width: 100%;
        line-height: 1.2rem;
        font-size: .4rem;
        padding: 0 0 0 .4rem
    }

    .column-content .column-container .article-list .pagination[data-v-5632456a] {
        max-width: 600px;
        height: 36px;
        line-height: 36px;
        margin: 20px auto;
        background: #159dff;
        border-radius: 18px;
        padding: 0 10px
    }

    .column-content .column-container .article-list .pagination button[data-v-5632456a] {
        border: none;
        color: #159dff;
        background: #fff;
        border-radius: 15px;
        padding: 3px 5px;
        cursor: pointer
    }

    .column-content .column-container .article-list .pagination .page-numbers[data-v-5632456a] {
        display: inline-block;
        align-items: center
    }

    .column-content .column-container .article-list .pagination .page-numbers button[data-v-5632456a] {
        width: auto;
        height: 18px;
        margin: 0 10px;
        font-weight: 700;
        cursor: pointer;
        border: none;
        background: none;
        color: #fff
    }

    .column-content .column-container .article-list .pagination .page-numbers button.active[data-v-5632456a],
    .column-content .column-container .article-list .pagination .page-numbers button[data-v-5632456a]:hover {
        color: #159dff;
        background: #fff;
        border-radius: 9px
    }
}

* {
    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,
button,
input,
textarea {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.container {
    padding: 0;
    font-family: alibaba-puhui-R !important
}

.my-page {
    margin: 20px 0;
}

.my-page .pagination .el-pagination .el-pager li.is-active, 
.my-page .pagination .el-pagination .el-pager li {
    background-color: #000598;
    color: white;
    border-color: #07a9dd;
}

.my-page .pagination .el-pagination .el-pager li.is-active, 
.my-page .pagination .el-pagination .el-pager li:hover {
    background-color: #07a9dd;
    color: white;
    border-color: #07a9dd;
}

.my-page .pagination .el-pagination .btn-prev, 
.my-page .pagination .el-pagination .btn-next {
    background-color: #000598;
    color: white;
    border-color: #07a9dd;
}

.my-page .pagination .el-pagination .btn-prev:hover,
.my-page .pagination .el-pagination .btn-next:hover {
    background-color: #07a9dd;
    color: white;
    border-color: #07a9dd;
}

.my-page .is-last{
    display: none;
}

.guangnian-page {
    margin: 20px 0;
    clear: both;
}

.guangnian-page .pagination .el-pagination .el-pager li.is-active, 
.guangnian-page .pagination .el-pagination .el-pager li {
    background-color: #040a77a9;
    color: white;
    border-color: #040a77a9;
}

.guangnian-page .pagination .el-pagination .el-pager li.is-active, 
.guangnian-page .pagination .el-pagination .el-pager li:hover {
    background-color: #00e7d4;
    color: white;
    border-color: #00e7d4;
}

.guangnian-page .pagination .el-pagination .btn-prev, 
.guangnian-page .pagination .el-pagination .btn-next {
    background-color: #040a77a9;
    color: white;
    border-color: #040a77a9;
}

.guangnian-page .pagination .el-pagination .btn-prev:hover,
.guangnian-page .pagination .el-pagination .btn-next:hover {
    background-color: #00e7d4;
    color: white;
    border-color: #00e7d4;
}

.guangnian-page .is-last{
    display: none;
}