@keyframes headerFadeIn-20578ccd {
    0% {
        opacity: 0;
        transform: scale(.5)
    }
    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes headerZoomIn-20578ccd {
    0% {
        opacity: 0;
        transform: scale(.5)
    }
    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes headerPopIn-20578ccd {
    0% {
        transform: scale(1.5);
        opacity: 0
    }
    50% {
        transform: scale(.9)
    }
    to {
        transform: scale(1);
        opacity: 1
    }
}

@media screen and (min-width: 750px) {
    .header[data-v-20578ccd] {
        width: 100vw;
        height: 63.54vw;
        background-image: url(../../../images/zt/kxzfx/kxzfx-toutuweb.2aa44285.png);
        background-position: center;
        background-size: 100%;
        position: relative
    }

    .header img[data-v-20578ccd] {
        position: absolute
    }

    .header .logo[data-v-20578ccd] {
        margin: 1.3vw 0 0 22.7vw;
        width: 13.85vw
    }

    .header .ke[data-v-20578ccd], .header .xue[data-v-20578ccd], .header .zai[data-v-20578ccd] {
        animation: headerFadeIn-20578ccd 1s ease forwards;
        opacity: 0
    }

    .header .fa[data-v-20578ccd], .header .xian[data-v-20578ccd], .header .science[data-v-20578ccd] {
        animation-name: headerPopIn-20578ccd;
        animation-duration: .5s;
        animation-fill-mode: forwards;
        animation-timing-function: ease-out;
        opacity: 0
    }

    .header .ke[data-v-20578ccd] {
        width: 9.79vw;
        height: 11.187vw;
        left: 28.3vw;
        top: 14.5vw;
        animation-delay: .5s
    }

    .header .xue[data-v-20578ccd] {
        width: 12.441vw;
        height: 9.46vw;
        left: 34.95vw;
        top: 18.9vw;
        animation-delay: .7s
    }

    .header .zai[data-v-20578ccd] {
        width: 7.337vw;
        height: 6.82vw;
        left: 46.7vw;
        top: 17.3vw;
        animation-delay: .9s
    }

    .header .fa[data-v-20578ccd] {
        width: 9.735vw;
        height: 13.64vw;
        left: 53vw;
        top: 14vw;
        animation-delay: 1.2s
    }

    .header .xian[data-v-20578ccd] {
        width: 9.68vw;
        height: 8.646vw;
        left: 61.5vw;
        top: 16.5vw;
        animation-delay: 1.2s
    }

    .header .science[data-v-20578ccd] {
        width: 11.18vw;
        height: 2.86vw;
        left: 42.8vw;
        top: 25.5vw;
        animation-delay: 1.4s
    }

    .header .zhubandanwei[data-v-20578ccd] {
        width: 21.94vw;
        top: 40vw;
        left: 28vw
    }
}

@media screen and (max-width: 750px) {
    .header[data-v-20578ccd] {
        width: 100%;
        height: 146vw;
        background-image: url(../../../images/zt/kxzfx/kxzfx-toutu.ef89f2c2.png);
        background-position: center;
        background-size: 100%;
        position: relative
    }

    .header img[data-v-20578ccd] {
        position: absolute
    }

    .header .logo[data-v-20578ccd] {
        margin: 4vw 0 0 6vw;
        width: 25.8vw
    }

    .header .ke[data-v-20578ccd], .header .xue[data-v-20578ccd], .header .zai[data-v-20578ccd] {
        animation: headerFadeIn-20578ccd 1s ease forwards;
        opacity: 0
    }

    .header .fa[data-v-20578ccd], .header .xian[data-v-20578ccd], .header .science[data-v-20578ccd] {
        animation-name: headerPopIn-20578ccd;
        animation-duration: .5s;
        animation-fill-mode: forwards;
        animation-timing-function: ease-out;
        opacity: 0
    }

    .header .ke[data-v-20578ccd] {
        width: 15.83vw;
        height: 16.3vw;
        left: 15.19vw;
        top: 31.85vw;
        animation-delay: .5s
    }

    .header .xue[data-v-20578ccd] {
        width: 20.1vw;
        height: 15.28vw;
        left: 25.74vw;
        top: 37.41vw;
        animation-delay: .7s
    }

    .header .zai[data-v-20578ccd] {
        width: 11.85vw;
        height: 11.02vw;
        left: 44.54vw;
        top: 34.91vw;
        animation-delay: .9s
    }

    .header .fa[data-v-20578ccd] {
        width: 15.74vw;
        height: 22.04vw;
        left: 54.72vw;
        top: 29.91vw;
        animation-delay: 1.2s
    }

    .header .xian[data-v-20578ccd] {
        width: 15.65vw;
        height: 13.98vw;
        left: 68.8vw;
        top: 34.07vw;
        animation-delay: 1.2s
    }

    .header .science[data-v-20578ccd] {
        width: 18.06vw;
        height: 4.63vw;
        left: 38.61vw;
        top: 48.06vw;
        animation-delay: 1.4s
    }

    .header .zhubandanwei[data-v-20578ccd] {
        width: 51.94vw;
        right: 4vw;
        top: 124vw
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes slideInFromRightToLeft {
    0% {
        transform: translate(86vw);
        opacity: 1
    }
    to {
        transform: translate(0);
        opacity: 1
    }
}

@keyframes slideFromRight {
    0% {
        transform: translate(100%);
        opacity: 0
    }
    to {
        transform: translate(0);
        opacity: 1
    }
}

@keyframes slideFromLeft {
    0% {
        transform: translate(-100%);
        opacity: 0
    }
    to {
        transform: translate(0);
        opacity: 1
    }
}

@keyframes slideFromBottom {
    0% {
        transform: translateY(100%);
        opacity: 0
    }
    to {
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes slideFromTop {
    0% {
        transform: translateY(-100%);
        opacity: 0
    }
    to {
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes bounce {
    0%, to {
        transform: translateY(0);
        opacity: 1
    }
    25% {
        transform: translateY(-20px);
        opacity: 1
    }
    50% {
        transform: translateY(0);
        opacity: 1
    }
    75% {
        transform: translateY(-10px);
        opacity: 1
    }
}

@keyframes scaleUp {
    0% {
        transform: scale(0)
    }
    to {
        transform: scale(1)
    }
}

@keyframes scaleDown {
    0% {
        transform: scale(1)
    }
    to {
        transform: scale(0)
    }
}

@keyframes rotate {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

@keyframes flash {
    0%, to {
        opacity: 1
    }
    50% {
        opacity: 0
    }
}

@keyframes flip {
    0% {
        transform: rotateY(0)
    }
    to {
        transform: rotateY(360deg)
    }
}

@keyframes drop {
    0% {
        transform: translateY(-100%)
    }
    to {
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes swing {
    20% {
        transform: rotate(15deg)
    }
    40% {
        transform: rotate(-10deg)
    }
    60% {
        transform: rotate(5deg)
    }
    80% {
        transform: rotate(-5deg)
    }
    to {
        transform: rotate(0)
    }
}

@keyframes pop {
    0% {
        transform: scale(0);
        opacity: 0
    }
    50% {
        transform: scale(1.1);
        opacity: 1
    }
    to {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes steps {
    0% {
        background-position: 0% 0%
    }
    to {
        background-position: 100% 0%;
        opacity: 1
    }
}

@keyframes path {
    0% {
        stroke-dashoffset: 1500
    }
    to {
        stroke-dashoffset: 0
    }
}

@keyframes typewriter {
    0% {
        width: 0
    }
    to {
        width: 100%;
        opacity: 1
    }
}

@keyframes loadingSpin {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg);
        opacity: 1
    }
}

@keyframes rotate {
    0% {
        transform: rotate(-90deg) translate(-10vw, -20vw);
        opacity: 0
    }
    10% {
        opacity: 1
    }
    to {
        transform: rotate(0) translate(0);
        opacity: 1
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        -ms-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skew(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: skewX(20deg);
        -ms-transform: skewX(20deg);
        transform: skew(20deg);
        opacity: 1
    }
    80% {
        -webkit-transform: skewX(-5deg);
        -ms-transform: skewX(-5deg);
        transform: skew(-5deg);
        opacity: 1
    }
    to {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes revealFromTop {
    0% {
        clip-path: inset(0 0 100% 0)
    }
    to {
        clip-path: inset(0);
        opacity: 1
    }
}

@keyframes revealFromLeft {
    0% {
        clip-path: inset(0 100% 0 0)
    }
    to {
        clip-path: inset(0);
        opacity: 1
    }
}

@keyframes revealFromRightToLeft {
    0% {
        clip-path: inset(0 0 0 100%)
    }
    to {
        clip-path: inset(0);
        opacity: 1
    }
}

@keyframes pulse {
    0%, to {
        transform: scale(1)
    }
    50% {
        transform: scale(1.1)
    }
}

@media screen and (min-width: 750px) {
    .el-dialog__body {
        padding: 0 !important
    }

    .el-dialog__header {
        display: none !important
    }

    .jnhFooter {
        background: #fff;
        background-size: cover;
        background-position: center
    }

    .footerTopBg {
        width: 100vw;
        height: 3.85vw;
        background: #af4f15;
        background-image: url(../../../images/zt/kxzfx/kxzfx-footerTopBg.65bc0839.png);
        background-size: cover;
        background-position: center
    }

    .bjkxjnh-footer {
        height: 20vw
    }

    .bjkxjnh-footer .footer-inner {
        width: 62.5vw
    }

    .bjkxjnh-footer .footer-inner .footer_top_left {
        width: 46vw;
        padding-top: 0
    }

    .bjkxjnh-footer .footer-inner .footer_top_left dt {
        font-size: 1.5vw;
        line-height: 1.8vw;
        padding-left: .8vw;
        margin-bottom: 1.2vw;
        color: #da3b36;
        position: relative
    }

    .bjkxjnh-footer .footer-inner .footer_top_left dt:before {
        content: "";
        display: block;
        position: absolute;
        width: 1.98vw;
        height: 1.98vw;
        left: -1.7vw;
        background: url(data:image/png;base64,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) no-repeat;
        background-size: 1.98vw 1.98vw
    }

    .bjkxjnh-footer .footer-inner .footer_top_left dd {
        font-size: 1.1vw;
        margin-bottom: .9vw;
        padding-left: 1vw
    }

    .bjkxjnh-footer .footer-inner .footer_top_left a, .bjkxjnh-footer .footer-inner .footer_top_left dd p {
        font-size: 1.1vw;
        color: #666
    }

    .bjkxjnh-footer .footer-inner .footer_top_right {
        color: #333
    }

    .bjkxjnh-footer .footer-inner .footer_top_right .ir_img {
        width: 7vw;
        font-size: 1.1vw;
        margin-left: 2vw
    }

    .bjkxjnh-footer .footer-inner .footer_top_right .ir_img .il_img_icon {
        width: 7vw;
        height: 7vw;
        background: url(../../../images/zt/kxzfx/kxzfx-zyzBtn.4e6925b4.png) no-repeat;
        background-size: 100% 100%
    }

    .bjkxjnh-footer .footer-inner .footer_top_right .ir_img .ir_img_icon {
        width: 7vw;
        height: 7vw;
        background: url(../../../images/zt/kxzfx/kxzfx-icon.8ead6977.png) no-repeat;
        background-size: 100% 100%
    }

    .bjkxjnh-footer .footer-inner .footer_top_right .ir_img p {
        line-height: 1.5vw;
        padding-top: .5vw
    }

    .bjkxjnh-footer .footer-bottom {
        height: 4vw;
        font-size: 1.1vw;
        line-height: 4vw;
        border-top-color: #e8e8e8;
        color: #9d9d9d
    }

    .bjkxjnh-footer .footer-bottom a {
        color: #9d9d9d
    }

    .bjkxjnh-footer .footer-bottom .beian-logo img {
        vertical-align: middle;
    }

    .conBox {
        width: 100vw
    }
}

@media screen and (max-width: 750px) {
    .el-dialog__body {
        padding: 0 !important
    }

    .el-dialog__header {
        display: none !important
    }

    .jnhFooter {
        background: #fff;
        background-size: cover;
        background-position: 15rem
    }

    .footerTopBg {
        width: 100vw;
        height: 3.85vw;
        background: #af4f15;
        background-image: url(../../../images/zt/kxzfx/kxzfx-footerTopBg.65bc0839.png);
        background-size: cover;
        background-position: center
    }

    .bjkxjnh-footer .footer-inner .footer_top_left, .bjkxjnh-footer .footer-inner .footer_top_left a, .bjkxjnh-footer .footer-inner .footer_top_right {
        color: #666
    }

    .bjkxjnh-footer .footer-inner .footer_top_right .ir_img .il_img_icon {
        background: url(../../../images/zt/kxzfx/kxzfx-zyzBtn.4e6925b4.png) no-repeat;
        background-size: 100% 100%
    }

    .bjkxjnh-footer .footer-inner .footer_top_right .ir_img .ir_img_icon {
        background: url(../../../images/zt/kxzfx/kxzfx-icon.8ead6977.png) no-repeat;
        background-size: 100% 100%
    }

    .bjkxjnh-footer .footer-bottom {
        border-top: solid 1px #e8e8e8;
        color: #9d9d9d
    }

    .bjkxjnh-footer .footer-bottom a {
        color: #9d9d9d
    }

    .conBox {
        width: 100%
    }
}