@media screen and (min-width: 750px) {
    .cloBoxWrap[data-v-7953fa0c] {
        width: 100vw;
        height: 35.44vw;
        background-image: url(../../../images/zt/kxzfx/bj2.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        margin-bottom: 4vw;
        position: relative;
        display: none
    }

    .cloBoxWrap .kexue[data-v-7953fa0c] {
        position: absolute;
        width: 12vw;
        top: 21vw;
        left: 5vw
    }

    .cloBoxWrap .feidie[data-v-7953fa0c] {
        position: absolute;
        width: 8vw;
        top: 6vw;
        left: 9vw
    }

    .cloBoxWrap .liubian[data-v-7953fa0c] {
        position: absolute;
        width: 7vw;
        top: 0vw;
        left: 58vw
    }

    .cloBoxWrap .liu[data-v-7953fa0c] {
        position: absolute;
        width: 6vw;
        top: 3vw;
        left: 80vw
    }

    .cloBoxWrap .diqiuyi[data-v-7953fa0c] {
        position: absolute;
        width: 7vw;
        top: 23vw;
        right: 10vw
    }

    .cloBoxWrap .colBox[data-v-7953fa0c] {
        width: 62.5vw;
        margin: 5.2vw auto 2.6vw;
        position: relative
    }

    .cloBoxWrap .colBox .turnTitle[data-v-7953fa0c] {
        cursor: pointer
    }

    .cloBoxWrap .colBox .titleBox[data-v-7953fa0c] {
        width: 100%;
        position: absolute;
        top: -2.7vw;
        left: 0;
        display: flex;
        justify-content: center
    }

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

    .cloBoxWrap .colBox .ipBox[data-v-7953fa0c] {
        position: absolute;
        background-size: 100% 100%
    }

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

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

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

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

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

    .cloBoxWrap .colBox .conBox[data-v-7953fa0c] {
        padding: 1.82vw 2.71vw;
        box-sizing: border-box;
        width: 100%;
        height: 37vw;
        background-image: url(../../../images/zt/kxzfx/columBj.e1c55d80.png);
        background-size: 100% 100%
    }
}

@media screen and (max-width: 750px) {
    .cloBoxWrap[data-v-7953fa0c] {
        width: 100vw;
        height: 51vw;
        background-image: url(../../../images/zt/kxzfx/bj2.png);
        background-size: 100% 48.44vw;
        background-repeat: no-repeat;
        margin-bottom: 4vw;
        position: relative;
        display: none
    }

    .kexue[data-v-7953fa0c] {
        position: absolute;
        width: 12vw;
        top: 21vw;
        left: 5vw
    }

    .feidie[data-v-7953fa0c] {
        position: absolute;
        width: 8vw;
        top: 6vw;
        left: 9vw
    }

    .liubian[data-v-7953fa0c] {
        position: absolute;
        width: 7vw;
        top: 0vw;
        left: 58vw
    }

    .liu[data-v-7953fa0c] {
        position: absolute;
        width: 6vw;
        top: 3vw;
        left: 80vw
    }

    .diqiuyi[data-v-7953fa0c] {
        position: absolute;
        width: 7vw;
        top: 23vw;
        right: 10vw
    }

    .colBox[data-v-7953fa0c] {
        width: 90vw;
        margin: 5.2vw auto 2.6vw;
        position: relative
    }

    .colBox .turnTitle[data-v-7953fa0c] {
        cursor: pointer
    }

    .colBox .titleBox[data-v-7953fa0c] {
        width: 100%;
        position: absolute;
        top: -4vw;
        left: 0;
        display: flex;
        justify-content: center
    }

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

    .colBox .ipBox[data-v-7953fa0c] {
        position: absolute;
        background-size: 100% 100%
    }

    .colBox .ipBox1[data-v-7953fa0c] {
        background-image: url(../../../images/zt/kxzfx/ip1.b03bb03f.png);
        width: 1.7333rem;
        height: 2.4rem;
        right: -1rem;
        bottom: .6667rem
    }

    .colBox .ipBox2[data-v-7953fa0c] {
        background-image: url(../../../images/zt/kxzfx/ip2.d50215ec.png);
        width: 1.6667rem;
        height: 1.9333rem;
        left: .4rem;
        top: -1.2rem
    }

    .colBox .ipBox3[data-v-7953fa0c] {
        background-image: url(../../../images/zt/kxzfx/ip3.fb56ce11.png);
        width: 2.1333rem;
        height: 2.2667rem;
        left: -1.6rem;
        top: 4rem
    }

    .colBox .ipBox4[data-v-7953fa0c] {
        background-image: url(../../../images/zt/kxzfx/ip4.db46ec06.png);
        width: 1rem;
        height: 1.0667rem;
        right: .5rem;
        top: -.78rem
    }

    .colBox .ipBox5[data-v-7953fa0c] {
        background-image: url(../../../images/zt/kxzfx/ip2.d50215ec.png);
        width: .8rem;
        height: 1.0667rem;
        left: .1rem;
        top: -.7rem
    }

    .colBox .conBox[data-v-7953fa0c] {
        padding: 2.62vw 3.9vw;
        box-sizing: border-box;
        width: 100%;
        height: 51.56vw;
        background-image: url(../../../images/zt/kxzfx/columBj.e1c55d80.png);
        background-size: 100% 100%
    }
}

@media screen and (min-width: 750px) {
    @keyframes slideInFromRightToLeft {
        0% {
            transform: translate(62vw);
            opacity: 1
        }
        to {
            transform: translate(0);
            opacity: 1
        }
    }.wap {
         display: none
     }

    .ydzl {
        width: 100vw;
        height: 100vw;
        background-image: url(../../../images/zt/kxzfx/kxzfx-dyzlbj.25c5b3dc.png);
        background-size: 100%;
        top: -7vw;
        position: relative;
        z-index: -1
    }

    .yindaoyu {
        width: 62.4vw;
        height: 29.64vw;
        margin: 0 auto;
        position: relative;
        bottom: 115.7vw;
        background-image: url(../../../images/zt/kxzfx/kxzfx-dybjweb.6992d6f7.png);
        background-position: center;
        background-size: 100%
    }

    .yindaoyu .yindaoyuZsj {
        width: 12.5vw;
        height: 5.9vw;
        right: -6.5vw;
        top: 11.3vw
    }

    .yindaoyu .yindaoyuContent {
        width: 47.32vw;
        position: absolute;
        left: 7.15vw;
        top: 4vw;
        opacity: 0
    }

    .zhilv {
        width: 100vw;
        height: 69vw;
        position: relative;
        z-index: -1;
        bottom: 140vw
    }

    .zhilv .zhilvbeijing {
        width: 48.39vw;
        margin-left: 25.8vw
    }

    .zhilv .zhilv1 {
        width: 38.13vw;
        position: relative;
        bottom: 8vw;
        left: 30.8vw
    }

    .zhilv .zhilv2 {
        width: 12.6vw;
        position: relative;
        bottom: 8vw;
        left: 10.2vw;
        opacity: 0
    }

    .daolan {
        width: 53.44vw;
        height: 38.7vw;
        position: relative;
        background-image: url(../../../images/zt/kxzfx/kxzfx-cgdlweb.170ae43b.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%;
        bottom: 177vw;
        z-index: 5;
        left: 23.28vw
    }

    .daolan .xiaolaba {
        width: 8.23vw;
        height: 6.09vw;
        position: relative;
        left: -5.5vw;
        top: -11vw;
        z-index: 4;
        animation: pulse 2s ease-in-out infinite
    }

    .daolan .xndl {
        width: 53.44vw;
        height: 22.62vw;
        position: absolute;
        background-image: url(../../../images/zt/kxzfx/kxzfx-xngg.44fcfadf.jpg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100% 100%;
        top: 41vw;
        left: 0
    }

    .kexue {
        width: 100vw;
        background-size: 100% 100%;
        margin-top: -147vw
    }

    .kexue .shiyan {
        width: 100vw;
        position: relative
    }

    .kexue .shiyan .xuhao, .kexue .shiyan .biaoti, .kexue .shiyan .jianjie {
        position: absolute;
        opacity: 0
    }

    .kexue .shiyan .content {
        width: 62.5vw;
        margin: 0 auto;
        position: relative
    }

    .kexue .shiyan .content .jz {
        animation: none;
        opacity: 0;
        position: absolute
    }

    .kexue .shiyan .content .jz2 {
        width: 29vw;
        left: 2vw
    }

    .kexue .shiyan:nth-child(1) {
        height: 51.5vw;
        background-image: url(../../../images/zt/kxzfx/kxzfx-shiyan1beijingweb.bdb5ba92.png);
        background-size: 100% 100%
    }

    .kexue .shiyan:nth-child(1) .xuhao {
        width: 4.2vw;
        left: 32.2vw;
        top: -2vw;
        z-index: 1
    }

    .kexue .shiyan:nth-child(1) .biaoti {
        width: 38.1vw;
        left: 30.95vw;
        top: -2vw
    }

    .kexue .shiyan:nth-child(1) .jianjie {
        width: 45.3vw;
        left: 27.35vw;
        top: 9vw
    }

    .kexue .shiyan:nth-child(1) .content:nth-of-type(1) .jz1 {
        width: 10.05vw;
        left: 1.5vw;
        top: 3vw
    }

    .kexue .shiyan:nth-child(1) .content:nth-of-type(1) .jz2 {
        top: 15vw
    }

    .kexue .shiyan:nth-child(1) .content:nth-of-type(2) .jz1 {
        width: 24.84vw;
        left: 29vw;
        top: 15vw
    }

    .kexue .shiyan:nth-child(1) .content:nth-of-type(2) .jz2 {
        top: 21vw;
        left: 33vw
    }

    .kexue .shiyan:nth-child(1) .content:nth-of-type(3) .jz1 {
        width: 23vw;
        left: 15.5vw;
        top: 42vw
    }

    .kexue .shiyan:nth-child(2) {
        height: 77vw;
        background-image: url(../../../images/zt/kxzfx/kxzfx-shiyan2beijingweb.eb8eea58.png);
        background-size: 100% 100%;
        top: -3vw
    }

    .kexue .shiyan:nth-child(2) .xuhao {
        width: 5.52vw;
        left: 34vw;
        z-index: 2
    }

    .kexue .shiyan:nth-child(2) .biaoti {
        width: 34vw;
        left: 34vw;
        top: -1.8vw;
        z-index: 1
    }

    .kexue .shiyan:nth-child(2) .jianjie {
        width: 30.68vw;
        left: 37.5vw;
        top: 9vw
    }

    .kexue .shiyan:nth-child(2) .content:nth-of-type(1) .jz1 {
        width: 23.23vw;
        left: 4vw;
        top: 4vw;
        z-index: 0
    }

    .kexue .shiyan:nth-child(2) .content:nth-of-type(1) .jz2 {
        top: 15vw;
        left: 0;
        z-index: 1
    }

    .kexue .shiyan:nth-child(2) .content:nth-of-type(2) .jz1 {
        width: 24.74vw;
        left: 18vw;
        top: 25vw;
        z-index: 0
    }

    .kexue .shiyan:nth-child(2) .content:nth-of-type(2) .jz2 {
        top: 15vw;
        left: 33vw;
        z-index: 1
    }

    .kexue .shiyan:nth-child(2) .content:nth-of-type(3) .jz1 {
        width: 10.26vw;
        right: 4vw;
        top: 23vw;
        z-index: 0
    }

    .kexue .shiyan:nth-child(2) .content:nth-of-type(3) .jz2 {
        top: 40vw;
        left: 17vw
    }

    .kexue .shiyan:nth-child(3) {
        height: 53vw;
        background-image: url(../../../images/zt/kxzfx/kxzfx-shiyan3beijingweb.f7b06637.png);
        background-size: 100% 100%;
        top: -9vw
    }

    .kexue .shiyan:nth-child(3) .xuhao {
        width: 4.5vw;
        left: 33vw;
        top: -3.5vw;
        z-index: 2
    }

    .kexue .shiyan:nth-child(3) .biaoti {
        width: 34.8vw;
        left: 34vw;
        top: -5vw;
        z-index: 1
    }

    .kexue .shiyan:nth-child(3) .jianjie {
        width: 36.23vw;
        left: 33vw;
        top: 7.5vw
    }

    .kexue .shiyan:nth-child(3) .content:nth-of-type(1) .jz1 {
        width: 16.56vw;
        left: -3vw;
        top: 2.5vw
    }

    .kexue .shiyan:nth-child(3) .content:nth-of-type(1) .jz2 {
        top: 13vw;
        left: 2.5vw;
        z-index: 1
    }

    .kexue .shiyan:nth-child(3) .content:nth-of-type(2) .jz2 {
        top: 15vw;
        left: 34.5vw;
        z-index: 1
    }

    .kexue .shiyan:nth-child(3) .content:nth-of-type(3) .jz1 {
        width: 10.78vw;
        right: -1.5vw;
        top: 26vw;
        z-index: 0
    }

    .kexue .shiyan:nth-child(4) {
        height: 89vw;
        background-image: url(../../../images/zt/kxzfx/kxzfx-shiyan4beijingweb.d35d2a56.png);
        background-size: 100% 100%;
        top: -12vw
    }

    .kexue .shiyan:nth-child(4) .xuhao {
        width: 6vw;
        left: 31.5vw;
        top: -3.5vw;
        z-index: 2
    }

    .kexue .shiyan:nth-child(4) .biaoti {
        width: 34vw;
        left: 34vw;
        top: -5.5vw;
        z-index: 1
    }

    .kexue .shiyan:nth-child(4) .jianjie {
        width: 37.3vw;
        left: 30.5vw;
        top: 9vw
    }

    .kexue .shiyan:nth-child(4) .content:nth-of-type(1) .jz1 {
        width: 21.09vw;
        left: -10.5vw;
        top: 2.5vw;
        z-index: 2
    }

    .kexue .shiyan:nth-child(4) .content:nth-of-type(1) .jz2 {
        top: 18.5vw;
        z-index: 1;
        left: -2vw
    }

    .kexue .shiyan:nth-child(4) .content:nth-of-type(2) .jz1 {
        width: 24.53vw;
        left: 17.5vw;
        top: 29vw;
        z-index: 0
    }

    .kexue .shiyan:nth-child(4) .content:nth-of-type(2) .jz2 {
        top: 19vw;
        z-index: 1;
        left: 31vw
    }

    .kexue .shiyan:nth-child(4) .content:nth-of-type(3) .jz1 {
        width: 16.56vw;
        left: 44.5vw;
        top: 39vw;
        z-index: 0
    }

    .kexue .shiyan:nth-child(4) .content:nth-of-type(3) .jz2 {
        top: 46vw;
        left: 15vw
    }

    .kexue .hezuodanwei {
        width: 100%;
        height: 55vw;
        position: relative;
        top: -20vw;
        margin-bottom: -20vw;
        background-image: url(../../../images/zt/kxzfx/kxzfx-hzdwwebbg.77c97770.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: center
    }

    .kexue .hezuodanwei img {
        display: block;
        width: 62.4vw;
        margin: 0 18.8vw;
        height: auto;
        position: absolute;
        top: 14vw
    }

    .kexue .in-view .xuhao {
        animation: lightSpeedIn 1s linear forwards
    }

    .kexue .in-view .biaoti {
        animation: pop 1s linear forwards
    }

    .kexue .in-view .jianjie {
        animation: fadeIn 3s ease forwards
    }

    .kexue .in-view:nth-child(1) .content:nth-of-type(1) .jz1 {
        animation: revealFromTop 1s ease forwards
    }

    .kexue .in-view:nth-child(1) .content:nth-of-type(1) .jz2 {
        animation: pop 1s 1s ease forwards
    }

    .kexue .in-view:nth-child(1) .content:nth-of-type(2) .jz1 {
        animation: revealFromLeft 1s 2s ease forwards
    }

    .kexue .in-view:nth-child(1) .content:nth-of-type(2) .jz2 {
        animation: pop 1s 3s ease forwards
    }

    .kexue .in-view:nth-child(1) .content:nth-of-type(3) .jz1 {
        animation: revealFromRightToLeft 1s 3s ease forwards
    }

    .kexue .in-view:nth-child(1) .content:nth-of-type(3) .jz2 {
        animation: pop 1s 4s ease forwards
    }

    .kexue .in-view:nth-child(2) .content:nth-of-type(1) .jz1 {
        animation: revealFromTop 1s ease forwards
    }

    .kexue .in-view:nth-child(2) .content:nth-of-type(1) .jz2 {
        animation: pop 1s 1s ease forwards
    }

    .kexue .in-view:nth-child(2) .content:nth-of-type(2) .jz1 {
        animation: revealFromLeft 1s 2s ease forwards
    }

    .kexue .in-view:nth-child(2) .content:nth-of-type(2) .jz2 {
        animation: pop 1s 3s ease forwards
    }

    .kexue .in-view:nth-child(2) .content:nth-of-type(3) .jz1 {
        animation: revealFromRightToLeft 1s 3s ease forwards
    }

    .kexue .in-view:nth-child(2) .content:nth-of-type(3) .jz2 {
        animation: pop 1s 4s ease forwards
    }

    .kexue .in-view:nth-child(3) .content:nth-of-type(1) .jz1 {
        animation: revealFromTop 1s ease forwards
    }

    .kexue .in-view:nth-child(3) .content:nth-of-type(1) .jz2 {
        animation: pop 1s 1s ease forwards
    }

    .kexue .in-view:nth-child(3) .content:nth-of-type(2) .jz2 {
        animation: pop 1s 2s ease forwards
    }

    .kexue .in-view:nth-child(3) .content:nth-of-type(3) .jz1 {
        animation: revealFromTop 1s 3s ease forwards
    }

    .kexue .in-view:nth-child(4) .content:nth-of-type(1) .jz1 {
        animation: revealFromTop 1s ease forwards
    }

    .kexue .in-view:nth-child(4) .content:nth-of-type(1) .jz2 {
        animation: pop 1s 1s ease forwards
    }

    .kexue .in-view:nth-child(4) .content:nth-of-type(2) .jz1 {
        animation: revealFromLeft 1s 2s ease forwards
    }

    .kexue .in-view:nth-child(4) .content:nth-of-type(2) .jz2 {
        animation: pop 1s 3s ease forwards
    }

    .kexue .in-view:nth-child(4) .content:nth-of-type(3) .jz1 {
        animation: revealFromRightToLeft 1s 3s ease forwards
    }

    .kexue .in-view:nth-child(4) .content:nth-of-type(3) .jz2 {
        animation: pop 1s 4s ease forwards
    }

    .yindaoyuZsjDh {
        position: absolute
    }

    .yindaoyuContentDh {
        animation: fadeIn 3s ease forwards
    }

    .zhilv1Dh {
        position: absolute;
        animation: revealFromLeft 3s forwards
    }

    .zhilv2Dh {
        position: absolute;
        animation: slideFromTop 1s 1s ease forwards
    }

    .pcTl {
        display: none
    }

    .zzx {
        width: 100vw;
        height: 539vw;
        background-image: url(../../../images/zt/kxzfx/zzxBj.e4a2553b.png);
        background-size: 100% 100%
    }

    .zzx .jianzhu {
        width: 62.5vw;
        height: 50vw;
        margin: 0 auto;
        position: relative
    }

    .zzx .jianzhu .yuanquan {
        width: 1.72vw;
        height: 1.72vw;
        position: absolute;
        left: 30.55vw;
        top: 4.9vw
    }

    .zzx .jianzhu .jz {
        animation: none;
        opacity: 0;
        position: absolute
    }

    .zzx .jianzhu .right .jz1 {
        width: 30.36vw;
        height: 3.28vw;
        right: 0;
        top: 4.1vw
    }

    .zzx .jianzhu .right .jz2 {
        width: 6.51vw;
        height: 6.35vw;
        right: 2vw;
        top: 12vw
    }

    .zzx .jianzhu .right .jz3, .zzx .jianzhu .right .jz4 {
        cursor: pointer;
        width: 16.98vw;
        height: 31.61vw;
        right: 13.8vw;
        top: 9.3vw
    }

    .zzx .jianzhu .right .jz4 {
        opacity: 0
    }

    .zzx .jianzhu .right .jz5 {
        cursor: pointer;
        width: 26.93vw;
        height: 35.73vw;
        left: 1.5vw;
        top: 5.3vw
    }

    .zzx .jianzhu .left .jz1 {
        width: 30.36vw;
        height: 3.28vw;
        left: .3vw;
        top: 4.3vw
    }

    .zzx .jianzhu .left .jz2 {
        width: 6.51vw;
        height: 6.35vw;
        left: 3vw;
        top: 12vw
    }

    .zzx .jianzhu .left .jz3, .zzx .jianzhu .left .jz4 {
        cursor: pointer;
        width: 30.94vw;
        height: 12.6vw;
        left: .2vw;
        top: 18.3vw
    }

    .zzx .jianzhu .left .jz4 {
        opacity: 0
    }

    .zzx .jianzhu .left .jz5 {
        cursor: pointer;
        width: 26.72vw;
        height: 24.74vw;
        right: 1.5vw;
        top: 6.3vw
    }

    .zzx .jianzhu:nth-child(1) {
        height: 41vw
    }

    .zzx .jianzhu:nth-child(1) .jz1 {
        top: 4.3vw
    }

    .zzx .jianzhu:nth-child(2) {
        height: 31vw
    }

    .zzx .jianzhu:nth-child(2) .jz2 {
        top: 10vw
    }

    .zzx .jianzhu:nth-child(2) .jz3, .zzx .jianzhu:nth-child(2) .jz4 {
        width: 30.94vw;
        height: 12.6vw;
        left: .2vw;
        top: 18.3vw
    }

    .zzx .jianzhu:nth-child(2) .jz5 {
        width: 26.72vw;
        height: 24.74vw;
        right: 1.5vw;
        top: 6.3vw
    }

    .zzx .jianzhu:nth-child(3) {
        height: 39vw
    }

    .zzx .jianzhu:nth-child(3) .jz3, .zzx .jianzhu:nth-child(3) .jz4 {
        width: 20.63vw;
        height: 28.96vw;
        right: 10.2vw;
        top: 10vw
    }

    .zzx .jianzhu:nth-child(3) .jz5 {
        height: 26.93vw;
        top: 11vw
    }

    .zzx .jianzhu:nth-child(4) {
        height: 38vw
    }

    .zzx .jianzhu:nth-child(4) .jz3, .zzx .jianzhu:nth-child(4) .jz4 {
        width: 31.04vw;
        height: 19.64vw
    }

    .zzx .jianzhu:nth-child(4) .jz5 {
        width: 26.82vw;
        height: 31.41vw
    }

    .zzx .jianzhu:nth-child(5) {
        height: 38vw
    }

    .zzx .jianzhu:nth-child(5) .jz2 {
        top: 10vw
    }

    .zzx .jianzhu:nth-child(5) .jz3, .zzx .jianzhu:nth-child(5) .jz4 {
        width: 21.25vw;
        height: 27.92vw;
        right: 9.55vw;
        top: 9.7vw
    }

    .zzx .jianzhu:nth-child(5) .jz5 {
        width: 26.82vw;
        height: 31.3vw;
        top: 6.5vw
    }

    .zzx .jianzhu:nth-child(6) {
        height: 33vw
    }

    .zzx .jianzhu:nth-child(6) .jz2 {
        top: 10vw
    }

    .zzx .jianzhu:nth-child(6) .jz3, .zzx .jianzhu:nth-child(6) .jz4 {
        width: 30.47vw;
        height: 17.92vw;
        left: .65vw;
        top: 15vw
    }

    .zzx .jianzhu:nth-child(6) .jz5 {
        width: 26.82vw;
        height: 27.08vw;
        top: 6vw
    }

    .zzx .jianzhu:nth-child(7) {
        height: 28vw
    }

    .zzx .jianzhu:nth-child(7) .jz2 {
        top: 8.5vw
    }

    .zzx .jianzhu:nth-child(7) .jz3, .zzx .jianzhu:nth-child(7) .jz4 {
        width: 30.94vw;
        height: 16.51vw;
        right: .15vw;
        top: 11vw
    }

    .zzx .jianzhu:nth-child(7) .jz5 {
        width: 26.82vw;
        height: 21.72vw;
        top: 6vw
    }

    .zzx .jianzhu:nth-child(8) {
        height: 28.5vw
    }

    .zzx .jianzhu:nth-child(8) .jz2 {
        top: 9.5vw
    }

    .zzx .jianzhu:nth-child(8) .jz3, .zzx .jianzhu:nth-child(8) .jz4 {
        width: 31.15vw;
        height: 19.43vw;
        left: 0;
        top: 9vw
    }

    .zzx .jianzhu:nth-child(8) .jz5 {
        width: 26.82vw;
        height: 22.6vw;
        top: 6vw
    }

    .zzx .jianzhu:nth-child(9) {
        height: 23.5vw
    }

    .zzx .jianzhu:nth-child(9) .jz2 {
        top: 9vw;
        left: 1vw
    }

    .zzx .jianzhu:nth-child(9) .jz3, .zzx .jianzhu:nth-child(9) .jz4 {
        width: 26.25vw;
        height: 11.56vw;
        left: 5vw;
        top: 11.7vw
    }

    .zzx .jianzhu:nth-child(9) .jz5 {
        width: 26.82vw;
        height: 17.34vw;
        top: 6vw
    }

    .zzx .jianzhu:nth-child(10) {
        height: 27vw
    }

    .zzx .jianzhu:nth-child(10) .jz2 {
        top: 9vw;
        left: 1vw
    }

    .zzx .jianzhu:nth-child(10) .jz3, .zzx .jianzhu:nth-child(10) .jz4 {
        width: 22.08vw;
        height: 16.51vw;
        left: 9.1vw;
        top: 10vw
    }

    .zzx .jianzhu:nth-child(10) .jz5 {
        width: 26.82vw;
        height: 17.76vw;
        top: 9vw
    }

    .zzx .jianzhu:nth-child(11) {
        height: 41vw
    }

    .zzx .jianzhu:nth-child(11) .jz2 {
        top: 10vw
    }

    .zzx .jianzhu:nth-child(11) .jz3, .zzx .jianzhu:nth-child(11) .jz4 {
        width: 24.38vw;
        height: 30.63vw;
        right: 6.5vw;
        top: 10vw
    }

    .zzx .jianzhu:nth-child(11) .jz5 {
        width: 26.82vw;
        height: 34vw;
        top: 6.8vw
    }

    .zzx .jianzhu:nth-child(12) {
        height: 49vw
    }

    .zzx .jianzhu:nth-child(12) .jz2 {
        height: 14.35vw
    }

    .zzx .jianzhu:nth-child(12) .jz3, .zzx .jianzhu:nth-child(12) .jz4 {
        width: 22.5vw;
        height: 38.96vw;
        left: 8.7vw;
        top: 10vw
    }

    .zzx .jianzhu:nth-child(12) .jz5 {
        width: 26.82vw;
        height: 43.18vw;
        top: 5.8vw
    }

    .zzx .jianzhu:nth-child(13) {
        height: 29vw
    }

    .zzx .jianzhu:nth-child(13) .jz2 {
        top: 9vw;
        right: 2vw
    }

    .zzx .jianzhu:nth-child(13) .jz3, .zzx .jianzhu:nth-child(13) .jz4 {
        width: 31.1vw;
        height: 16.56vw;
        right: -.3vw;
        top: 12.5vw
    }

    .zzx .jianzhu:nth-child(13) .jz5 {
        width: 26.82vw;
        height: 22.19vw;
        top: 6.8vw
    }

    .zzx .jianzhu:nth-child(14) {
        height: 31vw
    }

    .zzx .jianzhu:nth-child(14) .jz2 {
        top: 10vw
    }

    .zzx .jianzhu:nth-child(14) .jz3, .zzx .jianzhu:nth-child(14) .jz4 {
        width: 28.8vw;
        height: 20.73vw;
        left: 2.3vw;
        top: 10vw
    }

    .zzx .jianzhu:nth-child(14) .jz5 {
        width: 26.82vw;
        height: 24.32vw;
        top: 6.5vw
    }

    .zzx .jianzhu:nth-child(15) {
        height: 40vw
    }

    .zzx .jianzhu:nth-child(15) .jz3, .zzx .jianzhu:nth-child(15) .jz4 {
        width: 26vw;
        height: 30vw;
        right: 4.8vw;
        top: 10vw
    }

    .zzx .jianzhu:nth-child(15) .jz5 {
        width: 26.82vw;
        height: 30.72vw;
        top: 9vw
    }

    .zzx .jianzhu:nth-child(16) {
        height: 10vw
    }

    .ydTl {
        display: none
    }

    .el-carousel__item {
        background-color: #0000001a;
        overflow-y: auto
    }

    .xwlImgPc {
        width: auto;
        height: 100%;
        margin: 0 auto;
        display: block
    }

    .jmdBox {
        display: none
    }

    .crumbs {
        margin: 0 auto;
        width: 1200px
    }

    .myDia {
        width: 100%;
        height: 90vh;
        overflow-y: auto
    }

    .myDia img {
        width: 100%
    }

    .diaClose {
        position: absolute;
        right: 1vw;
        top: 1vw;
        cursor: pointer;
        width: 1.7vw;
        border-radius: 50%;
        background: rgba(255, 255, 255, .5);
        padding: .3vw
    }

    .jmd {
        position: absolute;
        left: 2vw;
        top: 63.45vw;
        width: 14.38vw;
        z-index: 20;
        cursor: pointer
    }

    .xsgz {
        cursor: pointer;
        position: absolute;
        right: 2vw;
        top: 63.45vw;
        width: 14.38vw;
        height: 14.38vw;
        background: url(../../../images/zt/kxzfx/kxzfx-sphj.e15d06e5.png) no-repeat;
        background-size: 100% 100%;
        box-sizing: border-box;
        padding-top: 7.8vw;
        z-index: 20
    }

    .jjhj {
        cursor: pointer;
        position: absolute;
        right: 2vw;
        top: 78.83vw;
        width: 14.38vw;
        height: 14.38vw;
        background: url(../../../images/zt/kxzfx/kxzfx-jjhj.78bdc5aa.png) no-repeat;
        background-size: 100% 100%;
        box-sizing: border-box;
        padding-top: 8.5vw;
        z-index: 20;
    }

    .isfixeddom {
        position: fixed;
        top: 100px
    }

    .jjhj.isfixeddom {
        top: 350px;
    }

    .myVideo {
        width: 100%;
        height: auto;
        background: #000
    }

    .xwlDia {
        width: 50% !important;
        background: rgba(0, 0, 0, .4) !important;
        top: 6vh
    }

    .xwlDia .xwlImg {
        width: auto;
        height: 100%;
        object-fit: cover
    }

    .el-carousel__container {
        height: 34vw !important
    }

    .el-carousel__container .el-carousel__arrow--left, .el-carousel__container .el-carousel__arrow--right {
        width: 3vw;
        height: 3vw
    }

    .el-carousel__container .el-carousel__arrow--left .el-icon, .el-carousel__container .el-carousel__arrow--right .el-icon {
        width: 50%;
        height: 50%
    }

    .el-carousel__container .el-carousel__arrow--left .el-icon svg, .el-carousel__container .el-carousel__arrow--right .el-icon svg {
        width: 100%;
        height: 100%
    }

    .tlBox {
        width: 100vw;
        position: relative;
        background-size: 100% 100%
    }

    .tlBox .bg {
        position: absolute;
        width: 100%;
        height: auto;
        bottom: 0
    }

    .tlBox .tl {
        width: 100%;
        margin: 0 auto;
        position: absolute;
        top: 0;
        overflow: hidden;
        text-align: center
    }

    .tlBox .tl img {
        width: 62.5vw
    }

    .tlBox .tlOne {
        height: 13.13vw
    }

    .xzsnp .sTil {
        text-align: center;
        font-size: 30px;
        font-weight: 600;
        text-shadow: 0px -3px 2px #33ccff, -3px 0px 2px #2cfecd, 0px 3px 2px #2cfecd, 3px -3px 2px #44e3ff, 4px -5px 1px #bdb8d0;
        font-style: italic;
        margin-bottom: 10px
    }

    .mySwiperBox {
        width: 100%;
        height: 10.16vw;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 1.04vw;
        display: none
    }

    .mySwiperBox .turnL, .mySwiperBox .turnR {
        width: 3.75vw;
        height: 3.75vw;
        cursor: pointer
    }

    .mySwiperBox .swiper {
        width: 46.88vw;
        height: 10.16vw
    }

    .mySwiperBox .swiperItem {
        width: 100%;
        height: 100%;
        cursor: pointer;
        position: relative
    }

    .mySwiperBox .swiperItem img {
        width: 100%;
        height: 8.59vw;
        object-fit: cover
    }

    .mySwiperBox .swiperItem p {
        width: 100%;
        height: 1.67vw;
        position: absolute;
        background-color: #001bff;
        color: #fff;
        text-align: center;
        line-height: 1.67vw;
        left: 0;
        bottom: 0;
        font-size: .83vw;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden
    }

    .mySwiperBox1 {
        width: 100%;
        position: relative;
        margin-top: 40px
    }

    .mySwiperBox1 .turnL, .mySwiperBox1 .turnR {
        position: absolute;
        top: 85px;
        width: 45px;
        cursor: pointer
    }

    .mySwiperBox1 .turnL {
        left: -50px
    }

    .mySwiperBox1 .turnR {
        right: -50px;
        transform: rotate(180deg)
    }

    .mySwiperBox1 .swiper {
        width: 100%;
        height: 230px
    }

    .mySwiperBox1 .swiperItem {
        width: 100%;
        height: 100%
    }

    .mySwiperBox1 .swiperItem img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .zqfb {
        width: 100vw;
        cursor: pointer;
        margin-bottom: 3vw;
        text-align: center
    }

    .zqfb .zqfbimg {
        width: 62.5vw;
        margin: 0 auto
    }

    .zqfbBox {
        width: 84%;
        padding: 8%
    }

    .zqfbBox .zqfbImg {
        width: 100%
    }
}

@media screen and (max-width: 750px) {
    .web {
        display: none
    }

    .yindaoyu {
        width: 100vw;
        height: 123.7vw;
        margin: 0 auto;
        position: relative;
        bottom: 26vw;
        background-image: url(../../../images/zt/kxzfx/kxzfx-dybj.1e96cbce.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%;
        z-index: 5
    }

    .yindaoyu .yindaoyuZsj {
        width: 24vw;
        height: 33.4vw;
        display: block;
        position: absolute;
        left: 0;
        top: 3vw;
        z-index: 2
    }

    .yindaoyu .yindaoyuContent {
        width: 84.81vw;
        display: block;
        position: absolute;
        left: 7.15vw;
        top: 37vw;
        z-index: 1;
        opacity: 0
    }

    .zhilv {
        width: 100vw;
        height: 69vw;
        position: relative;
        z-index: 4;
        bottom: 90vw
    }

    .zhilv .zhilvbeijing {
        width: 100%;
        height: 100%
    }

    .zhilv .zhilv1 {
        width: 83.9vw;
        height: 5.4vw;
        position: relative;
        bottom: 23vw;
        left: 8.05vw
    }

    .zhilv .zhilv2 {
        width: 27.7vw;
        height: 5.4vw;
        position: relative;
        bottom: 32vw;
        left: 46.5vw;
        opacity: 0
    }

    .daolan {
        width: 100vw;
        height: 178vw;
        position: relative;
        background-image: url(../../../images/zt/kxzfx/kxzfx-cgdl.b14ed9d7.png);
        background-position: center;
        background-size: 100%;
        bottom: 106vw
    }

    .daolan .xiaolaba {
        width: 20.3vw;
        height: 22.9vw;
        position: relative;
        left: 6.5vw;
        top: 3vw;
        z-index: 4;
        animation: pulse 2s ease-in-out infinite
    }

    .daolan .xndl {
        width: 100vw;
        height: 42.32vw;
        position: absolute;
        background-image: url(../../../images/zt/kxzfx/kxzfx-xngg.44fcfadf.jpg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100% 100%;
        top: 87vw;
        left: 0
    }

    .kexue {
        width: 100vw;
        background-size: 100% 100%;
        margin-top: -145vw
    }

    .kexue .shiyan {
        width: 100vw;
        position: relative
    }

    .kexue .shiyan .xuhao, .kexue .shiyan .biaoti, .kexue .shiyan .jianjie {
        position: absolute;
        opacity: 0
    }

    .kexue .shiyan .content .jz {
        animation: none;
        opacity: 0;
        position: absolute
    }

    .kexue .shiyan .content .jz2 {
        width: 84.72vw;
        height: 73.52vw;
        left: 7.64vw
    }

    .kexue .shiyan:nth-child(1) {
        height: 187vw;
        background-image: url(../../../images/zt/kxzfx/kxzfx-shiyan1beijing.8edebf5a.png);
        background-size: 100% 100%
    }

    .kexue .shiyan:nth-child(1) .xuhao {
        width: 9.2vw;
        height: 14.35vw;
        left: 15vw;
        top: -6vw;
        z-index: 1
    }

    .kexue .shiyan:nth-child(1) .biaoti {
        width: 76.1vw;
        height: 21.1vw;
        left: 11.95vw;
        top: -6vw
    }

    .kexue .shiyan:nth-child(1) .jianjie {
        width: 76.1vw;
        height: 11.4vw;
        left: 11.95vw;
        top: 15.5vw
    }

    .kexue .shiyan:nth-child(1) .content:nth-of-type(1) .jz1 {
        width: 16.39vw;
        height: 47.78vw;
        right: 1.5vw;
        top: 5.5vw
    }

    .kexue .shiyan:nth-child(1) .content:nth-of-type(1) .jz2 {
        top: 31vw
    }

    .kexue .shiyan:nth-child(1) .content:nth-of-type(2) .jz1 {
        width: 13.61vw;
        height: 33.7vw;
        left: 4.5vw;
        top: 78vw
    }

    .kexue .shiyan:nth-child(1) .content:nth-of-type(2) .jz2 {
        top: 107vw
    }

    .kexue .shiyan:nth-child(2) {
        height: 303vw;
        background-image: url(../../../images/zt/kxzfx/kxzfx-shiyan2beijing.c24a22d4.png);
        background-size: 100% 100%;
        top: -3vw;
        z-index: -1
    }

    .kexue .shiyan:nth-child(2) .xuhao {
        width: 13.52vw;
        height: 18.15vw;
        left: 9vw;
        top: 11vw;
        z-index: 1
    }

    .kexue .shiyan:nth-child(2) .biaoti {
        width: 80.37vw;
        height: 27.04vw;
        left: 11vw;
        top: 7.5vw
    }

    .kexue .shiyan:nth-child(2) .jianjie {
        width: 80.37vw;
        height: 20.83vw;
        left: 9.82vw;
        top: 35vw
    }

    .kexue .shiyan:nth-child(2) .content:nth-of-type(1) .jz1 {
        width: 16.39vw;
        height: 47.78vw;
        right: 4vw;
        top: 22vw
    }

    .kexue .shiyan:nth-child(2) .content:nth-of-type(1) .jz2 {
        height: 72.18vw;
        top: 63vw
    }

    .kexue .shiyan:nth-child(2) .content:nth-of-type(2) .jz1 {
        width: 16.39vw;
        height: 47.87vw;
        left: 4.5vw;
        top: 95vw;
        z-index: -1
    }

    .kexue .shiyan:nth-child(2) .content:nth-of-type(2) .jz2 {
        height: 69.34vw;
        top: 140vw
    }

    .kexue .shiyan:nth-child(2) .content:nth-of-type(3) .jz1 {
        width: 23.7vw;
        height: 45.37vw;
        right: 8vw;
        top: 174vw;
        z-index: -1
    }

    .kexue .shiyan:nth-child(2) .content:nth-of-type(3) .jz2 {
        width: 80.72vw;
        height: 71.1vw;
        top: 216vw
    }

    .kexue .shiyan:nth-child(3) {
        height: 211vw;
        background-image: url(../../../images/zt/kxzfx/kxzfx-shiyan3beijing.afdd96bf.png);
        background-size: 100% 100%;
        top: -9vw
    }

    .kexue .shiyan:nth-child(3) .xuhao {
        width: 10.65vw;
        height: 19vw;
        left: 10vw;
        top: -6vw;
        z-index: 2
    }

    .kexue .shiyan:nth-child(3) .biaoti {
        width: 74.8vw;
        height: 26.2vw;
        left: 14vw;
        top: -7.5vw;
        z-index: 1
    }

    .kexue .shiyan:nth-child(3) .jianjie {
        width: 74.8vw;
        height: 12.22vw;
        left: 12.6vw;
        top: 19vw
    }

    .kexue .shiyan:nth-child(3) .content:nth-of-type(1) .jz1 {
        width: 23.8vw;
        height: 45.37vw;
        left: 4vw;
        top: -2vw
    }

    .kexue .shiyan:nth-child(3) .content:nth-of-type(1) .jz2 {
        height: 75.71vw;
        top: 39vw;
        z-index: 1
    }

    .kexue .shiyan:nth-child(3) .content:nth-of-type(2) .jz1 {
        width: 16.48vw;
        height: 47.87vw;
        right: 3.5vw;
        top: 75vw;
        z-index: 0
    }

    .kexue .shiyan:nth-child(3) .content:nth-of-type(2) .jz2 {
        height: 67.31vw;
        top: 123vw
    }

    .kexue .shiyan:nth-child(4) {
        height: 286vw;
        background-image: url(../../../images/zt/kxzfx/kxzfx-shiyan4beijing.651e3464.png);
        background-size: 100% 100%;
        top: -12vw
    }

    .kexue .shiyan:nth-child(4) .xuhao {
        width: 12.87vw;
        height: 19.63vw;
        left: 12vw;
        top: -9vw;
        z-index: 2
    }

    .kexue .shiyan:nth-child(4) .biaoti {
        width: 72.22vw;
        height: 31.3vw;
        left: 18vw;
        top: -12.5vw;
        z-index: 1
    }

    .kexue .shiyan:nth-child(4) .jianjie {
        width: 72.22vw;
        height: 13.8vw;
        left: 18vw;
        top: 18vw
    }

    .kexue .shiyan:nth-child(4) .content:nth-of-type(1) .jz1 {
        width: 23.8vw;
        height: 45.37vw;
        left: 8.5vw;
        top: -2vw;
        z-index: 0
    }

    .kexue .shiyan:nth-child(4) .content:nth-of-type(1) .jz2 {
        width: 82vw;
        height: 72.52vw;
        top: 40vw;
        z-index: 1
    }

    .kexue .shiyan:nth-child(4) .content:nth-of-type(2) .jz1 {
        width: 23.7vw;
        height: 45.37vw;
        right: 5.5vw;
        top: 77vw;
        z-index: 0
    }

    .kexue .shiyan:nth-child(4) .content:nth-of-type(2) .jz2 {
        height: 67.8vw;
        top: 119vw;
        z-index: 1
    }

    .kexue .shiyan:nth-child(4) .content:nth-of-type(3) .jz1 {
        width: 23.8vw;
        height: 45.37vw;
        left: 7vw;
        top: 152vw;
        z-index: 0
    }

    .kexue .shiyan:nth-child(4) .content:nth-of-type(3) .jz2 {
        width: 80.72vw;
        height: 71.05vw;
        top: 194vw
    }

    .kexue .hezuodanwei {
        width: 100%;
        height: 51.48vw;
        position: relative;
        top: -20vw
    }

    .kexue .hezuodanwei img {
        width: 100%;
        height: 71.48vw
    }

    .kexue .in-view .xuhao {
        animation: lightSpeedIn 1s linear forwards
    }

    .kexue .in-view .biaoti {
        animation: pop 1s linear forwards
    }

    .kexue .in-view .jianjie {
        animation: fadeIn 3s ease forwards
    }

    .kexue .in-view .content:nth-of-type(1) .jz1 {
        animation: revealFromTop 1s ease forwards
    }

    .kexue .in-view .content:nth-of-type(1) .jz2 {
        animation: pop 1s 1s ease forwards
    }

    .kexue .in-view .content:nth-of-type(2) .jz1 {
        animation: revealFromTop 1s 2s ease forwards
    }

    .kexue .in-view .content:nth-of-type(2) .jz2 {
        animation: pop 1s 3s ease forwards
    }

    .kexue .in-view .content:nth-of-type(3) .jz1 {
        animation: revealFromTop 1s 3s ease forwards
    }

    .kexue .in-view .content:nth-of-type(3) .jz2 {
        animation: pop 1s 4s ease forwards
    }

    .yindaoyuZsjDh {
        position: absolute;
        animation: rotate 1.5s forwards
    }

    .yindaoyuContentDh {
        animation: fadeIn 3s ease forwards
    }

    .zhilv1Dh {
        position: absolute;
        animation: revealFromLeft 3s forwards
    }

    .zhilv2Dh {
        position: absolute;
        animation: slideFromTop 1s 1s ease forwards
    }

    .pcTl {
        display: none
    }

    .el-carousel__item {
        background-color: #0000001a;
        overflow-y: auto
    }

    .myswiperxwl .xwlImg {
        height: auto;
        width: 100%
    }

    .jmd {
        display: none
    }

    .xwlImgPc {
        width: auto;
        height: 100%;
        margin: 0 auto;
        display: block
    }

    .jmdBox {
        width: 100%;
        background-color: #ffffff4d;
        height: 1.2rem;
        box-sizing: border-box;
        padding: .2rem;
        position: fixed;
        left: 0;
        bottom: 0;
        z-index: 20;
        display: flex;
        justify-content: space-around
    }

    .jmdBox a {
        display: block;
        padding: 0 .5rem;
        border-radius: .1rem;
        height: .8rem;
        background-color: #af4f15;
        font-size: .35rem;
        line-height: .8rem;
        text-align: center;
        color: #fff
    }

    .sfBox {
        width: 100%;
        overflow: auto
    }

    .myDia {
        width: 100%;
        overflow: hidden
    }

    .myDia img {
        width: 100%
    }

    .diaClose {
        position: absolute;
        right: .2667rem;
        top: .2667rem;
        cursor: pointer;
        width: .55rem;
        border-radius: 50%;
        background: rgba(255, 255, 255, .5);
        padding: .1rem
    }

    .xsgz, .jjhj {
        display: none
    }

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

    .xwlDia {
        width: 90% !important;
        background: rgba(0, 0, 0, .4) !important;
        top: 20vh
    }

    .xwlDia .xwlImg {
        width: auto;
        height: 100%;
        object-fit: cover
    }

    .el-carousel__container {
        height: 6rem !important
    }

    .el-carousel__container .el-carousel__arrow--left .el-icon, .el-carousel__container .el-carousel__arrow--right .el-icon {
        width: 50%;
        height: 50%
    }

    .el-carousel__container .el-carousel__arrow--left .el-icon svg, .el-carousel__container .el-carousel__arrow--right .el-icon svg {
        width: 100%;
        height: 100%
    }

    .tlBox {
        width: 100vw;
        position: relative;
        height: 138vw;
        background-size: 100% 100%
    }

    .tlBox .bg {
        position: absolute;
        width: 100%;
        height: auto;
        bottom: 0
    }

    .tlBox .tl {
        width: 100%;
        margin: 0 auto;
        position: absolute;
        top: 0;
        overflow: hidden;
        text-align: center
    }

    .tlBox .tl img {
        width: 90vw
    }

    .tlBox .tlOne {
        height: 18.9vw
    }

    .tlBox .tlTwo {
        height: auto;
        margin-top: 21.5vw
    }

    .xzsnp .sTil {
        text-align: center;
        font-size: .42rem;
        font-weight: 600;
        text-shadow: 0px -3px 2px #33ccff, -3px 0px 2px #2cfecd, 0px 3px 2px #2cfecd, 3px -3px 2px #44e3ff, 4px -5px 1px #bdb8d0;
        font-style: italic;
        margin-bottom: .2rem
    }

    .mySwiperBox {
        width: 100%;
        height: 14.63vw;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 1.5vw;
        display: none
    }

    .mySwiperBox .turnL, .mySwiperBox .turnR {
        width: 5.4vw;
        height: 5.4vw;
        cursor: pointer
    }

    .mySwiperBox .swiper {
        width: 68vw;
        height: 14.63vw
    }

    .mySwiperBox .swiperItem {
        width: 100%;
        height: 100%;
        cursor: pointer;
        position: relative
    }

    .mySwiperBox .swiperItem img {
        width: 100%;
        height: 12.4vw;
        object-fit: cover
    }

    .mySwiperBox .swiperItem p {
        width: 100%;
        height: 3.46vw;
        position: absolute;
        background-color: #001bff;
        color: #fff;
        text-align: center;
        line-height: 3.46vw;
        left: 0;
        bottom: 0;
        font-size: .2rem;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden
    }

    .mySwiperBox1 {
        width: 100%;
        position: relative;
        margin-top: .2667rem
    }

    .mySwiperBox1 .turnL, .mySwiperBox1 .turnR {
        position: absolute;
        top: .5rem;
        width: .6rem;
        cursor: pointer
    }

    .mySwiperBox1 .turnL {
        left: -.6rem
    }

    .mySwiperBox1 .turnR {
        right: -.6rem;
        transform: rotate(180deg)
    }

    .mySwiperBox1 .swiper {
        width: 100%;
        height: 1.7333rem
    }

    .mySwiperBox1 .swiperItem {
        width: 100%;
        height: 100%
    }

    .mySwiperBox1 .swiperItem img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .zqfb {
        width: 100vw;
        cursor: pointer;
        margin-bottom: 3vw;
        text-align: center
    }

    .zqfb .zqfbimg {
        width: 90vw
    }

    .zqfbBox {
        width: 84%;
        padding: 8%
    }

    .zqfbBox .zqfbImg {
        width: 100%
    }
}