@charset "utf-8";

:root {
    --cor: #028848;
    --corD: #0F7745;
    --corL: #F5AF5B
}

@keyframes myBounce {
    0% {
        transform: translate3d(0, 0, 0)
    }

    100% {
        transform: translate3d(0, -0.5em, 0)
    }
}

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

    100% {
        transform: rotate(-360deg)
    }
}

@keyframes ripple {
    0% {
        box-shadow: 0 0 0 0 rgba(240,131,0,0.15),0 0 0 1vw rgba(240,131,0,0.15),0 0 0 2vw rgba(240,131,0,0.15)
    }

    100% {
        box-shadow: 0 0 0 1vw rgba(240,131,0,0.15),0 0 0 2vw rgba(240,131,0,0.15),0 0 0 4vw rgba(240,131,0,0)
    }
}

/*a, div, section, p, button, ul, li, body, html, img, textarea, input {
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box;
    touch-action: pan-y; 
    color: #333
}*/

/*@media (max-width: 1600px) {
    a, div, section, p, button, ul, li, body, html, img, textarea, input {
        font-size: clamp(12px, .9vw, .9vw)
    }
}

@media (max-width: 1300px) {
    a, div, section, p, button, ul, li, body, html, img, textarea, input {
        font-size: clamp(12px, 1vw, 1vw)
    }
}

@media (max-width: 1024px) {
    a, div, section, p, button, ul, li, body, html, img, textarea, input {
        font-size: 3.6vw
    }
}*/

a {
    display: block;
    text-decoration: none;
    outline: none
}

img {
    border: 0; 
}

body {
    margin: 0 auto;
    background-repeat: repeat
}

ul, li {
    padding:0px;
    list-style-type: none
}

button {
    border: none;
    outline: none;
    background-color: transparent;
    box-sizing: content-box
}

p {
    line-height: 2em
}

.wenzhang p {
    line-height: 2em;
    text-indent: 2em;
    padding: 4px 0
}

    .wenzhang p img {
        max-width: 100%;
        margin: 20px auto;
        display: block
    }

@media (max-width: 1024px) {
    .wenzhang p img {
        width: 100% !important;
        height: unset !important
    }
}

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

tr {
    border: none;
    border: 1px solid #DDD
}

td {
    border: none;
    border: 1px solid #DDD
}

input {
    outline: none;
    border: none
}

.fancybox__container * {
    color: #fff !important
}

    .fancybox__container * .fancybox__content {
        width: 80vw !important;
        height: 80vh !important
    }

.buttonLink {
    display: none
}

.pageBox {
    max-width: 100%;
    margin: 0 auto
}

.pageContent {
    position: relative;
    z-index: 4;
    padding: 6vw 0
}

mod {
    display: block
}

.cn {
    font-family: 'cn1'
}

.en {
    font-family: 'en6';
    text-transform: uppercase
}

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

.cenBox {
    width: 76%;
    margin: 0 auto
}

@media (max-width: 1600px) {
    .cenBox {
        width: 76%
    }
}

@media (max-width: 1300px) {
    .cenBox {
        width: 80%
    }
}

@media (max-width: 1024px) {
    .cenBox {
        width: 86%
    }
}

.bgImg {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%
}

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

::-webkit-scrollbar {
    width: 4px;
    height: 1px;
    background-color: rgba(0,0,0,0.1)
}

::-webkit-scrollbar-thumb {
    width: 4px;
    border-radius: 10px;
    background-color: #028848
}

::-webkit-scrollbar-track {
    border-radius: 10px;
    background: rgba(255,255,255,0.2)
}

.mapGoOpenBoxMask {
    backdrop-filter: blur(15px);
    background-color: rgba(255,255,255,0.1);
    position: fixed;
    opacity: 0;
    pointer-events: none;
    transition-duration: .8s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.56, -0.01, .04, 1);
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 15
}

    .mapGoOpenBoxMask.show {
        opacity: 1;
        pointer-events: auto
    }

.mapGoOpenBox {
    position: fixed;
    bottom: 0;
    transition-duration: .8s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.56, -0.01, .04, 1);
    width: 100%;
    z-index: 16;
    padding: 10vw;
    transform: translateY(100%);
    pointer-events: none
}

    .mapGoOpenBox .box {
        border-radius: 2vw;
        background-color: #F08300;
        width: 100%;
        padding: 1vw 3vw
    }

        .mapGoOpenBox .box a {
            height: 16vw;
            margin: 2vw 0;
            border-radius: 1vw;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
            flex-wrap: unset;
            color: #F08300;
            background-color: #fff
        }

    .mapGoOpenBox.show {
        transform: translateY(0);
        pointer-events: auto
    }

.pageContentAll {
    position: relative;
    overflow: hidden
}

@media (max-width: 1024px) {
    .pageContentAll {
        padding-top: 5vw
    }
}

@media (max-width: 1024px) and (max-width:1600px) {
    .pageContentAll {
        padding-top: 5vw
    }
}

@media (max-width: 1024px) and (max-width:1300px) {
    .pageContentAll {
        padding-top: 5vw
    }
}

@media (max-width: 1024px) and (max-width:1024px) {
    .pageContentAll {
        padding-top: 14vw
    }
}

.topNav {
    z-index: 10;
    width: 100%;
    position: fixed;
    top: 0;
    height: 5vw;
    transition-duration: .8s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.56, -0.01, .04, 1);
    box-shadow: 2px 2px 20px rgba(0,0,0,0.1)
}

@media (max-width: 1600px) {
    .topNav {
        height: 5vw
    }
}

@media (max-width: 1300px) {
    .topNav {
        height: 5vw
    }
}

@media (max-width: 1024px) {
    .topNav {
        height: 14vw
    }
}

.topNav > .thisBox {
    padding-left: 4vw;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0.8);
    transition-duration: .8s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.56, -0.01, .04, 1);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    flex-wrap: unset
}

    .topNav > .thisBox .topLogo {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        flex-wrap: unset;
        transition-duration: .8s;
        transition-property: all;
        transition-timing-function: cubic-bezier(.56, -0.01, .04, 1);
        height: 70%
    }

        .topNav > .thisBox .topLogo .logoA {
            height: 100%
        }

            .topNav > .thisBox .topLogo .logoA img {
                height: 100%
            }

    .topNav > .thisBox .navBar {
        height: 100%;
        transition-duration: .8s;
        transition-property: all;
        transition-timing-function: cubic-bezier(.56, -0.01, .04, 1)
    }

@media (max-width: 1024px) {
    .topNav > .thisBox .navBar {
        display: none
    }
}

.topNav > .thisBox .navBar .ul1 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: unset;
    height: 100%
}

    .topNav > .thisBox .navBar .ul1 .li1 {
        position: relative;
        padding: 0 1vw;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        flex-wrap: unset
    }

        .topNav > .thisBox .navBar .ul1 .li1 .a1 {
            position: relative;
            height: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            flex-wrap: unset
        }

            .topNav > .thisBox .navBar .ul1 .li1 .a1 .txt {
                position: relative;
                background-image: linear-gradient(to right, #fff 50%, var(--cor) 50%, var(--cor) 100%);
                background-color: rgba(0,0,0,0);
                background-position: 200% 0;
                background-size: 400% 100%;
                -webkit-text-fill-color: rgba(0,0,0,0);
                -webkit-background-clip: text;
                animation: txtLight 1.2s cubic-bezier(.23, 1, .32, 1) 0s forwards
            }

            .topNav > .thisBox .navBar .ul1 .li1 .a1:hover .txt {
                animation: txtLight_hover 1.2s cubic-bezier(.23, 1, .32, 1) 0s forwards
            }

        .topNav > .thisBox .navBar .ul1 .li1 .twoNav {
            position: absolute;
            top: 4vw;
            left: 1vw;
            padding-top: 1vw;
            clip-path: inset(0 0 100% 0);
            transition-duration: .8s;
            transition-property: all;
            transition-timing-function: cubic-bezier(.56, -0.01, .04, 1);
            pointer-events: none;
            padding-top: 2vw
        }

            .topNav > .thisBox .navBar .ul1 .li1 .twoNav .ul2 {
                position: relative;
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                justify-content: center;
                flex-wrap: unset;
                row-gap: 1vw;
                padding: 2vw;
                background-color: var(--cor);
                padding-left: 1vw
            }

                .topNav > .thisBox .navBar .ul1 .li1 .twoNav .ul2 .li2 .a2 {
                    position: relative;
                    padding-left: 1vw
                }

                    .topNav > .thisBox .navBar .ul1 .li1 .twoNav .ul2 .li2 .a2 .txt {
                        width: max-content;
                        color: #fff
                    }

                    .topNav > .thisBox .navBar .ul1 .li1 .twoNav .ul2 .li2 .a2::before {
                        content: '';
                        position: absolute;
                        display: block;
                        left: 0;
                        top: 50%;
                        width: .5vw;
                        border-bottom: 1px solid rgba(255,255,255,0.3)
                    }

                    .topNav > .thisBox .navBar .ul1 .li1 .twoNav .ul2 .li2 .a2:hover .txt {
                        color: var(--corL)
                    }

                .topNav > .thisBox .navBar .ul1 .li1 .twoNav .ul2::before {
                    content: '';
                    position: absolute;
                    display: block;
                    top: 1vw;
                    bottom: 1vw;
                    border-left: 1px solid rgba(255,255,255,0.3);
                    left: 1vw
                }

        .topNav > .thisBox .navBar .ul1 .li1.on .a1 .txt {
            padding-bottom: .6vw;
            animation: txtLight_hover 1.2s cubic-bezier(.23, 1, .32, 1) 0s forwards
        }

            .topNav > .thisBox .navBar .ul1 .li1.on .a1 .txt::after {
                content: '';
                position: absolute;
                display: block;
                bottom: 0;
                transition-duration: 1s;
                transition-property: all;
                transition-timing-function: cubic-bezier(.56, -0.01, .04, 1);
                width: 100%;
                height: .2vw;
                background-color: var(--cor)
            }

        .topNav > .thisBox .navBar .ul1 .li1:hover .twoNav {
            pointer-events: auto;
            clip-path: inset(0 0 0 0)
        }

        .topNav > .thisBox .navBar .ul1 .li1:hover .a1::after {
            width: 100%
        }

.topNav > .thisBox .navRight {
    height: 100%
}

    .topNav > .thisBox .navRight .openBtn {
        height: 100%;
        transition-duration: .8s;
        transition-property: all;
        transition-timing-function: cubic-bezier(.56, -0.01, .04, 1);
        aspect-ratio: 1;
        animation: bgJianbian_hover .8s cubic-bezier(.2, .5, .32, .8) 0s forwards
    }

        .topNav > .thisBox .navRight .openBtn .openBtnThis {
            width: 100%;
            height: 100%
        }

            .topNav > .thisBox .navRight .openBtn .openBtnThis > .thisBox {
                width: 100%;
                height: 100%
            }

                .topNav > .thisBox .navRight .openBtn .openBtnThis > .thisBox .menuBtn {
                    cursor: pointer;
                    width: 100%;
                    height: 100%;
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    justify-content: center;
                    flex-wrap: unset
                }

                    .topNav > .thisBox .navRight .openBtn .openBtnThis > .thisBox .menuBtn .ul {
                        width: 40px;
                        height: 40px;
                        transition-duration: .8s;
                        transition-property: all;
                        transition-timing-function: cubic-bezier(.56, -0.01, .04, 1);
                        display: flex;
                        flex-direction: column;
                        align-items: center;
                        justify-content: center;
                        flex-wrap: unset
                    }

@media (max-width: 1300px) {
    .topNav > .thisBox .navRight .openBtn .openBtnThis > .thisBox .menuBtn .ul {
        width: 30px;
        height: 30px
    }
}

.topNav > .thisBox .navRight .openBtn .openBtnThis > .thisBox .menuBtn .ul .li {
    width: 20px;
    height: 1px;
    background-color: #fff;
    display: block
}

@media (max-width: 1300px) {
    .topNav > .thisBox .navRight .openBtn .openBtnThis > .thisBox .menuBtn .ul .li {
        width: 15px;
        height: 1px
    }
}

.topNav > .thisBox .navRight .openBtn .openBtnThis > .thisBox .menuBtn .ul .li:nth-child(1) {
    margin-bottom: 5px
}

.topNav > .thisBox .navRight .openBtn .openBtnThis > .thisBox .menuBtn .ul .li:nth-child(3) {
    margin-top: 5px
}

.topNav > .thisBox .navRight .openBtn .openBtnThis > .thisBox .menuBtn .txt {
    color: #fff
}

.topNav > .thisBox .navBar .ul1 .li1 .a1 .txt {
    background-image: linear-gradient(to right, #333 50%, var(--cor) 50%, var(--cor) 100%);
    background-color: rgba(0,0,0,0);
    background-position: 200% 0;
    background-size: 400% 100%;
    -webkit-text-fill-color: rgba(0,0,0,0);
    -webkit-background-clip: text;
    animation: txtDark 1.2s cubic-bezier(.23, 1, .32, 1) 0s forwards
}

.topNav > .thisBox .navBar .ul1 .li1 .a1:hover .txt {
    animation: txtDark_hover 1.2s cubic-bezier(.23, 1, .32, 1) 0s forwards
}

.topNav > .thisBox .navBar .ul1 .li1.on .a1 .txt {
    animation: txtDark_hover 1.2s cubic-bezier(.23, 1, .32, 1) 0s forwards
}

.topNav > .thisBox .navRight .openBtn {
    animation: bgJianbian .8s cubic-bezier(.2, .5, .32, .8) 0s forwards;
    background-size: 400% 100%
}

.topNav:hover > .thisBox {
    background-color: #fff
}

.topNav.show {
    box-shadow: 2px 2px 20px rgba(0,0,0,0.1)
}

    .topNav.show > .thisBox .navBar .ul1 .li1 .a1 .txt {
        background-image: linear-gradient(to right, #333 50%, var(--cor) 50%, var(--cor) 100%);
        background-color: rgba(0,0,0,0);
        background-position: 200% 0;
        background-size: 400% 100%;
        -webkit-text-fill-color: rgba(0,0,0,0);
        -webkit-background-clip: text;
        animation: txtDark 1.2s cubic-bezier(.23, 1, .32, 1) 0s forwards
    }

    .topNav.show > .thisBox .navBar .ul1 .li1 .a1:hover .txt {
        animation: txtDark_hover 1.2s cubic-bezier(.23, 1, .32, 1) 0s forwards
    }

    .topNav.show > .thisBox .navBar .ul1 .li1.on .a1 .txt {
        animation: txtDark_hover 1.2s cubic-bezier(.23, 1, .32, 1) 0s forwards
    }

    .topNav.show > .thisBox .navRight .openBtn {
        animation: bgJianbian .8s cubic-bezier(.2, .5, .32, .8) 0s forwards;
        background-size: 400% 100%
    }

    .topNav.show > .thisBox {
        background-color: #fff
    }

.topNav.openNavShow {
    box-shadow: 2px 2px 20px rgba(0,0,0,0.1);
    box-shadow: 0 0 0 transparent
}

    .topNav.openNavShow > .thisBox .navBar .ul1 .li1 .a1 .txt {
        background-image: linear-gradient(to right, #333 50%, var(--cor) 50%, var(--cor) 100%);
        background-color: rgba(0,0,0,0);
        background-position: 200% 0;
        background-size: 400% 100%;
        -webkit-text-fill-color: rgba(0,0,0,0);
        -webkit-background-clip: text;
        animation: txtDark 1.2s cubic-bezier(.23, 1, .32, 1) 0s forwards
    }

    .topNav.openNavShow > .thisBox .navBar .ul1 .li1 .a1:hover .txt {
        animation: txtDark_hover 1.2s cubic-bezier(.23, 1, .32, 1) 0s forwards
    }

    .topNav.openNavShow > .thisBox .navBar .ul1 .li1.on .a1 .txt {
        animation: txtDark_hover 1.2s cubic-bezier(.23, 1, .32, 1) 0s forwards
    }

    .topNav.openNavShow > .thisBox .navRight .openBtn {
        animation: bgJianbian .8s cubic-bezier(.2, .5, .32, .8) 0s forwards;
        background-size: 400% 100%
    }

    .topNav.openNavShow > .thisBox {
        background-color: transparent
    }

        .topNav.openNavShow > .thisBox .topLogo {
            opacity: 0;
            pointer-events: none
        }

        .topNav.openNavShow > .thisBox .navBar {
            opacity: 0;
            pointer-events: none
        }

        .topNav.openNavShow > .thisBox .navRight .openBtn {
            pointer-events: auto;
            animation: bgJianbian_hover .8s cubic-bezier(.2, .5, .32, .8) 0s forwards
        }

.ani_txt {
    position: relative;
    overflow: hidden
}

    .ani_txt .initTxt div {
        font-family: 'cn1'
    }

    .ani_txt .initTxt.hovTxt {
        position: absolute;
        top: 0
    }

        .ani_txt .initTxt.hovTxt div {
            color: #F08300
        }

.navigationThis .btn {
    position: absolute;
    top: 50%;
    z-index: 2;
    transform: translateY(-50%);
    background-color: #f3f3f3;
    transition-duration: .3s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.56, -0.01, .04, 1);
    width: 2.4vw;
    height: 2.4vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: unset;
    cursor: pointer
}

@media (max-width: 1024px) {
    .navigationThis .btn {
        width: 10vw;
        height: 10vw
    }
}

.navigationThis .btn i {
    transition-duration: .3;
    transition-property: all;
    transition-timing-function: cubic-bezier(.56, -0.01, .04, 1)
}

.navigationThis .btn:hover {
    background-color: var(--cor)
}

    .navigationThis .btn:hover i {
        color: #fff
    }

.navigationThis .btn.leftBtn {
    left: 2vw
}

.navigationThis .btn.rightBtn {
    right: 2vw
}

.pagination .paginationThis {
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 50%;
    width: fit-content;
    transform: translateX(-50%)
}

    .pagination .paginationThis .swiper-pagination-bullet {
        width: .6vw;
        height: .6vw
    }

@media (max-width: 1024px) {
    .pagination .paginationThis .swiper-pagination-bullet {
        width: 2vw;
        height: 2vw
    }
}

.pagination .paginationThis .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #F08300
}

.unifyTitle {
    margin-bottom: 2vw
}

    .unifyTitle .unifyTitleThis > .thisBox {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        flex-wrap: unset;
        gap: .5vw
    }

        .unifyTitle .unifyTitleThis > .thisBox .en {
            font-size: 1.3vw
        }

@media (max-width: 1600px) {
    .unifyTitle .unifyTitleThis > .thisBox .en {
        font-size: clamp(12px, 1.4vw, 1.4vw)
    }
}

@media (max-width: 1300px) {
    .unifyTitle .unifyTitleThis > .thisBox .en {
        font-size: clamp(12px, 1.5vw, 1.5vw)
    }
}

@media (max-width: 1024px) {
    .unifyTitle .unifyTitleThis > .thisBox .en {
        font-size: 4.6vw
    }
}

.unifyTitle .unifyTitleThis > .thisBox .xian {
    width: 6vw;
    border-top: 1px solid #F08300
}

.unifyTitle .unifyTitleThis > .thisBox .cn {
    font-size: 2.1vw;
    font-weight: bold
}

@media (max-width: 1600px) {
    .unifyTitle .unifyTitleThis > .thisBox .cn {
        font-size: clamp(12px, 2.2vw, 2.2vw)
    }
}

@media (max-width: 1300px) {
    .unifyTitle .unifyTitleThis > .thisBox .cn {
        font-size: clamp(12px, 2.3vw, 2.3vw)
    }
}

@media (max-width: 1024px) {
    .unifyTitle .unifyTitleThis > .thisBox .cn {
        font-size: 6.2vw
    }
}

.unifyTitle_two {
    margin-bottom: 2vw
}

@media (max-width: 1024px) {
    .unifyTitle_two {
        margin-bottom: 8vw
    }
}

.unifyTitle_two .unifyTitleThis_two {
    width: 76%;
    margin: 0 auto
}

@media (max-width: 1600px) {
    .unifyTitle_two .unifyTitleThis_two {
        width: 76%
    }
}

@media (max-width: 1300px) {
    .unifyTitle_two .unifyTitleThis_two {
        width: 80%
    }
}

@media (max-width: 1024px) {
    .unifyTitle_two .unifyTitleThis_two {
        width: 86%
    }
}

.unifyTitle_two .unifyTitleThis_two > .thisBox {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: unset
}

    .unifyTitle_two .unifyTitleThis_two > .thisBox .leftInfo {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        flex-wrap: unset;
        gap: .7vw
    }

        .unifyTitle_two .unifyTitleThis_two > .thisBox .leftInfo .cn {
            font-size: 1.9vw
        }

@media (max-width: 1600px) {
    .unifyTitle_two .unifyTitleThis_two > .thisBox .leftInfo .cn {
        font-size: clamp(12px, 2vw, 2vw)
    }
}

@media (max-width: 1300px) {
    .unifyTitle_two .unifyTitleThis_two > .thisBox .leftInfo .cn {
        font-size: clamp(12px, 2.1vw, 2.1vw)
    }
}

@media (max-width: 1024px) {
    .unifyTitle_two .unifyTitleThis_two > .thisBox .leftInfo .cn {
        font-size: 5.8vw
    }
}

.unifyTitle_two .unifyTitleThis_two > .thisBox .leftInfo .xian {
    width: 3vw;
    height: .3vw;
    background-color: var(--cor)
}

    .unifyTitle_two .unifyTitleThis_two > .thisBox .leftInfo .xian div {
        width: 50%;
        height: 100%;
        background-color: var(--corL)
    }

.unifyTitle_two .unifyTitleThis_two > .thisBox .leftInfo .en {
    font-size: .9vw;
    padding-bottom: .4vw;
    border-bottom: 1px solid #333
}

@media (max-width: 1600px) {
    .unifyTitle_two .unifyTitleThis_two > .thisBox .leftInfo .en {
        font-size: clamp(12px, 1vw, 1vw)
    }
}

@media (max-width: 1300px) {
    .unifyTitle_two .unifyTitleThis_two > .thisBox .leftInfo .en {
        font-size: clamp(12px, 1.1vw, 1.1vw)
    }
}

@media (max-width: 1024px) {
    .unifyTitle_two .unifyTitleThis_two > .thisBox .leftInfo .en {
        font-size: 3.8vw
    }
}

.unifyTitle_two .unifyTitleThis_two > .thisBox .rightInfo {
    padding-top: 1vw;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    flex-wrap: unset;
    gap: 1vw
}

    .unifyTitle_two .unifyTitleThis_two > .thisBox .rightInfo .def1 {
        font-size: .9vw
    }

@media (max-width: 1600px) {
    .unifyTitle_two .unifyTitleThis_two > .thisBox .rightInfo .def1 {
        font-size: clamp(12px, 1vw, 1vw)
    }
}

@media (max-width: 1300px) {
    .unifyTitle_two .unifyTitleThis_two > .thisBox .rightInfo .def1 {
        font-size: clamp(12px, 1.1vw, 1.1vw)
    }
}

@media (max-width: 1024px) {
    .unifyTitle_two .unifyTitleThis_two > .thisBox .rightInfo .def1 {
        font-size: 3.8vw
    }
}

@media (max-width: 1024px) {
    .unifyTitle_two .unifyTitleThis_two > .thisBox .rightInfo .def1 {
        display: none
    }
}

.unifyTitle_two .unifyTitleThis_two > .thisBox .rightInfo .rightEn {
    position: absolute;
    top: 4vw;
    right: -8vw;
    width: max-content
}

    .unifyTitle_two .unifyTitleThis_two > .thisBox .rightInfo .rightEn .en {
        font-size: 6.7vw;
        opacity: .06
    }

@media (max-width: 1600px) {
    .unifyTitle_two .unifyTitleThis_two > .thisBox .rightInfo .rightEn .en {
        font-size: clamp(12px, 6.8vw, 6.8vw)
    }
}

@media (max-width: 1300px) {
    .unifyTitle_two .unifyTitleThis_two > .thisBox .rightInfo .rightEn .en {
        font-size: clamp(12px, 6.9vw, 6.9vw)
    }
}

@media (max-width: 1024px) {
    .unifyTitle_two .unifyTitleThis_two > .thisBox .rightInfo .rightEn .en {
        font-size: 15.4vw
    }
}

.foot > .thisBox {
    padding-top: 20px
}

/*@media (max-width: 1600px) {
    .foot > .thisBox {
        padding-top: 20px
    }
}

@media (max-width: 1300px) {
    .foot > .thisBox {
        padding-top: 20px
    }
}

@media (max-width: 1024px) {
    .foot > .thisBox {
        padding-top: 20px
    }
}

.foot > .thisBox .contentBox {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: unset; 
}

@media (max-width: 1024px) {
    .foot > .thisBox .contentBox {
        gap: 6vw
    }
}

@media (max-width: 1024px) {
    .foot > .thisBox .contentBox .logo {
        width: 90%
    }
}

.foot > .thisBox .contentBox .zhuanye {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    flex-wrap: unset;
    gap: 2vw
}

@media (max-width: 1024px) {
    .foot > .thisBox .contentBox .zhuanye {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 2vw
    }
}

.foot > .thisBox .contentBox .zhuanye .zhuanyeBox {
    flex: 1
}

    .foot > .thisBox .contentBox .zhuanye .zhuanyeBox .aBox {
        position: relative;
        width: 15vw;
        height: 6vw;
        border-radius: 1vw;
        overflow: hidden
    }

@media (max-width: 1024px) {
    .foot > .thisBox .contentBox .zhuanye .zhuanyeBox .aBox {
        width: 40vw;
        height: 16vw
    }
}*/

.foot > .thisBox .contentBox .zhuanye .zhuanyeBox .aBox .textBox {
    position: absolute;
    z-index: 1;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.3);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: unset
}

    .foot > .thisBox .contentBox .zhuanye .zhuanyeBox .aBox .textBox .subname {
        color: #fff;
        font-family: 'en6';
        text-transform: uppercase;
        font-size: 1.3vw
    }

/*@media (max-width: 1600px) {
    .foot > .thisBox .contentBox .zhuanye .zhuanyeBox .aBox .textBox .subname {
        font-size: clamp(12px, 1.4vw, 1.4vw)
    }
}

@media (max-width: 1300px) {
    .foot > .thisBox .contentBox .zhuanye .zhuanyeBox .aBox .textBox .subname {
        font-size: clamp(12px, 1.5vw, 1.5vw)
    }
}

@media (max-width: 1024px) {
    .foot > .thisBox .contentBox .zhuanye .zhuanyeBox .aBox .textBox .subname {
        font-size: 4.6vw
    }*/
}

.foot > .thisBox .contentBox .zhuanye .zhuanyeBox .aBox .textBox .name {
    color: #fff;
    font-family: 'cn1';
    font-size: 1.1vw
}

@media (max-width: 1600px) {
    .foot > .thisBox .contentBox .zhuanye .zhuanyeBox .aBox .textBox .name {
        font-size: clamp(12px, 1.2vw, 1.2vw)
    }
}

@media (max-width: 1300px) {
    .foot > .thisBox .contentBox .zhuanye .zhuanyeBox .aBox .textBox .name {
        font-size: clamp(12px, 1.3vw, 1.3vw)
    }
}

@media (max-width: 1024px) {
    .foot > .thisBox .contentBox .zhuanye .zhuanyeBox .aBox .textBox .name {
        font-size: 4.2vw
    }
}

.foot > .thisBox .contentBox .footNavBar {
    padding-top: 0px
}

    .foot > .thisBox .contentBox .footNavBar .ul1 {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: center;
        flex-wrap: unset;
        gap: 3vw
    }

@media (max-width: 1024px) {
    .foot > .thisBox .contentBox .footNavBar .ul1 {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-gap: 6vw
    }
}

.foot > .thisBox .contentBox .footNavBar .ul1 .a1 {
    background-image: linear-gradient(to right, #333 50%, var(--cor) 50%, var(--cor) 100%);
    background-color: rgba(0,0,0,0);
    background-position: 200% 0;
    background-size: 400% 100%;
    -webkit-text-fill-color: rgba(0,0,0,0);
    -webkit-background-clip: text;
    animation: txtDark 1.2s cubic-bezier(.23, 1, .32, 1) 0s forwards;
    text-align: center
}

    .foot > .thisBox .contentBox .footNavBar .ul1 .a1 .txt {
        font-size: 1vw;
        font-weight: bold
    }

@media (max-width: 1600px) {
    .foot > .thisBox .contentBox .footNavBar .ul1 .a1 .txt {
        font-size: clamp(12px, 1.1vw, 1.1vw)
    }
}

@media (max-width: 1300px) {
    .foot > .thisBox .contentBox .footNavBar .ul1 .a1 .txt {
        font-size: clamp(12px, 1.2vw, 1.2vw)
    }
}

@media (max-width: 1024px) {
    .foot > .thisBox .contentBox .footNavBar .ul1 .a1 .txt {
        font-size: 4vw
    }
}

.foot > .thisBox .contentBox .footNavBar .ul1 .a1:hover {
    animation: txtDark_hover 1.2s cubic-bezier(.23, 1, .32, 1) 0s forwards
}

.foot > .thisBox .contentBox .footNavBar .ul1 .twoNav {
    margin-top: 1vw
}

@media (max-width: 1024px) {
    .foot > .thisBox .contentBox .footNavBar .ul1 .twoNav {
        display: none
    }
}

.foot > .thisBox .contentBox .footNavBar .ul1 .twoNav .ul2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: unset;
    gap: .6vw
}

    .foot > .thisBox .contentBox .footNavBar .ul1 .twoNav .ul2 .li2 .a2 {
        background-image: linear-gradient(to right, #333 50%, var(--cor) 50%, var(--cor) 100%);
        background-color: rgba(0,0,0,0);
        background-position: 200% 0;
        background-size: 400% 100%;
        -webkit-text-fill-color: rgba(0,0,0,0);
        -webkit-background-clip: text;
        animation: txtDark 1.2s cubic-bezier(.23, 1, .32, 1) 0s forwards
    }

        .foot > .thisBox .contentBox .footNavBar .ul1 .twoNav .ul2 .li2 .a2:hover {
            animation: txtDark_hover 1.2s cubic-bezier(.23, 1, .32, 1) 0s forwards
        }

.foot > .thisBox .contentBox .footBottomInfo {
    width: 100%;
    padding: 1vw 0;
    background-color: var(--cor);
    margin-top: 20px
}

    .foot > .thisBox .contentBox .footBottomInfo * {
        color: #fff
    }

@media (max-width: 1024px) {
    .foot > .thisBox .contentBox .footBottomInfo {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        flex-wrap: unset;
        margin-top: 8vw;
        padding: 6vw 0
    }
}

.foot > .thisBox .contentBox .footBottomInfo a:hover {
    color: #F5AF5B
}

.foot > .thisBox .contentBox .footBottomInfo > .thisBox {
    width: 76%;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    flex-wrap: unset
}

@media (max-width: 1600px) {
    .foot > .thisBox .contentBox .footBottomInfo > .thisBox {
        width: 76%
    }
}

@media (max-width: 1300px) {
    .foot > .thisBox .contentBox .footBottomInfo > .thisBox {
        width: 80%
    }
}

@media (max-width: 1024px) {
    .foot > .thisBox .contentBox .footBottomInfo > .thisBox {
        width: 86%
    }
}

@media (max-width: 1024px) {
    .foot > .thisBox .contentBox .footBottomInfo > .thisBox {
        display: flex;
        flex-direction: column; 
        justify-content: center;
        flex-wrap: unset;
        gap: 4vw
    }
}

.foot > .thisBox .contentBox .footBottomInfo > .thisBox .infoLeft {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    flex-wrap: unset;
    gap: 1vw
}

@media (max-width: 1024px) {
    .foot > .thisBox .contentBox .footBottomInfo > .thisBox .infoLeft {
        display: flex;
        flex-direction: column; 
        justify-content: center;
        flex-wrap: unset
    }
}

.foot > .thisBox .contentBox .footBottomInfo > .thisBox .infoLeft > div .lbt {
    word-break: keep-all
}

.foot > .thisBox .contentBox .footBottomInfo > .thisBox .infoLeft .beian {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: unset
}

    .foot > .thisBox .contentBox .footBottomInfo > .thisBox .infoLeft .beian a {
        text-decoration: underline
    }

.foot > .thisBox .contentBox .footBottomInfo > .thisBox .infoLeft .gabeian {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: unset
}

    .foot > .thisBox .contentBox .footBottomInfo > .thisBox .infoLeft .gabeian a {
        text-decoration: underline
    }

.foot > .thisBox .contentBox .footBottomInfo > .thisBox .infoLeft .banquan {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: unset
}

.foot > .thisBox .contentBox .footBottomInfo > .thisBox .infoRight .jishuzhichi {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: unset
}

.fenye {
    margin-top: 5vw
}

    .fenye .fenyeThis > .thisBox .box {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        flex-wrap: unset;
        gap: 1vw
    }

@media (max-width: 1024px) {
    .fenye .fenyeThis > .thisBox .box {
        gap: 4vw
    }
}

.fenye .fenyeThis > .thisBox .box .page_numbar {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: unset;
    gap: 1vw
}

@media (max-width: 1024px) {
    .fenye .fenyeThis > .thisBox .box .page_numbar {
        gap: 4vw
    }
}

.fenye .fenyeThis > .thisBox .box a {
    width: 2.4vw;
    height: 2.4vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: unset;
    font-family: 'en6';
    text-transform: uppercase;
    font-size: 1.1vw;
    border: 1px solid #ddd
}

@media (max-width: 1600px) {
    .fenye .fenyeThis > .thisBox .box a {
        font-size: clamp(12px, 1.2vw, 1.2vw)
    }
}

@media (max-width: 1300px) {
    .fenye .fenyeThis > .thisBox .box a {
        font-size: clamp(12px, 1.3vw, 1.3vw)
    }
}

@media (max-width: 1024px) {
    .fenye .fenyeThis > .thisBox .box a {
        font-size: 4.2vw
    }
}

@media (max-width: 1024px) {
    .fenye .fenyeThis > .thisBox .box a {
        width: 10vw;
        height: 10vw
    }
}

.fenye .fenyeThis > .thisBox .box a.page-num-current {
    background-color: var(--cor);
    color: #fff
}

.moreA {
    margin: 0 auto;
    width: fit-content;
    margin-top: 2vw
}

@media (max-width: 1024px) {
    .moreA {
        margin-top: 8vw
    }
}

.moreA .unifyButton .unifyButtonThis > .thisBox {
    width: 11vw;
    height: 2.9vw;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: unset;
    animation: bgJianbian .8s cubic-bezier(.2, .5, .32, .8) 0s forwards;
    background-size: 400% 100%;
    padding: 0 1vw
}

@media (max-width: 1300px) {
    .moreA .unifyButton .unifyButtonThis > .thisBox {
        width: 13vw;
        height: 3.2vw
    }
}

@media (max-width: 1300px) and (max-width:1024px) {
    .moreA .unifyButton .unifyButtonThis > .thisBox {
        width: 40vw;
        height: 12vw
    }
}

.moreA .unifyButton .unifyButtonThis > .thisBox .kou {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: unset;
    gap: .4vw
}

@media (max-width: 1024px) {
    .moreA .unifyButton .unifyButtonThis > .thisBox .kou {
        gap: 1vw
    }
}

.moreA .unifyButton .unifyButtonThis > .thisBox .kou span {
    display: block;
    width: .5vw;
    height: .5vw;
    transition-duration: .8s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.56, -0.01, .04, 1);
    background-color: #fff
}

@media (max-width: 1024px) {
    .moreA .unifyButton .unifyButtonThis > .thisBox .kou span {
        width: 2vw;
        height: 2vw
    }
}

.moreA .unifyButton .unifyButtonThis > .thisBox .txt {
    margin-left: 1vw;
    color: #fff
}

.moreA .unifyButton .unifyButtonThis:hover > .thisBox {
    animation: bgJianbian_hover .8s cubic-bezier(.2, .5, .32, .8) 0s forwards
}

    .moreA .unifyButton .unifyButtonThis:hover > .thisBox .kou span {
        transform: rotate(180deg)
    }

        .moreA .unifyButton .unifyButtonThis:hover > .thisBox .kou span:nth-child(2) {
            transition-delay: .1s
        }

        .moreA .unifyButton .unifyButtonThis:hover > .thisBox .kou span:nth-child(3) {
            transition-delay: .2s
        }

.fiexdRight {
    position: fixed;
    right: 0;
    z-index: 9;
    bottom: 10vw;
    width: 2.8vw
}

@media (max-width: 1300px) {
    .fiexdRight {
        width: 3.4vw
    }
}

@media (max-width: 1300px) and (max-width:1024px) {
    .fiexdRight {
        display: none
    }
}

.fiexdRight .coutBox {
    width: 100%
}

@media (max-width: 1024px) {
    .fiexdRight .coutBox {
        height: 100%
    }
}

.fiexdRight .coutBox .ul {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: unset;
    gap: .4vw
}

@media (max-width: 1024px) {
    .fiexdRight .coutBox .ul {
        height: 100%;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        flex-wrap: unset;
        gap: 0
    }
}

.fiexdRight .coutBox .ul .li {
    width: 100%
}

@media (max-width: 1024px) {
    .fiexdRight .coutBox .ul .li {
        height: 100%
    }
}

.fiexdRight .coutBox .ul .li .box {
    width: 100%;
    height: 8vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: unset;
    cursor: pointer
}

@media (max-width: 1300px) {
    .fiexdRight .coutBox .ul .li .box {
        height: 10vw
    }
}

@media (max-width: 1300px) and (max-width:1024px) {
    .fiexdRight .coutBox .ul .li .box {
        width: 100%;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        flex-wrap: unset
    }
}

.fiexdRight .coutBox .ul .li .box .txt {
    writing-mode: vertical-rl;
    margin-bottom: .4vw;
    color: #fff;
    letter-spacing: .1em
}

@media (max-width: 1024px) {
    .fiexdRight .coutBox .ul .li .box .txt {
        writing-mode: unset
    }
}

.fiexdRight .coutBox .ul .li .box i {
    color: #fff
}

.fiexdRight .coutBox .ul .li:nth-child(1) {
    background-color: #F08300
}

.fiexdRight .coutBox .ul .li:nth-child(2) {
    background-color: #4f3327
}

.fiexdRight .coutBox .ul .li:nth-child(3) {
    background-color: #EA5506
}

.openNav {
    position: fixed;
    top: 0;
    pointer-events: none;
    width: 100%;
    height: 100%;
    z-index: 9;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    flex-wrap: unset
}

    .openNav .openNavThis {
        clip-path: inset(0 0 0 100%);
        transition-duration: .8s;
        transition-property: all;
        transition-timing-function: cubic-bezier(.56, -0.01, .04, 1);
        position: relative;
        z-index: 1;
        height: 100%;
        width: 70%;
        background-color: #fff
    }

@media (max-width: 1024px) {
    .openNav .openNavThis {
        width: 100%
    }
}

.openNav .openNavThis > .thisBox {
    padding: 4vw 8vw;
    padding-right: 10vw
}

@media (max-width: 1024px) {
    .openNav .openNavThis > .thisBox {
        padding: 4vw 12vw
    }
}

.openNav .openNavThis > .thisBox .coutBox {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: unset;
    gap: 2vw
}

@media (max-width: 1024px) {
    .openNav .openNavThis > .thisBox .coutBox {
        gap: 8vw
    }
}

.openNav .openNavThis > .thisBox .coutBox .openNavLogo {
    height: 4vw;
    clip-path: inset(0 0 0 100%)
}

@media (max-width: 1024px) {
    .openNav .openNavThis > .thisBox .coutBox .openNavLogo {
        height: 9vw
    }
}

.openNav .openNavThis > .thisBox .coutBox .openNavLogo .aBox {
    width: 100%;
    height: 100%
}

    .openNav .openNavThis > .thisBox .coutBox .openNavLogo .aBox img {
        height: 100%
    }

.openNav .openNavThis > .thisBox .coutBox .zhuanye {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    flex-wrap: unset;
    gap: 2vw
}

@media (max-width: 1024px) {
    .openNav .openNavThis > .thisBox .coutBox .zhuanye {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 4vw;
        width: 100%
    }
}

.openNav .openNavThis > .thisBox .coutBox .zhuanye .zhuanyeBox {
    flex: 1;
    clip-path: inset(0 0 0 100%)
}

@media (max-width: 1024px) {
    .openNav .openNavThis > .thisBox .coutBox .zhuanye .zhuanyeBox {
        flex: unset
    }
}

.openNav .openNavThis > .thisBox .coutBox .zhuanye .zhuanyeBox .aBox {
    position: relative;
    width: 10vw;
    height: 4vw;
    border-radius: 1vw;
    overflow: hidden
}

@media (max-width: 1024px) {
    .openNav .openNavThis > .thisBox .coutBox .zhuanye .zhuanyeBox .aBox {
        width: 100%;
        height: 16vw
    }
}

.openNav .openNavThis > .thisBox .coutBox .zhuanye .zhuanyeBox .aBox .textBox {
    position: absolute;
    z-index: 1;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.3);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: unset
}

    .openNav .openNavThis > .thisBox .coutBox .zhuanye .zhuanyeBox .aBox .textBox .subname {
        color: #fff;
        font-family: 'en6';
        text-transform: uppercase;
        font-size: 1.3vw
    }

@media (max-width: 1600px) {
    .openNav .openNavThis > .thisBox .coutBox .zhuanye .zhuanyeBox .aBox .textBox .subname {
        font-size: clamp(12px, 1.4vw, 1.4vw)
    }
}

@media (max-width: 1300px) {
    .openNav .openNavThis > .thisBox .coutBox .zhuanye .zhuanyeBox .aBox .textBox .subname {
        font-size: clamp(12px, 1.5vw, 1.5vw)
    }
}

@media (max-width: 1024px) {
    .openNav .openNavThis > .thisBox .coutBox .zhuanye .zhuanyeBox .aBox .textBox .subname {
        font-size: 4.6vw
    }
}

.openNav .openNavThis > .thisBox .coutBox .zhuanye .zhuanyeBox .aBox .textBox .name {
    color: #fff;
    font-family: 'cn1';
    font-size: .9vw
}

@media (max-width: 1600px) {
    .openNav .openNavThis > .thisBox .coutBox .zhuanye .zhuanyeBox .aBox .textBox .name {
        font-size: clamp(12px, 1vw, 1vw)
    }
}

@media (max-width: 1300px) {
    .openNav .openNavThis > .thisBox .coutBox .zhuanye .zhuanyeBox .aBox .textBox .name {
        font-size: clamp(12px, 1.1vw, 1.1vw)
    }
}

@media (max-width: 1024px) {
    .openNav .openNavThis > .thisBox .coutBox .zhuanye .zhuanyeBox .aBox .textBox .name {
        font-size: 3.8vw
    }
}

.openNav .openNavThis > .thisBox .coutBox .openNavBar {
    width: 100%
}

@media (max-width: 1024px) {
    .openNav .openNavThis > .thisBox .coutBox .openNavBar {
        padding-right: 2vw;
        height: calc(100vh - 65vw);
        overflow: auto;
        padding-bottom: 34vw
    }

        .openNav .openNavThis > .thisBox .coutBox .openNavBar::-webkit-scrollbar {
            width: 1px
        }
}

.openNav .openNavThis > .thisBox .coutBox .openNavBar .ul1 {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 2vw
}

@media (max-width: 1024px) {
    .openNav .openNavThis > .thisBox .coutBox .openNavBar .ul1 {
        overflow: hidden;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 6vw
    }
}

.openNav .openNavThis > .thisBox .coutBox .openNavBar .ul1 .li1 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: unset
}

    .openNav .openNavThis > .thisBox .coutBox .openNavBar .ul1 .li1 .a1 {
        clip-path: inset(0 0 0 100%);
        font-size: 1.1vw;
        font-family: 'cn1';
        position: relative;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        flex-wrap: unset;
        gap: .5vw;
        padding-bottom: .5vw;
        border-bottom: 1px solid #eee;
        width: 100%;
        background-image: linear-gradient(to right, #333 50%, var(--cor) 50%, var(--cor) 100%);
        background-color: rgba(0,0,0,0);
        background-position: 200% 0;
        background-size: 400% 100%;
        -webkit-text-fill-color: rgba(0,0,0,0);
        -webkit-background-clip: text;
        animation: txtDark 1.2s cubic-bezier(.23, 1, .32, 1) 0s forwards
    }

@media (max-width: 1600px) {
    .openNav .openNavThis > .thisBox .coutBox .openNavBar .ul1 .li1 .a1 {
        font-size: clamp(12px, 1.2vw, 1.2vw)
    }
}

@media (max-width: 1300px) {
    .openNav .openNavThis > .thisBox .coutBox .openNavBar .ul1 .li1 .a1 {
        font-size: clamp(12px, 1.3vw, 1.3vw)
    }
}

@media (max-width: 1024px) {
    .openNav .openNavThis > .thisBox .coutBox .openNavBar .ul1 .li1 .a1 {
        font-size: 4.2vw
    }
}

@media (max-width: 1024px) {
    .openNav .openNavThis > .thisBox .coutBox .openNavBar .ul1 .li1 .a1 {
        font-size: 5vw;
        gap: 4vw
    }
}

@media (max-width: 1024px) {
    .openNav .openNavThis > .thisBox .coutBox .openNavBar .ul1 .li1 .a1 i {
        font-size: 5vw
    }
}

.openNav .openNavThis > .thisBox .coutBox .openNavBar .ul1 .li1 .a1::after {
    content: '';
    position: absolute;
    display: block;
    bottom: 0;
    width: 2vw;
    border-bottom: 1px solid #F08300;
    left: 0;
    bottom: -1px
}

@media (max-width: 1024px) {
    .openNav .openNavThis > .thisBox .coutBox .openNavBar .ul1 .li1 .a1::after {
        width: 10vw
    }
}

.openNav .openNavThis > .thisBox .coutBox .openNavBar .ul1 .li1 .a1:hover {
    animation: txtDark_hover 1.2s cubic-bezier(.23, 1, .32, 1) 0s forwards
}

.openNav .openNavThis > .thisBox .coutBox .openNavBar .ul1 .li1 .navTwoBox {
    margin-top: 1vw
}

@media (max-width: 1024px) {
    .openNav .openNavThis > .thisBox .coutBox .openNavBar .ul1 .li1 .navTwoBox {
        margin-top: 4vw;
        width: 100%
    }
}

.openNav .openNavThis > .thisBox .coutBox .openNavBar .ul1 .li1 .navTwoBox .ul2 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: unset;
    gap: .6vw
}

@media (max-width: 1024px) {
    .openNav .openNavThis > .thisBox .coutBox .openNavBar .ul1 .li1 .navTwoBox .ul2 {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 4vw
    }
}

.openNav .openNavThis > .thisBox .coutBox .openNavBar .ul1 .li1 .navTwoBox .ul2 .li2 {
    clip-path: inset(0 0 0 100%)
}

@media (max-width: 1024px) {
    .openNav .openNavThis > .thisBox .coutBox .openNavBar .ul1 .li1 .navTwoBox .ul2 .li2 {
        background-color: #f9f9f9
    }
}

.openNav .openNavThis > .thisBox .coutBox .openNavBar .ul1 .li1 .navTwoBox .ul2 .li2 .a2 {
    position: relative;
    padding-left: 1vw;
    font-size: .8vw;
    background-image: linear-gradient(to right, #333 50%, var(--cor) 50%, var(--cor) 100%);
    background-color: rgba(0,0,0,0);
    background-position: 200% 0;
    background-size: 400% 100%;
    -webkit-text-fill-color: rgba(0,0,0,0);
    -webkit-background-clip: text;
    animation: txtDark 1.2s cubic-bezier(.23, 1, .32, 1) 0s forwards
}

@media (max-width: 1600px) {
    .openNav .openNavThis > .thisBox .coutBox .openNavBar .ul1 .li1 .navTwoBox .ul2 .li2 .a2 {
        font-size: clamp(12px, .9vw, .9vw)
    }
}

@media (max-width: 1300px) {
    .openNav .openNavThis > .thisBox .coutBox .openNavBar .ul1 .li1 .navTwoBox .ul2 .li2 .a2 {
        font-size: clamp(12px, 1vw, 1vw)
    }
}

@media (max-width: 1024px) {
    .openNav .openNavThis > .thisBox .coutBox .openNavBar .ul1 .li1 .navTwoBox .ul2 .li2 .a2 {
        font-size: 3.6vw
    }
}

@media (max-width: 1024px) {
    .openNav .openNavThis > .thisBox .coutBox .openNavBar .ul1 .li1 .navTwoBox .ul2 .li2 .a2 {
        padding: 3vw;
        font-size: 4vw;
        padding-left: 6vw
    }
}

.openNav .openNavThis > .thisBox .coutBox .openNavBar .ul1 .li1 .navTwoBox .ul2 .li2 .a2::before {
    content: '';
    position: absolute;
    display: block;
    left: 0;
    top: 50%;
    width: .6vw;
    border-bottom: 1px solid #ccc
}

@media (max-width: 1024px) {
    .openNav .openNavThis > .thisBox .coutBox .openNavBar .ul1 .li1 .navTwoBox .ul2 .li2 .a2::before {
        width: 3vw
    }
}

.openNav .openNavThis > .thisBox .coutBox .openNavBar .ul1 .li1 .navTwoBox .ul2 .li2 .a2:hover {
    animation: txtDark_hover 1.2s cubic-bezier(.23, 1, .32, 1) 0s forwards
}

.openNav::after {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    width: 100%;
    height: 100%;
    transition-duration: .8s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.56, -0.01, .04, 1);
    opacity: 0;
    background-color: rgba(0,0,0,0.3)
}

.openNav.show {
    pointer-events: auto
}

    .openNav.show .openNavThis {
        clip-path: inset(0 0 0 0)
    }

    .openNav.show::after {
        opacity: 1
    }

.twoPageBox .pageContentAll .twoBanner .twoBannerThis > .thisBox {
    position: relative;
    padding-bottom: 2vw
}

@media (max-width: 1024px) {
    .twoPageBox .pageContentAll .twoBanner .twoBannerThis > .thisBox {
        padding-bottom: 5vw
    }
}

.twoPageBox .pageContentAll .twoBanner .twoBannerThis > .thisBox .contentBox {
    position: relative;
    overflow: hidden;
    height: 35vw;
    width: 100%
}

@media (max-width: 1024px) {
    .twoPageBox .pageContentAll .twoBanner .twoBannerThis > .thisBox .contentBox {
        height: 50vw
    }
}

.twoPageBox .pageContentAll .twoBanner .twoBannerThis > .thisBox .contentBox .imgBox {
    width: 100%;
    height: 100%
}

.twoPageBox .pageContentAll .twoBanner .twoBannerThis > .thisBox .contentBox .textBox {
    width: 100%;
    position: absolute;
    bottom: 3vw;
    z-index: 1
}

@media (max-width: 1024px) {
    .twoPageBox .pageContentAll .twoBanner .twoBannerThis > .thisBox .contentBox .textBox {
        bottom: 6vw
    }
}

.twoPageBox .pageContentAll .twoBanner .twoBannerThis > .thisBox .contentBox .textBox .box {
    width: 76%;
    margin: 0 auto
}

@media (max-width: 1600px) {
    .twoPageBox .pageContentAll .twoBanner .twoBannerThis > .thisBox .contentBox .textBox .box {
        width: 76%
    }
}

@media (max-width: 1300px) {
    .twoPageBox .pageContentAll .twoBanner .twoBannerThis > .thisBox .contentBox .textBox .box {
        width: 80%
    }
}

@media (max-width: 1024px) {
    .twoPageBox .pageContentAll .twoBanner .twoBannerThis > .thisBox .contentBox .textBox .box {
        width: 86%
    }
}

.twoPageBox .pageContentAll .twoBanner .twoBannerThis > .thisBox .contentBox .textBox .box .sortNameBox {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: unset
}

    .twoPageBox .pageContentAll .twoBanner .twoBannerThis > .thisBox .contentBox .textBox .box .sortNameBox .sortName {
        font-size: 3.7vw;
        color: transparent;
        font-family: 'cn1';
        color: #fff
    }

@media (max-width: 1600px) {
    .twoPageBox .pageContentAll .twoBanner .twoBannerThis > .thisBox .contentBox .textBox .box .sortNameBox .sortName {
        font-size: clamp(12px, 3.8vw, 3.8vw)
    }
}

@media (max-width: 1300px) {
    .twoPageBox .pageContentAll .twoBanner .twoBannerThis > .thisBox .contentBox .textBox .box .sortNameBox .sortName {
        font-size: clamp(12px, 3.9vw, 3.9vw)
    }
}

@media (max-width: 1024px) {
    .twoPageBox .pageContentAll .twoBanner .twoBannerThis > .thisBox .contentBox .textBox .box .sortNameBox .sortName {
        font-size: 9.4vw
    }
}

.twoPageBox .pageContentAll .twoBanner .twoBannerThis > .thisBox .contentBox .textBox .box .sortNameBox .subName {
    margin-top: -6vw;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: flex-start;
    flex-wrap: unset
}

    .twoPageBox .pageContentAll .twoBanner .twoBannerThis > .thisBox .contentBox .textBox .box .sortNameBox .subName div {
        mix-blend-mode: color-dodge;
        font-family: 'en6';
        text-transform: uppercase;
        font-size: 6.7vw;
        color: transparent;
        -webkit-text-stroke: rgba(255,255,255,0.3) 1px
    }

@media (max-width: 1600px) {
    .twoPageBox .pageContentAll .twoBanner .twoBannerThis > .thisBox .contentBox .textBox .box .sortNameBox .subName div {
        font-size: clamp(12px, 6.8vw, 6.8vw)
    }
}

@media (max-width: 1300px) {
    .twoPageBox .pageContentAll .twoBanner .twoBannerThis > .thisBox .contentBox .textBox .box .sortNameBox .subName div {
        font-size: clamp(12px, 6.9vw, 6.9vw)
    }
}

@media (max-width: 1024px) {
    .twoPageBox .pageContentAll .twoBanner .twoBannerThis > .thisBox .contentBox .textBox .box .sortNameBox .subName div {
        font-size: 15.4vw
    }
}

@media (max-width: 1024px) {
    .twoPageBox .pageContentAll .twoBanner .twoBannerThis > .thisBox .contentBox .textBox .box .sortNameBox .subName div {
        font-size: 12vw
    }
}

.twoPageBox .pageContentAll .twoBanner .twoBannerThis > .thisBox .contentBox .textBox .box .sortNameBox .subName div.first {
    font-size: 8.7vw
}

@media (max-width: 1600px) {
    .twoPageBox .pageContentAll .twoBanner .twoBannerThis > .thisBox .contentBox .textBox .box .sortNameBox .subName div.first {
        font-size: clamp(12px, 8.8vw, 8.8vw)
    }
}

@media (max-width: 1300px) {
    .twoPageBox .pageContentAll .twoBanner .twoBannerThis > .thisBox .contentBox .textBox .box .sortNameBox .subName div.first {
        font-size: clamp(12px, 8.9vw, 8.9vw)
    }
}

@media (max-width: 1024px) {
    .twoPageBox .pageContentAll .twoBanner .twoBannerThis > .thisBox .contentBox .textBox .box .sortNameBox .subName div.first {
        font-size: 19.4vw
    }
}

@media (max-width: 1024px) {
    .twoPageBox .pageContentAll .twoBanner .twoBannerThis > .thisBox .contentBox .textBox .box .sortNameBox .subName div.first {
        font-size: 20vw;
        line-height: .8em
    }
}

.twoPageBox .pageContentAll .twoBanner .twoBannerThis > .thisBox .contentBox .textBox .box .sortNameBox .subName div.rest {
    text-transform: none
}

.twoPageBox .pageContentAll .twoBanner .twoBannerThis > .thisBox .contentBox::after {
    content: '';
    position: absolute;
    display: block;
    bottom: 0;
    width: 100%;
    height: 30%;
    background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.6))
}

.twoPageBox .pageContentAll .twoBanner .twoBannerThis > .thisBox .mianbao {
    width: 50%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: unset;
    position: absolute;
    bottom: 0;
    height: 3vw;
    left: 0;
    background: linear-gradient(to right, var(--cor), var(--corD));
    padding-left: 12vw
}

@media (max-width: 1024px) {
    .twoPageBox .pageContentAll .twoBanner .twoBannerThis > .thisBox .mianbao {
        width: 84%;
        height: 10vw
    }
}

.twoPageBox .pageContentAll .twoBanner .twoBannerThis > .thisBox .mianbao * {
    color: #fff
}

.twoPageBox .pageContentAll .twoBanner .twoBannerThis > .thisBox .mianbao .box {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: unset;
    gap: .4vw
}

    .twoPageBox .pageContentAll .twoBanner .twoBannerThis > .thisBox .mianbao .box i {
        font-size: 1.1vw
    }

@media (max-width: 1600px) {
    .twoPageBox .pageContentAll .twoBanner .twoBannerThis > .thisBox .mianbao .box i {
        font-size: clamp(12px, 1.2vw, 1.2vw)
    }
}

@media (max-width: 1300px) {
    .twoPageBox .pageContentAll .twoBanner .twoBannerThis > .thisBox .mianbao .box i {
        font-size: clamp(12px, 1.3vw, 1.3vw)
    }
}

@media (max-width: 1024px) {
    .twoPageBox .pageContentAll .twoBanner .twoBannerThis > .thisBox .mianbao .box i {
        font-size: 4.2vw
    }
}

.twoPageBox .pageContentAll .pageContent {
    padding-top: 4vw
}

    .twoPageBox .pageContentAll .pageContent .sortNav {
        margin-bottom: 4vw
    }

@media (max-width: 1024px) {
    .twoPageBox .pageContentAll .pageContent .sortNav {
        margin-bottom: 8vw
    }
}

.twoPageBox .pageContentAll .pageContent .sortNav .sortNavThis > .thisBox .contentBox {
    position: relative;
    width: 76%;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: unset
}

@media (max-width: 1600px) {
    .twoPageBox .pageContentAll .pageContent .sortNav .sortNavThis > .thisBox .contentBox {
        width: 76%
    }
}

@media (max-width: 1300px) {
    .twoPageBox .pageContentAll .pageContent .sortNav .sortNavThis > .thisBox .contentBox {
        width: 80%
    }
}

@media (max-width: 1024px) {
    .twoPageBox .pageContentAll .pageContent .sortNav .sortNavThis > .thisBox .contentBox {
        width: 86%
    }
}

@media (max-width: 1024px) {
    .twoPageBox .pageContentAll .pageContent .sortNav .sortNavThis > .thisBox .contentBox {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        flex-wrap: unset
    }
}

@media (max-width: 1024px) {
    .twoPageBox .pageContentAll .pageContent .sortNav .sortNavThis > .thisBox .contentBox .searchLeftBox {
        width: 100%
    }
}

.twoPageBox .pageContentAll .pageContent .sortNav .sortNavThis > .thisBox .contentBox .searchLeftBox .searchBox {
    width: 15vw;
    height: 2.4vw;
    border-radius: 2vw;
    border: 1px solid #ddd;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    flex-wrap: unset;
    margin-top: 1vw
}

@media (max-width: 1024px) {
    .twoPageBox .pageContentAll .pageContent .sortNav .sortNavThis > .thisBox .contentBox .searchLeftBox .searchBox {
        width: 70vw;
        height: 12vw;
        width: 76%;
        margin: 0 auto;
        border-radius: 10vw
    }
}

@media (max-width: 1024px) and (max-width:1600px) {
    .twoPageBox .pageContentAll .pageContent .sortNav .sortNavThis > .thisBox .contentBox .searchLeftBox .searchBox {
        width: 76%
    }
}

@media (max-width: 1024px) and (max-width:1300px) {
    .twoPageBox .pageContentAll .pageContent .sortNav .sortNavThis > .thisBox .contentBox .searchLeftBox .searchBox {
        width: 80%
    }
}

@media (max-width: 1024px) and (max-width:1024px) {
    .twoPageBox .pageContentAll .pageContent .sortNav .sortNavThis > .thisBox .contentBox .searchLeftBox .searchBox {
        width: 86%
    }
}

.twoPageBox .pageContentAll .pageContent .sortNav .sortNavThis > .thisBox .contentBox .searchLeftBox .searchBox input {
    padding-left: 1vw;
    height: 70%;
    background-color: unset;
    width: calc(100% - 2.4vw)
}

@media (max-width: 1024px) {
    .twoPageBox .pageContentAll .pageContent .sortNav .sortNavThis > .thisBox .contentBox .searchLeftBox .searchBox input {
        padding-left: 4vw;
        width: calc(100% - 12vw)
    }
}

.twoPageBox .pageContentAll .pageContent .sortNav .sortNavThis > .thisBox .contentBox .searchLeftBox .searchBox button {
    width: 2.4vw;
    height: 2.4vw;
    background-color: var(--cor);
    border-radius: 50%;
    cursor: pointer
}

@media (max-width: 1024px) {
    .twoPageBox .pageContentAll .pageContent .sortNav .sortNavThis > .thisBox .contentBox .searchLeftBox .searchBox button {
        width: 12vw;
        height: 12vw
    }
}

.twoPageBox .pageContentAll .pageContent .sortNav .sortNavThis > .thisBox .contentBox .searchLeftBox .searchBox button i {
    color: #fff
}

.twoPageBox .pageContentAll .pageContent .sortNav .sortNavThis > .thisBox .contentBox .rightNavBox {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: unset
}

@media (max-width: 1024px) {
    .twoPageBox .pageContentAll .pageContent .sortNav .sortNavThis > .thisBox .contentBox .rightNavBox .navUlBox {
        margin-top: 6vw;
        width: 100%
    }
}

.twoPageBox .pageContentAll .pageContent .sortNav .sortNavThis > .thisBox .contentBox .rightNavBox .navUlBox .navUl {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: flex-end;
    flex-wrap: unset;
    gap: 2vw
}

@media (max-width: 1024px) {
    .twoPageBox .pageContentAll .pageContent .sortNav .sortNavThis > .thisBox .contentBox .rightNavBox .navUlBox .navUl {
        display: flex;
        flex-direction: row;
        align-items: flex-end;
        justify-content: unset;
        flex-wrap: unset;
        gap: 0
    }
}

@media (max-width: 1024px) {
    .twoPageBox .pageContentAll .pageContent .sortNav .sortNavThis > .thisBox .contentBox .rightNavBox .navUlBox .navUl .li {
        width: unset;
        padding: 0 5vw
    }
}

.twoPageBox .pageContentAll .pageContent .sortNav .sortNavThis > .thisBox .contentBox .rightNavBox .navUlBox .navUl .li .aBox .txt {
    text-align: center;
    width: fit-content;
    font-size: .9vw;
    font-family: 'cn1';
    background-image: linear-gradient(to right, #333 50%, var(--cor) 50%, var(--cor) 100%);
    background-color: rgba(0,0,0,0);
    background-position: 200% 0;
    background-size: 400% 100%;
    -webkit-text-fill-color: rgba(0,0,0,0);
    -webkit-background-clip: text;
    animation: txtDark 1.2s cubic-bezier(.23, 1, .32, 1) 0s forwards
}

@media (max-width: 1600px) {
    .twoPageBox .pageContentAll .pageContent .sortNav .sortNavThis > .thisBox .contentBox .rightNavBox .navUlBox .navUl .li .aBox .txt {
        font-size: clamp(12px, 1vw, 1vw)
    }
}

@media (max-width: 1300px) {
    .twoPageBox .pageContentAll .pageContent .sortNav .sortNavThis > .thisBox .contentBox .rightNavBox .navUlBox .navUl .li .aBox .txt {
        font-size: clamp(12px, 1.1vw, 1.1vw)
    }
}

@media (max-width: 1024px) {
    .twoPageBox .pageContentAll .pageContent .sortNav .sortNavThis > .thisBox .contentBox .rightNavBox .navUlBox .navUl .li .aBox .txt {
        font-size: 3.8vw
    }
}

@media (max-width: 1024px) {
    .twoPageBox .pageContentAll .pageContent .sortNav .sortNavThis > .thisBox .contentBox .rightNavBox .navUlBox .navUl .li .aBox .txt {
        font-size: 4.5vw
    }
}

.twoPageBox .pageContentAll .pageContent .sortNav .sortNavThis > .thisBox .contentBox .rightNavBox .navUlBox .navUl .li .aBox:hover .txt {
    animation: txtDark_hover 1.2s cubic-bezier(.23, 1, .32, 1) 0s forwards
}

.twoPageBox .pageContentAll .pageContent .sortNav .sortNavThis > .thisBox .contentBox .rightNavBox .navUlBox .navUl .li.on .aBox {
    padding-bottom: .5vw;
    position: relative
}

    .twoPageBox .pageContentAll .pageContent .sortNav .sortNavThis > .thisBox .contentBox .rightNavBox .navUlBox .navUl .li.on .aBox .txt {
        animation: txtDark_hover 1.2s cubic-bezier(.23, 1, .32, 1) 0s forwards;
        font-size: 1.2vw
    }

@media (max-width: 1600px) {
    .twoPageBox .pageContentAll .pageContent .sortNav .sortNavThis > .thisBox .contentBox .rightNavBox .navUlBox .navUl .li.on .aBox .txt {
        font-size: clamp(12px, 1.3vw, 1.3vw)
    }
}

@media (max-width: 1300px) {
    .twoPageBox .pageContentAll .pageContent .sortNav .sortNavThis > .thisBox .contentBox .rightNavBox .navUlBox .navUl .li.on .aBox .txt {
        font-size: clamp(12px, 1.4vw, 1.4vw)
    }
}

@media (max-width: 1024px) {
    .twoPageBox .pageContentAll .pageContent .sortNav .sortNavThis > .thisBox .contentBox .rightNavBox .navUlBox .navUl .li.on .aBox .txt {
        font-size: 4.4vw
    }
}

@media (max-width: 1024px) {
    .twoPageBox .pageContentAll .pageContent .sortNav .sortNavThis > .thisBox .contentBox .rightNavBox .navUlBox .navUl .li.on .aBox .txt {
        font-size: 6vw
    }
}

.twoPageBox .pageContentAll .pageContent .sortNav .sortNavThis > .thisBox .contentBox .rightNavBox .navUlBox .navUl .li.on .aBox::after {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: .3vw;
    background-color: var(--cor);
    bottom: 0
}

.twoPageBox .pageContentAll .pageContent .sortNav .sortNavThis > .thisBox .contentBox .rightNavBox .threeNav {
    background-color: #F08300;
    padding: .4vw 2vw;
    border-radius: 2vw;
    margin-top: 1vw;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: unset;
    gap: 2vw
}

@media (max-width: 1024px) {
    .twoPageBox .pageContentAll .pageContent .sortNav .sortNavThis > .thisBox .contentBox .rightNavBox .threeNav {
        gap: 5vw;
        margin-top: 8vw;
        padding: 2vw 7vw;
        border-radius: 10vw
    }
}

.twoPageBox .pageContentAll .pageContent .sortNav .sortNavThis > .thisBox .contentBox .rightNavBox .threeNav .li .aBox .txt {
    font-size: .9vw;
    color: #fff;
    opacity: .7;
    font-weight: bold
}

@media (max-width: 1600px) {
    .twoPageBox .pageContentAll .pageContent .sortNav .sortNavThis > .thisBox .contentBox .rightNavBox .threeNav .li .aBox .txt {
        font-size: clamp(12px, 1vw, 1vw)
    }
}

@media (max-width: 1300px) {
    .twoPageBox .pageContentAll .pageContent .sortNav .sortNavThis > .thisBox .contentBox .rightNavBox .threeNav .li .aBox .txt {
        font-size: clamp(12px, 1.1vw, 1.1vw)
    }
}

@media (max-width: 1024px) {
    .twoPageBox .pageContentAll .pageContent .sortNav .sortNavThis > .thisBox .contentBox .rightNavBox .threeNav .li .aBox .txt {
        font-size: 3.8vw
    }
}

.twoPageBox .pageContentAll .pageContent .sortNav .sortNavThis > .thisBox .contentBox .rightNavBox .threeNav .li:hover .aBox .txt {
    opacity: 1
}

.twoPageBox .pageContentAll .pageContent .sortNav .sortNavThis > .thisBox .contentBox .rightNavBox .threeNav .li.on .aBox .txt {
    opacity: 1
}

.twoPageBox .pageContentAll .pageContent .sortNav .sortNavThis > .thisBox .contentBox .rightNavBox.hidden {
    display: none
}

.twoPageBox .pageContentAll .pageContent .contentBox {
    position: relative;
    z-index: 1;
    width: 76%;
    margin: 0 auto
}

@media (max-width: 1600px) {
    .twoPageBox .pageContentAll .pageContent .contentBox {
        width: 76%
    }
}

@media (max-width: 1300px) {
    .twoPageBox .pageContentAll .pageContent .contentBox {
        width: 80%
    }
}

@media (max-width: 1024px) {
    .twoPageBox .pageContentAll .pageContent .contentBox {
        width: 86%
    }
}

.twoPageBox .pageContentAll .foot {
    background-color: #f8f8f8
}

.tongzhi {
    position: fixed;
    z-index: 1111;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none
}

    .tongzhi .kuangjia {
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.5);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        flex-wrap: unset;
        transition-duration: .8s;
        transition-property: all;
        transition-timing-function: cubic-bezier(.56, -0.01, .04, 1)
    }

        .tongzhi .kuangjia .box {
            width: 400px;
            padding: 20px 0;
            background-color: #fff;
            box-shadow: 2px 2px 30px rgba(255,255,255,0.5);
            transform: translateY(50px);
            transition-duration: .8s;
            transition-property: all;
            transition-timing-function: cubic-bezier(.56, -0.01, .04, 1);
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            flex-wrap: unset;
            border-radius: 10px
        }

@media (max-width: 1024px) {
    .tongzhi .kuangjia .box {
        width: 90%
    }
}

.tongzhi .kuangjia .box i {
    font-size: 80px;
    margin-bottom: 20px
}

@media (max-width: 1024px) {
    .tongzhi .kuangjia .box i {
        font-size: 18vw
    }
}

.tongzhi .kuangjia .box i.icon-zhengque {
    color: #46ad75
}

.tongzhi .kuangjia .box i.icon-cuowu {
    color: #b62c2c
}

.tongzhi .kuangjia .box span {
    font-size: 18px;
    color: #666
}

.tongzhi .kuangjia .box .jishi {
    margin-top: 20px;
    color: #666;
    font-size: 14px;
    transition-duration: .8s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.56, -0.01, .04, 1)
}

.tongzhi .kuangjia.on .box {
    transform: translateY(0)
}

.downloadJoinBox {
    position: fixed;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: unset;
    width: 100%;
    height: 100%;
    z-index: 111;
    opacity: 0;
    pointer-events: none;
    transition-duration: .8s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.56, -0.01, .04, 1)
}

    .downloadJoinBox .thisCout {
        position: relative;
        z-index: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        flex-wrap: unset;
        transition-duration: .8s;
        transition-property: all;
        transition-timing-function: cubic-bezier(.56, -0.01, .04, 1);
        transform: translateY(1vw);
        background-color: #F08300;
        padding: 2vw 4vw;
        gap: 1vw;
        border-radius: 1vw
    }

        .downloadJoinBox .thisCout .name {
            color: #fff;
            font-weight: bold;
            font-size: 1.3vw
        }

@media (max-width: 1600px) {
    .downloadJoinBox .thisCout .name {
        font-size: clamp(12px, 1.4vw, 1.4vw)
    }
}

@media (max-width: 1300px) {
    .downloadJoinBox .thisCout .name {
        font-size: clamp(12px, 1.5vw, 1.5vw)
    }
}

@media (max-width: 1024px) {
    .downloadJoinBox .thisCout .name {
        font-size: 4.6vw
    }
}

.downloadJoinBox .thisCout .passwordBox {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: unset;
    gap: .5vw
}

    .downloadJoinBox .thisCout .passwordBox input {
        padding: .8vw;
        font-size: 1.1vw;
        width: 2vw;
        height: 2vw
    }

@media (max-width: 1600px) {
    .downloadJoinBox .thisCout .passwordBox input {
        font-size: clamp(12px, 1.2vw, 1.2vw)
    }
}

@media (max-width: 1300px) {
    .downloadJoinBox .thisCout .passwordBox input {
        font-size: clamp(12px, 1.3vw, 1.3vw)
    }
}

@media (max-width: 1024px) {
    .downloadJoinBox .thisCout .passwordBox input {
        font-size: 4.2vw
    }
}

.downloadJoinBox .mask {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5)
}

.downloadJoinBox.open {
    opacity: 1;
    pointer-events: auto
}

    .downloadJoinBox.open .thisCout {
        transform: translateY(0)
    }

.changePageMoveBox {
    position: fixed;
    top: 0;
    pointer-events: none;
    width: 100%;
    height: 100%;
    z-index: 20
}

    .changePageMoveBox .bg {
        background-color: #fff;
        opacity: .5;
        width: 100%;
        height: 100%;
        clip-path: inset(0 0 0 0)
    }

    .changePageMoveBox .cout {
        position: absolute;
        z-index: 1;
        top: 0;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        flex-wrap: unset;
        background-color: #fff;
        clip-path: inset(0 0 0 0)
    }

        .changePageMoveBox .cout .logo {
            height: 5vw
        }

@media (max-width: 1024px) {
    .changePageMoveBox .cout .logo {
        width: 90%;
        height: 14vw
    }
}

.changePageMoveBox .cout .logo img {
    object-fit: contain;
    height: 100%
}

@media (max-width: 1024px) {
    .changePageMoveBox .cout .logo img {
        width: 100%
    }
}

.fiexdVideo {
    position: fixed;
    bottom: 2vw;
    left: 0;
    z-index: 11;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: unset;
    transition-duration: .8s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.56, -0.01, .04, 1);
    height: 10vw;
    transform: translateX(-16vw)
}

@media (max-width: 1024px) {
    .fiexdVideo {
        height: 40vw;
        transform: translateX(-80vw);
        bottom: 30vw
    }
}

.fiexdVideo .fiexdVideoA {
    position: relative;
    width: 16vw;
    height: 100%
}

@media (max-width: 1024px) {
    .fiexdVideo .fiexdVideoA {
        width: 80vw
    }
}

.fiexdVideo .fiexdVideoA .targetImg {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.fiexdVideo .fiexdVideoA .maskTop {
    background-color: rgba(0,0,0,0.3);
    transition-duration: .8s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.56, -0.01, .04, 1);
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: unset;
    top: 0
}

    .fiexdVideo .fiexdVideoA .maskTop .cenIco {
        width: 2.6vw;
        height: 2.6vw;
        background-color: #fff;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        flex-wrap: unset;
        border-radius: 50%
    }

@media (max-width: 1024px) {
    .fiexdVideo .fiexdVideoA .maskTop .cenIco {
        width: 14vw;
        height: 14vw
    }
}

.fiexdVideo .fiexdVideoA .maskTop .cenIco i {
    color: #F08300;
    font-size: 1vw;
    transform: translateX(.1vw)
}

@media (max-width: 1600px) {
    .fiexdVideo .fiexdVideoA .maskTop .cenIco i {
        font-size: clamp(12px, 1.1vw, 1.1vw)
    }
}

@media (max-width: 1300px) {
    .fiexdVideo .fiexdVideoA .maskTop .cenIco i {
        font-size: clamp(12px, 1.2vw, 1.2vw)
    }
}

@media (max-width: 1024px) {
    .fiexdVideo .fiexdVideoA .maskTop .cenIco i {
        font-size: 4vw
    }
}

@media (max-width: 1024px) {
    .fiexdVideo .fiexdVideoA .maskTop .cenIco i {
        font-size: 1.5vw
    }
}

@media (max-width: 1024px) and (max-width:1600px) {
    .fiexdVideo .fiexdVideoA .maskTop .cenIco i {
        font-size: clamp(12px, 1.6vw, 1.6vw)
    }
}

@media (max-width: 1024px) and (max-width:1300px) {
    .fiexdVideo .fiexdVideoA .maskTop .cenIco i {
        font-size: clamp(12px, 1.7vw, 1.7vw)
    }
}

@media (max-width: 1024px) and (max-width:1024px) {
    .fiexdVideo .fiexdVideoA .maskTop .cenIco i {
        font-size: 5vw
    }
}

.fiexdVideo .fiexdVideoA:hover .maskTop {
    background-color: rgba(0,0,0,0.6)
}

.fiexdVideo .title {
    border-top-right-radius: 1vw;
    border-bottom-right-radius: 1vw;
    background-color: #F08300;
    width: 2.4vw;
    height: 100%;
    writing-mode: vertical-rl;
    letter-spacing: .2em;
    transition-duration: .8s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.56, -0.01, .04, 1);
    color: #fff;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: unset;
    gap: .4vw;
    font-size: .9vw;
    font-weight: bold;
    cursor: pointer
}

@media (max-width: 1600px) {
    .fiexdVideo .title {
        font-size: clamp(12px, 1vw, 1vw)
    }
}

@media (max-width: 1300px) {
    .fiexdVideo .title {
        font-size: clamp(12px, 1.1vw, 1.1vw)
    }
}

@media (max-width: 1024px) {
    .fiexdVideo .title {
        font-size: 3.8vw
    }
}

@media (max-width: 1024px) {
    .fiexdVideo .title {
        width: 10vw
    }
}

.fiexdVideo .title:hover {
    background-color: #EA5506
}

.fiexdVideo:hover {
    transform: translateX(0)
}

@keyframes txtLight {
    0% {
        background-position: 66% 0;
        background-image: linear-gradient(to right, #fff 25%, #fff 25%, var(--corL) 50%, var(--cor) 75%, #fff 100%)
    }

    100% {
        background-position: 0 0;
        background-image: linear-gradient(to right, #fff 25%, #fff 25%, var(--corL) 50%, var(--cor) 75%, #fff 100%)
    }
}

@keyframes txtLight_hover {
    0% {
        background-position: 132% 0;
        background-image: linear-gradient(to right, #fff 25%, #fff 25%, var(--corL) 50%, var(--cor) 75%, #fff 100%)
    }

    100% {
        background-position: 66% 0;
        background-image: linear-gradient(to right, #fff 25%, #fff 25%, var(--corL) 50%, var(--cor) 75%, #fff 100%)
    }
}

@keyframes txtDark {
    0% {
        background-position: 66% 0;
        background-image: linear-gradient(to right, #333 25%, #333 25%, var(--corL) 50%, var(--cor) 75%, #333 100%)
    }

    100% {
        background-position: 0 0;
        background-image: linear-gradient(to right, #333 25%, #333 25%, var(--corL) 50%, var(--cor) 75%, #333 100%)
    }
}

@keyframes txtDark_hover {
    0% {
        background-position: 132% 0;
        background-image: linear-gradient(to right, #333 25%, #333 25%, var(--corL) 50%, var(--cor) 75%, #333 100%)
    }

    100% {
        background-position: 66% 0;
        background-image: linear-gradient(to right, #333 25%, #333 25%, var(--corL) 50%, var(--cor) 75%, #333 100%)
    }
}

@keyframes bgJianbian {
    0% {
        background-position: 66% 0;
        background-image: linear-gradient(to right, var(--cor) 25%, var(--cor) 25%, var(--cor) 50%, var(--corL) 75%, var(--cor) 100%)
    }

    100% {
        background-position: 0 0;
        background-image: linear-gradient(to right, var(--cor) 25%, var(--cor) 25%, var(--cor) 50%, var(--corL) 75%, var(--cor) 100%)
    }
}

@keyframes bgJianbian_hover {
    0% {
        background-position: 132% 0;
        background-image: linear-gradient(to right, var(--cor) 25%, var(--cor) 25%, var(--cor) 50%, var(--corL) 75%, var(--cor) 100%)
    }

    100% {
        background-position: 66% 0;
        background-image: linear-gradient(to right, var(--corD) 25%, var(--corD) 25%, var(--cor) 50%, var(--corL) 75%, var(--cor) 100%)
    }
}

@keyframes flip-card-front {
    0% {
        transform: translate(0) rotate(0);
        z-index: 4
    }

    49% {
        z-index: 4
    }

    50% {
        transform: translate(-2vw) rotate(-10deg);
        z-index: 3
    }

    to {
        transform: translate(1vw, 1vw) rotate(0);
        z-index: 3
    }
}

@keyframes flip-card-front-m3 {
    0% {
        transform: translate(0) rotate(0);
        z-index: 4
    }

    49% {
        z-index: 4
    }

    50% {
        transform: translate(-8vw) rotate(-10deg);
        z-index: 3
    }

    to {
        transform: translate(4vw, 4vw) rotate(0);
        z-index: 3
    }
}

@keyframes flip-card-back {
    0% {
        transform: translate(0) rotate(0);
        z-index: 3
    }

    49% {
        z-index: 3
    }

    50% {
        transform: translate(.5vw) rotate(5deg);
        z-index: 4
    }

    to {
        transform: translate(0, 0) rotate(0);
        z-index: 4
    }
}

@keyframes flip-card-back-m3 {
    0% {
        transform: translate(0) rotate(0);
        z-index: 3
    }

    49% {
        z-index: 3
    }

    50% {
        transform: translate(2vw) rotate(5deg);
        z-index: 4
    }

    to {
        transform: translate(0, 0) rotate(0);
        z-index: 4
    }
}

#index_page .pageContentAll .inxBanner_imgs {
    position: relative
}

    #index_page .pageContentAll .inxBanner_imgs > .thisBox {
        position: relative;
        overflow: hidden;
        width: 100%;
        height: 100vh
    }

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxBanner_imgs > .thisBox {
        height: 76vw
    }
}

#index_page .pageContentAll .inxBanner_imgs > .thisBox .swiperBox {
    position: relative;
    width: 100%;
    height: 100%
}

    #index_page .pageContentAll .inxBanner_imgs > .thisBox .swiperBox #inxBanner {
        width: 100%;
        height: 100%
    }

        #index_page .pageContentAll .inxBanner_imgs > .thisBox .swiperBox #inxBanner .swiper-slide .box {
            width: 100%;
            height: 100%
        }

            #index_page .pageContentAll .inxBanner_imgs > .thisBox .swiperBox #inxBanner .swiper-slide .box .imgBox {
                transform: scale(1.2);
                width: 100%;
                height: 100%
            }

            #index_page .pageContentAll .inxBanner_imgs > .thisBox .swiperBox #inxBanner .swiper-slide .box.ani .imgBox {
                transform: scale(1);
                transition-duration: 8s;
                transition-timing-function: linear
            }

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxBanner_imgs > .thisBox .swiperBox .swiperControl .navigation {
        display: none
    }
}

#index_page .pageContentAll .inxBanner_imgs > .thisBox .swiperBox .swiperControl .navigation .navigationThis .btn {
    position: absolute;
    z-index: 3;
    bottom: 2.5vw;
    top: unset;
    transform: translateY(50%);
    animation: bgJianbian .8s cubic-bezier(.2, .5, .32, .8) 0s forwards;
    background-size: 400% 100%;
    width: 3vw;
    height: 3vw
}

    #index_page .pageContentAll .inxBanner_imgs > .thisBox .swiperBox .swiperControl .navigation .navigationThis .btn i {
        color: #fff
    }

    #index_page .pageContentAll .inxBanner_imgs > .thisBox .swiperBox .swiperControl .navigation .navigationThis .btn:hover {
        animation: bgJianbian_hover .8s cubic-bezier(.2, .5, .32, .8) 0s forwards
    }

    #index_page .pageContentAll .inxBanner_imgs > .thisBox .swiperBox .swiperControl .navigation .navigationThis .btn.leftBtn {
        right: 40%;
        left: unset;
        border-right: 1px solid rgba(255,255,255,0.1)
    }

    #index_page .pageContentAll .inxBanner_imgs > .thisBox .swiperBox .swiperControl .navigation .navigationThis .btn.rightBtn {
        left: 60%
    }

#index_page .pageContentAll .inxBanner_imgs > .thisBox .swiperBox .swiperControl .pagination {
    position: absolute;
    bottom: 2.5vw;
    right: 4%;
    z-index: 2;
    width: 16vw
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxBanner_imgs > .thisBox .swiperBox .swiperControl .pagination {
        bottom: 4vw;
        width: 30vw
    }
}

#index_page .pageContentAll .inxBanner_imgs > .thisBox .swiperBox .swiperControl .pagination .paginationBanner .ul {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: unset;
    gap: 2vw
}

    #index_page .pageContentAll .inxBanner_imgs > .thisBox .swiperBox .swiperControl .pagination .paginationBanner .ul .li {
        flex: 1
    }

        #index_page .pageContentAll .inxBanner_imgs > .thisBox .swiperBox .swiperControl .pagination .paginationBanner .ul .li .xian {
            width: 100%;
            height: 2px;
            background-color: #fff
        }

            #index_page .pageContentAll .inxBanner_imgs > .thisBox .swiperBox .swiperControl .pagination .paginationBanner .ul .li .xian .show {
                background-color: #F08300;
                width: 0;
                height: 100%;
                transition-duration: 1s
            }

        #index_page .pageContentAll .inxBanner_imgs > .thisBox .swiperBox .swiperControl .pagination .paginationBanner .ul .li.on .xian .show {
            width: 100%;
            transition-timing-function: linear;
            transition-duration: 8s
        }

#index_page .pageContentAll .inxBanner_imgs > .thisBox .swiperBox .textBox {
    z-index: 1;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0
}

    #index_page .pageContentAll .inxBanner_imgs > .thisBox .swiperBox .textBox .titleBox {
        padding-bottom: 2vw;
        padding-left: 10vw
    }

        #index_page .pageContentAll .inxBanner_imgs > .thisBox .swiperBox .textBox .titleBox .ul {
            position: relative
        }

            #index_page .pageContentAll .inxBanner_imgs > .thisBox .swiperBox .textBox .titleBox .ul .li {
                opacity: 0;
                position: absolute;
                pointer-events: none;
                bottom: 0;
                transition-duration: 2s;
                transition-property: all;
                transition-timing-function: cubic-bezier(.56, -0.01, .04, 1);
                font-size: 3.7vw;
                color: #fff;
                font-family: 'cn1';
                transform: translateX(30vw)
            }

@media (max-width: 1600px) {
    #index_page .pageContentAll .inxBanner_imgs > .thisBox .swiperBox .textBox .titleBox .ul .li {
        font-size: clamp(12px, 3.8vw, 3.8vw)
    }
}

@media (max-width: 1300px) {
    #index_page .pageContentAll .inxBanner_imgs > .thisBox .swiperBox .textBox .titleBox .ul .li {
        font-size: clamp(12px, 3.9vw, 3.9vw)
    }
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxBanner_imgs > .thisBox .swiperBox .textBox .titleBox .ul .li {
        font-size: 9.4vw
    }
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxBanner_imgs > .thisBox .swiperBox .textBox .titleBox .ul .li {
        font-size: 7vw
    }
}

#index_page .pageContentAll .inxBanner_imgs > .thisBox .swiperBox .textBox .titleBox .ul .li.on {
    opacity: 1;
    pointer-events: auto;
    transition-duration: 5s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.56, -0.01, .04, 1);
    transform: translateX(0);
    transition-delay: .3s
}

#index_page .pageContentAll .inxBanner_imgs > .thisBox .swiperBox .textBox .miaoshuBox {
    width: 60%;
    background-color: rgba(255,255,255,0.8);
    padding-left: 10vw;
    height: 5vw;
    padding-right: 4vw
}

@media (max-width: 1300px) {
    #index_page .pageContentAll .inxBanner_imgs > .thisBox .swiperBox .textBox .miaoshuBox {
        height: 6vw
    }
}

@media (max-width: 1300px) and (max-width:1024px) {
    #index_page .pageContentAll .inxBanner_imgs > .thisBox .swiperBox .textBox .miaoshuBox {
        width: 64%;
        height: 18vw;
        padding: 0 6vw
    }
}

#index_page .pageContentAll .inxBanner_imgs > .thisBox .swiperBox .textBox .miaoshuBox .ul {
    width: 100%;
    height: 100%;
    position: relative
}

    #index_page .pageContentAll .inxBanner_imgs > .thisBox .swiperBox .textBox .miaoshuBox .ul .li {
        opacity: 0;
        height: 100%;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        flex-wrap: unset;
        position: absolute;
        pointer-events: none;
        bottom: 0;
        transition-duration: .8s;
        transition-property: all;
        transition-timing-function: cubic-bezier(.56, -0.01, .04, 1);
        font-size: .9vw;
        transform: translateX(1vw)
    }

@media (max-width: 1600px) {
    #index_page .pageContentAll .inxBanner_imgs > .thisBox .swiperBox .textBox .miaoshuBox .ul .li {
        font-size: clamp(12px, 1vw, 1vw)
    }
}

@media (max-width: 1300px) {
    #index_page .pageContentAll .inxBanner_imgs > .thisBox .swiperBox .textBox .miaoshuBox .ul .li {
        font-size: clamp(12px, 1.1vw, 1.1vw)
    }
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxBanner_imgs > .thisBox .swiperBox .textBox .miaoshuBox .ul .li {
        font-size: 3.8vw
    }
}

@media (max-width: 1300px) {
    #index_page .pageContentAll .inxBanner_imgs > .thisBox .swiperBox .textBox .miaoshuBox .ul .li {
        line-height: 1.5em
    }
}

@media (max-width: 1300px) and (max-width:1024px) {
    #index_page .pageContentAll .inxBanner_imgs > .thisBox .swiperBox .textBox .miaoshuBox .ul .li {
        font-size: 3vw
    }
}

#index_page .pageContentAll .inxBanner_imgs > .thisBox .swiperBox .textBox .miaoshuBox .ul .li.on {
    opacity: 1;
    pointer-events: auto;
    transform: translateX(0);
    transition-delay: .3s
}

#index_page .pageContentAll .inxBanner_video > .thisBox {
    overflow: hidden;
    width: 100%;
    height: 100vh
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxBanner_video > .thisBox {
        width: 100%;
        height: 60vw
    }
}

#index_page .pageContentAll .inxBanner_video > .thisBox .contentBox {
    background-color: #000;
    width: 100%;
    height: 100%;
    position: relative
}

    #index_page .pageContentAll .inxBanner_video > .thisBox .contentBox .videoBox {
        width: 100%;
        height: 100%
    }

        #index_page .pageContentAll .inxBanner_video > .thisBox .contentBox .videoBox #inxVideo {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: bottom
        }

    #index_page .pageContentAll .inxBanner_video > .thisBox .contentBox .videoControl {
        position: absolute;
        z-index: 1;
        bottom: 2vw;
        left: 4vw;
        display: grid;
        grid-template-columns: repeat(3, auto);
        grid-gap: 1vw;
        align-items: center
    }

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxBanner_video > .thisBox .contentBox .videoControl {
        grid-gap: 3vw
    }
}

#index_page .pageContentAll .inxBanner_video > .thisBox .contentBox .videoControl .btn {
    position: relative;
    width: 40px;
    height: 40px;
    cursor: pointer;
    background-color: #F08300;
    border-radius: 50%
}

    #index_page .pageContentAll .inxBanner_video > .thisBox .contentBox .videoControl .btn i {
        position: absolute;
        top: 50%;
        left: 50%;
        color: #fff;
        transform: translate(-50%, -50%)
    }

        #index_page .pageContentAll .inxBanner_video > .thisBox .contentBox .videoControl .btn i:nth-child(2) {
            opacity: 0
        }

    #index_page .pageContentAll .inxBanner_video > .thisBox .contentBox .videoControl .btn:hover {
        background-color: #F5AF5B
    }

#index_page .pageContentAll .inxBanner_video > .thisBox .contentBox .videoControl .videoLine {
    position: relative;
    width: 20vw;
    cursor: pointer;
    height: 14px
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxBanner_video > .thisBox .contentBox .videoControl .videoLine {
        width: 40vw
    }
}

#index_page .pageContentAll .inxBanner_video > .thisBox .contentBox .videoControl .videoLine .qiu {
    position: absolute;
    z-index: 1;
    top: 0;
    cursor: pointer;
    left: 0;
    transform: translateX(-50%);
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #F08300
}

#index_page .pageContentAll .inxBanner_video > .thisBox .contentBox .videoControl .videoLine:after {
    content: '';
    position: absolute;
    display: block;
    top: calc(50% - 1px);
    background-color: rgba(255,255,255,0.5);
    border-radius: 1px;
    width: 100%;
    height: 2px
}

#index_page .pageContentAll .inxTongzhi > .thisBox {
    padding: 5vw 0;
    background-color: #f9f9f9;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: unset
}

@media (max-width: 1600px) {
    #index_page .pageContentAll .inxTongzhi > .thisBox {
        padding: 5vw 0
    }
}

@media (max-width: 1300px) {
    #index_page .pageContentAll .inxTongzhi > .thisBox {
        padding: 5vw 0
    }
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxTongzhi > .thisBox {
        padding: 12vw 0
    }
}

#index_page .pageContentAll .inxTongzhi > .thisBox .sortName {
    margin-bottom: 2vw;
    font-size: 1.5vw
}

@media (max-width: 1600px) {
    #index_page .pageContentAll .inxTongzhi > .thisBox .sortName {
        font-size: clamp(12px, 1.6vw, 1.6vw)
    }
}

@media (max-width: 1300px) {
    #index_page .pageContentAll .inxTongzhi > .thisBox .sortName {
        font-size: clamp(12px, 1.7vw, 1.7vw)
    }
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxTongzhi > .thisBox .sortName {
        font-size: 5vw
    }
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxTongzhi > .thisBox .sortName {
        margin-bottom: 4vw
    }
}

#index_page .pageContentAll .inxTongzhi > .thisBox .contentBox {
    width: 76%;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    flex-wrap: unset
}

@media (max-width: 1600px) {
    #index_page .pageContentAll .inxTongzhi > .thisBox .contentBox {
        width: 76%
    }
}

@media (max-width: 1300px) {
    #index_page .pageContentAll .inxTongzhi > .thisBox .contentBox {
        width: 80%
    }
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxTongzhi > .thisBox .contentBox {
        width: 86%
    }
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxTongzhi > .thisBox .contentBox {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        flex-wrap: unset;
        gap: 6vw
    }
}

#index_page .pageContentAll .inxTongzhi > .thisBox .contentBox .leftBox {
    width: 45%
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxTongzhi > .thisBox .contentBox .leftBox {
        width: 100%
    }
}

#index_page .pageContentAll .inxTongzhi > .thisBox .contentBox .leftBox .aBox {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: unset
}

    #index_page .pageContentAll .inxTongzhi > .thisBox .contentBox .leftBox .aBox .imgBox {
        width: 45%;
        background-color: rgba(255,255,255,0.7);
        border-radius: 1vw;
        height: 10vw
    }

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxTongzhi > .thisBox .contentBox .leftBox .aBox .imgBox {
        width: 42%;
        height: 30vw
    }
}

#index_page .pageContentAll .inxTongzhi > .thisBox .contentBox .leftBox .aBox .textBox {
    width: 55%;
    padding-left: 2vw;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: unset;
    gap: 1vw
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxTongzhi > .thisBox .contentBox .leftBox .aBox .textBox {
        width: 58%;
        padding-left: 4vw
    }
}

#index_page .pageContentAll .inxTongzhi > .thisBox .contentBox .leftBox .aBox .textBox .date {
    font-size: .9vw;
    opacity: .6;
    font-family: 'en6';
    text-transform: uppercase
}

@media (max-width: 1600px) {
    #index_page .pageContentAll .inxTongzhi > .thisBox .contentBox .leftBox .aBox .textBox .date {
        font-size: clamp(12px, 1vw, 1vw)
    }
}

@media (max-width: 1300px) {
    #index_page .pageContentAll .inxTongzhi > .thisBox .contentBox .leftBox .aBox .textBox .date {
        font-size: clamp(12px, 1.1vw, 1.1vw)
    }
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxTongzhi > .thisBox .contentBox .leftBox .aBox .textBox .date {
        font-size: 3.8vw
    }
}

#index_page .pageContentAll .inxTongzhi > .thisBox .contentBox .leftBox .aBox .textBox .title {
    font-size: 1.1vw;
    font-weight: bold;
    background-image: linear-gradient(to right, #333 50%, var(--cor) 50%, var(--cor) 100%);
    background-color: rgba(0,0,0,0);
    background-position: 200% 0;
    background-size: 400% 100%;
    -webkit-text-fill-color: rgba(0,0,0,0);
    -webkit-background-clip: text;
    animation: txtDark 1.2s cubic-bezier(.23, 1, .32, 1) 0s forwards
}

@media (max-width: 1600px) {
    #index_page .pageContentAll .inxTongzhi > .thisBox .contentBox .leftBox .aBox .textBox .title {
        font-size: clamp(12px, 1.2vw, 1.2vw)
    }
}

@media (max-width: 1300px) {
    #index_page .pageContentAll .inxTongzhi > .thisBox .contentBox .leftBox .aBox .textBox .title {
        font-size: clamp(12px, 1.3vw, 1.3vw)
    }
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxTongzhi > .thisBox .contentBox .leftBox .aBox .textBox .title {
        font-size: 4.2vw
    }
}

#index_page .pageContentAll .inxTongzhi > .thisBox .contentBox .leftBox .aBox .textBox .title:hover {
    animation: txtDark_hover 1.2s cubic-bezier(.23, 1, .32, 1) 0s forwards
}

#index_page .pageContentAll .inxTongzhi > .thisBox .contentBox .leftBox .aBox .textBox .miaoshu {
    font-size: .7vw;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    opacity: .7;
    line-height: 2em
}

@media (max-width: 1600px) {
    #index_page .pageContentAll .inxTongzhi > .thisBox .contentBox .leftBox .aBox .textBox .miaoshu {
        font-size: clamp(12px, .8vw, .8vw)
    }
}

@media (max-width: 1300px) {
    #index_page .pageContentAll .inxTongzhi > .thisBox .contentBox .leftBox .aBox .textBox .miaoshu {
        font-size: clamp(12px, .9vw, .9vw)
    }
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxTongzhi > .thisBox .contentBox .leftBox .aBox .textBox .miaoshu {
        font-size: 3.4vw
    }
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxTongzhi > .thisBox .contentBox .leftBox .aBox .textBox .miaoshu {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical
    }
}

#index_page .pageContentAll .inxTongzhi > .thisBox .contentBox .rightBox {
    border-left: 1px solid #666;
    width: 45%;
    padding: 1vw 0
}

@media (max-width: 1300px) {
    #index_page .pageContentAll .inxTongzhi > .thisBox .contentBox .rightBox {
        width: 50%
    }
}

@media (max-width: 1300px) and (max-width:1024px) {
    #index_page .pageContentAll .inxTongzhi > .thisBox .contentBox .rightBox {
        width: 100%
    }
}

#index_page .pageContentAll .inxTongzhi > .thisBox .contentBox .rightBox .ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: unset;
    gap: 1vw
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxTongzhi > .thisBox .contentBox .rightBox .ul {
        gap: 4vw
    }
}

#index_page .pageContentAll .inxTongzhi > .thisBox .contentBox .rightBox .ul .li {
    position: relative;
    padding-left: 2vw
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxTongzhi > .thisBox .contentBox .rightBox .ul .li {
        padding-left: 6vw
    }
}

#index_page .pageContentAll .inxTongzhi > .thisBox .contentBox .rightBox .ul .li .aBox {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: unset
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxTongzhi > .thisBox .contentBox .rightBox .ul .li .aBox {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        flex-wrap: unset
    }
}

#index_page .pageContentAll .inxTongzhi > .thisBox .contentBox .rightBox .ul .li .aBox .date {
    font-size: .9vw;
    opacity: .6;
    font-family: 'en6';
    text-transform: uppercase;
    width: 5vw;
    padding-top: .2vw;
    word-break: keep-all
}

@media (max-width: 1600px) {
    #index_page .pageContentAll .inxTongzhi > .thisBox .contentBox .rightBox .ul .li .aBox .date {
        font-size: clamp(12px, 1vw, 1vw)
    }
}

@media (max-width: 1300px) {
    #index_page .pageContentAll .inxTongzhi > .thisBox .contentBox .rightBox .ul .li .aBox .date {
        font-size: clamp(12px, 1.1vw, 1.1vw)
    }
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxTongzhi > .thisBox .contentBox .rightBox .ul .li .aBox .date {
        font-size: 3.8vw
    }
}

@media (max-width: 1300px) {
    #index_page .pageContentAll .inxTongzhi > .thisBox .contentBox .rightBox .ul .li .aBox .date {
        width: 7vw
    }
}

@media (max-width: 1300px) and (max-width:1024px) {
    #index_page .pageContentAll .inxTongzhi > .thisBox .contentBox .rightBox .ul .li .aBox .date {
        width: 100%
    }
}

#index_page .pageContentAll .inxTongzhi > .thisBox .contentBox .rightBox .ul .li .aBox .title {
    width: calc(100% - 5vw);
    background-image: linear-gradient(to right, #333 50%, var(--cor) 50%, var(--cor) 100%);
    background-color: rgba(0,0,0,0);
    background-position: 200% 0;
    background-size: 400% 100%;
    -webkit-text-fill-color: rgba(0,0,0,0);
    -webkit-background-clip: text;
    animation: txtDark 1.2s cubic-bezier(.23, 1, .32, 1) 0s forwards
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxTongzhi > .thisBox .contentBox .rightBox .ul .li .aBox .title {
        font-size: 4vw
    }
}

#index_page .pageContentAll .inxTongzhi > .thisBox .contentBox .rightBox .ul .li .aBox:hover .title {
    animation: txtDark_hover 1.2s cubic-bezier(.23, 1, .32, 1) 0s forwards
}

#index_page .pageContentAll .inxTongzhi > .thisBox .contentBox .rightBox .ul .li::after {
    content: '';
    position: absolute;
    display: block;
    left: 0;
    width: 1vw;
    top: 50%;
    border-bottom: 1px solid #666
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxTongzhi > .thisBox .contentBox .rightBox .ul .li::after {
        width: 4vw
    }
}

#index_page .pageContentAll .inxNews > .thisBox {
    padding: 5vw 0
}

@media (max-width: 1600px) {
    #index_page .pageContentAll .inxNews > .thisBox {
        padding: 5vw 0
    }
}

@media (max-width: 1300px) {
    #index_page .pageContentAll .inxNews > .thisBox {
        padding: 5vw 0
    }
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxNews > .thisBox {
        padding: 12vw 0
    }
}

#index_page .pageContentAll .inxNews > .thisBox .contentBox {
    width: 76%;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: unset;
    height: 40vw
}

@media (max-width: 1600px) {
    #index_page .pageContentAll .inxNews > .thisBox .contentBox {
        width: 76%
    }
}

@media (max-width: 1300px) {
    #index_page .pageContentAll .inxNews > .thisBox .contentBox {
        width: 80%
    }
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxNews > .thisBox .contentBox {
        width: 86%
    }
}

@media (max-width: 1300px) {
    #index_page .pageContentAll .inxNews > .thisBox .contentBox {
        height: 43vw
    }
}

@media (max-width: 1300px) and (max-width:1024px) {
    #index_page .pageContentAll .inxNews > .thisBox .contentBox {
        height: unset;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        flex-wrap: unset;
        flex-direction: column-reverse
    }
}

#index_page .pageContentAll .inxNews > .thisBox .contentBox .leftSortBox {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: unset
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxNews > .thisBox .contentBox .leftSortBox {
        width: 100%
    }
}

#index_page .pageContentAll .inxNews > .thisBox .contentBox .leftSortBox .unifyTitleBox .moreA {
    margin-left: 0
}

#index_page .pageContentAll .inxNews > .thisBox .contentBox .leftSortBox .otherSort {
    margin-top: 4vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: unset;
    gap: 1vw;
    width: 11vw
}

@media (max-width: 1300px) {
    #index_page .pageContentAll .inxNews > .thisBox .contentBox .leftSortBox .otherSort {
        margin-top: 2vw;
        width: 13vw
    }
}

@media (max-width: 1300px) and (max-width:1024px) {
    #index_page .pageContentAll .inxNews > .thisBox .contentBox .leftSortBox .otherSort {
        gap: 0;
        margin-top: 8vw;
        width: 100%
    }
}

#index_page .pageContentAll .inxNews > .thisBox .contentBox .leftSortBox .otherSort .sortBox {
    width: 100%
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxNews > .thisBox .contentBox .leftSortBox .otherSort .sortBox {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        flex-wrap: unset;
        height: 22vw;
        background-color: #f3f3f3
    }
}

#index_page .pageContentAll .inxNews > .thisBox .contentBox .leftSortBox .otherSort .sortBox .imgBox {
    overflow: hidden;
    width: 100%;
    height: 6vw
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxNews > .thisBox .contentBox .leftSortBox .otherSort .sortBox .imgBox {
        width: 50%;
        height: 100%
    }
}

#index_page .pageContentAll .inxNews > .thisBox .contentBox .leftSortBox .otherSort .sortBox .imgBox img {
    transition-duration: .8s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.56, -0.01, .04, 1)
}

#index_page .pageContentAll .inxNews > .thisBox .contentBox .leftSortBox .otherSort .sortBox .title {
    margin-top: .4vw;
    background-image: linear-gradient(to right, #333 50%, var(--cor) 50%, var(--cor) 100%);
    background-color: rgba(0,0,0,0);
    background-position: 200% 0;
    background-size: 400% 100%;
    -webkit-text-fill-color: rgba(0,0,0,0);
    -webkit-background-clip: text;
    animation: txtDark 1.2s cubic-bezier(.23, 1, .32, 1) 0s forwards
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxNews > .thisBox .contentBox .leftSortBox .otherSort .sortBox .title {
        padding: 4vw;
        margin-top: 0;
        width: 50%
    }
}

#index_page .pageContentAll .inxNews > .thisBox .contentBox .leftSortBox .otherSort .sortBox:hover .imgBox img {
    transform: scale(1.1)
}

#index_page .pageContentAll .inxNews > .thisBox .contentBox .leftSortBox .otherSort .sortBox:hover .title {
    animation: txtDark_hover 1.2s cubic-bezier(.23, 1, .32, 1) 0s forwards
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxNews > .thisBox .contentBox .leftSortBox .otherSort .sortBox:nth-child(even) {
        flex-direction: row-reverse
    }
}

#index_page .pageContentAll .inxNews > .thisBox .contentBox .coutBox {
    height: 100%;
    width: 80%;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: unset
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxNews > .thisBox .contentBox .coutBox {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        flex-wrap: unset
    }
}

#index_page .pageContentAll .inxNews > .thisBox .contentBox .coutBox .leftBox {
    width: 65%;
    height: 100%
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxNews > .thisBox .contentBox .coutBox .leftBox {
        width: 100%;
        margin-bottom: 4vw
    }
}

#index_page .pageContentAll .inxNews > .thisBox .contentBox .coutBox .leftBox .swiperBox {
    position: relative;
    border: 1px solid #ccc;
    border-top: none;
    height: 100%;
    border-bottom: none
}

    #index_page .pageContentAll .inxNews > .thisBox .contentBox .coutBox .leftBox .swiperBox #inxNews {
        height: 100%
    }

        #index_page .pageContentAll .inxNews > .thisBox .contentBox .coutBox .leftBox .swiperBox #inxNews .swiper-slide .box {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            flex-wrap: unset
        }

            #index_page .pageContentAll .inxNews > .thisBox .contentBox .coutBox .leftBox .swiperBox #inxNews .swiper-slide .box .imgBox {
                overflow: hidden;
                width: 100%;
                height: 25vw
            }

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxNews > .thisBox .contentBox .coutBox .leftBox .swiperBox #inxNews .swiper-slide .box .imgBox {
        height: 50vw
    }
}

#index_page .pageContentAll .inxNews > .thisBox .contentBox .coutBox .leftBox .swiperBox #inxNews .swiper-slide .box .imgBox img {
    transition-duration: .8s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.56, -0.01, .04, 1)
}

#index_page .pageContentAll .inxNews > .thisBox .contentBox .coutBox .leftBox .swiperBox #inxNews .swiper-slide .box .imgBox:hover img {
    transform: scale(1.1)
}

#index_page .pageContentAll .inxNews > .thisBox .contentBox .coutBox .leftBox .swiperBox #inxNews .swiper-slide .box .textBox {
    padding: 2vw;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: unset
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxNews > .thisBox .contentBox .coutBox .leftBox .swiperBox #inxNews .swiper-slide .box .textBox {
        padding: 6vw
    }
}

#index_page .pageContentAll .inxNews > .thisBox .contentBox .coutBox .leftBox .swiperBox #inxNews .swiper-slide .box .textBox .date {
    font-size: .9vw;
    font-family: 'en6';
    text-transform: uppercase;
    color: #F08300
}

@media (max-width: 1600px) {
    #index_page .pageContentAll .inxNews > .thisBox .contentBox .coutBox .leftBox .swiperBox #inxNews .swiper-slide .box .textBox .date {
        font-size: clamp(12px, 1vw, 1vw)
    }
}

@media (max-width: 1300px) {
    #index_page .pageContentAll .inxNews > .thisBox .contentBox .coutBox .leftBox .swiperBox #inxNews .swiper-slide .box .textBox .date {
        font-size: clamp(12px, 1.1vw, 1.1vw)
    }
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxNews > .thisBox .contentBox .coutBox .leftBox .swiperBox #inxNews .swiper-slide .box .textBox .date {
        font-size: 3.8vw
    }
}

#index_page .pageContentAll .inxNews > .thisBox .contentBox .coutBox .leftBox .swiperBox #inxNews .swiper-slide .box .textBox .title {
    font-weight: bold;
    font-size: 1.1vw;
    margin: .4vw 0 1vw;
    background-image: linear-gradient(to right, #333 50%, var(--cor) 50%, var(--cor) 100%);
    background-color: rgba(0,0,0,0);
    background-position: 200% 0;
    background-size: 400% 100%;
    -webkit-text-fill-color: rgba(0,0,0,0);
    -webkit-background-clip: text;
    animation: txtDark 1.2s cubic-bezier(.23, 1, .32, 1) 0s forwards
}

@media (max-width: 1600px) {
    #index_page .pageContentAll .inxNews > .thisBox .contentBox .coutBox .leftBox .swiperBox #inxNews .swiper-slide .box .textBox .title {
        font-size: clamp(12px, 1.2vw, 1.2vw)
    }
}

@media (max-width: 1300px) {
    #index_page .pageContentAll .inxNews > .thisBox .contentBox .coutBox .leftBox .swiperBox #inxNews .swiper-slide .box .textBox .title {
        font-size: clamp(12px, 1.3vw, 1.3vw)
    }
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxNews > .thisBox .contentBox .coutBox .leftBox .swiperBox #inxNews .swiper-slide .box .textBox .title {
        font-size: 4.2vw
    }
}

#index_page .pageContentAll .inxNews > .thisBox .contentBox .coutBox .leftBox .swiperBox #inxNews .swiper-slide .box .textBox .title:hover {
    animation: txtDark_hover 1.2s cubic-bezier(.23, 1, .32, 1) 0s forwards
}

#index_page .pageContentAll .inxNews > .thisBox .contentBox .coutBox .leftBox .swiperBox #inxNews .swiper-slide .box .textBox .description {
    line-height: 2em;
    opacity: .7;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

#index_page .pageContentAll .inxNews > .thisBox .contentBox .coutBox .leftBox .swiperBox .swiperControl .pagination .paginationThis {
    left: 2vw;
    transform: translateX(0)
}

#index_page .pageContentAll .inxNews > .thisBox .contentBox .coutBox .leftBox .swiperBox .swiperControl .navigation .navigationThis .btn {
    bottom: 0;
    transform: translateY(0)
}

    #index_page .pageContentAll .inxNews > .thisBox .contentBox .coutBox .leftBox .swiperBox .swiperControl .navigation .navigationThis .btn.leftBtn {
        right: 5vw;
        top: unset;
        left: unset
    }

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxNews > .thisBox .contentBox .coutBox .leftBox .swiperBox .swiperControl .navigation .navigationThis .btn.leftBtn {
        right: 18vw
    }
}

#index_page .pageContentAll .inxNews > .thisBox .contentBox .coutBox .leftBox .swiperBox .swiperControl .navigation .navigationThis .btn.rightBtn {
    right: 2vw;
    bottom: 0;
    top: unset
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxNews > .thisBox .contentBox .coutBox .leftBox .swiperBox .swiperControl .navigation .navigationThis .btn.rightBtn {
        right: 6vw
    }
}

#index_page .pageContentAll .inxNews > .thisBox .contentBox .coutBox .rightBox {
    width: 35%;
    padding-left: 3vw;
    overflow: auto;
    padding-right: 1vw;
    height: 100%
}

    #index_page .pageContentAll .inxNews > .thisBox .contentBox .coutBox .rightBox::-webkit-scrollbar {
        width: 2px
    }

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxNews > .thisBox .contentBox .coutBox .rightBox {
        width: 100%;
        padding: 0
    }
}

#index_page .pageContentAll .inxNews > .thisBox .contentBox .coutBox .rightBox .ul {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: unset;
    gap: 2vw
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxNews > .thisBox .contentBox .coutBox .rightBox .ul {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 4vw
    }
}

#index_page .pageContentAll .inxNews > .thisBox .contentBox .coutBox .rightBox .ul .li .aBox {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: unset;
    gap: .4vw
}

    #index_page .pageContentAll .inxNews > .thisBox .contentBox .coutBox .rightBox .ul .li .aBox .imgBox {
        overflow: hidden;
        height: 12vw;
        width: 100%
    }

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxNews > .thisBox .contentBox .coutBox .rightBox .ul .li .aBox .imgBox {
        height: 24vw
    }
}

#index_page .pageContentAll .inxNews > .thisBox .contentBox .coutBox .rightBox .ul .li .aBox .imgBox img {
    transition-duration: .8s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.56, -0.01, .04, 1)
}

#index_page .pageContentAll .inxNews > .thisBox .contentBox .coutBox .rightBox .ul .li .aBox .date {
    font-size: .9vw;
    font-family: 'en6';
    text-transform: uppercase;
    color: #F08300
}

@media (max-width: 1600px) {
    #index_page .pageContentAll .inxNews > .thisBox .contentBox .coutBox .rightBox .ul .li .aBox .date {
        font-size: clamp(12px, 1vw, 1vw)
    }
}

@media (max-width: 1300px) {
    #index_page .pageContentAll .inxNews > .thisBox .contentBox .coutBox .rightBox .ul .li .aBox .date {
        font-size: clamp(12px, 1.1vw, 1.1vw)
    }
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxNews > .thisBox .contentBox .coutBox .rightBox .ul .li .aBox .date {
        font-size: 3.8vw
    }
}

#index_page .pageContentAll .inxNews > .thisBox .contentBox .coutBox .rightBox .ul .li .aBox .title {
    background-image: linear-gradient(to right, #333 50%, var(--cor) 50%, var(--cor) 100%);
    background-color: rgba(0,0,0,0);
    background-position: 200% 0;
    background-size: 400% 100%;
    -webkit-text-fill-color: rgba(0,0,0,0);
    -webkit-background-clip: text;
    animation: txtDark 1.2s cubic-bezier(.23, 1, .32, 1) 0s forwards;
    font-weight: bold;
    font-size: .9vw;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

@media (max-width: 1600px) {
    #index_page .pageContentAll .inxNews > .thisBox .contentBox .coutBox .rightBox .ul .li .aBox .title {
        font-size: clamp(12px, 1vw, 1vw)
    }
}

@media (max-width: 1300px) {
    #index_page .pageContentAll .inxNews > .thisBox .contentBox .coutBox .rightBox .ul .li .aBox .title {
        font-size: clamp(12px, 1.1vw, 1.1vw)
    }
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxNews > .thisBox .contentBox .coutBox .rightBox .ul .li .aBox .title {
        font-size: 3.8vw
    }
}

#index_page .pageContentAll .inxNews > .thisBox .contentBox .coutBox .rightBox .ul .li .aBox:hover .imgBox img {
    transform: scale(1.1)
}

#index_page .pageContentAll .inxNews > .thisBox .contentBox .coutBox .rightBox .ul .li .aBox:hover .title {
    animation: txtDark_hover 1.2s cubic-bezier(.23, 1, .32, 1) 0s forwards
}

#index_page .pageContentAll .inxZhuanye > .thisBox {
    position: relative;
    padding: 5vw 0
}

@media (max-width: 1600px) {
    #index_page .pageContentAll .inxZhuanye > .thisBox {
        padding: 5vw 0
    }
}

@media (max-width: 1300px) {
    #index_page .pageContentAll .inxZhuanye > .thisBox {
        padding: 5vw 0
    }
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxZhuanye > .thisBox {
        padding: 12vw 0
    }
}

#index_page .pageContentAll .inxZhuanye > .thisBox .topPosName {
    position: absolute;
    z-index: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: unset;
    opacity: .2;
    top: 1vw
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxZhuanye > .thisBox .topPosName {
        top: -8vw
    }
}

#index_page .pageContentAll .inxZhuanye > .thisBox .topPosName .cn {
    font-size: 5.7vw;
    -webkit-text-stroke: #666 1px;
    color: transparent;
    width: max-content
}

@media (max-width: 1600px) {
    #index_page .pageContentAll .inxZhuanye > .thisBox .topPosName .cn {
        font-size: clamp(12px, 5.8vw, 5.8vw)
    }
}

@media (max-width: 1300px) {
    #index_page .pageContentAll .inxZhuanye > .thisBox .topPosName .cn {
        font-size: clamp(12px, 5.9vw, 5.9vw)
    }
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxZhuanye > .thisBox .topPosName .cn {
        font-size: 13.4vw
    }
}

#index_page .pageContentAll .inxZhuanye > .thisBox .topPosName .en {
    font-size: 6.7vw;
    transform: translateY(.1em);
    -webkit-text-stroke: #666 1px;
    color: transparent;
    width: max-content
}

@media (max-width: 1600px) {
    #index_page .pageContentAll .inxZhuanye > .thisBox .topPosName .en {
        font-size: clamp(12px, 6.8vw, 6.8vw)
    }
}

@media (max-width: 1300px) {
    #index_page .pageContentAll .inxZhuanye > .thisBox .topPosName .en {
        font-size: clamp(12px, 6.9vw, 6.9vw)
    }
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxZhuanye > .thisBox .topPosName .en {
        font-size: 15.4vw
    }
}

#index_page .pageContentAll .inxZhuanye > .thisBox .contentBox {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: unset;
    gap: 2vw
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxZhuanye > .thisBox .contentBox {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        flex-wrap: unset;
        width: 100%
    }
}

#index_page .pageContentAll .inxZhuanye > .thisBox .contentBox .zhuanyeBox {
    flex: 1
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxZhuanye > .thisBox .contentBox .zhuanyeBox {
        width: 100%
    }
}

#index_page .pageContentAll .inxZhuanye > .thisBox .contentBox .zhuanyeBox .aBox {
    position: relative;
    height: 32vw;
    width: 100%
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxZhuanye > .thisBox .contentBox .zhuanyeBox .aBox {
        height: 50vw
    }
}

#index_page .pageContentAll .inxZhuanye > .thisBox .contentBox .zhuanyeBox .aBox .imgBox {
    overflow: hidden;
    width: 100%;
    height: 100%
}

    #index_page .pageContentAll .inxZhuanye > .thisBox .contentBox .zhuanyeBox .aBox .imgBox img {
        transition-duration: .8s;
        transition-property: all;
        transition-timing-function: cubic-bezier(.56, -0.01, .04, 1)
    }

#index_page .pageContentAll .inxZhuanye > .thisBox .contentBox .zhuanyeBox .aBox .textBox {
    position: absolute;
    bottom: 0;
    z-index: 1;
    padding: 2vw;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: unset;
    gap: 1vw;
    transition-duration: .8s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.56, -0.01, .04, 1)
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxZhuanye > .thisBox .contentBox .zhuanyeBox .aBox .textBox {
        padding: 6vw 8vw;
        gap: 3vw
    }
}

#index_page .pageContentAll .inxZhuanye > .thisBox .contentBox .zhuanyeBox .aBox .textBox .subname {
    color: #fff;
    font-size: 1.3vw;
    font-family: 'en6';
    text-transform: uppercase
}

@media (max-width: 1600px) {
    #index_page .pageContentAll .inxZhuanye > .thisBox .contentBox .zhuanyeBox .aBox .textBox .subname {
        font-size: clamp(12px, 1.4vw, 1.4vw)
    }
}

@media (max-width: 1300px) {
    #index_page .pageContentAll .inxZhuanye > .thisBox .contentBox .zhuanyeBox .aBox .textBox .subname {
        font-size: clamp(12px, 1.5vw, 1.5vw)
    }
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxZhuanye > .thisBox .contentBox .zhuanyeBox .aBox .textBox .subname {
        font-size: 4.6vw
    }
}

#index_page .pageContentAll .inxZhuanye > .thisBox .contentBox .zhuanyeBox .aBox .textBox .name {
    color: #fff;
    font-size: 1.3vw;
    font-weight: bold
}

@media (max-width: 1600px) {
    #index_page .pageContentAll .inxZhuanye > .thisBox .contentBox .zhuanyeBox .aBox .textBox .name {
        font-size: clamp(12px, 1.4vw, 1.4vw)
    }
}

@media (max-width: 1300px) {
    #index_page .pageContentAll .inxZhuanye > .thisBox .contentBox .zhuanyeBox .aBox .textBox .name {
        font-size: clamp(12px, 1.5vw, 1.5vw)
    }
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxZhuanye > .thisBox .contentBox .zhuanyeBox .aBox .textBox .name {
        font-size: 4.6vw
    }
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxZhuanye > .thisBox .contentBox .zhuanyeBox .aBox .textBox .name {
        font-size: 6vw
    }
}

#index_page .pageContentAll .inxZhuanye > .thisBox .contentBox .zhuanyeBox .aBox .textBox .zyMore {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: unset;
    gap: 1vw;
    transition-duration: .8s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.56, -0.01, .04, 1)
}

    #index_page .pageContentAll .inxZhuanye > .thisBox .contentBox .zhuanyeBox .aBox .textBox .zyMore .ico {
        background-color: #F08300;
        width: 2.4vw;
        height: 2.4vw;
        border-radius: 50%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        flex-wrap: unset
    }

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxZhuanye > .thisBox .contentBox .zhuanyeBox .aBox .textBox .zyMore .ico {
        width: 8vw;
        height: 8vw
    }
}

#index_page .pageContentAll .inxZhuanye > .thisBox .contentBox .zhuanyeBox .aBox .textBox .zyMore .ico i {
    color: #fff;
    font-size: .9vw
}

@media (max-width: 1600px) {
    #index_page .pageContentAll .inxZhuanye > .thisBox .contentBox .zhuanyeBox .aBox .textBox .zyMore .ico i {
        font-size: clamp(12px, 1vw, 1vw)
    }
}

@media (max-width: 1300px) {
    #index_page .pageContentAll .inxZhuanye > .thisBox .contentBox .zhuanyeBox .aBox .textBox .zyMore .ico i {
        font-size: clamp(12px, 1.1vw, 1.1vw)
    }
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxZhuanye > .thisBox .contentBox .zhuanyeBox .aBox .textBox .zyMore .ico i {
        font-size: 3.8vw
    }
}

#index_page .pageContentAll .inxZhuanye > .thisBox .contentBox .zhuanyeBox .aBox .textBox .zyMore .txt {
    color: #fff
}

#index_page .pageContentAll .inxZhuanye > .thisBox .contentBox .zhuanyeBox .aBox::after {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 40%;
    transition-duration: .8s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.56, -0.01, .04, 1);
    bottom: 0;
    background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.7))
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxZhuanye > .thisBox .contentBox .zhuanyeBox .aBox::after {
        height: 100%
    }
}

#index_page .pageContentAll .inxZhuanye > .thisBox .contentBox .zhuanyeBox .aBox:hover .imgBox img {
    transform: scale(1.2)
}

#index_page .pageContentAll .inxZhuanye > .thisBox .contentBox .zhuanyeBox .aBox:hover .textBox {
    transform: translateY(-10vw)
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxZhuanye > .thisBox .contentBox .zhuanyeBox .aBox:hover .textBox {
        transform: translateY(-5vw)
    }
}

#index_page .pageContentAll .inxZhuanye > .thisBox .contentBox .zhuanyeBox .aBox:hover .textBox .zyMore {
    transform: translateY(4vw)
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxZhuanye > .thisBox .contentBox .zhuanyeBox .aBox:hover .textBox .zyMore {
        transform: translateY(2vw)
    }
}

#index_page .pageContentAll .inxZhuanye > .thisBox .contentBox .zhuanyeBox .aBox:hover::after {
    height: 100%
}

#index_page .pageContentAll .inxZhuanye > .thisBox::after {
    content: '';
    position: absolute;
    display: block;
    height: 100%;
    width: 88%;
    top: 0;
    right: 0;
    background-color: #f9f9f9
}

#index_page .pageContentAll .inxzhaosheng {
    position: relative
}

    #index_page .pageContentAll .inxzhaosheng > .thisBox {
        position: relative;
        z-index: 1;
        padding-top: 5vw;
        padding-bottom: 2vw
    }

@media (max-width: 1600px) {
    #index_page .pageContentAll .inxzhaosheng > .thisBox {
        padding-top: 5vw
    }
}

@media (max-width: 1300px) {
    #index_page .pageContentAll .inxzhaosheng > .thisBox {
        padding-top: 5vw
    }
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxzhaosheng > .thisBox {
        padding-top: 12vw
    }
}

#index_page .pageContentAll .inxzhaosheng > .thisBox .unifyTitle {
    width: 76%;
    margin: 0 auto
}

@media (max-width: 1600px) {
    #index_page .pageContentAll .inxzhaosheng > .thisBox .unifyTitle {
        width: 76%
    }
}

@media (max-width: 1300px) {
    #index_page .pageContentAll .inxzhaosheng > .thisBox .unifyTitle {
        width: 80%
    }
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxzhaosheng > .thisBox .unifyTitle {
        width: 86%
    }
}

#index_page .pageContentAll .inxzhaosheng > .thisBox .contentBox {
    width: 76%;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: unset
}

@media (max-width: 1600px) {
    #index_page .pageContentAll .inxzhaosheng > .thisBox .contentBox {
        width: 76%
    }
}

@media (max-width: 1300px) {
    #index_page .pageContentAll .inxzhaosheng > .thisBox .contentBox {
        width: 80%
    }
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxzhaosheng > .thisBox .contentBox {
        width: 86%
    }
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxzhaosheng > .thisBox .contentBox {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        flex-wrap: unset;
        flex-direction: column-reverse
    }
}

#index_page .pageContentAll .inxzhaosheng > .thisBox .contentBox .leftBox {
    width: 30%;
    padding-right: 3vw
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxzhaosheng > .thisBox .contentBox .leftBox {
        width: 100%
    }
}

#index_page .pageContentAll .inxzhaosheng > .thisBox .contentBox .leftBox .textBoxCon {
    padding: 1vw 0;
    border-left: 1px solid #666
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxzhaosheng > .thisBox .contentBox .leftBox .textBoxCon {
        margin-top: 4vw
    }
}

#index_page .pageContentAll .inxzhaosheng > .thisBox .contentBox .leftBox .textBoxCon .ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: unset;
    gap: 1vw
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxzhaosheng > .thisBox .contentBox .leftBox .textBoxCon .ul {
        gap: 4vw
    }
}

#index_page .pageContentAll .inxzhaosheng > .thisBox .contentBox .leftBox .textBoxCon .ul .li {
    padding-left: 2vw;
    position: relative
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxzhaosheng > .thisBox .contentBox .leftBox .textBoxCon .ul .li {
        padding-left: 6vw
    }
}

#index_page .pageContentAll .inxzhaosheng > .thisBox .contentBox .leftBox .textBoxCon .ul .li::before {
    content: '';
    position: absolute;
    display: block;
    left: 0;
    width: 1vw;
    top: 50%;
    border-bottom: 1px solid #666
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxzhaosheng > .thisBox .contentBox .leftBox .textBoxCon .ul .li::before {
        width: 4vw
    }
}

#index_page .pageContentAll .inxzhaosheng > .thisBox .contentBox .leftBox .moreA {
    margin-left: 0
}

#index_page .pageContentAll .inxzhaosheng > .thisBox .contentBox .rightBox {
    position: relative;
    width: 70%
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxzhaosheng > .thisBox .contentBox .rightBox {
        width: 100%;
        margin-top: 6vw
    }
}

#index_page .pageContentAll .inxzhaosheng > .thisBox .contentBox .rightBox .aBox {
    position: relative;
    width: 100%;
    height: 24vw;
    z-index: 1;
    overflow: hidden
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxzhaosheng > .thisBox .contentBox .rightBox .aBox {
        height: 44vw
    }
}

#index_page .pageContentAll .inxzhaosheng > .thisBox .contentBox .rightBox .aBox .imgBox {
    position: relative;
    width: 100%;
    height: 100%;
    transition-duration: .8s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.56, -0.01, .04, 1)
}

    #index_page .pageContentAll .inxzhaosheng > .thisBox .contentBox .rightBox .aBox .imgBox img {
        height: 120%
    }

#index_page .pageContentAll .inxzhaosheng > .thisBox .contentBox .rightBox .aBox .thisBtn {
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: rgba(255,255,255,0.9);
    width: 12vw;
    height: 4vw;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    flex-wrap: unset;
    padding: 0 2vw
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxzhaosheng > .thisBox .contentBox .rightBox .aBox .thisBtn {
        width: 40vw;
        height: 12vw;
        padding: 0 4vw
    }
}

#index_page .pageContentAll .inxzhaosheng > .thisBox .contentBox .rightBox .aBox .thisBtn .ico {
    border-radius: 50%;
    width: 1.5vw;
    height: 1.5vw;
    position: relative;
    z-index: 1;
    border: 1px solid #F08300;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: unset;
    transition-duration: .8s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.56, -0.01, .04, 1)
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxzhaosheng > .thisBox .contentBox .rightBox .aBox .thisBtn .ico {
        width: 8vw;
        height: 8vw
    }
}

#index_page .pageContentAll .inxzhaosheng > .thisBox .contentBox .rightBox .aBox .thisBtn .ico i {
    color: #F08300;
    font-size: .7vw;
    transition-duration: .8s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.56, -0.01, .04, 1)
}

@media (max-width: 1600px) {
    #index_page .pageContentAll .inxzhaosheng > .thisBox .contentBox .rightBox .aBox .thisBtn .ico i {
        font-size: clamp(12px, .8vw, .8vw)
    }
}

@media (max-width: 1300px) {
    #index_page .pageContentAll .inxzhaosheng > .thisBox .contentBox .rightBox .aBox .thisBtn .ico i {
        font-size: clamp(12px, .9vw, .9vw)
    }
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxzhaosheng > .thisBox .contentBox .rightBox .aBox .thisBtn .ico i {
        font-size: 3.4vw
    }
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxzhaosheng > .thisBox .contentBox .rightBox .aBox .thisBtn .ico i {
        font-size: 4vw
    }
}

#index_page .pageContentAll .inxzhaosheng > .thisBox .contentBox .rightBox .aBox .thisBtn .txt {
    position: relative;
    z-index: 1;
    transition-duration: .8s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.56, -0.01, .04, 1)
}

#index_page .pageContentAll .inxzhaosheng > .thisBox .contentBox .rightBox .aBox .thisBtn::after {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    width: 0;
    height: 100%;
    background-color: #F5AF5B;
    transition-duration: .8s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.56, -0.01, .04, 1)
}

#index_page .pageContentAll .inxzhaosheng > .thisBox .contentBox .rightBox .aBox:hover .imgBox {
    overflow: hidden;
    transform: scale(1.1)
}

#index_page .pageContentAll .inxzhaosheng > .thisBox .contentBox .rightBox .aBox:hover .thisBtn .ico {
    border-color: #fff;
    background-color: #fff
}

    #index_page .pageContentAll .inxzhaosheng > .thisBox .contentBox .rightBox .aBox:hover .thisBtn .ico i {
        color: #F5AF5B
    }

#index_page .pageContentAll .inxzhaosheng > .thisBox .contentBox .rightBox .aBox:hover .thisBtn .txt {
    color: #fff
}

#index_page .pageContentAll .inxzhaosheng > .thisBox .contentBox .rightBox .aBox:hover .thisBtn::after {
    left: 0;
    width: 100%
}

#index_page .pageContentAll .inxzhaosheng > .thisBox .contentBox .rightBox::after {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    transform: translate(1vw, -1vw);
    top: 0;
    background: linear-gradient(to right bottom, #F5AF5B, #F08300)
}

#index_page .pageContentAll .inxzhaosheng .posImg {
    position: absolute;
    top: 0;
    opacity: .1;
    width: 100%;
    height: 110%
}

    #index_page .pageContentAll .inxzhaosheng .posImg img {
        width: 100%;
        height: 100%
    }

#index_page .pageContentAll .inxLandscape {
    position: relative
}

    #index_page .pageContentAll .inxLandscape > .thisBox {
        position: relative;
        z-index: 1;
        padding-bottom: 10vw;
        padding-top: 8vw
    }

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxLandscape > .thisBox {
        padding-top: 17vw;
        padding-bottom: 15vw
    }
}

#index_page .pageContentAll .inxLandscape > .thisBox .topPosName {
    position: absolute;
    z-index: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: unset;
    opacity: .2;
    right: 0;
    top: 3vw
}

    #index_page .pageContentAll .inxLandscape > .thisBox .topPosName .cn {
        font-size: 5.7vw;
        -webkit-text-stroke: #000 1px;
        color: transparent;
        width: max-content
    }

@media (max-width: 1600px) {
    #index_page .pageContentAll .inxLandscape > .thisBox .topPosName .cn {
        font-size: clamp(12px, 5.8vw, 5.8vw)
    }
}

@media (max-width: 1300px) {
    #index_page .pageContentAll .inxLandscape > .thisBox .topPosName .cn {
        font-size: clamp(12px, 5.9vw, 5.9vw)
    }
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxLandscape > .thisBox .topPosName .cn {
        font-size: 13.4vw
    }
}

#index_page .pageContentAll .inxLandscape > .thisBox .topPosName .en {
    font-size: 6.7vw;
    transform: translateY(.1em);
    -webkit-text-stroke: #000 1px;
    color: transparent;
    width: max-content
}

@media (max-width: 1600px) {
    #index_page .pageContentAll .inxLandscape > .thisBox .topPosName .en {
        font-size: clamp(12px, 6.8vw, 6.8vw)
    }
}

@media (max-width: 1300px) {
    #index_page .pageContentAll .inxLandscape > .thisBox .topPosName .en {
        font-size: clamp(12px, 6.9vw, 6.9vw)
    }
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxLandscape > .thisBox .topPosName .en {
        font-size: 15.4vw
    }
}

#index_page .pageContentAll .inxLandscape > .thisBox .contentBox {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: unset;
    width: 100%;
    height: 35vw;
    padding-right: 12vw
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxLandscape > .thisBox .contentBox {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        flex-wrap: unset;
        height: unset;
        padding-right: 0;
        width: 76%;
        margin: 0 auto
    }
}

@media (max-width: 1024px) and (max-width:1600px) {
    #index_page .pageContentAll .inxLandscape > .thisBox .contentBox {
        width: 76%
    }
}

@media (max-width: 1024px) and (max-width:1300px) {
    #index_page .pageContentAll .inxLandscape > .thisBox .contentBox {
        width: 80%
    }
}

@media (max-width: 1024px) and (max-width:1024px) {
    #index_page .pageContentAll .inxLandscape > .thisBox .contentBox {
        width: 86%
    }
}

#index_page .pageContentAll .inxLandscape > .thisBox .contentBox .leftBox {
    width: 70%;
    height: 100%
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxLandscape > .thisBox .contentBox .leftBox {
        width: 100%;
        height: 50vw
    }
}

#index_page .pageContentAll .inxLandscape > .thisBox .contentBox .leftBox .swiperBox {
    position: relative;
    height: 100%
}

    #index_page .pageContentAll .inxLandscape > .thisBox .contentBox .leftBox .swiperBox #inxLandscapeImg {
        height: 100%
    }

        #index_page .pageContentAll .inxLandscape > .thisBox .contentBox .leftBox .swiperBox #inxLandscapeImg .swiper-wrapper .swiper-slide .imgBox {
            width: 100%;
            height: 100%;
            transition-duration: 2s;
            transition-property: all;
            transition-timing-function: cubic-bezier(.56, -0.01, .04, 1);
            transition-timing-function: linear
        }

        #index_page .pageContentAll .inxLandscape > .thisBox .contentBox .leftBox .swiperBox #inxLandscapeImg .swiper-wrapper .swiper-slide.swiper-slide-active .imgBox {
            transform: scale(1.2);
            transition-duration: 10s;
            transition-property: all;
            transition-timing-function: cubic-bezier(.56, -0.01, .04, 1);
            transition-timing-function: linear
        }

    #index_page .pageContentAll .inxLandscape > .thisBox .contentBox .leftBox .swiperBox::after {
        content: '';
        position: absolute;
        display: block;
        width: 100%;
        height: 20%;
        transition-duration: .8s;
        transition-property: all;
        transition-timing-function: cubic-bezier(.56, -0.01, .04, 1);
        z-index: 1;
        bottom: 0;
        background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.4))
    }

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxLandscape > .thisBox .contentBox .leftBox .swiperBox .swiperControl {
        display: none
    }
}

#index_page .pageContentAll .inxLandscape > .thisBox .contentBox .leftBox .swiperBox .swiperControl .navigation .navigationThis .btn {
    bottom: 0;
    transform: translateY(50%);
    animation: bgJianbian .8s cubic-bezier(.2, .5, .32, .8) 0s forwards;
    background-size: 400% 100%
}

    #index_page .pageContentAll .inxLandscape > .thisBox .contentBox .leftBox .swiperBox .swiperControl .navigation .navigationThis .btn i {
        color: #fff
    }

    #index_page .pageContentAll .inxLandscape > .thisBox .contentBox .leftBox .swiperBox .swiperControl .navigation .navigationThis .btn.leftBtn {
        right: 3vw;
        top: unset;
        left: unset
    }

    #index_page .pageContentAll .inxLandscape > .thisBox .contentBox .leftBox .swiperBox .swiperControl .navigation .navigationThis .btn.rightBtn {
        right: 0;
        bottom: 0;
        top: unset
    }

    #index_page .pageContentAll .inxLandscape > .thisBox .contentBox .leftBox .swiperBox .swiperControl .navigation .navigationThis .btn:hover {
        animation: bgJianbian_hover .8s cubic-bezier(.2, .5, .32, .8) 0s forwards
    }

#index_page .pageContentAll .inxLandscape > .thisBox .contentBox .rightBox {
    position: relative;
    z-index: 1;
    width: 30%;
    height: 100%;
    padding-right: 4vw;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
    flex-wrap: unset
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxLandscape > .thisBox .contentBox .rightBox {
        width: 100%;
        margin-top: 8vw;
        padding-right: 0
    }
}

#index_page .pageContentAll .inxLandscape > .thisBox .contentBox .rightBox .tabsBox {
    width: 100%;
    padding-left: 4vw
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxLandscape > .thisBox .contentBox .rightBox .tabsBox {
        padding-left: 0
    }
}

#index_page .pageContentAll .inxLandscape > .thisBox .contentBox .rightBox .tabsBox .ul {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    flex-wrap: unset
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxLandscape > .thisBox .contentBox .rightBox .tabsBox .ul {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 2vw
    }
}

#index_page .pageContentAll .inxLandscape > .thisBox .contentBox .rightBox .tabsBox .ul .li {
    padding: .2vw 0;
    border-bottom: 1px dotted rgba(255,255,255,0.5);
    width: 100%
}

    #index_page .pageContentAll .inxLandscape > .thisBox .contentBox .rightBox .tabsBox .ul .li .box {
        position: relative;
        cursor: pointer;
        padding: .8vw 2vw
    }

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxLandscape > .thisBox .contentBox .rightBox .tabsBox .ul .li .box {
        padding: 3vw 4vw
    }
}

#index_page .pageContentAll .inxLandscape > .thisBox .contentBox .rightBox .tabsBox .ul .li .box::after {
    content: '';
    position: absolute;
    display: block;
    right: 0;
    top: 0;
    transition-duration: .8s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.56, -0.01, .04, 1);
    height: 100%;
    width: 0;
    background-color: #fff;
    clip-path: polygon(1vw 0, 100% 0, 100% 100%, 0 100%)
}

#index_page .pageContentAll .inxLandscape > .thisBox .contentBox .rightBox .tabsBox .ul .li .box .title {
    position: relative;
    z-index: 1;
    font-size: .9vw;
    font-weight: bold;
    background-image: linear-gradient(to right, #fff 50%, var(--cor) 50%, var(--cor) 100%);
    background-color: rgba(0,0,0,0);
    background-position: 200% 0;
    background-size: 400% 100%;
    -webkit-text-fill-color: rgba(0,0,0,0);
    -webkit-background-clip: text;
    animation: txtLight 1.2s cubic-bezier(.23, 1, .32, 1) 0s forwards
}

@media (max-width: 1600px) {
    #index_page .pageContentAll .inxLandscape > .thisBox .contentBox .rightBox .tabsBox .ul .li .box .title {
        font-size: clamp(12px, 1vw, 1vw)
    }
}

@media (max-width: 1300px) {
    #index_page .pageContentAll .inxLandscape > .thisBox .contentBox .rightBox .tabsBox .ul .li .box .title {
        font-size: clamp(12px, 1.1vw, 1.1vw)
    }
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxLandscape > .thisBox .contentBox .rightBox .tabsBox .ul .li .box .title {
        font-size: 3.8vw
    }
}

#index_page .pageContentAll .inxLandscape > .thisBox .contentBox .rightBox .tabsBox .ul .li.on .box .title {
    animation: txtLight_hover 1.2s cubic-bezier(.23, 1, .32, 1) 0s forwards
}

#index_page .pageContentAll .inxLandscape > .thisBox .contentBox .rightBox .tabsBox .ul .li.on .box::after {
    width: 100%
}

#index_page .pageContentAll .inxLandscape > .thisBox .contentBox .inxLandscapeText {
    position: absolute;
    z-index: 1;
    left: 12vw;
    bottom: 0
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxLandscape > .thisBox .contentBox .inxLandscapeText {
        top: 46vw;
        left: 8vw
    }
}

#index_page .pageContentAll .inxLandscape > .thisBox .contentBox .inxLandscapeText .ul {
    position: relative
}

    #index_page .pageContentAll .inxLandscape > .thisBox .contentBox .inxLandscapeText .ul .li {
        opacity: 0;
        pointer-events: none;
        position: absolute;
        transition-duration: .8s;
        transition-property: all;
        transition-timing-function: cubic-bezier(.56, -0.01, .04, 1);
        left: 0;
        top: -3vw;
        transform: translateX(3vw)
    }

        #index_page .pageContentAll .inxLandscape > .thisBox .contentBox .inxLandscapeText .ul .li .title {
            width: max-content;
            -webkit-text-stroke: #fff 1px;
            color: rgba(255,255,255,0.1);
            font-size: 4.7vw;
            font-weight: bold
        }

@media (max-width: 1600px) {
    #index_page .pageContentAll .inxLandscape > .thisBox .contentBox .inxLandscapeText .ul .li .title {
        font-size: clamp(12px, 4.8vw, 4.8vw)
    }
}

@media (max-width: 1300px) {
    #index_page .pageContentAll .inxLandscape > .thisBox .contentBox .inxLandscapeText .ul .li .title {
        font-size: clamp(12px, 4.9vw, 4.9vw)
    }
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxLandscape > .thisBox .contentBox .inxLandscapeText .ul .li .title {
        font-size: 11.4vw
    }
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxLandscape > .thisBox .contentBox .inxLandscapeText .ul .li .title {
        font-size: 8vw
    }
}

#index_page .pageContentAll .inxLandscape > .thisBox .contentBox .inxLandscapeText .ul .li.on {
    opacity: 1;
    pointer-events: auto;
    transform: translateX(0)
}

#index_page .pageContentAll .inxLandscape .bgImg {
    height: 78%;
    top: unset;
    bottom: 0
}

    #index_page .pageContentAll .inxLandscape .bgImg::after {
        content: '';
        position: absolute;
        display: block;
        bottom: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(to right bottom, #F5AF5B, #EA5506);
        opacity: .8
    }

#index_page .pageContentAll .inxTeacher {
    margin-top: -3vw;
    position: relative;
    z-index: 1
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxTeacher {
        margin-top: -10vw
    }
}

#index_page .pageContentAll .inxTeacher > .thisBox {
    padding: 4vw 0;
    position: relative
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxTeacher > .thisBox {
        padding: 15vw 0
    }
}

#index_page .pageContentAll .inxTeacher > .thisBox .contentBox {
    width: 100%
}

    #index_page .pageContentAll .inxTeacher > .thisBox .contentBox .unifyTitle {
        margin-bottom: 0;
        padding-left: 12vw;
        position: relative;
        z-index: 1
    }

    #index_page .pageContentAll .inxTeacher > .thisBox .contentBox .swiperBox {
        position: relative
    }

        #index_page .pageContentAll .inxTeacher > .thisBox .contentBox .swiperBox .swiper .swiper-slide {
            width: 15vw;
            padding-top: 2vw
        }

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxTeacher > .thisBox .contentBox .swiperBox .swiper .swiper-slide {
        width: 60vw;
        padding-top: 8vw
    }
}

#index_page .pageContentAll .inxTeacher > .thisBox .contentBox .swiperBox .swiper .swiper-slide .aBox {
    position: relative;
    padding: 0 1vw
}

    #index_page .pageContentAll .inxTeacher > .thisBox .contentBox .swiperBox .swiper .swiper-slide .aBox .moveBox {
        position: relative;
        width: 100%;
        height: 18vw
    }

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxTeacher > .thisBox .contentBox .swiperBox .swiper .swiper-slide .aBox .moveBox {
        height: 70vw
    }
}

#index_page .pageContentAll .inxTeacher > .thisBox .contentBox .swiperBox .swiper .swiper-slide .aBox .moveBox > div {
    overflow: hidden
}

#index_page .pageContentAll .inxTeacher > .thisBox .contentBox .swiperBox .swiper .swiper-slide .aBox .moveBox .zhengMian {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    transform-origin: 50% 100%;
    animation: flip-card-back .8s cubic-bezier(.2, .5, .32, .8) 0s forwards
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxTeacher > .thisBox .contentBox .swiperBox .swiper .swiper-slide .aBox .moveBox .zhengMian {
        animation-name: flip-card-back-m3
    }
}

#index_page .pageContentAll .inxTeacher > .thisBox .contentBox .swiperBox .swiper .swiper-slide .aBox .moveBox .zhengMian .imgBox {
    width: 100%;
    height: 100%
}

#index_page .pageContentAll .inxTeacher > .thisBox .contentBox .swiperBox .swiper .swiper-slide .aBox .moveBox .beiMian {
    padding: 2vw;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    animation: flip-card-front .8s cubic-bezier(.2, .5, .32, .8) 0s forwards;
    transform-origin: 80% 100%;
    background: linear-gradient(to right, #F5AF5B, #F08300);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: unset;
    gap: 1vw
}

@media (max-width: 1600px) {
    #index_page .pageContentAll .inxTeacher > .thisBox .contentBox .swiperBox .swiper .swiper-slide .aBox .moveBox .beiMian {
        padding: 1vw;
        gap: .4vw
    }
}

@media (max-width: 1600px) and (max-width:1024px) {
    #index_page .pageContentAll .inxTeacher > .thisBox .contentBox .swiperBox .swiper .swiper-slide .aBox .moveBox .beiMian {
        padding: 4vw;
        animation-name: flip-card-front-m3
    }
}

#index_page .pageContentAll .inxTeacher > .thisBox .contentBox .swiperBox .swiper .swiper-slide .aBox .moveBox .beiMian .title {
    color: #fff;
    font-size: 1.1vw;
    font-weight: bold
}

@media (max-width: 1600px) {
    #index_page .pageContentAll .inxTeacher > .thisBox .contentBox .swiperBox .swiper .swiper-slide .aBox .moveBox .beiMian .title {
        font-size: clamp(12px, 1.2vw, 1.2vw)
    }
}

@media (max-width: 1300px) {
    #index_page .pageContentAll .inxTeacher > .thisBox .contentBox .swiperBox .swiper .swiper-slide .aBox .moveBox .beiMian .title {
        font-size: clamp(12px, 1.3vw, 1.3vw)
    }
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxTeacher > .thisBox .contentBox .swiperBox .swiper .swiper-slide .aBox .moveBox .beiMian .title {
        font-size: 4.2vw
    }
}

#index_page .pageContentAll .inxTeacher > .thisBox .contentBox .swiperBox .swiper .swiper-slide .aBox .moveBox .beiMian .miaoshu {
    line-height: 2em;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical
}

#index_page .pageContentAll .inxTeacher > .thisBox .contentBox .swiperBox .swiper .swiper-slide .aBox .textBox {
    margin-top: 2vw;
    padding: 0 1vw;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    flex-wrap: unset
}

@media (max-width: 1600px) {
    #index_page .pageContentAll .inxTeacher > .thisBox .contentBox .swiperBox .swiper .swiper-slide .aBox .textBox {
        padding: 0
    }
}

@media (max-width: 1600px) and (max-width:1024px) {
    #index_page .pageContentAll .inxTeacher > .thisBox .contentBox .swiperBox .swiper .swiper-slide .aBox .textBox {
        margin-top: 8vw
    }
}

#index_page .pageContentAll .inxTeacher > .thisBox .contentBox .swiperBox .swiper .swiper-slide .aBox .textBox .title {
    font-size: 1.1vw;
    font-weight: bold;
    word-break: keep-all;
    margin-right: .5vw
}

@media (max-width: 1600px) {
    #index_page .pageContentAll .inxTeacher > .thisBox .contentBox .swiperBox .swiper .swiper-slide .aBox .textBox .title {
        font-size: clamp(12px, 1.2vw, 1.2vw)
    }
}

@media (max-width: 1300px) {
    #index_page .pageContentAll .inxTeacher > .thisBox .contentBox .swiperBox .swiper .swiper-slide .aBox .textBox .title {
        font-size: clamp(12px, 1.3vw, 1.3vw)
    }
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxTeacher > .thisBox .contentBox .swiperBox .swiper .swiper-slide .aBox .textBox .title {
        font-size: 4.2vw
    }
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxTeacher > .thisBox .contentBox .swiperBox .swiper .swiper-slide .aBox .textBox .title {
        font-size: 5vw;
        margin-right: 2vw
    }
}

#index_page .pageContentAll .inxTeacher > .thisBox .contentBox .swiperBox .swiper .swiper-slide .aBox .textBox .zhicheng {
    font-size: .9vw;
    color: #F08300
}

@media (max-width: 1600px) {
    #index_page .pageContentAll .inxTeacher > .thisBox .contentBox .swiperBox .swiper .swiper-slide .aBox .textBox .zhicheng {
        font-size: clamp(12px, 1vw, 1vw)
    }
}

@media (max-width: 1300px) {
    #index_page .pageContentAll .inxTeacher > .thisBox .contentBox .swiperBox .swiper .swiper-slide .aBox .textBox .zhicheng {
        font-size: clamp(12px, 1.1vw, 1.1vw)
    }
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxTeacher > .thisBox .contentBox .swiperBox .swiper .swiper-slide .aBox .textBox .zhicheng {
        font-size: 3.8vw
    }
}

#index_page .pageContentAll .inxTeacher > .thisBox .contentBox .swiperBox .swiper .swiper-slide .aBox:hover .moveBox .zhengMian {
    animation: flip-card-front .8s cubic-bezier(.2, .5, .32, .8) 0s forwards
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxTeacher > .thisBox .contentBox .swiperBox .swiper .swiper-slide .aBox:hover .moveBox .zhengMian {
        animation-name: flip-card-front-m3
    }
}

#index_page .pageContentAll .inxTeacher > .thisBox .contentBox .swiperBox .swiper .swiper-slide .aBox:hover .moveBox .beiMian {
    animation: flip-card-back .8s cubic-bezier(.2, .5, .32, .8) 0s forwards
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxTeacher > .thisBox .contentBox .swiperBox .swiper .swiper-slide .aBox:hover .moveBox .beiMian {
        animation-name: flip-card-back-m3
    }
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxTeacher > .thisBox .contentBox .swiperBox .swiperControl {
        margin-top: 4vw
    }
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxTeacher > .thisBox .contentBox .swiperBox .swiperControl .navigation .navigationThis {
        padding-left: 12vw;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        flex-wrap: unset;
        gap: 4vw
    }
}

#index_page .pageContentAll .inxTeacher > .thisBox .contentBox .swiperBox .swiperControl .navigation .navigationThis .btn {
    top: -5vw;
    transform: translateY(0);
    border-radius: 50%;
    width: 3vw;
    height: 3vw;
    border: 1px solid #F08300;
    background-color: unset
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxTeacher > .thisBox .contentBox .swiperBox .swiperControl .navigation .navigationThis .btn {
        position: unset;
        width: 10vw;
        height: 10vw
    }
}

#index_page .pageContentAll .inxTeacher > .thisBox .contentBox .swiperBox .swiperControl .navigation .navigationThis .btn i {
    color: #F08300
}

#index_page .pageContentAll .inxTeacher > .thisBox .contentBox .swiperBox .swiperControl .navigation .navigationThis .btn.leftBtn {
    right: 26vw;
    left: unset
}

#index_page .pageContentAll .inxTeacher > .thisBox .contentBox .swiperBox .swiperControl .navigation .navigationThis .btn.rightBtn {
    right: 22vw
}

#index_page .pageContentAll .inxTeacher > .thisBox::before {
    content: '';
    position: absolute;
    display: block;
    height: 100%;
    width: 84%;
    top: 0;
    left: 0;
    background-color: #f9f9f9
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxTeacher > .thisBox::before {
        height: 95%
    }
}

#index_page .pageContentAll .inxTeacher > .thisBox::after {
    content: '';
    position: absolute;
    display: block;
    height: 100%;
    width: 84%;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: center;
    background-repeat: repeat;
    background-image: url(../img/zoulang.jpg);
    opacity: .1
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxTeacher > .thisBox::after {
        height: 95%
    }
}

#index_page .pageContentAll .inxOthersort > .thisBox .contentBox {
    width: 76%;
    margin: 0 auto;
    padding: 3vw 0
}

@media (max-width: 1600px) {
    #index_page .pageContentAll .inxOthersort > .thisBox .contentBox {
        width: 76%
    }
}

@media (max-width: 1300px) {
    #index_page .pageContentAll .inxOthersort > .thisBox .contentBox {
        width: 80%
    }
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxOthersort > .thisBox .contentBox {
        width: 86%
    }
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxOthersort > .thisBox .contentBox {
        width: 100%;
        padding: 0
    }
}

#index_page .pageContentAll .inxOthersort > .thisBox .contentBox .ul {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: unset;
    gap: 4vw
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxOthersort > .thisBox .contentBox .ul {
        gap: 0
    }
}

#index_page .pageContentAll .inxOthersort > .thisBox .contentBox .ul .li {
    flex: 1
}

    #index_page .pageContentAll .inxOthersort > .thisBox .contentBox .ul .li .aBox {
        border: 1px solid #ccc;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        flex-wrap: unset;
        height: 6vw;
        transition-duration: .8s;
        transition-property: all;
        transition-timing-function: cubic-bezier(.56, -0.01, .04, 1);
        padding: 0 6vw;
        position: relative
    }

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxOthersort > .thisBox .contentBox .ul .li .aBox {
        height: 12vw
    }
}

#index_page .pageContentAll .inxOthersort > .thisBox .contentBox .ul .li .aBox .textBox {
    position: relative;
    z-index: 1
}

    #index_page .pageContentAll .inxOthersort > .thisBox .contentBox .ul .li .aBox .textBox .cn {
        transition-duration: .8s;
        transition-property: all;
        transition-timing-function: cubic-bezier(.56, -0.01, .04, 1);
        font-size: .9vw
    }

@media (max-width: 1600px) {
    #index_page .pageContentAll .inxOthersort > .thisBox .contentBox .ul .li .aBox .textBox .cn {
        font-size: clamp(12px, 1vw, 1vw)
    }
}

@media (max-width: 1300px) {
    #index_page .pageContentAll .inxOthersort > .thisBox .contentBox .ul .li .aBox .textBox .cn {
        font-size: clamp(12px, 1.1vw, 1.1vw)
    }
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxOthersort > .thisBox .contentBox .ul .li .aBox .textBox .cn {
        font-size: 3.8vw
    }
}

#index_page .pageContentAll .inxOthersort > .thisBox .contentBox .ul .li .aBox .textBox .en {
    transition-duration: .8s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.56, -0.01, .04, 1)
}

#index_page .pageContentAll .inxOthersort > .thisBox .contentBox .ul .li .aBox i {
    position: relative;
    z-index: 1;
    transition-duration: .8s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.56, -0.01, .04, 1)
}

#index_page .pageContentAll .inxOthersort > .thisBox .contentBox .ul .li .aBox::after {
    content: '';
    position: absolute;
    display: block;
    right: 0;
    width: 0;
    transition-duration: .8s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.56, -0.01, .04, 1);
    height: 100%;
    background: linear-gradient(to right, #F5AF5B, #F08300)
}

#index_page .pageContentAll .inxOthersort > .thisBox .contentBox .ul .li .aBox:hover {
    padding: 0 3vw;
    border-color: #F08300
}

    #index_page .pageContentAll .inxOthersort > .thisBox .contentBox .ul .li .aBox:hover .textBox .cn {
        color: #fff
    }

    #index_page .pageContentAll .inxOthersort > .thisBox .contentBox .ul .li .aBox:hover .textBox .en {
        color: #fff
    }

    #index_page .pageContentAll .inxOthersort > .thisBox .contentBox .ul .li .aBox:hover i {
        color: #fff
    }

    #index_page .pageContentAll .inxOthersort > .thisBox .contentBox .ul .li .aBox:hover::after {
        left: 0;
        width: 100%
    }

#index_page .pageContentAll .inxContact {
    position: relative;
}

    #index_page .pageContentAll .inxContact > .thisBox {
        padding-bottom: 4vw
    }

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxContact > .thisBox {
        padding-bottom: 20vw
    }
}

#index_page .pageContentAll .inxContact > .thisBox .contentBox {
    position: relative
}

    #index_page .pageContentAll .inxContact > .thisBox .contentBox .coutBox {
        padding: 10vw 0;
        width: 76%;
        margin: 0 auto;
        position: relative;
        z-index: 1;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        flex-wrap: unset
    }

@media (max-width: 1600px) {
    #index_page .pageContentAll .inxContact > .thisBox .contentBox .coutBox {
        width: 76%
    }
}

@media (max-width: 1300px) {
    #index_page .pageContentAll .inxContact > .thisBox .contentBox .coutBox {
        width: 80%
    }
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxContact > .thisBox .contentBox .coutBox {
        width: 86%
    }
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxContact > .thisBox .contentBox .coutBox {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        flex-wrap: unset;
        padding-bottom: 16vw
    }
}

#index_page .pageContentAll .inxContact > .thisBox .contentBox .coutBox .leftBox {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: unset;
    gap: 3vw;
    width: 18vw
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxContact > .thisBox .contentBox .coutBox .leftBox {
        width: 100%
    }
}

#index_page .pageContentAll .inxContact > .thisBox .contentBox .coutBox .leftBox .def1 {
    font-size: 2.7vw;
    color: #fff;
    font-family: 'cn1'
}

@media (max-width: 1600px) {
    #index_page .pageContentAll .inxContact > .thisBox .contentBox .coutBox .leftBox .def1 {
        font-size: clamp(12px, 2.8vw, 2.8vw)
    }
}

@media (max-width: 1300px) {
    #index_page .pageContentAll .inxContact > .thisBox .contentBox .coutBox .leftBox .def1 {
        font-size: clamp(12px, 2.9vw, 2.9vw)
    }
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxContact > .thisBox .contentBox .coutBox .leftBox .def1 {
        font-size: 7.4vw
    }
}

#index_page .pageContentAll .inxContact > .thisBox .contentBox .coutBox .leftBox .xian {
    width: 10vw;
    border-bottom: 1px solid #fff
}

#index_page .pageContentAll .inxContact > .thisBox .contentBox .coutBox .leftBox .def2 {
    color: #fff;
    width: 75%;
    text-align: justify;
    opacity: .9;
    line-height: 2em
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxContact > .thisBox .contentBox .coutBox .rightBox {
        width: 100%
    }
}

#index_page .pageContentAll .inxContact > .thisBox .contentBox .coutBox .rightBox .ul {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: unset;
    gap: 3vw
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxContact > .thisBox .contentBox .coutBox .rightBox .ul {
        justify-content: flex-start
    }
}

#index_page .pageContentAll .inxContact > .thisBox .contentBox .coutBox .rightBox .ul .li .ico {
    height: 10vw
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxContact > .thisBox .contentBox .coutBox .rightBox .ul .li .ico {
        height: 26vw
    }
}

#index_page .pageContentAll .inxContact > .thisBox .contentBox .bgImg {
    overflow: hidden
}

    #index_page .pageContentAll .inxContact > .thisBox .contentBox .bgImg img {
        height: 160%
    }

#index_page .pageContentAll .inxContact > .thisBox .contentBox::after {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5)
}

#index_page .pageContentAll .inxContact > .thisBox .goToMessage {
    z-index: 1;
    background-color: #F08300;
    position: absolute;
    right: 0;
    width: 60%;
    bottom: 0;
    padding: 0 4vw;
    height: 14vw;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    flex-wrap: unset;
    animation: bgJianbian .8s cubic-bezier(.2, .5, .32, .8) 0s forwards;
    background-size: 400% 100%
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxContact > .thisBox .goToMessage {
        height: 32vw;
        width: 90%
    }
}

#index_page .pageContentAll .inxContact > .thisBox .goToMessage .textBox {
    width: 60%
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxContact > .thisBox .goToMessage .textBox {
        width: 80%
    }
}

#index_page .pageContentAll .inxContact > .thisBox .goToMessage .textBox .sortName {
    margin-bottom: .3vw;
    font-size: 1.7vw;
    font-weight: bold;
    color: #fff;
    font-family: 'cn1'
}

@media (max-width: 1600px) {
    #index_page .pageContentAll .inxContact > .thisBox .goToMessage .textBox .sortName {
        font-size: clamp(12px, 1.8vw, 1.8vw)
    }
}

@media (max-width: 1300px) {
    #index_page .pageContentAll .inxContact > .thisBox .goToMessage .textBox .sortName {
        font-size: clamp(12px, 1.9vw, 1.9vw)
    }
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxContact > .thisBox .goToMessage .textBox .sortName {
        font-size: 5.4vw
    }
}

#index_page .pageContentAll .inxContact > .thisBox .goToMessage .textBox .subName {
    color: #fff;
    margin-bottom: 2vw;
    font-family: 'en6';
    text-transform: uppercase;
    font-size: 1.3vw
}

@media (max-width: 1600px) {
    #index_page .pageContentAll .inxContact > .thisBox .goToMessage .textBox .subName {
        font-size: clamp(12px, 1.4vw, 1.4vw)
    }
}

@media (max-width: 1300px) {
    #index_page .pageContentAll .inxContact > .thisBox .goToMessage .textBox .subName {
        font-size: clamp(12px, 1.5vw, 1.5vw)
    }
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxContact > .thisBox .goToMessage .textBox .subName {
        font-size: 4.6vw
    }
}

#index_page .pageContentAll .inxContact > .thisBox .goToMessage .textBox .def1 {
    color: #fff;
    opacity: .7;
    line-height: 2em;
    width: 100%
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxContact > .thisBox .goToMessage .textBox .def1 {
        line-height: 1.5em;
        font-size: 2.8vw
    }
}

#index_page .pageContentAll .inxContact > .thisBox .goToMessage .ico {
    width: 2.4vw;
    height: 2.4vw;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: unset;
    transition-duration: .8s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.56, -0.01, .04, 1);
    background-color: #fff
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxContact > .thisBox .goToMessage .ico {
        width: 8vw;
        height: 8vw
    }
}

#index_page .pageContentAll .inxContact > .thisBox .goToMessage .ico i {
    font-size: .9vw;
    color: #F08300
}

@media (max-width: 1600px) {
    #index_page .pageContentAll .inxContact > .thisBox .goToMessage .ico i {
        font-size: clamp(12px, 1vw, 1vw)
    }
}

@media (max-width: 1300px) {
    #index_page .pageContentAll .inxContact > .thisBox .goToMessage .ico i {
        font-size: clamp(12px, 1.1vw, 1.1vw)
    }
}

@media (max-width: 1024px) {
    #index_page .pageContentAll .inxContact > .thisBox .goToMessage .ico i {
        font-size: 3.8vw
    }
}

#index_page .pageContentAll .inxContact > .thisBox .goToMessage:hover {
    animation: bgJianbian_hover .8s cubic-bezier(.2, .5, .32, .8) 0s forwards
}

    #index_page .pageContentAll .inxContact > .thisBox .goToMessage:hover .ico {
        transform: translateX(-2vw)
    }

#news_page .pageContentAll .pageContent .newsListBox > .thisBox .contentBox {
    width: 76%;
    margin: 0 auto
}

@media (max-width: 1600px) {
    #news_page .pageContentAll .pageContent .newsListBox > .thisBox .contentBox {
        width: 76%
    }
}

@media (max-width: 1300px) {
    #news_page .pageContentAll .pageContent .newsListBox > .thisBox .contentBox {
        width: 80%
    }
}

@media (max-width: 1024px) {
    #news_page .pageContentAll .pageContent .newsListBox > .thisBox .contentBox {
        width: 86%
    }
}

#news_page .pageContentAll .pageContent .newsListBox > .thisBox .contentBox .ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 4vw;
    grid-row-gap: 2vw
}

@media (max-width: 1024px) {
    #news_page .pageContentAll .pageContent .newsListBox > .thisBox .contentBox .ul {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 8vw
    }
}

#news_page .pageContentAll .pageContent .newsListBox > .thisBox .contentBox .ul .li .aBox {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: unset;
    gap: .4vw
}

@media (max-width: 1024px) {
    #news_page .pageContentAll .pageContent .newsListBox > .thisBox .contentBox .ul .li .aBox {
        gap: 2vw
    }
}

#news_page .pageContentAll .pageContent .newsListBox > .thisBox .contentBox .ul .li .aBox .imgBox {
    background-color: #f8f8f8;
    width: 100%;
    overflow: hidden;
    height: 14vw
}

@media (max-width: 1024px) {
    #news_page .pageContentAll .pageContent .newsListBox > .thisBox .contentBox .ul .li .aBox .imgBox {
        height: 50vw
    }
}

#news_page .pageContentAll .pageContent .newsListBox > .thisBox .contentBox .ul .li .aBox .imgBox img {
    transition-duration: .8s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.56, -0.01, .04, 1)
}

#news_page .pageContentAll .pageContent .newsListBox > .thisBox .contentBox .ul .li .aBox .date {
    margin-top: .6vw;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: unset;
    gap: 1vw
}

    #news_page .pageContentAll .pageContent .newsListBox > .thisBox .contentBox .ul .li .aBox .date .txt {
        font-size: 1.1vw;
        font-family: 'en6';
        text-transform: uppercase
    }

@media (max-width: 1600px) {
    #news_page .pageContentAll .pageContent .newsListBox > .thisBox .contentBox .ul .li .aBox .date .txt {
        font-size: clamp(12px, 1.2vw, 1.2vw)
    }
}

@media (max-width: 1300px) {
    #news_page .pageContentAll .pageContent .newsListBox > .thisBox .contentBox .ul .li .aBox .date .txt {
        font-size: clamp(12px, 1.3vw, 1.3vw)
    }
}

@media (max-width: 1024px) {
    #news_page .pageContentAll .pageContent .newsListBox > .thisBox .contentBox .ul .li .aBox .date .txt {
        font-size: 4.2vw
    }
}

#news_page .pageContentAll .pageContent .newsListBox > .thisBox .contentBox .ul .li .aBox .date .sortOf {
    border: 1px solid var(--cor);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: unset;
    padding: .2vw .8vw;
    color: var(--cor)
}

#news_page .pageContentAll .pageContent .newsListBox > .thisBox .contentBox .ul .li .aBox .title {
    font-size: 1vw;
    line-height: 1.5em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    background-image: linear-gradient(to right, #333 50%, var(--cor) 50%, var(--cor) 100%);
    background-color: rgba(0,0,0,0);
    background-position: 200% 0;
    background-size: 400% 100%;
    -webkit-text-fill-color: rgba(0,0,0,0);
    -webkit-background-clip: text;
    animation: txtDark 1.2s cubic-bezier(.23, 1, .32, 1) 0s forwards
}

@media (max-width: 1600px) {
    #news_page .pageContentAll .pageContent .newsListBox > .thisBox .contentBox .ul .li .aBox .title {
        font-size: clamp(12px, 1.1vw, 1.1vw)
    }
}

@media (max-width: 1300px) {
    #news_page .pageContentAll .pageContent .newsListBox > .thisBox .contentBox .ul .li .aBox .title {
        font-size: clamp(12px, 1.2vw, 1.2vw)
    }
}

@media (max-width: 1024px) {
    #news_page .pageContentAll .pageContent .newsListBox > .thisBox .contentBox .ul .li .aBox .title {
        font-size: 4vw
    }
}

#news_page .pageContentAll .pageContent .newsListBox > .thisBox .contentBox .ul .li .aBox .miaoshu {
    margin-top: 1vw;
    font-size: .7vw;
    opacity: .7;
    line-height: 2em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

@media (max-width: 1600px) {
    #news_page .pageContentAll .pageContent .newsListBox > .thisBox .contentBox .ul .li .aBox .miaoshu {
        font-size: clamp(12px, .8vw, .8vw)
    }
}

@media (max-width: 1300px) {
    #news_page .pageContentAll .pageContent .newsListBox > .thisBox .contentBox .ul .li .aBox .miaoshu {
        font-size: clamp(12px, .9vw, .9vw)
    }
}

@media (max-width: 1024px) {
    #news_page .pageContentAll .pageContent .newsListBox > .thisBox .contentBox .ul .li .aBox .miaoshu {
        font-size: 3.4vw
    }
}

#news_page .pageContentAll .pageContent .newsListBox > .thisBox .contentBox .ul .li .aBox:hover .imgBox img {
    transform: scale(1.1)
}

#news_page .pageContentAll .pageContent .newsListBox > .thisBox .contentBox .ul .li .aBox:hover .title {
    animation: txtDark_hover 1.2s cubic-bezier(.23, 1, .32, 1) 0s forwards
}

#contact_page .pageContentAll .pageContent .contactInfo > .thisBox {
    padding-bottom: 5vw
}

@media (max-width: 1600px) {
    #contact_page .pageContentAll .pageContent .contactInfo > .thisBox {
        padding-bottom: 5vw
    }
}

@media (max-width: 1300px) {
    #contact_page .pageContentAll .pageContent .contactInfo > .thisBox {
        padding-bottom: 5vw
    }
}

@media (max-width: 1024px) {
    #contact_page .pageContentAll .pageContent .contactInfo > .thisBox {
        padding-bottom: 12vw
    }
}

#contact_page .pageContentAll .pageContent .contactInfo > .thisBox .contentBox {
    position: relative;
    z-index: 1;
    width: 76%;
    margin: 0 auto
}

@media (max-width: 1600px) {
    #contact_page .pageContentAll .pageContent .contactInfo > .thisBox .contentBox {
        width: 76%
    }
}

@media (max-width: 1300px) {
    #contact_page .pageContentAll .pageContent .contactInfo > .thisBox .contentBox {
        width: 80%
    }
}

@media (max-width: 1024px) {
    #contact_page .pageContentAll .pageContent .contactInfo > .thisBox .contentBox {
        width: 86%
    }
}

#contact_page .pageContentAll .pageContent .contactInfo > .thisBox .contentBox .ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 2vw
}

@media (max-width: 1024px) {
    #contact_page .pageContentAll .pageContent .contactInfo > .thisBox .contentBox .ul {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 6vw
    }
}

#contact_page .pageContentAll .pageContent .contactInfo > .thisBox .contentBox .ul .li .box {
    position: relative;
    transition-duration: .8s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.56, -0.01, .04, 1);
    background-color: #fff;
    cursor: pointer;
    width: 100%;
    height: 100%;
    border: 1px solid #ccc;
    padding: 2vw
}

@media (max-width: 1024px) {
    #contact_page .pageContentAll .pageContent .contactInfo > .thisBox .contentBox .ul .li .box {
        padding: 6vw
    }
}

#contact_page .pageContentAll .pageContent .contactInfo > .thisBox .contentBox .ul .li .box .title {
    font-family: 'cn1';
    font-size: 1.3vw;
    margin-bottom: 1vw
}

@media (max-width: 1600px) {
    #contact_page .pageContentAll .pageContent .contactInfo > .thisBox .contentBox .ul .li .box .title {
        font-size: clamp(12px, 1.4vw, 1.4vw)
    }
}

@media (max-width: 1300px) {
    #contact_page .pageContentAll .pageContent .contactInfo > .thisBox .contentBox .ul .li .box .title {
        font-size: clamp(12px, 1.5vw, 1.5vw)
    }
}

@media (max-width: 1024px) {
    #contact_page .pageContentAll .pageContent .contactInfo > .thisBox .contentBox .ul .li .box .title {
        font-size: 4.6vw
    }
}

@media (max-width: 1024px) {
    #contact_page .pageContentAll .pageContent .contactInfo > .thisBox .contentBox .ul .li .box .title {
        margin-bottom: 4vw
    }
}

#contact_page .pageContentAll .pageContent .contactInfo > .thisBox .contentBox .ul .li .box .lianxiInfo .infoList {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: unset;
    gap: .4vw
}

@media (max-width: 1024px) {
    #contact_page .pageContentAll .pageContent .contactInfo > .thisBox .contentBox .ul .li .box .lianxiInfo .infoList {
        gap: 2vw
    }
}

#contact_page .pageContentAll .pageContent .contactInfo > .thisBox .contentBox .ul .li .box .lianxiInfo .infoList .infoLi {
    border-radius: 2vw;
    background-color: #f6f6f6;
    padding: .4vw .8vw;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: unset
}

@media (max-width: 1024px) {
    #contact_page .pageContentAll .pageContent .contactInfo > .thisBox .contentBox .ul .li .box .lianxiInfo .infoList .infoLi {
        padding: 2vw 4vw
    }
}

#contact_page .pageContentAll .pageContent .contactInfo > .thisBox .contentBox .ul .li .box .lianxiInfo .infoList .infoLi i {
    color: #EA5506
}

#contact_page .pageContentAll .pageContent .contactInfo > .thisBox .contentBox .ul .li .box .lianxiInfo .infoList .infoLi .txtCout {
    margin-left: .4vw
}

#contact_page .pageContentAll .pageContent .contactInfo > .thisBox .contentBox .ul .li .box::after {
    width: 0;
    content: '';
    position: absolute;
    display: block;
    height: .2vw;
    transition-duration: .8s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.56, -0.01, .04, 1);
    bottom: 0;
    left: 0;
    background: linear-gradient(-90deg, #f08300, #f5af5b)
}

#contact_page .pageContentAll .pageContent .contactInfo > .thisBox .contentBox .ul .li .box:hover {
    border-color: #fff;
    box-shadow: 2px 2px 20px rgba(0,0,0,0.08)
}

    #contact_page .pageContentAll .pageContent .contactInfo > .thisBox .contentBox .ul .li .box:hover::after {
        width: 100%
    }

#contact_page .pageContentAll .pageContent .zimeiti > .thisBox {
    background: linear-gradient(-90deg, #f08300, #f5af5b);
    padding: 5vw 0
}

@media (max-width: 1600px) {
    #contact_page .pageContentAll .pageContent .zimeiti > .thisBox {
        padding: 5vw 0
    }
}

@media (max-width: 1300px) {
    #contact_page .pageContentAll .pageContent .zimeiti > .thisBox {
        padding: 5vw 0
    }
}

@media (max-width: 1024px) {
    #contact_page .pageContentAll .pageContent .zimeiti > .thisBox {
        padding: 12vw 0
    }
}

#contact_page .pageContentAll .pageContent .zimeiti > .thisBox * {
    color: #fff;
    border-color: #fff
}

#contact_page .pageContentAll .pageContent .zimeiti > .thisBox .contentBox .ul {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: unset;
    gap: 6vw
}

    #contact_page .pageContentAll .pageContent .zimeiti > .thisBox .contentBox .ul .li .box .imgBox {
        height: 10vw
    }

@media (max-width: 1024px) {
    #contact_page .pageContentAll .pageContent .zimeiti > .thisBox .contentBox .ul .li .box .imgBox {
        height: 30vw
    }
}

#contact_page .pageContentAll .pageContent .contactMap > .thisBox {
    padding: 5vw 0
}

@media (max-width: 1600px) {
    #contact_page .pageContentAll .pageContent .contactMap > .thisBox {
        padding: 5vw 0
    }
}

@media (max-width: 1300px) {
    #contact_page .pageContentAll .pageContent .contactMap > .thisBox {
        padding: 5vw 0
    }
}

@media (max-width: 1024px) {
    #contact_page .pageContentAll .pageContent .contactMap > .thisBox {
        padding: 12vw 0
    }
}

#contact_page .pageContentAll .pageContent .contactMap > .thisBox .contentBox {
    width: 76%;
    margin: 0 auto
}

@media (max-width: 1600px) {
    #contact_page .pageContentAll .pageContent .contactMap > .thisBox .contentBox {
        width: 76%
    }
}

@media (max-width: 1300px) {
    #contact_page .pageContentAll .pageContent .contactMap > .thisBox .contentBox {
        width: 80%
    }
}

@media (max-width: 1024px) {
    #contact_page .pageContentAll .pageContent .contactMap > .thisBox .contentBox {
        width: 86%
    }
}

#contact_page .pageContentAll .pageContent .contactMap > .thisBox .contentBox .thisMap {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: unset;
    height: 25vw
}

@media (max-width: 1024px) {
    #contact_page .pageContentAll .pageContent .contactMap > .thisBox .contentBox .thisMap {
        height: unset;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        flex-wrap: unset
    }
}

#contact_page .pageContentAll .pageContent .contactMap > .thisBox .contentBox .thisMap .mapK {
    width: 60%;
    height: 100%
}

@media (max-width: 1024px) {
    #contact_page .pageContentAll .pageContent .contactMap > .thisBox .contentBox .thisMap .mapK {
        width: 100%;
        height: 50vw
    }
}

#contact_page .pageContentAll .pageContent .contactMap > .thisBox .contentBox .thisMap .mapK #allmap {
    width: 100%;
    height: 100%
}

#contact_page .pageContentAll .pageContent .contactMap > .thisBox .contentBox .thisMap .rightCout {
    width: 40%;
    height: 100%;
    background-color: rgba(247,243,239,0.5);
    padding-left: 3vw;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: unset
}

@media (max-width: 1024px) {
    #contact_page .pageContentAll .pageContent .contactMap > .thisBox .contentBox .thisMap .rightCout {
        padding: 8vw;
        width: 100%
    }
}

#contact_page .pageContentAll .pageContent .contactMap > .thisBox .contentBox .thisMap .rightCout .pointChange .ul .li .box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: unset;
    gap: 2vw
}

    #contact_page .pageContentAll .pageContent .contactMap > .thisBox .contentBox .thisMap .rightCout .pointChange .ul .li .box .textCout {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        flex-wrap: unset;
        gap: 1vw
    }

@media (max-width: 1024px) {
    #contact_page .pageContentAll .pageContent .contactMap > .thisBox .contentBox .thisMap .rightCout .pointChange .ul .li .box .textCout {
        gap: 4vw
    }
}

#contact_page .pageContentAll .pageContent .contactMap > .thisBox .contentBox .thisMap .rightCout .pointChange .ul .li .box .textCout .btbt {
    position: relative;
    padding-bottom: .5vw;
    margin-bottom: 1vw;
    font-size: 1.4vw;
    font-family: 'cn1'
}

@media (max-width: 1600px) {
    #contact_page .pageContentAll .pageContent .contactMap > .thisBox .contentBox .thisMap .rightCout .pointChange .ul .li .box .textCout .btbt {
        font-size: clamp(12px, 1.5vw, 1.5vw)
    }
}

@media (max-width: 1300px) {
    #contact_page .pageContentAll .pageContent .contactMap > .thisBox .contentBox .thisMap .rightCout .pointChange .ul .li .box .textCout .btbt {
        font-size: clamp(12px, 1.6vw, 1.6vw)
    }
}

@media (max-width: 1024px) {
    #contact_page .pageContentAll .pageContent .contactMap > .thisBox .contentBox .thisMap .rightCout .pointChange .ul .li .box .textCout .btbt {
        font-size: 4.8vw
    }
}

#contact_page .pageContentAll .pageContent .contactMap > .thisBox .contentBox .thisMap .rightCout .pointChange .ul .li .box .textCout .btbt::after {
    content: '';
    position: absolute;
    display: block;
    bottom: 0;
    width: 3vw;
    height: .2vw;
    background: linear-gradient(-90deg, #f08300, #f5af5b)
}

#contact_page .pageContentAll .pageContent .contactMap > .thisBox .contentBox .thisMap .rightCout .pointChange .ul .li .box .textCout .dizhi {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: unset;
    gap: .4vw;
    font-size: .9vw;
    color: #EA5506
}

    #contact_page .pageContentAll .pageContent .contactMap > .thisBox .contentBox .thisMap .rightCout .pointChange .ul .li .box .textCout .dizhi i {
        color: #F08300;
        font-size: 1.1vw
    }

@media (max-width: 1600px) {
    #contact_page .pageContentAll .pageContent .contactMap > .thisBox .contentBox .thisMap .rightCout .pointChange .ul .li .box .textCout .dizhi i {
        font-size: clamp(12px, 1.2vw, 1.2vw)
    }
}

@media (max-width: 1300px) {
    #contact_page .pageContentAll .pageContent .contactMap > .thisBox .contentBox .thisMap .rightCout .pointChange .ul .li .box .textCout .dizhi i {
        font-size: clamp(12px, 1.3vw, 1.3vw)
    }
}

@media (max-width: 1024px) {
    #contact_page .pageContentAll .pageContent .contactMap > .thisBox .contentBox .thisMap .rightCout .pointChange .ul .li .box .textCout .dizhi i {
        font-size: 4.2vw
    }
}

@media (max-width: 1600px) {
    #contact_page .pageContentAll .pageContent .contactMap > .thisBox .contentBox .thisMap .rightCout .pointChange .ul .li .box .textCout .dizhi {
        font-size: clamp(12px, 1vw, 1vw)
    }
}

@media (max-width: 1300px) {
    #contact_page .pageContentAll .pageContent .contactMap > .thisBox .contentBox .thisMap .rightCout .pointChange .ul .li .box .textCout .dizhi {
        font-size: clamp(12px, 1.1vw, 1.1vw)
    }
}

@media (max-width: 1024px) {
    #contact_page .pageContentAll .pageContent .contactMap > .thisBox .contentBox .thisMap .rightCout .pointChange .ul .li .box .textCout .dizhi {
        font-size: 3.8vw
    }
}

#contact_page .pageContentAll .pageContent .contactMap > .thisBox .contentBox .thisMap .rightCout .pointChange .ul .li .box .textCout .content {
    padding-right: 2vw;
    overflow: auto;
    height: 6vw
}

@media (max-width: 1024px) {
    #contact_page .pageContentAll .pageContent .contactMap > .thisBox .contentBox .thisMap .rightCout .pointChange .ul .li .box .textCout .content {
        height: 50vw
    }
}

#contact_page .pageContentAll .pageContent .contactMap > .thisBox .contentBox .thisMap .rightCout .pointChange .ul .li .box .mapGo {
    animation: bgJianbian .8s cubic-bezier(.2, .5, .32, .8) 0s forwards;
    background-size: 400% 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: unset;
    gap: .4vw;
    padding: 1vw 2vw;
    color: #fff
}

@media (max-width: 1024px) {
    #contact_page .pageContentAll .pageContent .contactMap > .thisBox .contentBox .thisMap .rightCout .pointChange .ul .li .box .mapGo {
        padding: 3vw 8vw
    }
}

#contact_page .pageContentAll .pageContent .contactMap > .thisBox .contentBox .thisMap .rightCout .pointChange .ul .li .box .mapGo i {
    color: #fff
}

#contact_page .pageContentAll .pageContent .contactMap > .thisBox .contentBox .thisMap .rightCout .pointChange .ul .li .box .mapGo:hover {
    animation: bgJianbian_hover .8s cubic-bezier(.2, .5, .32, .8) 0s forwards
}

#contact_page .pageContentAll .pageContent .message > .thisBox .contentBox {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: unset;
    height: 30vw
}

@media (max-width: 1024px) {
    #contact_page .pageContentAll .pageContent .message > .thisBox .contentBox {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        flex-wrap: unset;
        height: unset;
        flex-direction: column-reverse
    }
}

#contact_page .pageContentAll .pageContent .message > .thisBox .contentBox .kuangBox {
    position: relative;
    width: 50%;
    height: 100%;
    padding-right: 3vw
}

@media (max-width: 1024px) {
    #contact_page .pageContentAll .pageContent .message > .thisBox .contentBox .kuangBox {
        margin-top: 6vw;
        width: 100%
    }
}

#contact_page .pageContentAll .pageContent .message > .thisBox .contentBox .kuangBox .formBiaodan {
    width: 100%;
    height: 100%
}

    #contact_page .pageContentAll .pageContent .message > .thisBox .contentBox .kuangBox .formBiaodan .thisBoxAll {
        width: 100%;
        height: 100%
    }

        #contact_page .pageContentAll .pageContent .message > .thisBox .contentBox .kuangBox .formBiaodan .thisBoxAll .cenBox {
            width: 100%;
            height: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            flex-wrap: unset
        }

            #contact_page .pageContentAll .pageContent .message > .thisBox .contentBox .kuangBox .formBiaodan .thisBoxAll .cenBox .biaodan {
                width: 100%
            }

                #contact_page .pageContentAll .pageContent .message > .thisBox .contentBox .kuangBox .formBiaodan .thisBoxAll .cenBox .biaodan form {
                    width: 100%;
                    display: flex;
                    flex-direction: column;
                    align-items: flex-start;
                    justify-content: center;
                    flex-wrap: unset;
                    gap: 1vw
                }

                    #contact_page .pageContentAll .pageContent .message > .thisBox .contentBox .kuangBox .formBiaodan .thisBoxAll .cenBox .biaodan form .inputBox {
                        position: relative;
                        width: 100%;
                        display: flex;
                        flex-direction: row;
                        align-items: flex-start;
                        justify-content: flex-start;
                        flex-wrap: unset
                    }

@media (max-width: 1024px) {
    #contact_page .pageContentAll .pageContent .message > .thisBox .contentBox .kuangBox .formBiaodan .thisBoxAll .cenBox .biaodan form .inputBox {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        flex-wrap: unset
    }
}

#contact_page .pageContentAll .pageContent .message > .thisBox .contentBox .kuangBox .formBiaodan .thisBoxAll .cenBox .biaodan form .inputBox .bdTitle {
    position: relative;
    display: block;
    width: 6vw;
    padding-top: .5vw;
    font-size: 1vw
}

@media (max-width: 1600px) {
    #contact_page .pageContentAll .pageContent .message > .thisBox .contentBox .kuangBox .formBiaodan .thisBoxAll .cenBox .biaodan form .inputBox .bdTitle {
        font-size: clamp(12px, 1.1vw, 1.1vw)
    }
}

@media (max-width: 1300px) {
    #contact_page .pageContentAll .pageContent .message > .thisBox .contentBox .kuangBox .formBiaodan .thisBoxAll .cenBox .biaodan form .inputBox .bdTitle {
        font-size: clamp(12px, 1.2vw, 1.2vw)
    }
}

@media (max-width: 1024px) {
    #contact_page .pageContentAll .pageContent .message > .thisBox .contentBox .kuangBox .formBiaodan .thisBoxAll .cenBox .biaodan form .inputBox .bdTitle {
        font-size: 4vw
    }
}

@media (max-width: 1024px) {
    #contact_page .pageContentAll .pageContent .message > .thisBox .contentBox .kuangBox .formBiaodan .thisBoxAll .cenBox .biaodan form .inputBox .bdTitle {
        width: 100%
    }
}

#contact_page .pageContentAll .pageContent .message > .thisBox .contentBox .kuangBox .formBiaodan .thisBoxAll .cenBox .biaodan form .inputBox .input {
    width: calc(100% - 6vw)
}

@media (max-width: 1024px) {
    #contact_page .pageContentAll .pageContent .message > .thisBox .contentBox .kuangBox .formBiaodan .thisBoxAll .cenBox .biaodan form .inputBox .input {
        width: 100%
    }
}

#contact_page .pageContentAll .pageContent .message > .thisBox .contentBox .kuangBox .formBiaodan .thisBoxAll .cenBox .biaodan form .inputBox .input input {
    background-color: #fff;
    width: 100%;
    border: 1px solid #ccc;
    height: 100%;
    padding-left: 1vw;
    height: 2.4vw
}

@media (max-width: 1024px) {
    #contact_page .pageContentAll .pageContent .message > .thisBox .contentBox .kuangBox .formBiaodan .thisBoxAll .cenBox .biaodan form .inputBox .input input {
        padding-left: 4vw
    }
}

@media (max-width: 1024px) {
    #contact_page .pageContentAll .pageContent .message > .thisBox .contentBox .kuangBox .formBiaodan .thisBoxAll .cenBox .biaodan form .inputBox .input input {
        height: 12vw
    }
}

#contact_page .pageContentAll .pageContent .message > .thisBox .contentBox .kuangBox .formBiaodan .thisBoxAll .cenBox .biaodan form .inputBox .tianxieInfo {
    position: absolute;
    right: 0;
    top: calc(100% + .4vw);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: unset
}

#contact_page .pageContentAll .pageContent .message > .thisBox .contentBox .kuangBox .formBiaodan .thisBoxAll .cenBox .biaodan form .inputBox.textarea {
    grid-column: span 2
}

    #contact_page .pageContentAll .pageContent .message > .thisBox .contentBox .kuangBox .formBiaodan .thisBoxAll .cenBox .biaodan form .inputBox.textarea .input {
        height: 6vw
    }

@media (max-width: 1024px) {
    #contact_page .pageContentAll .pageContent .message > .thisBox .contentBox .kuangBox .formBiaodan .thisBoxAll .cenBox .biaodan form .inputBox.textarea .input {
        height: 40vw
    }
}

#contact_page .pageContentAll .pageContent .message > .thisBox .contentBox .kuangBox .formBiaodan .thisBoxAll .cenBox .biaodan form .inputBox.textarea .input textarea {
    background-color: #fff;
    border: 1px solid #ccc;
    padding-left: 1vw;
    height: 100%;
    font-family: auto;
    padding: 1vw;
    width: 100%;
    outline: none
}

@media (max-width: 1024px) {
    #contact_page .pageContentAll .pageContent .message > .thisBox .contentBox .kuangBox .formBiaodan .thisBoxAll .cenBox .biaodan form .inputBox.textarea .input textarea {
        padding-left: 4vw
    }
}

@media (max-width: 1024px) {
    #contact_page .pageContentAll .pageContent .message > .thisBox .contentBox .kuangBox .formBiaodan .thisBoxAll .cenBox .biaodan form .inputBox.textarea .input textarea {
        padding: 4vw
    }
}

#contact_page .pageContentAll .pageContent .message > .thisBox .contentBox .kuangBox .formBiaodan .thisBoxAll .cenBox .biaodan form .inputBox.yanzhengma {
    grid-column: span 2
}

    #contact_page .pageContentAll .pageContent .message > .thisBox .contentBox .kuangBox .formBiaodan .thisBoxAll .cenBox .biaodan form .inputBox.yanzhengma .input {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        flex-wrap: unset;
        gap: 1vw
    }

#contact_page .pageContentAll .pageContent .message > .thisBox .contentBox .kuangBox .formBiaodan .thisBoxAll .cenBox .biaodan form .inputBox.must .bdTitle::after {
    content: '*';
    position: absolute;
    color: red
}

#contact_page .pageContentAll .pageContent .message > .thisBox .contentBox .kuangBox .formBiaodan .thisBoxAll .cenBox .biaodan form .inputBox.zhengque .tianxieInfo i {
    color: green
}

#contact_page .pageContentAll .pageContent .message > .thisBox .contentBox .kuangBox .formBiaodan .thisBoxAll .cenBox .biaodan form .inputBox.zhengque .tianxieInfo .txt {
    color: green
}

#contact_page .pageContentAll .pageContent .message > .thisBox .contentBox .kuangBox .formBiaodan .thisBoxAll .cenBox .biaodan form .inputBox.cuowu .tianxieInfo i {
    color: red
}

#contact_page .pageContentAll .pageContent .message > .thisBox .contentBox .kuangBox .formBiaodan .thisBoxAll .cenBox .biaodan form .inputBox.cuowu .tianxieInfo .txt {
    color: red
}

#contact_page .pageContentAll .pageContent .message > .thisBox .contentBox .kuangBox .formBiaodan .thisBoxAll .cenBox .biaodan form .moreA {
    cursor: pointer;
    margin-left: 0
}

@media (max-width: 1024px) {
    #contact_page .pageContentAll .pageContent .message > .thisBox .contentBox .kuangBox .formBiaodan .thisBoxAll .cenBox .biaodan form .moreA {
        width: 100%
    }

        #contact_page .pageContentAll .pageContent .message > .thisBox .contentBox .kuangBox .formBiaodan .thisBoxAll .cenBox .biaodan form .moreA .unifyButton {
            width: 100%
        }

            #contact_page .pageContentAll .pageContent .message > .thisBox .contentBox .kuangBox .formBiaodan .thisBoxAll .cenBox .biaodan form .moreA .unifyButton .unifyButtonThis {
                width: 100%
            }

                #contact_page .pageContentAll .pageContent .message > .thisBox .contentBox .kuangBox .formBiaodan .thisBoxAll .cenBox .biaodan form .moreA .unifyButton .unifyButtonThis > .thisBox {
                    width: 100%
                }
}

#contact_page .pageContentAll .pageContent .message > .thisBox .contentBox .imgBox {
    width: 50%;
    height: 100%
}

@media (max-width: 1024px) {
    #contact_page .pageContentAll .pageContent .message > .thisBox .contentBox .imgBox {
        width: 100%;
        height: 50vw
    }
}

#recruit_page .pageContentAll .pageContent .recruitList > .thisBox .contentBox .ul .li .hengBox {
    padding: 2vw 4vw;
    border: 1px solid #eee;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    flex-wrap: unset
}

@media (max-width: 1024px) {
    #recruit_page .pageContentAll .pageContent .recruitList > .thisBox .contentBox .ul .li .hengBox {
        padding: 6vw
    }
}

#recruit_page .pageContentAll .pageContent .recruitList > .thisBox .contentBox .ul .li .hengBox .leftBox {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr 1fr;
    grid-column-gap: 3vw;
    width: 90%
}

@media (max-width: 1024px) {
    #recruit_page .pageContentAll .pageContent .recruitList > .thisBox .contentBox .ul .li .hengBox .leftBox {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 2vw
    }
}

#recruit_page .pageContentAll .pageContent .recruitList > .thisBox .contentBox .ul .li .hengBox .leftBox .boxLi {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: unset;
    gap: 1.3vw
}

@media (max-width: 1024px) {
    #recruit_page .pageContentAll .pageContent .recruitList > .thisBox .contentBox .ul .li .hengBox .leftBox .boxLi {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        flex-wrap: unset
    }
}

#recruit_page .pageContentAll .pageContent .recruitList > .thisBox .contentBox .ul .li .hengBox .leftBox .boxLi .bdTitle {
    color: #666
}

@media (max-width: 1024px) {
    #recruit_page .pageContentAll .pageContent .recruitList > .thisBox .contentBox .ul .li .hengBox .leftBox .boxLi .bdTitle {
        margin-right: 4vw
    }
}

#recruit_page .pageContentAll .pageContent .recruitList > .thisBox .contentBox .ul .li .hengBox .leftBox .boxLi .cout {
    font-size: 1vw
}

@media (max-width: 1600px) {
    #recruit_page .pageContentAll .pageContent .recruitList > .thisBox .contentBox .ul .li .hengBox .leftBox .boxLi .cout {
        font-size: clamp(12px, 1.1vw, 1.1vw)
    }
}

@media (max-width: 1300px) {
    #recruit_page .pageContentAll .pageContent .recruitList > .thisBox .contentBox .ul .li .hengBox .leftBox .boxLi .cout {
        font-size: clamp(12px, 1.2vw, 1.2vw)
    }
}

@media (max-width: 1024px) {
    #recruit_page .pageContentAll .pageContent .recruitList > .thisBox .contentBox .ul .li .hengBox .leftBox .boxLi .cout {
        font-size: 4vw
    }
}

#recruit_page .pageContentAll .pageContent .recruitList > .thisBox .contentBox .ul .li .hengBox .leftBox .boxLi:first-child .cout {
    color: #F08300
}

#recruit_page .pageContentAll .pageContent .recruitList > .thisBox .contentBox .ul .li .hengBox .leftBox .boxLi:last-child {
    margin-left: 3vw
}

@media (max-width: 1024px) {
    #recruit_page .pageContentAll .pageContent .recruitList > .thisBox .contentBox .ul .li .hengBox .leftBox .boxLi:last-child {
        margin-left: 0
    }
}

#recruit_page .pageContentAll .pageContent .recruitList > .thisBox .contentBox .ul .li .hengBox .rightBox {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    flex-wrap: unset;
    gap: 4vw
}

    #recruit_page .pageContentAll .pageContent .recruitList > .thisBox .contentBox .ul .li .hengBox .rightBox .ico {
        position: relative;
        width: 3vw;
        height: 3vw;
        border-radius: 50%;
        animation: bgJianbian .8s cubic-bezier(.2, .5, .32, .8) 0s forwards;
        background-size: 400% 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        flex-wrap: unset
    }

@media (max-width: 1024px) {
    #recruit_page .pageContentAll .pageContent .recruitList > .thisBox .contentBox .ul .li .hengBox .rightBox .ico {
        width: 8vw;
        height: 8vw
    }
}

#recruit_page .pageContentAll .pageContent .recruitList > .thisBox .contentBox .ul .li .hengBox .rightBox .ico span {
    width: 1.2vw;
    position: absolute;
    border-bottom: 2px solid #fff;
    left: calc(50% - 0.5vw - 1px);
    top: calc(50% - 1px);
    transition-duration: .8s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.56, -0.01, .04, 1)
}

@media (max-width: 1024px) {
    #recruit_page .pageContentAll .pageContent .recruitList > .thisBox .contentBox .ul .li .hengBox .rightBox .ico span {
        width: 4vw;
        left: calc(50% - 2vw)
    }
}

#recruit_page .pageContentAll .pageContent .recruitList > .thisBox .contentBox .ul .li .hengBox .rightBox .ico span:nth-child(2) {
    transform: rotate(90deg)
}

#recruit_page .pageContentAll .pageContent .recruitList > .thisBox .contentBox .ul .li .hengBox:hover .rightBox .ico {
    animation: bgJianbian_hover .8s cubic-bezier(.2, .5, .32, .8) 0s forwards
}

#recruit_page .pageContentAll .pageContent .recruitList > .thisBox .contentBox .ul .li .hengBox.on .rightBox .ico span:nth-child(1) {
    transform: rotate(180deg)
}

#recruit_page .pageContentAll .pageContent .recruitList > .thisBox .contentBox .ul .li .hengBox.on .rightBox .ico span:nth-child(2) {
    transform: rotate(360deg)
}

#recruit_page .pageContentAll .pageContent .recruitList > .thisBox .contentBox .ul .li .recruitDetailBox {
    overflow: hidden;
    height: 0;
    position: relative;
    transition-duration: .8s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.56, -0.01, .04, 1)
}

    #recruit_page .pageContentAll .pageContent .recruitList > .thisBox .contentBox .ul .li .recruitDetailBox .detailContentBox {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        border-left: none;
        border-right: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        flex-wrap: unset;
        gap: 1vw;
        padding: 4vw;
        background: linear-gradient(to right, #F08300, #F5AF5B)
    }

        #recruit_page .pageContentAll .pageContent .recruitList > .thisBox .contentBox .ul .li .recruitDetailBox .detailContentBox .bbtt {
            position: relative;
            font-size: 1.2vw;
            font-weight: bold;
            width: 100%;
            color: #fff;
            padding-left: 1vw;
            margin-top: 1vw
        }

@media (max-width: 1600px) {
    #recruit_page .pageContentAll .pageContent .recruitList > .thisBox .contentBox .ul .li .recruitDetailBox .detailContentBox .bbtt {
        font-size: clamp(12px, 1.3vw, 1.3vw)
    }
}

@media (max-width: 1300px) {
    #recruit_page .pageContentAll .pageContent .recruitList > .thisBox .contentBox .ul .li .recruitDetailBox .detailContentBox .bbtt {
        font-size: clamp(12px, 1.4vw, 1.4vw)
    }
}

@media (max-width: 1024px) {
    #recruit_page .pageContentAll .pageContent .recruitList > .thisBox .contentBox .ul .li .recruitDetailBox .detailContentBox .bbtt {
        font-size: 4.4vw
    }
}

@media (max-width: 1024px) {
    #recruit_page .pageContentAll .pageContent .recruitList > .thisBox .contentBox .ul .li .recruitDetailBox .detailContentBox .bbtt {
        margin-top: 4vw;
        padding-left: 4vw
    }
}

#recruit_page .pageContentAll .pageContent .recruitList > .thisBox .contentBox .ul .li .recruitDetailBox .detailContentBox .bbtt::before {
    left: 0;
    content: '';
    position: absolute;
    display: block;
    top: 50%;
    transform: translateY(-50%);
    width: .3vw;
    height: 1.4vw;
    border-radius: 1vw;
    background-color: #F08300
}

@media (max-width: 1024px) {
    #recruit_page .pageContentAll .pageContent .recruitList > .thisBox .contentBox .ul .li .recruitDetailBox .detailContentBox .bbtt::before {
        width: 1vw;
        height: 5vw
    }
}

#recruit_page .pageContentAll .pageContent .recruitList > .thisBox .contentBox .ul .li .recruitDetailBox .detailContentBox .wenzhang {
    width: 100%;
    color: #fff;
    line-height: 2em
}

#monitoring_page .pageContentAll .pageContent .monitoringBox > .thisBox .contentBox {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: unset;
    gap: 10vw
}

@media (max-width: 1024px) {
    #monitoring_page .pageContentAll .pageContent .monitoringBox > .thisBox .contentBox {
        padding: 8vw;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        flex-wrap: unset
    }
}

#monitoring_page .pageContentAll .pageContent .monitoringBox > .thisBox .contentBox .titleName {
    font-size: 1.5vw;
    width: 100%;
    font-family: 'cn1';
    padding-bottom: .6vw;
    margin-bottom: 1vw;
    border-bottom: 1px solid #ddd
}

@media (max-width: 1600px) {
    #monitoring_page .pageContentAll .pageContent .monitoringBox > .thisBox .contentBox .titleName {
        font-size: clamp(12px, 1.6vw, 1.6vw)
    }
}

@media (max-width: 1300px) {
    #monitoring_page .pageContentAll .pageContent .monitoringBox > .thisBox .contentBox .titleName {
        font-size: clamp(12px, 1.7vw, 1.7vw)
    }
}

@media (max-width: 1024px) {
    #monitoring_page .pageContentAll .pageContent .monitoringBox > .thisBox .contentBox .titleName {
        font-size: 5vw
    }
}

@media (max-width: 1024px) {
    #monitoring_page .pageContentAll .pageContent .monitoringBox > .thisBox .contentBox .titleName {
        width: 100%
    }
}

#monitoring_page .pageContentAll .pageContent .monitoringBox > .thisBox .contentBox .leftBox {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: unset;
    gap: 1vw
}

@media (max-width: 1024px) {
    #monitoring_page .pageContentAll .pageContent .monitoringBox > .thisBox .contentBox .leftBox {
        width: 100%;
        gap: 3vw
    }
}

#monitoring_page .pageContentAll .pageContent .monitoringBox > .thisBox .contentBox .leftBox .miaoshu {
    font-family: 'en6';
    text-transform: uppercase;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: unset;
    gap: 1vw
}

@media (max-width: 1024px) {
    #monitoring_page .pageContentAll .pageContent .monitoringBox > .thisBox .contentBox .leftBox .miaoshu {
        gap: 4vw
    }
}

#monitoring_page .pageContentAll .pageContent .monitoringBox > .thisBox .contentBox .leftBox .miaoshu .one {
    font-size: 1.3vw;
    font-family: 'cn1';
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: unset
}

@media (max-width: 1600px) {
    #monitoring_page .pageContentAll .pageContent .monitoringBox > .thisBox .contentBox .leftBox .miaoshu .one {
        font-size: clamp(12px, 1.4vw, 1.4vw)
    }
}

@media (max-width: 1300px) {
    #monitoring_page .pageContentAll .pageContent .monitoringBox > .thisBox .contentBox .leftBox .miaoshu .one {
        font-size: clamp(12px, 1.5vw, 1.5vw)
    }
}

@media (max-width: 1024px) {
    #monitoring_page .pageContentAll .pageContent .monitoringBox > .thisBox .contentBox .leftBox .miaoshu .one {
        font-size: 4.6vw
    }
}

#monitoring_page .pageContentAll .pageContent .monitoringBox > .thisBox .contentBox .leftBox .miaoshu .one span {
    width: .7vw;
    font-family: 'en6';
    text-transform: uppercase;
    display: block;
    padding-top: .3vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: unset
}

@media (max-width: 1024px) {
    #monitoring_page .pageContentAll .pageContent .monitoringBox > .thisBox .contentBox .leftBox .miaoshu .one span {
        padding-top: 1vw;
        width: 2.6vw;
        font-size: 1.7vw
    }
}

@media (max-width: 1024px) and (max-width:1600px) {
    #monitoring_page .pageContentAll .pageContent .monitoringBox > .thisBox .contentBox .leftBox .miaoshu .one span {
        font-size: clamp(12px, 1.8vw, 1.8vw)
    }
}

@media (max-width: 1024px) and (max-width:1300px) {
    #monitoring_page .pageContentAll .pageContent .monitoringBox > .thisBox .contentBox .leftBox .miaoshu .one span {
        font-size: clamp(12px, 1.9vw, 1.9vw)
    }
}

@media (max-width: 1024px) and (max-width:1024px) {
    #monitoring_page .pageContentAll .pageContent .monitoringBox > .thisBox .contentBox .leftBox .miaoshu .one span {
        font-size: 5.4vw
    }
}

@media (max-width: 1024px) {
    #monitoring_page .pageContentAll .pageContent .monitoringBox > .thisBox .contentBox .rightBox {
        margin-top: 6vw;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        flex-wrap: unset;
        gap: 3vw
    }
}

#monitoring_page .pageContentAll .pageContent .monitoringBox > .thisBox .contentBox .rightBox .erwei .ul {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: unset;
    gap: 3vw
}

    #monitoring_page .pageContentAll .pageContent .monitoringBox > .thisBox .contentBox .rightBox .erwei .ul .li img {
        width: 10vw;
        height: 10vw
    }

@media (max-width: 1024px) {
    #monitoring_page .pageContentAll .pageContent .monitoringBox > .thisBox .contentBox .rightBox .erwei .ul .li img {
        width: 30vw;
        height: 30vw
    }
}

#monitoring_page .pageContentAll .pageContent .monitoringBox > .thisBox .contentBox .rightBox .erwei .ul .li .title {
    font-size: .9vw;
    color: #fff
}

@media (max-width: 1600px) {
    #monitoring_page .pageContentAll .pageContent .monitoringBox > .thisBox .contentBox .rightBox .erwei .ul .li .title {
        font-size: clamp(12px, 1vw, 1vw)
    }
}

@media (max-width: 1300px) {
    #monitoring_page .pageContentAll .pageContent .monitoringBox > .thisBox .contentBox .rightBox .erwei .ul .li .title {
        font-size: clamp(12px, 1.1vw, 1.1vw)
    }
}

@media (max-width: 1024px) {
    #monitoring_page .pageContentAll .pageContent .monitoringBox > .thisBox .contentBox .rightBox .erwei .ul .li .title {
        font-size: 3.8vw
    }
}

#honor_page .pageContentAll .pageContent .honorTop > .thisBox {
    padding-bottom: 5vw
}

@media (max-width: 1600px) {
    #honor_page .pageContentAll .pageContent .honorTop > .thisBox {
        padding-bottom: 5vw
    }
}

@media (max-width: 1300px) {
    #honor_page .pageContentAll .pageContent .honorTop > .thisBox {
        padding-bottom: 5vw
    }
}

@media (max-width: 1024px) {
    #honor_page .pageContentAll .pageContent .honorTop > .thisBox {
        padding-bottom: 12vw
    }
}

#honor_page .pageContentAll .pageContent .honorTop > .thisBox .coutBox .swiperBox #honorTop .swiper-slide {
    width: 24vw
}

    #honor_page .pageContentAll .pageContent .honorTop > .thisBox .coutBox .swiperBox #honorTop .swiper-slide .box {
        padding: 2vw;
        cursor: pointer;
        border-radius: 1vw;
        transition-duration: .8s;
        transition-property: all;
        transition-timing-function: cubic-bezier(.56, -0.01, .04, 1);
        transform: scale(.6);
        opacity: .6;
        filter: blur(.4vw);
        background-color: #fff;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        flex-wrap: unset;
        gap: 1vw
    }

        #honor_page .pageContentAll .pageContent .honorTop > .thisBox .coutBox .swiperBox #honorTop .swiper-slide .box .imgBox {
            height: 22vw;
            width: 100%
        }

            #honor_page .pageContentAll .pageContent .honorTop > .thisBox .coutBox .swiperBox #honorTop .swiper-slide .box .imgBox img {
                object-fit: contain;
                filter: drop-shadow(.4vw .4vw 1vw rgba(0,0,0,0.1))
            }

        #honor_page .pageContentAll .pageContent .honorTop > .thisBox .coutBox .swiperBox #honorTop .swiper-slide .box .title {
            font-size: .9vw;
            text-align: center
        }

@media (max-width: 1600px) {
    #honor_page .pageContentAll .pageContent .honorTop > .thisBox .coutBox .swiperBox #honorTop .swiper-slide .box .title {
        font-size: clamp(12px, 1vw, 1vw)
    }
}

@media (max-width: 1300px) {
    #honor_page .pageContentAll .pageContent .honorTop > .thisBox .coutBox .swiperBox #honorTop .swiper-slide .box .title {
        font-size: clamp(12px, 1.1vw, 1.1vw)
    }
}

@media (max-width: 1024px) {
    #honor_page .pageContentAll .pageContent .honorTop > .thisBox .coutBox .swiperBox #honorTop .swiper-slide .box .title {
        font-size: 3.8vw
    }
}

#honor_page .pageContentAll .pageContent .honorTop > .thisBox .coutBox .swiperBox #honorTop .swiper-slide.swiper-slide-prev .box, #honor_page .pageContentAll .pageContent .honorTop > .thisBox .coutBox .swiperBox #honorTop .swiper-slide.swiper-slide-next .box {
    transform: scale(.8);
    opacity: .8;
    filter: blur(.2vw)
}

#honor_page .pageContentAll .pageContent .honorTop > .thisBox .coutBox .swiperBox #honorTop .swiper-slide.swiper-slide-active .box {
    transform: scale(1);
    opacity: 1;
    filter: blur(0)
}

#honor_page .pageContentAll .pageContent .honorList > .thisBox .listName {
    width: 76%;
    margin: 0 auto;
    padding-bottom: 2vw;
    text-align: center;
    border-bottom: 1px solid #ccc;
    margin-bottom: 2vw;
    font-family: 'en6';
    text-transform: uppercase;
    font-size: 2.7vw
}

@media (max-width: 1600px) {
    #honor_page .pageContentAll .pageContent .honorList > .thisBox .listName {
        width: 76%
    }
}

@media (max-width: 1300px) {
    #honor_page .pageContentAll .pageContent .honorList > .thisBox .listName {
        width: 80%
    }
}

@media (max-width: 1024px) {
    #honor_page .pageContentAll .pageContent .honorList > .thisBox .listName {
        width: 86%
    }
}

@media (max-width: 1600px) {
    #honor_page .pageContentAll .pageContent .honorList > .thisBox .listName {
        font-size: clamp(12px, 2.8vw, 2.8vw)
    }
}

@media (max-width: 1300px) {
    #honor_page .pageContentAll .pageContent .honorList > .thisBox .listName {
        font-size: clamp(12px, 2.9vw, 2.9vw)
    }
}

@media (max-width: 1024px) {
    #honor_page .pageContentAll .pageContent .honorList > .thisBox .listName {
        font-size: 7.4vw
    }
}

#honor_page .pageContentAll .pageContent .honorList > .thisBox .coutBox {
    width: 76%;
    margin: 0 auto
}

@media (max-width: 1600px) {
    #honor_page .pageContentAll .pageContent .honorList > .thisBox .coutBox {
        width: 76%
    }
}

@media (max-width: 1300px) {
    #honor_page .pageContentAll .pageContent .honorList > .thisBox .coutBox {
        width: 80%
    }
}

@media (max-width: 1024px) {
    #honor_page .pageContentAll .pageContent .honorList > .thisBox .coutBox {
        width: 86%
    }
}

#honor_page .pageContentAll .pageContent .honorList > .thisBox .coutBox .ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 2vw
}

    #honor_page .pageContentAll .pageContent .honorList > .thisBox .coutBox .ul .li .honorA {
        width: 100%;
        border: 1px solid #ccc;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        flex-wrap: unset;
        transition-duration: .8s;
        transition-property: all;
        transition-timing-function: cubic-bezier(.56, -0.01, .04, 1);
        padding-bottom: 1vw
    }

        #honor_page .pageContentAll .pageContent .honorList > .thisBox .coutBox .ul .li .honorA .imgBox {
            width: 100%;
            height: 16vw;
            background-color: #fff;
            padding: 1vw
        }

            #honor_page .pageContentAll .pageContent .honorList > .thisBox .coutBox .ul .li .honorA .imgBox img {
                object-fit: contain
            }

        #honor_page .pageContentAll .pageContent .honorList > .thisBox .coutBox .ul .li .honorA .title {
            padding: 0 1vw;
            line-height: 1.5em;
            text-align: center;
            font-size: .8vw
        }

@media (max-width: 1600px) {
    #honor_page .pageContentAll .pageContent .honorList > .thisBox .coutBox .ul .li .honorA .title {
        font-size: clamp(12px, .9vw, .9vw)
    }
}

@media (max-width: 1300px) {
    #honor_page .pageContentAll .pageContent .honorList > .thisBox .coutBox .ul .li .honorA .title {
        font-size: clamp(12px, 1vw, 1vw)
    }
}

@media (max-width: 1024px) {
    #honor_page .pageContentAll .pageContent .honorList > .thisBox .coutBox .ul .li .honorA .title {
        font-size: 3.6vw
    }
}

#honor_page .pageContentAll .pageContent .honorList > .thisBox .coutBox .ul .li .honorA:hover {
    background-color: #fff;
    border-color: #fff;
    box-shadow: 2px 2px 20px rgba(0,0,0,0.08)
}

#peopel_page .pageContentAll .pageContent .peopelList > .thisBox .contentBox .ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 2vw
}

@media (max-width: 1024px) {
    #peopel_page .pageContentAll .pageContent .peopelList > .thisBox .contentBox .ul {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 4vw
    }
}

#peopel_page .pageContentAll .pageContent .peopelList > .thisBox .contentBox .ul .li .box {
    height: 20vw;
    border: 1px solid rgba(0,0,0,0.1);
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: unset
}

@media (max-width: 1024px) {
    #peopel_page .pageContentAll .pageContent .peopelList > .thisBox .contentBox .ul .li .box {
        height: 40vw
    }
}

#peopel_page .pageContentAll .pageContent .peopelList > .thisBox .contentBox .ul .li .box .imgBox {
    width: 14vw;
    height: 100%
}

@media (max-width: 1024px) {
    #peopel_page .pageContentAll .pageContent .peopelList > .thisBox .contentBox .ul .li .box .imgBox {
        width: 40vw
    }
}

#peopel_page .pageContentAll .pageContent .peopelList > .thisBox .contentBox .ul .li .box .textBox {
    height: 100%;
    width: calc(100% - 14vw);
    padding: 2vw
}

    #peopel_page .pageContentAll .pageContent .peopelList > .thisBox .contentBox .ul .li .box .textBox .title {
        font-size: 1.5vw;
        font-family: 'cn1'
    }

@media (max-width: 1600px) {
    #peopel_page .pageContentAll .pageContent .peopelList > .thisBox .contentBox .ul .li .box .textBox .title {
        font-size: clamp(12px, 1.6vw, 1.6vw)
    }
}

@media (max-width: 1300px) {
    #peopel_page .pageContentAll .pageContent .peopelList > .thisBox .contentBox .ul .li .box .textBox .title {
        font-size: clamp(12px, 1.7vw, 1.7vw)
    }
}

@media (max-width: 1024px) {
    #peopel_page .pageContentAll .pageContent .peopelList > .thisBox .contentBox .ul .li .box .textBox .title {
        font-size: 5vw
    }
}

#peopel_page .pageContentAll .pageContent .peopelList > .thisBox .contentBox .ul .li .box .textBox .zhicheng {
    color: #F08300;
    font-weight: bold;
    font-size: .9vw;
    margin: 1vw 0 2vw
}

@media (max-width: 1600px) {
    #peopel_page .pageContentAll .pageContent .peopelList > .thisBox .contentBox .ul .li .box .textBox .zhicheng {
        font-size: clamp(12px, 1vw, 1vw)
    }
}

@media (max-width: 1300px) {
    #peopel_page .pageContentAll .pageContent .peopelList > .thisBox .contentBox .ul .li .box .textBox .zhicheng {
        font-size: clamp(12px, 1.1vw, 1.1vw)
    }
}

@media (max-width: 1024px) {
    #peopel_page .pageContentAll .pageContent .peopelList > .thisBox .contentBox .ul .li .box .textBox .zhicheng {
        font-size: 3.8vw
    }
}

#peopel_page .pageContentAll .pageContent .peopelList > .thisBox .contentBox .ul .li .box .textBox .content {
    height: 11vw;
    overflow: auto;
    padding-right: 1vw
}

#landscape_page .pageContentAll .pageContent .fengjingBox > .thisBox .contentBox .ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 2vw
}

@media (max-width: 1024px) {
    #landscape_page .pageContentAll .pageContent .fengjingBox > .thisBox .contentBox .ul {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 6vw
    }
}

#landscape_page .pageContentAll .pageContent .fengjingBox > .thisBox .contentBox .ul .li .fengjingA {
    width: 100%;
    overflow: hidden;
    position: relative;
    height: 20vw
}

@media (max-width: 1024px) {
    #landscape_page .pageContentAll .pageContent .fengjingBox > .thisBox .contentBox .ul .li .fengjingA {
        height: 50vw
    }
}

#landscape_page .pageContentAll .pageContent .fengjingBox > .thisBox .contentBox .ul .li .fengjingA .imgBox {
    width: 100%;
    height: 100%
}

    #landscape_page .pageContentAll .pageContent .fengjingBox > .thisBox .contentBox .ul .li .fengjingA .imgBox img {
        transition-duration: .8s;
        transition-property: all;
        transition-timing-function: cubic-bezier(.56, -0.01, .04, 1)
    }

#landscape_page .pageContentAll .pageContent .fengjingBox > .thisBox .contentBox .ul .li .fengjingA .textBox {
    position: absolute;
    bottom: 0;
    left: 0;
    transition-duration: .8s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.56, -0.01, .04, 1);
    padding: 1vw 2vw;
    z-index: 1;
    text-align: center;
    width: 100%
}

@media (max-width: 1024px) {
    #landscape_page .pageContentAll .pageContent .fengjingBox > .thisBox .contentBox .ul .li .fengjingA .textBox {
        padding: 4vw 8vw
    }
}

#landscape_page .pageContentAll .pageContent .fengjingBox > .thisBox .contentBox .ul .li .fengjingA .textBox .title {
    position: relative;
    color: #fff;
    font-size: 1.2vw;
    font-weight: bold;
    padding-bottom: .4vw;
    border-bottom: 2px solid rgba(255,255,255,0.6);
    width: 100%
}

@media (max-width: 1600px) {
    #landscape_page .pageContentAll .pageContent .fengjingBox > .thisBox .contentBox .ul .li .fengjingA .textBox .title {
        font-size: clamp(12px, 1.3vw, 1.3vw)
    }
}

@media (max-width: 1300px) {
    #landscape_page .pageContentAll .pageContent .fengjingBox > .thisBox .contentBox .ul .li .fengjingA .textBox .title {
        font-size: clamp(12px, 1.4vw, 1.4vw)
    }
}

@media (max-width: 1024px) {
    #landscape_page .pageContentAll .pageContent .fengjingBox > .thisBox .contentBox .ul .li .fengjingA .textBox .title {
        font-size: 4.4vw
    }
}

#landscape_page .pageContentAll .pageContent .fengjingBox > .thisBox .contentBox .ul .li .fengjingA .textBox .title::after {
    content: '';
    position: absolute;
    display: block;
    bottom: -2px;
    width: 4vw;
    height: 2px;
    background-color: #F08300;
    left: calc(50% - 2vw)
}

#landscape_page .pageContentAll .pageContent .fengjingBox > .thisBox .contentBox .ul .li .fengjingA .hovShow {
    opacity: 0;
    transition-duration: .8s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.56, -0.01, .04, 1);
    z-index: 1;
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: unset;
    gap: 1vw;
    transform: translateY(2vw)
}

    #landscape_page .pageContentAll .pageContent .fengjingBox > .thisBox .contentBox .ul .li .fengjingA .hovShow .ico {
        width: 2.5vw;
        height: 2.5vw;
        border-radius: 50%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        flex-wrap: unset;
        background: linear-gradient(-90deg, #f08300, #f5af5b)
    }

        #landscape_page .pageContentAll .pageContent .fengjingBox > .thisBox .contentBox .ul .li .fengjingA .hovShow .ico i {
            font-size: 1vw;
            color: #fff
        }

@media (max-width: 1600px) {
    #landscape_page .pageContentAll .pageContent .fengjingBox > .thisBox .contentBox .ul .li .fengjingA .hovShow .ico i {
        font-size: clamp(12px, 1.1vw, 1.1vw)
    }
}

@media (max-width: 1300px) {
    #landscape_page .pageContentAll .pageContent .fengjingBox > .thisBox .contentBox .ul .li .fengjingA .hovShow .ico i {
        font-size: clamp(12px, 1.2vw, 1.2vw)
    }
}

@media (max-width: 1024px) {
    #landscape_page .pageContentAll .pageContent .fengjingBox > .thisBox .contentBox .ul .li .fengjingA .hovShow .ico i {
        font-size: 4vw
    }
}

#landscape_page .pageContentAll .pageContent .fengjingBox > .thisBox .contentBox .ul .li .fengjingA .hovShow .txt {
    color: #fff;
    font-weight: bold
}

#landscape_page .pageContentAll .pageContent .fengjingBox > .thisBox .contentBox .ul .li .fengjingA::after {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 30%;
    bottom: 0;
    left: 0;
    transition-duration: .8s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.56, -0.01, .04, 1);
    background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.5))
}

#landscape_page .pageContentAll .pageContent .fengjingBox > .thisBox .contentBox .ul .li .fengjingA:hover .imgBox img {
    transform: scale(1.1)
}

#landscape_page .pageContentAll .pageContent .fengjingBox > .thisBox .contentBox .ul .li .fengjingA:hover .textBox {
    opacity: 0
}

#landscape_page .pageContentAll .pageContent .fengjingBox > .thisBox .contentBox .ul .li .fengjingA:hover .hovShow {
    opacity: 1;
    transform: translateY(0)
}

#landscape_page .pageContentAll .pageContent .fengjingBox > .thisBox .contentBox .ul .li .fengjingA:hover::after {
    height: 150%
}

#jieshao_page .pageContentAll .pageContent .schollJieshao > .thisBox .topName {
    position: relative;
    height: 30vw;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: center;
    flex-wrap: unset;
    padding-left: 12vw
}

@media (max-width: 1024px) {
    #jieshao_page .pageContentAll .pageContent .schollJieshao > .thisBox .topName {
        height: unset;
        padding-left: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        flex-wrap: unset;
        width: 76%;
        margin: 0 auto
    }
}

@media (max-width: 1024px) and (max-width:1600px) {
    #jieshao_page .pageContentAll .pageContent .schollJieshao > .thisBox .topName {
        width: 76%
    }
}

@media (max-width: 1024px) and (max-width:1300px) {
    #jieshao_page .pageContentAll .pageContent .schollJieshao > .thisBox .topName {
        width: 80%
    }
}

@media (max-width: 1024px) and (max-width:1024px) {
    #jieshao_page .pageContentAll .pageContent .schollJieshao > .thisBox .topName {
        width: 86%
    }
}

#jieshao_page .pageContentAll .pageContent .schollJieshao > .thisBox .topName .leftText {
    position: relative;
    z-index: 1;
    width: 30%
}

@media (max-width: 1024px) {
    #jieshao_page .pageContentAll .pageContent .schollJieshao > .thisBox .topName .leftText {
        width: 100%
    }
}

#jieshao_page .pageContentAll .pageContent .schollJieshao > .thisBox .topName .leftText .title {
    padding-right: 1vw;
    width: max-content;
    background-color: rgba(255,255,255,0.8);
    font-size: 2.7vw;
    font-family: 'cn1'
}

@media (max-width: 1600px) {
    #jieshao_page .pageContentAll .pageContent .schollJieshao > .thisBox .topName .leftText .title {
        font-size: clamp(12px, 2.8vw, 2.8vw)
    }
}

@media (max-width: 1300px) {
    #jieshao_page .pageContentAll .pageContent .schollJieshao > .thisBox .topName .leftText .title {
        font-size: clamp(12px, 2.9vw, 2.9vw)
    }
}

@media (max-width: 1024px) {
    #jieshao_page .pageContentAll .pageContent .schollJieshao > .thisBox .topName .leftText .title {
        font-size: 7.4vw
    }
}

@media (max-width: 1024px) {
    #jieshao_page .pageContentAll .pageContent .schollJieshao > .thisBox .topName .leftText .title {
        font-size: 6vw
    }
}

#jieshao_page .pageContentAll .pageContent .schollJieshao > .thisBox .topName .leftText .subtitle {
    padding: 1vw 2vw;
    padding-left: 0;
    font-family: 'en6';
    text-transform: uppercase;
    font-size: 1.2vw;
    color: #F08300
}

@media (max-width: 1600px) {
    #jieshao_page .pageContentAll .pageContent .schollJieshao > .thisBox .topName .leftText .subtitle {
        font-size: clamp(12px, 1.3vw, 1.3vw)
    }
}

@media (max-width: 1300px) {
    #jieshao_page .pageContentAll .pageContent .schollJieshao > .thisBox .topName .leftText .subtitle {
        font-size: clamp(12px, 1.4vw, 1.4vw)
    }
}

@media (max-width: 1024px) {
    #jieshao_page .pageContentAll .pageContent .schollJieshao > .thisBox .topName .leftText .subtitle {
        font-size: 4.4vw
    }
}

#jieshao_page .pageContentAll .pageContent .schollJieshao > .thisBox .topName .leftText .miaoshu {
    width: 60%;
    margin-top: 4vw;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: unset
}

@media (max-width: 1024px) {
    #jieshao_page .pageContentAll .pageContent .schollJieshao > .thisBox .topName .leftText .miaoshu {
        width: 100%
    }
}

#jieshao_page .pageContentAll .pageContent .schollJieshao > .thisBox .topName .leftText .miaoshu .aniXian {
    overflow: hidden;
    height: 14vw;
    width: 1px
}

    #jieshao_page .pageContentAll .pageContent .schollJieshao > .thisBox .topName .leftText .miaoshu .aniXian div {
        width: 100%;
        height: 100%;
        background-color: #666;
        animation: moveDownIn 2s ease 0s infinite
    }

@keyframes moveDownIn {
    0% {
        transform: translateY(-100%)
    }

    45% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(0)
    }

    90% {
        transform: translateY(100%)
    }

    100% {
        transform: translateY(100%)
    }
}

#jieshao_page .pageContentAll .pageContent .schollJieshao > .thisBox .topName .leftText .miaoshu .txt {
    text-align: justify;
    margin-left: 2vw;
    line-height: 2em
}

#jieshao_page .pageContentAll .pageContent .schollJieshao > .thisBox .topName .leftText .miaoshu::after {
    content: '';
    position: absolute;
    display: block;
    content: 'SCROLL';
    bottom: 13px;
    left: 0;
    transform: rotate(90deg);
    font-size: 12px
}

@media (max-width: 1024px) {
    #jieshao_page .pageContentAll .pageContent .schollJieshao > .thisBox .topName .leftText .miaoshu::after {
        display: none
    }
}

#jieshao_page .pageContentAll .pageContent .schollJieshao > .thisBox .topName .rightImg {
    width: 70%;
    height: 100%
}

@media (max-width: 1024px) {
    #jieshao_page .pageContentAll .pageContent .schollJieshao > .thisBox .topName .rightImg {
        width: 100%;
        margin-top: 6vw
    }
}

#jieshao_page .pageContentAll .pageContent .schollJieshao > .thisBox .topName .rightImg img {
    width: 100%;
    height: 100%
}

#jieshao_page .pageContentAll .pageContent .schollJieshao > .thisBox .contentBox {
    margin-top: 2vw;
    position: relative
}

    #jieshao_page .pageContentAll .pageContent .schollJieshao > .thisBox .contentBox .biaoti {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        flex-wrap: unset
    }

        #jieshao_page .pageContentAll .pageContent .schollJieshao > .thisBox .contentBox .biaoti .title {
            font-size: 4.7vw;
            font-family: 'cn1';
            opacity: .2
        }

@media (max-width: 1600px) {
    #jieshao_page .pageContentAll .pageContent .schollJieshao > .thisBox .contentBox .biaoti .title {
        font-size: clamp(12px, 4.8vw, 4.8vw)
    }
}

@media (max-width: 1300px) {
    #jieshao_page .pageContentAll .pageContent .schollJieshao > .thisBox .contentBox .biaoti .title {
        font-size: clamp(12px, 4.9vw, 4.9vw)
    }
}

@media (max-width: 1024px) {
    #jieshao_page .pageContentAll .pageContent .schollJieshao > .thisBox .contentBox .biaoti .title {
        font-size: 11.4vw
    }
}

#jieshao_page .pageContentAll .pageContent .schollJieshao > .thisBox .contentBox .biaoti .subtitle {
    font-family: 'en6';
    text-transform: uppercase;
    font-size: 1.3vw;
    margin-top: -1.2vw
}

@media (max-width: 1600px) {
    #jieshao_page .pageContentAll .pageContent .schollJieshao > .thisBox .contentBox .biaoti .subtitle {
        font-size: clamp(12px, 1.4vw, 1.4vw)
    }
}

@media (max-width: 1300px) {
    #jieshao_page .pageContentAll .pageContent .schollJieshao > .thisBox .contentBox .biaoti .subtitle {
        font-size: clamp(12px, 1.5vw, 1.5vw)
    }
}

@media (max-width: 1024px) {
    #jieshao_page .pageContentAll .pageContent .schollJieshao > .thisBox .contentBox .biaoti .subtitle {
        font-size: 4.6vw
    }
}

#jieshao_page .pageContentAll .pageContent .schollJieshao > .thisBox .contentBox .biaoti .xian {
    width: 1px;
    height: 1vw;
    background-color: #666;
    margin: .5vw 0 1vw
}

#jieshao_page .pageContentAll .pageContent .schollJieshao > .thisBox .contentBox .biaoti .miaoshu {
    font-size: 1.1vw;
    color: #F08300;
    font-weight: bold;
    text-align: center
}

@media (max-width: 1600px) {
    #jieshao_page .pageContentAll .pageContent .schollJieshao > .thisBox .contentBox .biaoti .miaoshu {
        font-size: clamp(12px, 1.2vw, 1.2vw)
    }
}

@media (max-width: 1300px) {
    #jieshao_page .pageContentAll .pageContent .schollJieshao > .thisBox .contentBox .biaoti .miaoshu {
        font-size: clamp(12px, 1.3vw, 1.3vw)
    }
}

@media (max-width: 1024px) {
    #jieshao_page .pageContentAll .pageContent .schollJieshao > .thisBox .contentBox .biaoti .miaoshu {
        font-size: 4.2vw
    }
}

#jieshao_page .pageContentAll .pageContent .schollJieshao > .thisBox .contentBox .wenzhangCout {
    margin-top: 2vw
}

#leader_page .pageContentAll .pageContent .leaderList > .thisBox .contentBox {
    width: 76%;
    margin: 0 auto
}

@media (max-width: 1600px) {
    #leader_page .pageContentAll .pageContent .leaderList > .thisBox .contentBox {
        width: 76%
    }
}

@media (max-width: 1300px) {
    #leader_page .pageContentAll .pageContent .leaderList > .thisBox .contentBox {
        width: 80%
    }
}

@media (max-width: 1024px) {
    #leader_page .pageContentAll .pageContent .leaderList > .thisBox .contentBox {
        width: 86%
    }
}

#leader_page .pageContentAll .pageContent .leaderList > .thisBox .contentBox .ul {
    display: flex;
    flex-wrap: wrap;
    gap: 4vw
}

    #leader_page .pageContentAll .pageContent .leaderList > .thisBox .contentBox .ul li {
        width: calc(100% / 4 - (4 - 1) * 4vw / 4)
    }

@media (max-width: 1024px) {
    #leader_page .pageContentAll .pageContent .leaderList > .thisBox .contentBox .ul {
        display: flex;
        flex-wrap: wrap;
        gap: 6vw
    }

        #leader_page .pageContentAll .pageContent .leaderList > .thisBox .contentBox .ul li {
            width: calc(100% / 1 - (1 - 1) * 6vw / 1)
        }
}

#leader_page .pageContentAll .pageContent .leaderList > .thisBox .contentBox .ul .li {
    position: relative
}

    #leader_page .pageContentAll .pageContent .leaderList > .thisBox .contentBox .ul .li .box {
        width: 100%;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        flex-wrap: unset
    }

        #leader_page .pageContentAll .pageContent .leaderList > .thisBox .contentBox .ul .li .box .yxBox {
            position: relative;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            flex-wrap: unset;
            width: 100%
        }

            #leader_page .pageContentAll .pageContent .leaderList > .thisBox .contentBox .ul .li .box .yxBox .imgBox {
                width: 100%;
                height: 22vw
            }

@media (max-width: 1024px) {
    #leader_page .pageContentAll .pageContent .leaderList > .thisBox .contentBox .ul .li .box .yxBox .imgBox {
        width: 46vw;
        height: 64vw
    }
}

#leader_page .pageContentAll .pageContent .leaderList > .thisBox .contentBox .ul .li .box .yxBox .textBox {
    margin-top: 1vw;
    width: 100%
}

@media (max-width: 1024px) {
    #leader_page .pageContentAll .pageContent .leaderList > .thisBox .contentBox .ul .li .box .yxBox .textBox {
        margin-top: 4vw;
        position: unset;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        flex-wrap: unset;
        transform: translateY(0)
    }
}

#leader_page .pageContentAll .pageContent .leaderList > .thisBox .contentBox .ul .li .box .yxBox .textBox .title {
    font-size: 1.5vw;
    font-family: 'cn1'
}

@media (max-width: 1600px) {
    #leader_page .pageContentAll .pageContent .leaderList > .thisBox .contentBox .ul .li .box .yxBox .textBox .title {
        font-size: clamp(12px, 1.6vw, 1.6vw)
    }
}

@media (max-width: 1300px) {
    #leader_page .pageContentAll .pageContent .leaderList > .thisBox .contentBox .ul .li .box .yxBox .textBox .title {
        font-size: clamp(12px, 1.7vw, 1.7vw)
    }
}

@media (max-width: 1024px) {
    #leader_page .pageContentAll .pageContent .leaderList > .thisBox .contentBox .ul .li .box .yxBox .textBox .title {
        font-size: 5vw
    }
}

@media (max-width: 1024px) {
    #leader_page .pageContentAll .pageContent .leaderList > .thisBox .contentBox .ul .li .box .yxBox .textBox .title {
        font-size: 2.7vw
    }
}

@media (max-width: 1024px) and (max-width:1600px) {
    #leader_page .pageContentAll .pageContent .leaderList > .thisBox .contentBox .ul .li .box .yxBox .textBox .title {
        font-size: clamp(12px, 2.8vw, 2.8vw)
    }
}

@media (max-width: 1024px) and (max-width:1300px) {
    #leader_page .pageContentAll .pageContent .leaderList > .thisBox .contentBox .ul .li .box .yxBox .textBox .title {
        font-size: clamp(12px, 2.9vw, 2.9vw)
    }
}

@media (max-width: 1024px) and (max-width:1024px) {
    #leader_page .pageContentAll .pageContent .leaderList > .thisBox .contentBox .ul .li .box .yxBox .textBox .title {
        font-size: 7.4vw
    }
}

#leader_page .pageContentAll .pageContent .leaderList > .thisBox .contentBox .ul .li .box .yxBox .textBox .zhicheng {
    font-size: .8vw;
    margin: .6vw 0 2vw;
    line-height: 2em
}

@media (max-width: 1600px) {
    #leader_page .pageContentAll .pageContent .leaderList > .thisBox .contentBox .ul .li .box .yxBox .textBox .zhicheng {
        font-size: clamp(12px, .9vw, .9vw)
    }
}

@media (max-width: 1300px) {
    #leader_page .pageContentAll .pageContent .leaderList > .thisBox .contentBox .ul .li .box .yxBox .textBox .zhicheng {
        font-size: clamp(12px, 1vw, 1vw)
    }
}

@media (max-width: 1024px) {
    #leader_page .pageContentAll .pageContent .leaderList > .thisBox .contentBox .ul .li .box .yxBox .textBox .zhicheng {
        font-size: 3.6vw
    }
}

@media (max-width: 1024px) {
    #leader_page .pageContentAll .pageContent .leaderList > .thisBox .contentBox .ul .li .box .yxBox .textBox .zhicheng {
        margin-bottom: 0
    }
}

#leader_page .pageContentAll .pageContent .leaderList > .thisBox .contentBox .ul .li .box .yxBox .textBox .yulu {
    margin-bottom: 1vw
}

@media (max-width: 1024px) {
    #leader_page .pageContentAll .pageContent .leaderList > .thisBox .contentBox .ul .li .box .yxBox .textBox .yulu {
        margin-top: 4vw
    }
}

#leader_page .pageContentAll .pageContent .leaderList > .thisBox .contentBox .ul .li .box .yxBox .textBox .yulu .yuluBox {
    position: relative;
    z-index: 1;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: unset;
    gap: .6vw
}

    #leader_page .pageContentAll .pageContent .leaderList > .thisBox .contentBox .ul .li .box .yxBox .textBox .yulu .yuluBox .name {
        font-size: .8vw;
        font-weight: bold
    }

@media (max-width: 1600px) {
    #leader_page .pageContentAll .pageContent .leaderList > .thisBox .contentBox .ul .li .box .yxBox .textBox .yulu .yuluBox .name {
        font-size: clamp(12px, .9vw, .9vw)
    }
}

@media (max-width: 1300px) {
    #leader_page .pageContentAll .pageContent .leaderList > .thisBox .contentBox .ul .li .box .yxBox .textBox .yulu .yuluBox .name {
        font-size: clamp(12px, 1vw, 1vw)
    }
}

@media (max-width: 1024px) {
    #leader_page .pageContentAll .pageContent .leaderList > .thisBox .contentBox .ul .li .box .yxBox .textBox .yulu .yuluBox .name {
        font-size: 3.6vw
    }
}

@media (max-width: 1024px) {
    #leader_page .pageContentAll .pageContent .leaderList > .thisBox .contentBox .ul .li .box .yxBox .textBox .yulu .yuluBox .name {
        font-size: 1vw
    }
}

@media (max-width: 1024px) and (max-width:1600px) {
    #leader_page .pageContentAll .pageContent .leaderList > .thisBox .contentBox .ul .li .box .yxBox .textBox .yulu .yuluBox .name {
        font-size: clamp(12px, 1.1vw, 1.1vw)
    }
}

@media (max-width: 1024px) and (max-width:1300px) {
    #leader_page .pageContentAll .pageContent .leaderList > .thisBox .contentBox .ul .li .box .yxBox .textBox .yulu .yuluBox .name {
        font-size: clamp(12px, 1.2vw, 1.2vw)
    }
}

@media (max-width: 1024px) and (max-width:1024px) {
    #leader_page .pageContentAll .pageContent .leaderList > .thisBox .contentBox .ul .li .box .yxBox .textBox .yulu .yuluBox .name {
        font-size: 4vw
    }
}

#leader_page .pageContentAll .pageContent .leaderList > .thisBox .contentBox .ul .li .box .yxBox .textBox .yulu .yuluBox .txt {
    font-size: .9vw;
    font-family: 'cn1';
    color: #F08300
}

@media (max-width: 1600px) {
    #leader_page .pageContentAll .pageContent .leaderList > .thisBox .contentBox .ul .li .box .yxBox .textBox .yulu .yuluBox .txt {
        font-size: clamp(12px, 1vw, 1vw)
    }
}

@media (max-width: 1300px) {
    #leader_page .pageContentAll .pageContent .leaderList > .thisBox .contentBox .ul .li .box .yxBox .textBox .yulu .yuluBox .txt {
        font-size: clamp(12px, 1.1vw, 1.1vw)
    }
}

@media (max-width: 1024px) {
    #leader_page .pageContentAll .pageContent .leaderList > .thisBox .contentBox .ul .li .box .yxBox .textBox .yulu .yuluBox .txt {
        font-size: 3.8vw
    }
}

@media (max-width: 1024px) {
    #leader_page .pageContentAll .pageContent .leaderList > .thisBox .contentBox .ul .li .box .yxBox .textBox .yulu .yuluBox .txt {
        font-size: 1.1vw
    }
}

@media (max-width: 1024px) and (max-width:1600px) {
    #leader_page .pageContentAll .pageContent .leaderList > .thisBox .contentBox .ul .li .box .yxBox .textBox .yulu .yuluBox .txt {
        font-size: clamp(12px, 1.2vw, 1.2vw)
    }
}

@media (max-width: 1024px) and (max-width:1300px) {
    #leader_page .pageContentAll .pageContent .leaderList > .thisBox .contentBox .ul .li .box .yxBox .textBox .yulu .yuluBox .txt {
        font-size: clamp(12px, 1.3vw, 1.3vw)
    }
}

@media (max-width: 1024px) and (max-width:1024px) {
    #leader_page .pageContentAll .pageContent .leaderList > .thisBox .contentBox .ul .li .box .yxBox .textBox .yulu .yuluBox .txt {
        font-size: 4.2vw
    }
}

#leader_page .pageContentAll .pageContent .leaderList > .thisBox .contentBox .ul .li .box .yxBox .textBox .miaoshu {
    line-height: 1.5em;
    opacity: .7;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

#leader_page .pageContentAll .pageContent .leaderList > .thisBox .contentBox .ul .li .box .yxBox .textBox .moreA {
    margin-left: 0
}

@media (max-width: 1024px) {
    #leader_page .pageContentAll .pageContent .leaderList > .thisBox .contentBox .ul .li .box .yxBox .textBox .moreA {
        width: 100%
    }
}

#leader_page .pageContentAll .pageContent .leaderList > .thisBox .contentBox .ul .li .box .yxBox .textBox .moreA .unifyButton .unifyButtonThis > .thisBox {
    width: 100%
}

#specialty_page .pageContent .zyJieshao > .thisBox {
    padding-bottom: 5vw
}

@media (max-width: 1600px) {
    #specialty_page .pageContent .zyJieshao > .thisBox {
        padding-bottom: 5vw
    }
}

@media (max-width: 1300px) {
    #specialty_page .pageContent .zyJieshao > .thisBox {
        padding-bottom: 5vw
    }
}

@media (max-width: 1024px) {
    #specialty_page .pageContent .zyJieshao > .thisBox {
        padding-bottom: 12vw
    }
}

#specialty_page .pageContent .zyJieshao > .thisBox .contentBox {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: unset;
    height: 25vw
}

@media (max-width: 1024px) {
    #specialty_page .pageContent .zyJieshao > .thisBox .contentBox {
        height: unset;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        flex-wrap: unset;
        gap: 5vw;
        flex-direction: column-reverse
    }
}

#specialty_page .pageContent .zyJieshao > .thisBox .contentBox .leftText {
    width: 30%;
    height: 100%;
    padding-top: 4vw;
    padding-right: 4vw
}

@media (max-width: 1024px) {
    #specialty_page .pageContent .zyJieshao > .thisBox .contentBox .leftText {
        padding-right: 0;
        width: 100%
    }
}

#specialty_page .pageContent .zyJieshao > .thisBox .contentBox .leftText .miaoshu {
    line-height: 2em
}

#specialty_page .pageContent .zyJieshao > .thisBox .contentBox .leftText .moreA {
    margin-left: 0
}

#specialty_page .pageContent .zyJieshao > .thisBox .contentBox .rightImg {
    width: 70%;
    height: 100%
}

@media (max-width: 1024px) {
    #specialty_page .pageContent .zyJieshao > .thisBox .contentBox .rightImg {
        width: 100%;
        height: 40vw
    }
}

#specialty_page .pageContent .zyJieshao > .thisBox .contentBox .rightImg img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

#specialty_page .pageContent .zyJieshao > .thisBox .childZhuanye {
    margin-top: 4vw
}

@media (max-width: 1024px) {
    #specialty_page .pageContent .zyJieshao > .thisBox .childZhuanye {
        margin-top: 10vw
    }
}

#specialty_page .pageContent .zyJieshao > .thisBox .childZhuanye .ul {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: unset
}

@media (max-width: 1024px) {
    #specialty_page .pageContent .zyJieshao > .thisBox .childZhuanye .ul {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 0
    }
}

#specialty_page .pageContent .zyJieshao > .thisBox .childZhuanye .ul .li {
    flex: 1
}

@media (max-width: 1024px) {
    #specialty_page .pageContent .zyJieshao > .thisBox .childZhuanye .ul .li {
        width: 100%
    }
}

#specialty_page .pageContent .zyJieshao > .thisBox .childZhuanye .ul .li .aBox {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: unset;
    gap: .4vw
}

@media (max-width: 1024px) {
    #specialty_page .pageContent .zyJieshao > .thisBox .childZhuanye .ul .li .aBox {
        width: 100%
    }
}

#specialty_page .pageContent .zyJieshao > .thisBox .childZhuanye .ul .li .aBox .imgBox {
    overflow: hidden;
    height: 30vw;
    width: 100%
}

@media (max-width: 1024px) {
    #specialty_page .pageContent .zyJieshao > .thisBox .childZhuanye .ul .li .aBox .imgBox {
        height: 50vw
    }
}

#specialty_page .pageContent .zyJieshao > .thisBox .childZhuanye .ul .li .aBox .imgBox img {
    transition-duration: .8s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.56, -0.01, .04, 1)
}

#specialty_page .pageContent .zyJieshao > .thisBox .childZhuanye .ul .li .aBox .posiBox {
    position: absolute;
    z-index: 1;
    transition-duration: .8s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.56, -0.01, .04, 1);
    bottom: 2vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: unset;
    gap: 1vw;
    pointer-events: none;
    transform: translateY(3vw)
}

    #specialty_page .pageContent .zyJieshao > .thisBox .childZhuanye .ul .li .aBox .posiBox .title {
        font-size: 1vw;
        background-image: linear-gradient(to right, #fff 50%, var(--cor) 50%, var(--cor) 100%);
        background-color: rgba(0,0,0,0);
        background-position: 200% 0;
        background-size: 400% 100%;
        -webkit-text-fill-color: rgba(0,0,0,0);
        -webkit-background-clip: text;
        animation: txtLight 1.2s cubic-bezier(.23, 1, .32, 1) 0s forwards;
        font-weight: bold
    }

@media (max-width: 1600px) {
    #specialty_page .pageContent .zyJieshao > .thisBox .childZhuanye .ul .li .aBox .posiBox .title {
        font-size: clamp(12px, 1.1vw, 1.1vw)
    }
}

@media (max-width: 1300px) {
    #specialty_page .pageContent .zyJieshao > .thisBox .childZhuanye .ul .li .aBox .posiBox .title {
        font-size: clamp(12px, 1.2vw, 1.2vw)
    }
}

@media (max-width: 1024px) {
    #specialty_page .pageContent .zyJieshao > .thisBox .childZhuanye .ul .li .aBox .posiBox .title {
        font-size: 4vw
    }
}

#specialty_page .pageContent .zyJieshao > .thisBox .childZhuanye .ul .li .aBox .posiBox .ico {
    opacity: 0;
    border-radius: 50%;
    transition-duration: .8s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.56, -0.01, .04, 1);
    width: 3vw;
    height: 3vw;
    background: linear-gradient(-90deg, #f08300, #f5af5b);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: unset
}

    #specialty_page .pageContent .zyJieshao > .thisBox .childZhuanye .ul .li .aBox .posiBox .ico i {
        color: #fff
    }

#specialty_page .pageContent .zyJieshao > .thisBox .childZhuanye .ul .li .aBox::after {
    bottom: 0;
    transition-duration: .8s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.56, -0.01, .04, 1);
    width: 100%;
    height: 30%;
    content: '';
    position: absolute;
    display: block;
    background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.5))
}

@media (max-width: 1024px) {
    #specialty_page .pageContent .zyJieshao > .thisBox .childZhuanye .ul .li .aBox::after {
        height: 100%
    }
}

#specialty_page .pageContent .zyJieshao > .thisBox .childZhuanye .ul .li .aBox:hover .imgBox img {
    transform: scale(1.1)
}

#specialty_page .pageContent .zyJieshao > .thisBox .childZhuanye .ul .li .aBox:hover .posiBox {
    transform: translateY(0)
}

    #specialty_page .pageContent .zyJieshao > .thisBox .childZhuanye .ul .li .aBox:hover .posiBox .title {
        animation: txtLight_hover 1.2s cubic-bezier(.23, 1, .32, 1) 0s forwards
    }

    #specialty_page .pageContent .zyJieshao > .thisBox .childZhuanye .ul .li .aBox:hover .posiBox .ico {
        opacity: 1
    }

#specialty_page .pageContent .zyJieshao > .thisBox .childZhuanye .ul .li .aBox:hover::after {
    height: 100%
}

#specialty_page .pageContent .zyJieshao > .thisBox .childZhuanye .ul .li.lashen {
    grid-column-start: span 2
}

#specialty_page .pageContent .zyNews > .thisBox {
    padding-bottom: 5vw
}

@media (max-width: 1600px) {
    #specialty_page .pageContent .zyNews > .thisBox {
        padding-bottom: 5vw
    }
}

@media (max-width: 1300px) {
    #specialty_page .pageContent .zyNews > .thisBox {
        padding-bottom: 5vw
    }
}

@media (max-width: 1024px) {
    #specialty_page .pageContent .zyNews > .thisBox {
        padding-bottom: 12vw
    }
}

#specialty_page .pageContent .zyNews > .thisBox .contentBox {
    width: 76%;
    margin: 0 auto
}

@media (max-width: 1600px) {
    #specialty_page .pageContent .zyNews > .thisBox .contentBox {
        width: 76%
    }
}

@media (max-width: 1300px) {
    #specialty_page .pageContent .zyNews > .thisBox .contentBox {
        width: 80%
    }
}

@media (max-width: 1024px) {
    #specialty_page .pageContent .zyNews > .thisBox .contentBox {
        width: 86%
    }
}

#specialty_page .pageContent .zyNews > .thisBox .contentBox .ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 4vw;
    grid-row-gap: 2vw
}

@media (max-width: 1024px) {
    #specialty_page .pageContent .zyNews > .thisBox .contentBox .ul {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 8vw
    }
}

#specialty_page .pageContent .zyNews > .thisBox .contentBox .ul .li .aBox {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: unset;
    gap: .4vw
}

@media (max-width: 1024px) {
    #specialty_page .pageContent .zyNews > .thisBox .contentBox .ul .li .aBox {
        gap: 2vw
    }
}

#specialty_page .pageContent .zyNews > .thisBox .contentBox .ul .li .aBox .imgBox {
    background-color: #f8f8f8;
    width: 100%;
    overflow: hidden;
    height: 14vw
}

@media (max-width: 1024px) {
    #specialty_page .pageContent .zyNews > .thisBox .contentBox .ul .li .aBox .imgBox {
        height: 50vw
    }
}

#specialty_page .pageContent .zyNews > .thisBox .contentBox .ul .li .aBox .imgBox img {
    transition-duration: .8s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.56, -0.01, .04, 1)
}

#specialty_page .pageContent .zyNews > .thisBox .contentBox .ul .li .aBox .date {
    margin-top: .6vw;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: unset;
    gap: 1vw
}

    #specialty_page .pageContent .zyNews > .thisBox .contentBox .ul .li .aBox .date .txt {
        font-size: 1.1vw;
        font-family: 'en6';
        text-transform: uppercase
    }

@media (max-width: 1600px) {
    #specialty_page .pageContent .zyNews > .thisBox .contentBox .ul .li .aBox .date .txt {
        font-size: clamp(12px, 1.2vw, 1.2vw)
    }
}

@media (max-width: 1300px) {
    #specialty_page .pageContent .zyNews > .thisBox .contentBox .ul .li .aBox .date .txt {
        font-size: clamp(12px, 1.3vw, 1.3vw)
    }
}

@media (max-width: 1024px) {
    #specialty_page .pageContent .zyNews > .thisBox .contentBox .ul .li .aBox .date .txt {
        font-size: 4.2vw
    }
}

#specialty_page .pageContent .zyNews > .thisBox .contentBox .ul .li .aBox .date .sortOf {
    border: 1px solid var(--cor);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: unset;
    padding: .2vw .8vw;
    color: var(--cor)
}

#specialty_page .pageContent .zyNews > .thisBox .contentBox .ul .li .aBox .title {
    font-size: 1vw;
    line-height: 1.5em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    background-image: linear-gradient(to right, #333 50%, var(--cor) 50%, var(--cor) 100%);
    background-color: rgba(0,0,0,0);
    background-position: 200% 0;
    background-size: 400% 100%;
    -webkit-text-fill-color: rgba(0,0,0,0);
    -webkit-background-clip: text;
    animation: txtDark 1.2s cubic-bezier(.23, 1, .32, 1) 0s forwards
}

@media (max-width: 1600px) {
    #specialty_page .pageContent .zyNews > .thisBox .contentBox .ul .li .aBox .title {
        font-size: clamp(12px, 1.1vw, 1.1vw)
    }
}

@media (max-width: 1300px) {
    #specialty_page .pageContent .zyNews > .thisBox .contentBox .ul .li .aBox .title {
        font-size: clamp(12px, 1.2vw, 1.2vw)
    }
}

@media (max-width: 1024px) {
    #specialty_page .pageContent .zyNews > .thisBox .contentBox .ul .li .aBox .title {
        font-size: 4vw
    }
}

#specialty_page .pageContent .zyNews > .thisBox .contentBox .ul .li .aBox .miaoshu {
    margin-top: 1vw;
    font-size: .7vw;
    opacity: .7;
    line-height: 2em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

@media (max-width: 1600px) {
    #specialty_page .pageContent .zyNews > .thisBox .contentBox .ul .li .aBox .miaoshu {
        font-size: clamp(12px, .8vw, .8vw)
    }
}

@media (max-width: 1300px) {
    #specialty_page .pageContent .zyNews > .thisBox .contentBox .ul .li .aBox .miaoshu {
        font-size: clamp(12px, .9vw, .9vw)
    }
}

@media (max-width: 1024px) {
    #specialty_page .pageContent .zyNews > .thisBox .contentBox .ul .li .aBox .miaoshu {
        font-size: 3.4vw
    }
}

#specialty_page .pageContent .zyNews > .thisBox .contentBox .ul .li .aBox:hover .imgBox img {
    transform: scale(1.1)
}

#specialty_page .pageContent .zyNews > .thisBox .contentBox .ul .li .aBox:hover .title {
    animation: txtDark_hover 1.2s cubic-bezier(.23, 1, .32, 1) 0s forwards
}

#specialty_page .pageContent .zyTeacher > .thisBox {
    padding: 5vw 0;
    background-color: #f9f9f9
}

@media (max-width: 1600px) {
    #specialty_page .pageContent .zyTeacher > .thisBox {
        padding: 5vw 0
    }
}

@media (max-width: 1300px) {
    #specialty_page .pageContent .zyTeacher > .thisBox {
        padding: 5vw 0
    }
}

@media (max-width: 1024px) {
    #specialty_page .pageContent .zyTeacher > .thisBox {
        padding: 12vw 0
    }
}

#specialty_page .pageContent .zyTeacher > .thisBox .unifyTitle_two {
    margin-bottom: 0
}

#specialty_page .pageContent .zyTeacher > .thisBox .contentBox {
    width: 100%
}

    #specialty_page .pageContent .zyTeacher > .thisBox .contentBox .unifyTitle {
        margin-bottom: 0;
        padding-left: 12vw;
        position: relative;
        z-index: 1
    }

    #specialty_page .pageContent .zyTeacher > .thisBox .contentBox .swiperBox {
        position: relative
    }

        #specialty_page .pageContent .zyTeacher > .thisBox .contentBox .swiperBox .swiper .swiper-slide {
            width: 15vw;
            padding-top: 2vw
        }

@media (max-width: 1024px) {
    #specialty_page .pageContent .zyTeacher > .thisBox .contentBox .swiperBox .swiper .swiper-slide {
        width: 60vw;
        padding-top: 8vw
    }
}

#specialty_page .pageContent .zyTeacher > .thisBox .contentBox .swiperBox .swiper .swiper-slide .aBox {
    position: relative;
    padding: 0 1vw
}

    #specialty_page .pageContent .zyTeacher > .thisBox .contentBox .swiperBox .swiper .swiper-slide .aBox .moveBox {
        position: relative;
        width: 100%;
        height: 18vw
    }

@media (max-width: 1024px) {
    #specialty_page .pageContent .zyTeacher > .thisBox .contentBox .swiperBox .swiper .swiper-slide .aBox .moveBox {
        height: 70vw
    }
}

#specialty_page .pageContent .zyTeacher > .thisBox .contentBox .swiperBox .swiper .swiper-slide .aBox .moveBox > div {
    overflow: hidden
}

#specialty_page .pageContent .zyTeacher > .thisBox .contentBox .swiperBox .swiper .swiper-slide .aBox .moveBox .zhengMian {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    transform-origin: 50% 100%;
    animation: flip-card-back .8s cubic-bezier(.2, .5, .32, .8) 0s forwards
}

@media (max-width: 1024px) {
    #specialty_page .pageContent .zyTeacher > .thisBox .contentBox .swiperBox .swiper .swiper-slide .aBox .moveBox .zhengMian {
        animation-name: flip-card-back-m3
    }
}

#specialty_page .pageContent .zyTeacher > .thisBox .contentBox .swiperBox .swiper .swiper-slide .aBox .moveBox .zhengMian .imgBox {
    width: 100%;
    height: 100%
}

#specialty_page .pageContent .zyTeacher > .thisBox .contentBox .swiperBox .swiper .swiper-slide .aBox .moveBox .beiMian {
    padding: 2vw;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    animation: flip-card-front .8s cubic-bezier(.2, .5, .32, .8) 0s forwards;
    transform-origin: 80% 100%;
    background: linear-gradient(to right, #F5AF5B, #F08300);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: unset;
    gap: 1vw
}

@media (max-width: 1600px) {
    #specialty_page .pageContent .zyTeacher > .thisBox .contentBox .swiperBox .swiper .swiper-slide .aBox .moveBox .beiMian {
        padding: 1vw;
        gap: .4vw
    }
}

@media (max-width: 1600px) and (max-width:1024px) {
    #specialty_page .pageContent .zyTeacher > .thisBox .contentBox .swiperBox .swiper .swiper-slide .aBox .moveBox .beiMian {
        padding: 4vw;
        animation-name: flip-card-front-m3
    }
}

#specialty_page .pageContent .zyTeacher > .thisBox .contentBox .swiperBox .swiper .swiper-slide .aBox .moveBox .beiMian .title {
    color: #fff;
    font-size: 1.1vw;
    font-weight: bold
}

@media (max-width: 1600px) {
    #specialty_page .pageContent .zyTeacher > .thisBox .contentBox .swiperBox .swiper .swiper-slide .aBox .moveBox .beiMian .title {
        font-size: clamp(12px, 1.2vw, 1.2vw)
    }
}

@media (max-width: 1300px) {
    #specialty_page .pageContent .zyTeacher > .thisBox .contentBox .swiperBox .swiper .swiper-slide .aBox .moveBox .beiMian .title {
        font-size: clamp(12px, 1.3vw, 1.3vw)
    }
}

@media (max-width: 1024px) {
    #specialty_page .pageContent .zyTeacher > .thisBox .contentBox .swiperBox .swiper .swiper-slide .aBox .moveBox .beiMian .title {
        font-size: 4.2vw
    }
}

#specialty_page .pageContent .zyTeacher > .thisBox .contentBox .swiperBox .swiper .swiper-slide .aBox .moveBox .beiMian .miaoshu {
    line-height: 2em;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical
}

#specialty_page .pageContent .zyTeacher > .thisBox .contentBox .swiperBox .swiper .swiper-slide .aBox .textBox {
    margin-top: 2vw;
    padding: 0 1vw;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    flex-wrap: unset
}

@media (max-width: 1600px) {
    #specialty_page .pageContent .zyTeacher > .thisBox .contentBox .swiperBox .swiper .swiper-slide .aBox .textBox {
        padding: 0
    }
}

@media (max-width: 1600px) and (max-width:1024px) {
    #specialty_page .pageContent .zyTeacher > .thisBox .contentBox .swiperBox .swiper .swiper-slide .aBox .textBox {
        margin-top: 8vw
    }
}

#specialty_page .pageContent .zyTeacher > .thisBox .contentBox .swiperBox .swiper .swiper-slide .aBox .textBox .title {
    font-size: 1.1vw;
    font-weight: bold;
    word-break: keep-all;
    margin-right: .5vw
}

@media (max-width: 1600px) {
    #specialty_page .pageContent .zyTeacher > .thisBox .contentBox .swiperBox .swiper .swiper-slide .aBox .textBox .title {
        font-size: clamp(12px, 1.2vw, 1.2vw)
    }
}

@media (max-width: 1300px) {
    #specialty_page .pageContent .zyTeacher > .thisBox .contentBox .swiperBox .swiper .swiper-slide .aBox .textBox .title {
        font-size: clamp(12px, 1.3vw, 1.3vw)
    }
}

@media (max-width: 1024px) {
    #specialty_page .pageContent .zyTeacher > .thisBox .contentBox .swiperBox .swiper .swiper-slide .aBox .textBox .title {
        font-size: 4.2vw
    }
}

@media (max-width: 1024px) {
    #specialty_page .pageContent .zyTeacher > .thisBox .contentBox .swiperBox .swiper .swiper-slide .aBox .textBox .title {
        font-size: 5vw;
        margin-right: 2vw
    }
}

#specialty_page .pageContent .zyTeacher > .thisBox .contentBox .swiperBox .swiper .swiper-slide .aBox .textBox .zhicheng {
    font-size: .9vw;
    color: #F08300
}

@media (max-width: 1600px) {
    #specialty_page .pageContent .zyTeacher > .thisBox .contentBox .swiperBox .swiper .swiper-slide .aBox .textBox .zhicheng {
        font-size: clamp(12px, 1vw, 1vw)
    }
}

@media (max-width: 1300px) {
    #specialty_page .pageContent .zyTeacher > .thisBox .contentBox .swiperBox .swiper .swiper-slide .aBox .textBox .zhicheng {
        font-size: clamp(12px, 1.1vw, 1.1vw)
    }
}

@media (max-width: 1024px) {
    #specialty_page .pageContent .zyTeacher > .thisBox .contentBox .swiperBox .swiper .swiper-slide .aBox .textBox .zhicheng {
        font-size: 3.8vw
    }
}

#specialty_page .pageContent .zyTeacher > .thisBox .contentBox .swiperBox .swiper .swiper-slide .aBox:hover .moveBox .zhengMian {
    animation: flip-card-front .8s cubic-bezier(.2, .5, .32, .8) 0s forwards
}

@media (max-width: 1024px) {
    #specialty_page .pageContent .zyTeacher > .thisBox .contentBox .swiperBox .swiper .swiper-slide .aBox:hover .moveBox .zhengMian {
        animation-name: flip-card-front-m3
    }
}

#specialty_page .pageContent .zyTeacher > .thisBox .contentBox .swiperBox .swiper .swiper-slide .aBox:hover .moveBox .beiMian {
    animation: flip-card-back .8s cubic-bezier(.2, .5, .32, .8) 0s forwards
}

@media (max-width: 1024px) {
    #specialty_page .pageContent .zyTeacher > .thisBox .contentBox .swiperBox .swiper .swiper-slide .aBox:hover .moveBox .beiMian {
        animation-name: flip-card-back-m3
    }
}

@media (max-width: 1024px) {
    #specialty_page .pageContent .zyTeacher > .thisBox .contentBox .swiperBox .swiperControl {
        margin-top: 4vw
    }
}

@media (max-width: 1024px) {
    #specialty_page .pageContent .zyTeacher > .thisBox .contentBox .swiperBox .swiperControl .navigation .navigationThis {
        padding-left: 12vw;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        flex-wrap: unset;
        gap: 4vw
    }
}

#specialty_page .pageContent .zyTeacher > .thisBox .contentBox .swiperBox .swiperControl .navigation .navigationThis .btn {
    top: -5vw;
    transform: translateY(0);
    border-radius: 50%;
    width: 3vw;
    height: 3vw;
    border: 1px solid #F08300;
    background-color: unset
}

@media (max-width: 1024px) {
    #specialty_page .pageContent .zyTeacher > .thisBox .contentBox .swiperBox .swiperControl .navigation .navigationThis .btn {
        position: unset;
        width: 10vw;
        height: 10vw
    }
}

#specialty_page .pageContent .zyTeacher > .thisBox .contentBox .swiperBox .swiperControl .navigation .navigationThis .btn i {
    color: #F08300
}

#specialty_page .pageContent .zyTeacher > .thisBox .contentBox .swiperBox .swiperControl .navigation .navigationThis .btn.leftBtn {
    right: 26vw;
    left: unset
}

#specialty_page .pageContent .zyTeacher > .thisBox .contentBox .swiperBox .swiperControl .navigation .navigationThis .btn.rightBtn {
    right: 22vw
}

#specialty_page .pageContent .zyTeacher > .thisBox .contentBox .swiperBox .swiper .swiper-slide .aBox .textBox {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: unset
}

#specialty_page .pageContent .zyEmployment > .thisBox {
    padding-top: 5vw
}

@media (max-width: 1600px) {
    #specialty_page .pageContent .zyEmployment > .thisBox {
        padding-top: 5vw
    }
}

@media (max-width: 1300px) {
    #specialty_page .pageContent .zyEmployment > .thisBox {
        padding-top: 5vw
    }
}

@media (max-width: 1024px) {
    #specialty_page .pageContent .zyEmployment > .thisBox {
        padding-top: 12vw
    }
}

#specialty_page .pageContent .zyEmployment > .thisBox .contentBox .ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 2vw
}

@media (max-width: 1024px) {
    #specialty_page .pageContent .zyEmployment > .thisBox .contentBox .ul {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 6vw
    }
}

#specialty_page .pageContent .zyEmployment > .thisBox .contentBox .ul .li .employA {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: unset
}

    #specialty_page .pageContent .zyEmployment > .thisBox .contentBox .ul .li .employA .imgBox {
        position: relative;
        width: 100%;
        overflow: hidden;
        height: 15vw
    }

@media (max-width: 1024px) {
    #specialty_page .pageContent .zyEmployment > .thisBox .contentBox .ul .li .employA .imgBox {
        height: 50vw
    }
}

#specialty_page .pageContent .zyEmployment > .thisBox .contentBox .ul .li .employA .imgBox img {
    transition-duration: .8s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.56, -0.01, .04, 1)
}

#specialty_page .pageContent .zyEmployment > .thisBox .contentBox .ul .li .employA .imgBox .mask {
    position: absolute;
    opacity: 0;
    top: 0;
    transition-duration: .8s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.56, -0.01, .04, 1);
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: unset;
    background-color: rgba(240,131,0,0.4)
}

    #specialty_page .pageContent .zyEmployment > .thisBox .contentBox .ul .li .employA .imgBox .mask .ico {
        transform: translateY(1vw);
        transition-duration: .8s;
        transition-property: all;
        transition-timing-function: cubic-bezier(.56, -0.01, .04, 1);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        flex-wrap: unset
    }

        #specialty_page .pageContent .zyEmployment > .thisBox .contentBox .ul .li .employA .imgBox .mask .ico i {
            color: #fff;
            font-size: 1.7vw
        }

@media (max-width: 1600px) {
    #specialty_page .pageContent .zyEmployment > .thisBox .contentBox .ul .li .employA .imgBox .mask .ico i {
        font-size: clamp(12px, 1.8vw, 1.8vw)
    }
}

@media (max-width: 1300px) {
    #specialty_page .pageContent .zyEmployment > .thisBox .contentBox .ul .li .employA .imgBox .mask .ico i {
        font-size: clamp(12px, 1.9vw, 1.9vw)
    }
}

@media (max-width: 1024px) {
    #specialty_page .pageContent .zyEmployment > .thisBox .contentBox .ul .li .employA .imgBox .mask .ico i {
        font-size: 5.4vw
    }
}

#specialty_page .pageContent .zyEmployment > .thisBox .contentBox .ul .li .employA .title {
    margin-top: .4vw;
    text-align: center;
    background-image: linear-gradient(to right, #333 50%, var(--cor) 50%, var(--cor) 100%);
    background-color: rgba(0,0,0,0);
    background-position: 200% 0;
    background-size: 400% 100%;
    -webkit-text-fill-color: rgba(0,0,0,0);
    -webkit-background-clip: text;
    animation: txtDark 1.2s cubic-bezier(.23, 1, .32, 1) 0s forwards
}

#specialty_page .pageContent .zyEmployment > .thisBox .contentBox .ul .li .employA:hover .imgBox img {
    transform: scale(1.1)
}

#specialty_page .pageContent .zyEmployment > .thisBox .contentBox .ul .li .employA:hover .imgBox .mask {
    opacity: 1
}

    #specialty_page .pageContent .zyEmployment > .thisBox .contentBox .ul .li .employA:hover .imgBox .mask .ico {
        transform: translateY(0)
    }

#specialty_page .pageContent .zyEmployment > .thisBox .contentBox .ul .li .employA:hover .title {
    animation: txtDark_hover 1.2s cubic-bezier(.23, 1, .32, 1) 0s forwards
}

#video_page .pageContentAll .pageContent .videoList > .thisBox .ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 2vw
}

@media (max-width: 1024px) {
    #video_page .pageContentAll .pageContent .videoList > .thisBox .ul {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 6vw
    }
}

#video_page .pageContentAll .pageContent .videoList > .thisBox .ul .li .openVideo {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: unset
}

    #video_page .pageContentAll .pageContent .videoList > .thisBox .ul .li .openVideo .imgBox {
        position: relative;
        height: 20vw;
        width: 100%
    }

@media (max-width: 1024px) {
    #video_page .pageContentAll .pageContent .videoList > .thisBox .ul .li .openVideo .imgBox {
        height: 50vw
    }
}

#video_page .pageContentAll .pageContent .videoList > .thisBox .ul .li .openVideo .imgBox .targetImg {
    width: 100%;
    height: 100%
}

#video_page .pageContentAll .pageContent .videoList > .thisBox .ul .li .openVideo .imgBox .bofangBtn {
    position: absolute;
    top: 0;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: unset;
    transition-duration: .8s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.56, -0.01, .04, 1);
    left: calc(50% - 1.5vw);
    top: calc(50% - 1.5vw);
    width: 3vw;
    height: 3vw;
    background-color: #F08300;
    border-radius: 50%
}

    #video_page .pageContentAll .pageContent .videoList > .thisBox .ul .li .openVideo .imgBox .bofangBtn i {
        color: #fff;
        font-size: 1.3vw;
        transform: translateX(.1vw)
    }

@media (max-width: 1600px) {
    #video_page .pageContentAll .pageContent .videoList > .thisBox .ul .li .openVideo .imgBox .bofangBtn i {
        font-size: clamp(12px, 1.4vw, 1.4vw)
    }
}

@media (max-width: 1300px) {
    #video_page .pageContentAll .pageContent .videoList > .thisBox .ul .li .openVideo .imgBox .bofangBtn i {
        font-size: clamp(12px, 1.5vw, 1.5vw)
    }
}

@media (max-width: 1024px) {
    #video_page .pageContentAll .pageContent .videoList > .thisBox .ul .li .openVideo .imgBox .bofangBtn i {
        font-size: 4.6vw
    }
}

#video_page .pageContentAll .pageContent .videoList > .thisBox .ul .li .openVideo .imgBox::after {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.3)
}

#video_page .pageContentAll .pageContent .videoList > .thisBox .ul .li .openVideo .title {
    margin-top: .4vw;
    text-align: center;
    font-size: .9vw;
    background-image: linear-gradient(to right, #333 50%, var(--cor) 50%, var(--cor) 100%);
    background-color: rgba(0,0,0,0);
    background-position: 200% 0;
    background-size: 400% 100%;
    -webkit-text-fill-color: rgba(0,0,0,0);
    -webkit-background-clip: text;
    animation: txtDark 1.2s cubic-bezier(.23, 1, .32, 1) 0s forwards
}

@media (max-width: 1600px) {
    #video_page .pageContentAll .pageContent .videoList > .thisBox .ul .li .openVideo .title {
        font-size: clamp(12px, 1vw, 1vw)
    }
}

@media (max-width: 1300px) {
    #video_page .pageContentAll .pageContent .videoList > .thisBox .ul .li .openVideo .title {
        font-size: clamp(12px, 1.1vw, 1.1vw)
    }
}

@media (max-width: 1024px) {
    #video_page .pageContentAll .pageContent .videoList > .thisBox .ul .li .openVideo .title {
        font-size: 3.8vw
    }
}

#video_page .pageContentAll .pageContent .videoList > .thisBox .ul .li .openVideo:hover .imgBox .bofangBtn {
    transform: scale(1.1)
}

#video_page .pageContentAll .pageContent .videoList > .thisBox .ul .li .openVideo:hover .title {
    animation: txtDark_hover 1.2s cubic-bezier(.23, 1, .32, 1) 0s forwards
}

#status_page .pageContentAll .pageContent .statusBox > .thisBox .contentBox .textBox {
    text-align: justify
}

    #status_page .pageContentAll .pageContent .statusBox > .thisBox .contentBox .textBox p {
        font-size: .9vw
    }

@media (max-width: 1600px) {
    #status_page .pageContentAll .pageContent .statusBox > .thisBox .contentBox .textBox p {
        font-size: clamp(12px, 1vw, 1vw)
    }
}

@media (max-width: 1300px) {
    #status_page .pageContentAll .pageContent .statusBox > .thisBox .contentBox .textBox p {
        font-size: clamp(12px, 1.1vw, 1.1vw)
    }
}

@media (max-width: 1024px) {
    #status_page .pageContentAll .pageContent .statusBox > .thisBox .contentBox .textBox p {
        font-size: 3.8vw
    }
}

#status_page .pageContentAll .pageContent .statusBox > .thisBox .contentBox .moreA {
    margin-left: 0
}

#status_page .pageContentAll .pageContent .statusBox > .thisBox .contentBox .liuchengBox {
    margin-top: 4vw
}

@media (max-width: 1024px) {
    #status_page .pageContentAll .pageContent .statusBox > .thisBox .contentBox .liuchengBox {
        margin-top: 10vw
    }
}

#status_page .pageContentAll .pageContent .statusBox > .thisBox .contentBox .liuchengBox .unifyTitle_two .unifyTitleThis_two {
    width: 100%
}

#status_page .pageContentAll .pageContent .statusBox > .thisBox .contentBox .liuchengBox .ul {
    flex-direction: row;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    gap: 4vw
}

    #status_page .pageContentAll .pageContent .statusBox > .thisBox .contentBox .liuchengBox .ul li {
        width: calc(100% / 3 - (3 - 1) * 4vw / 3)
    }

@media (max-width: 1024px) {
    #status_page .pageContentAll .pageContent .statusBox > .thisBox .contentBox .liuchengBox .ul {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        flex-wrap: unset;
        gap: 12vw
    }
}

#status_page .pageContentAll .pageContent .statusBox > .thisBox .contentBox .liuchengBox .ul .li:nth-child(6) {
    order: 4
}

#status_page .pageContentAll .pageContent .statusBox > .thisBox .contentBox .liuchengBox .ul .li:nth-child(5) {
    order: 5
}

#status_page .pageContentAll .pageContent .statusBox > .thisBox .contentBox .liuchengBox .ul .li:nth-child(4) {
    order: 6
}

#status_page .pageContentAll .pageContent .statusBox > .thisBox .contentBox .liuchengBox .ul .li:nth-child(3) {
    order: 3
}

#status_page .pageContentAll .pageContent .statusBox > .thisBox .contentBox .liuchengBox .ul .li:nth-child(2) {
    order: 2
}

#status_page .pageContentAll .pageContent .statusBox > .thisBox .contentBox .liuchengBox .ul .li:nth-child(1) {
    order: 1
}

@media (max-width: 1024px) {
    #status_page .pageContentAll .pageContent .statusBox > .thisBox .contentBox .liuchengBox .ul .li {
        width: 100%
    }

        #status_page .pageContentAll .pageContent .statusBox > .thisBox .contentBox .liuchengBox .ul .li:nth-child(6) {
            order: 6
        }

        #status_page .pageContentAll .pageContent .statusBox > .thisBox .contentBox .liuchengBox .ul .li:nth-child(5) {
            order: 5
        }

        #status_page .pageContentAll .pageContent .statusBox > .thisBox .contentBox .liuchengBox .ul .li:nth-child(4) {
            order: 4
        }

        #status_page .pageContentAll .pageContent .statusBox > .thisBox .contentBox .liuchengBox .ul .li:nth-child(3) {
            order: 3
        }

        #status_page .pageContentAll .pageContent .statusBox > .thisBox .contentBox .liuchengBox .ul .li:nth-child(2) {
            order: 2
        }

        #status_page .pageContentAll .pageContent .statusBox > .thisBox .contentBox .liuchengBox .ul .li:nth-child(1) {
            order: 1
        }
}

#status_page .pageContentAll .pageContent .statusBox > .thisBox .contentBox .liuchengBox .ul .li .box {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: unset
}

    #status_page .pageContentAll .pageContent .statusBox > .thisBox .contentBox .liuchengBox .ul .li .box .title {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        flex-wrap: unset;
        gap: 1vw;
        font-size: .9vw;
        margin-top: .8vw
    }

@media (max-width: 1600px) {
    #status_page .pageContentAll .pageContent .statusBox > .thisBox .contentBox .liuchengBox .ul .li .box .title {
        font-size: clamp(12px, 1vw, 1vw)
    }
}

@media (max-width: 1300px) {
    #status_page .pageContentAll .pageContent .statusBox > .thisBox .contentBox .liuchengBox .ul .li .box .title {
        font-size: clamp(12px, 1.1vw, 1.1vw)
    }
}

@media (max-width: 1024px) {
    #status_page .pageContentAll .pageContent .statusBox > .thisBox .contentBox .liuchengBox .ul .li .box .title {
        font-size: 3.8vw
    }
}

#status_page .pageContentAll .pageContent .statusBox > .thisBox .contentBox .liuchengBox .ul .li .box .title .ico {
    width: 2.4vw;
    height: 2.4vw;
    border-radius: 50%;
    background-color: #F08300;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: unset;
    color: #fff;
    font-size: 1.1vw;
    font-weight: bold
}

@media (max-width: 1600px) {
    #status_page .pageContentAll .pageContent .statusBox > .thisBox .contentBox .liuchengBox .ul .li .box .title .ico {
        font-size: clamp(12px, 1.2vw, 1.2vw)
    }
}

@media (max-width: 1300px) {
    #status_page .pageContentAll .pageContent .statusBox > .thisBox .contentBox .liuchengBox .ul .li .box .title .ico {
        font-size: clamp(12px, 1.3vw, 1.3vw)
    }
}

@media (max-width: 1024px) {
    #status_page .pageContentAll .pageContent .statusBox > .thisBox .contentBox .liuchengBox .ul .li .box .title .ico {
        font-size: 4.2vw
    }
}

@media (max-width: 1024px) {
    #status_page .pageContentAll .pageContent .statusBox > .thisBox .contentBox .liuchengBox .ul .li .box .title .ico {
        margin-right: 4vw;
        width: 8vw;
        height: 8vw
    }
}

#status_page .pageContentAll .pageContent .statusBox > .thisBox .contentBox .liuchengBox .ul .li .box::after {
    content: '';
    position: absolute;
    display: block;
    left: calc(100% + 1vw);
    width: 2vw;
    height: 2vw;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../img/zhijiantou.png);
    background-position: center
}

@media (max-width: 1024px) {
    #status_page .pageContentAll .pageContent .statusBox > .thisBox .contentBox .liuchengBox .ul .li .box::after {
        width: 8vw;
        height: 8vw;
        transform: rotate(90deg);
        top: calc(100% + 1vw);
        left: calc(50% - 4vw)
    }
}

@media (min-width: 1024px) {
    #status_page .pageContentAll .pageContent .statusBox > .thisBox .contentBox .liuchengBox .ul .li:nth-child(3) .box::after {
        left: 50%;
        top: calc(100% + 1vw);
        transform: rotate(90deg)
    }

    #status_page .pageContentAll .pageContent .statusBox > .thisBox .contentBox .liuchengBox .ul .li:nth-last-child(1) .box::after, #status_page .pageContentAll .pageContent .statusBox > .thisBox .contentBox .liuchengBox .ul .li:nth-last-child(2) .box::after, #status_page .pageContentAll .pageContent .statusBox > .thisBox .contentBox .liuchengBox .ul .li:nth-last-child(3) .box::after {
        left: unset;
        right: calc(100% + 1vw);
        transform: rotate(180deg)
    }
}

#status_page .pageContentAll .pageContent .statusBox > .thisBox .contentBox .liuchengBox .ul .li:last-child .box::after {
    display: none
}

#wangzhan_page .pageContentAll .pageContent .wenzhangBox > .thisBox .contentBox {
    width: 60%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: unset;
    gap: 2vw
}

@media (max-width: 1024px) {
    #wangzhan_page .pageContentAll .pageContent .wenzhangBox > .thisBox .contentBox {
        width: 84%;
        gap: 4vw
    }
}

#wangzhan_page .pageContentAll .pageContent .wenzhangBox > .thisBox .contentBox .wenzhangName {
    font-size: 1.9vw;
    font-family: 'cn1'
}

@media (max-width: 1600px) {
    #wangzhan_page .pageContentAll .pageContent .wenzhangBox > .thisBox .contentBox .wenzhangName {
        font-size: clamp(12px, 2vw, 2vw)
    }
}

@media (max-width: 1300px) {
    #wangzhan_page .pageContentAll .pageContent .wenzhangBox > .thisBox .contentBox .wenzhangName {
        font-size: clamp(12px, 2.1vw, 2.1vw)
    }
}

@media (max-width: 1024px) {
    #wangzhan_page .pageContentAll .pageContent .wenzhangBox > .thisBox .contentBox .wenzhangName {
        font-size: 5.8vw
    }
}

#wangzhan_page .pageContentAll .pageContent .wenzhangBox > .thisBox .contentBox .wenzhangInfo {
    background-color: #f3f3f3;
    padding: .8vw;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: unset;
    gap: 2vw
}

@media (max-width: 1024px) {
    #wangzhan_page .pageContentAll .pageContent .wenzhangBox > .thisBox .contentBox .wenzhangInfo {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        flex-wrap: unset;
        padding: 4vw
    }
}

#wangzhan_page .pageContentAll .pageContent .wenzhangBox > .thisBox .contentBox .detailContentBox {
    width: 100%
}

    #wangzhan_page .pageContentAll .pageContent .wenzhangBox > .thisBox .contentBox .detailContentBox .wenzhang {
        width: 100%
    }

#wangzhan_page .pageContentAll .pageContent .wenzhangBox > .thisBox .contentBox .moreLink {
    border-top: 1px dashed #999;
    padding-top: 1vw;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: unset
}

@media (max-width: 1024px) {
    #wangzhan_page .pageContentAll .pageContent .wenzhangBox > .thisBox .contentBox .moreLink {
        padding-top: 4vw;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        flex-wrap: unset
    }
}

#wangzhan_page .pageContentAll .pageContent .wenzhangBox > .thisBox .contentBox .moreLink .moreBox {
    max-width: 48%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: unset;
    gap: .5vw
}

@media (max-width: 1024px) {
    #wangzhan_page .pageContentAll .pageContent .wenzhangBox > .thisBox .contentBox .moreLink .moreBox {
        max-width: 100%
    }
}

#wangzhan_page .pageContentAll .pageContent .wenzhangBox > .thisBox .contentBox .moreLink .moreBox .link:hover {
    text-decoration: underline;
    color: var(--cor)
}

#imgs_page .pageContentAll .pageContent .zyEmployment > .thisBox .contentBox .ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 2vw
}

@media (max-width: 1024px) {
    #imgs_page .pageContentAll .pageContent .zyEmployment > .thisBox .contentBox .ul {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 6vw
    }
}

#imgs_page .pageContentAll .pageContent .zyEmployment > .thisBox .contentBox .ul .li .employA {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: unset
}

    #imgs_page .pageContentAll .pageContent .zyEmployment > .thisBox .contentBox .ul .li .employA .imgBox {
        position: relative;
        width: 100%;
        overflow: hidden;
        height: 15vw
    }

@media (max-width: 1024px) {
    #imgs_page .pageContentAll .pageContent .zyEmployment > .thisBox .contentBox .ul .li .employA .imgBox {
        height: 50vw
    }
}

#imgs_page .pageContentAll .pageContent .zyEmployment > .thisBox .contentBox .ul .li .employA .imgBox img {
    transition-duration: .8s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.56, -0.01, .04, 1)
}

#imgs_page .pageContentAll .pageContent .zyEmployment > .thisBox .contentBox .ul .li .employA .imgBox .mask {
    position: absolute;
    opacity: 0;
    top: 0;
    transition-duration: .8s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.56, -0.01, .04, 1);
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: unset;
    background-color: rgba(240,131,0,0.4)
}

    #imgs_page .pageContentAll .pageContent .zyEmployment > .thisBox .contentBox .ul .li .employA .imgBox .mask .ico {
        transform: translateY(1vw);
        transition-duration: .8s;
        transition-property: all;
        transition-timing-function: cubic-bezier(.56, -0.01, .04, 1);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        flex-wrap: unset
    }

        #imgs_page .pageContentAll .pageContent .zyEmployment > .thisBox .contentBox .ul .li .employA .imgBox .mask .ico i {
            color: #fff;
            font-size: 1.7vw
        }

@media (max-width: 1600px) {
    #imgs_page .pageContentAll .pageContent .zyEmployment > .thisBox .contentBox .ul .li .employA .imgBox .mask .ico i {
        font-size: clamp(12px, 1.8vw, 1.8vw)
    }
}

@media (max-width: 1300px) {
    #imgs_page .pageContentAll .pageContent .zyEmployment > .thisBox .contentBox .ul .li .employA .imgBox .mask .ico i {
        font-size: clamp(12px, 1.9vw, 1.9vw)
    }
}

@media (max-width: 1024px) {
    #imgs_page .pageContentAll .pageContent .zyEmployment > .thisBox .contentBox .ul .li .employA .imgBox .mask .ico i {
        font-size: 5.4vw
    }
}

#imgs_page .pageContentAll .pageContent .zyEmployment > .thisBox .contentBox .ul .li .employA .title {
    margin-top: .4vw;
    text-align: center;
    background-image: linear-gradient(to right, #333 50%, var(--cor) 50%, var(--cor) 100%);
    background-color: rgba(0,0,0,0);
    background-position: 200% 0;
    background-size: 400% 100%;
    -webkit-text-fill-color: rgba(0,0,0,0);
    -webkit-background-clip: text;
    animation: txtDark 1.2s cubic-bezier(.23, 1, .32, 1) 0s forwards
}

#imgs_page .pageContentAll .pageContent .zyEmployment > .thisBox .contentBox .ul .li .employA:hover .imgBox img {
    transform: scale(1.1)
}

#imgs_page .pageContentAll .pageContent .zyEmployment > .thisBox .contentBox .ul .li .employA:hover .imgBox .mask {
    opacity: 1
}

    #imgs_page .pageContentAll .pageContent .zyEmployment > .thisBox .contentBox .ul .li .employA:hover .imgBox .mask .ico {
        transform: translateY(0)
    }

#imgs_page .pageContentAll .pageContent .zyEmployment > .thisBox .contentBox .ul .li .employA:hover .title {
    animation: txtDark_hover 1.2s cubic-bezier(.23, 1, .32, 1) 0s forwards
}

#brochure_page .pageContentAll .pageContent .brochureList > .thisBox .contentBox .ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 6vw;
    grid-row-gap: 2vw
}

@media (max-width: 1024px) {
    #brochure_page .pageContentAll .pageContent .brochureList > .thisBox .contentBox .ul {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 6vw
    }
}

#brochure_page .pageContentAll .pageContent .brochureList > .thisBox .contentBox .ul .li .aBox {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: unset;
    gap: .6vw
}

    #brochure_page .pageContentAll .pageContent .brochureList > .thisBox .contentBox .ul .li .aBox .imgBox {
        transition-duration: .8s;
        transition-property: all;
        transition-timing-function: cubic-bezier(.56, -0.01, .04, 1);
        height: 20vw;
        background-color: #f3f3f3
    }

@media (max-width: 1024px) {
    #brochure_page .pageContentAll .pageContent .brochureList > .thisBox .contentBox .ul .li .aBox .imgBox {
        height: 50vw
    }
}

#brochure_page .pageContentAll .pageContent .brochureList > .thisBox .contentBox .ul .li .aBox .imgBox img {
    height: 100%;
    object-fit: contain
}

#brochure_page .pageContentAll .pageContent .brochureList > .thisBox .contentBox .ul .li .aBox .title {
    font-size: .9vw;
    background-image: linear-gradient(to right, #333 50%, var(--cor) 50%, var(--cor) 100%);
    background-color: rgba(0,0,0,0);
    background-position: 200% 0;
    background-size: 400% 100%;
    -webkit-text-fill-color: rgba(0,0,0,0);
    -webkit-background-clip: text;
    animation: txtDark 1.2s cubic-bezier(.23, 1, .32, 1) 0s forwards
}

@media (max-width: 1600px) {
    #brochure_page .pageContentAll .pageContent .brochureList > .thisBox .contentBox .ul .li .aBox .title {
        font-size: clamp(12px, 1vw, 1vw)
    }
}

@media (max-width: 1300px) {
    #brochure_page .pageContentAll .pageContent .brochureList > .thisBox .contentBox .ul .li .aBox .title {
        font-size: clamp(12px, 1.1vw, 1.1vw)
    }
}

@media (max-width: 1024px) {
    #brochure_page .pageContentAll .pageContent .brochureList > .thisBox .contentBox .ul .li .aBox .title {
        font-size: 3.8vw
    }
}

#brochure_page .pageContentAll .pageContent .brochureList > .thisBox .contentBox .ul .li .aBox:hover .imgBox {
    transform: scale(1.05)
}

#brochure_page .pageContentAll .pageContent .brochureList > .thisBox .contentBox .ul .li .aBox:hover .title {
    animation: txtDark_hover 1.2s cubic-bezier(.23, 1, .32, 1) 0s forwards
}

#clique_page .pageContentAll .cliqueBanner {
    overflow: hidden
}

    #clique_page .pageContentAll .cliqueBanner > .thisBox {
        width: 100%;
        height: 40vw
    }

        #clique_page .pageContentAll .cliqueBanner > .thisBox .swiperBox {
            width: 100%;
            height: 100%
        }

            #clique_page .pageContentAll .cliqueBanner > .thisBox .swiperBox #inxBanner_2 {
                height: 100%
            }

                #clique_page .pageContentAll .cliqueBanner > .thisBox .swiperBox #inxBanner_2 .swiper-slide {
                    overflow: hidden
                }

                    #clique_page .pageContentAll .cliqueBanner > .thisBox .swiperBox #inxBanner_2 .swiper-slide .slide-inner {
                        position: absolute;
                        left: 0;
                        top: 0;
                        width: 100%;
                        height: 100%;
                        display: flex;
                        flex-direction: row;
                        align-items: center;
                        justify-content: center;
                        flex-wrap: unset
                    }

                        #clique_page .pageContentAll .cliqueBanner > .thisBox .swiperBox #inxBanner_2 .swiper-slide .slide-inner .banCoutBox {
                            width: 100%;
                            height: 100%
                        }

                            #clique_page .pageContentAll .cliqueBanner > .thisBox .swiperBox #inxBanner_2 .swiper-slide .slide-inner .banCoutBox .img {
                                object-fit: cover;
                                width: 100%;
                                height: 100%
                            }

@media (max-width: 1024px) {
    #clique_page .pageContentAll .cliqueBanner > .thisBox .swiperBox .swiperControl .navigation {
        display: none
    }
}

#clique_page .pageContentAll .cliqueBanner > .thisBox .swiperBox .swiperControl .navigation .navigationThis .btn.leftBtn {
    left: 5vw
}

#clique_page .pageContentAll .cliqueBanner > .thisBox .swiperBox .swiperControl .navigation .navigationThis .btn.rightBtn {
    right: 5vw
}

#clique_page .pageContentAll .pageContent .cliqueNewsBox > .thisBox {
    padding-top: 5vw
}

@media (max-width: 1600px) {
    #clique_page .pageContentAll .pageContent .cliqueNewsBox > .thisBox {
        padding-top: 5vw
    }
}

@media (max-width: 1300px) {
    #clique_page .pageContentAll .pageContent .cliqueNewsBox > .thisBox {
        padding-top: 5vw
    }
}

@media (max-width: 1024px) {
    #clique_page .pageContentAll .pageContent .cliqueNewsBox > .thisBox {
        padding-top: 12vw
    }
}

#clique_page .pageContentAll .pageContent .cliqueNewsBox > .thisBox .contentBox {
    height: 35vw;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: unset;
    gap: 3vw
}

    #clique_page .pageContentAll .pageContent .cliqueNewsBox > .thisBox .contentBox .aBox .imgBox {
        overflow: hidden
    }

        #clique_page .pageContentAll .pageContent .cliqueNewsBox > .thisBox .contentBox .aBox .imgBox img {
            transition-duration: .8s;
            transition-property: all;
            transition-timing-function: cubic-bezier(.56, -0.01, .04, 1)
        }

    #clique_page .pageContentAll .pageContent .cliqueNewsBox > .thisBox .contentBox .aBox .textBox {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        flex-wrap: unset;
        gap: .5vw
    }

        #clique_page .pageContentAll .pageContent .cliqueNewsBox > .thisBox .contentBox .aBox .textBox .date {
            color: var(--cor);
            font-size: .9vw
        }

@media (max-width: 1600px) {
    #clique_page .pageContentAll .pageContent .cliqueNewsBox > .thisBox .contentBox .aBox .textBox .date {
        font-size: clamp(12px, 1vw, 1vw)
    }
}

@media (max-width: 1300px) {
    #clique_page .pageContentAll .pageContent .cliqueNewsBox > .thisBox .contentBox .aBox .textBox .date {
        font-size: clamp(12px, 1.1vw, 1.1vw)
    }
}

@media (max-width: 1024px) {
    #clique_page .pageContentAll .pageContent .cliqueNewsBox > .thisBox .contentBox .aBox .textBox .date {
        font-size: 3.8vw
    }
}

#clique_page .pageContentAll .pageContent .cliqueNewsBox > .thisBox .contentBox .aBox .textBox .title {
    font-weight: bold;
    font-size: .9vw;
    background-image: linear-gradient(to right, #333 50%, var(--cor) 50%, var(--cor) 100%);
    background-color: rgba(0,0,0,0);
    background-position: 200% 0;
    background-size: 400% 100%;
    -webkit-text-fill-color: rgba(0,0,0,0);
    -webkit-background-clip: text;
    animation: txtDark 1.2s cubic-bezier(.23, 1, .32, 1) 0s forwards
}

@media (max-width: 1600px) {
    #clique_page .pageContentAll .pageContent .cliqueNewsBox > .thisBox .contentBox .aBox .textBox .title {
        font-size: clamp(12px, 1vw, 1vw)
    }
}

@media (max-width: 1300px) {
    #clique_page .pageContentAll .pageContent .cliqueNewsBox > .thisBox .contentBox .aBox .textBox .title {
        font-size: clamp(12px, 1.1vw, 1.1vw)
    }
}

@media (max-width: 1024px) {
    #clique_page .pageContentAll .pageContent .cliqueNewsBox > .thisBox .contentBox .aBox .textBox .title {
        font-size: 3.8vw
    }
}

#clique_page .pageContentAll .pageContent .cliqueNewsBox > .thisBox .contentBox .aBox:hover .imgBox img {
    transform: scale(1.1)
}

#clique_page .pageContentAll .pageContent .cliqueNewsBox > .thisBox .contentBox .aBox:hover .title {
    animation: txtDark_hover 1.2s cubic-bezier(.23, 1, .32, 1) 0s forwards
}

#clique_page .pageContentAll .pageContent .cliqueNewsBox > .thisBox .contentBox .leftBox {
    height: 100%;
    flex: 3
}

    #clique_page .pageContentAll .pageContent .cliqueNewsBox > .thisBox .contentBox .leftBox .aBox {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        flex-wrap: unset;
        height: 100%;
        background-color: rgba(0,0,0,0.03)
    }

        #clique_page .pageContentAll .pageContent .cliqueNewsBox > .thisBox .contentBox .leftBox .aBox .imgBox {
            width: 100%;
            height: 60%
        }

            #clique_page .pageContentAll .pageContent .cliqueNewsBox > .thisBox .contentBox .leftBox .aBox .imgBox img {
                width: 100%;
                height: 100%;
                object-fit: cover
            }

        #clique_page .pageContentAll .pageContent .cliqueNewsBox > .thisBox .contentBox .leftBox .aBox .textBox {
            padding: 2vw;
            width: 100%;
            height: 40%
        }

            #clique_page .pageContentAll .pageContent .cliqueNewsBox > .thisBox .contentBox .leftBox .aBox .textBox .title {
                font-size: 1.1vw
            }

@media (max-width: 1600px) {
    #clique_page .pageContentAll .pageContent .cliqueNewsBox > .thisBox .contentBox .leftBox .aBox .textBox .title {
        font-size: clamp(12px, 1.2vw, 1.2vw)
    }
}

@media (max-width: 1300px) {
    #clique_page .pageContentAll .pageContent .cliqueNewsBox > .thisBox .contentBox .leftBox .aBox .textBox .title {
        font-size: clamp(12px, 1.3vw, 1.3vw)
    }
}

@media (max-width: 1024px) {
    #clique_page .pageContentAll .pageContent .cliqueNewsBox > .thisBox .contentBox .leftBox .aBox .textBox .title {
        font-size: 4.2vw
    }
}

#clique_page .pageContentAll .pageContent .cliqueNewsBox > .thisBox .contentBox .leftBox .aBox .textBox .description {
    opacity: .7;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 2em
}

#clique_page .pageContentAll .pageContent .cliqueNewsBox > .thisBox .contentBox .centerBox {
    height: 100%;
    flex: 2
}

    #clique_page .pageContentAll .pageContent .cliqueNewsBox > .thisBox .contentBox .centerBox .ul {
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        flex-wrap: unset;
        gap: 2vw
    }

        #clique_page .pageContentAll .pageContent .cliqueNewsBox > .thisBox .contentBox .centerBox .ul .li {
            width: 100%;
            height: calc(50% - 1vw)
        }

            #clique_page .pageContentAll .pageContent .cliqueNewsBox > .thisBox .contentBox .centerBox .ul .li .aBox {
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                flex-wrap: unset;
                width: 100%;
                height: 100%;
                background-color: #f8f8f8
            }

                #clique_page .pageContentAll .pageContent .cliqueNewsBox > .thisBox .contentBox .centerBox .ul .li .aBox .imgBox {
                    width: 100%;
                    height: 70%
                }

                #clique_page .pageContentAll .pageContent .cliqueNewsBox > .thisBox .contentBox .centerBox .ul .li .aBox .textBox {
                    padding: 1vw;
                    height: 30%
                }

                    #clique_page .pageContentAll .pageContent .cliqueNewsBox > .thisBox .contentBox .centerBox .ul .li .aBox .textBox .title {
                        overflow: hidden;
                        text-overflow: ellipsis;
                        display: -webkit-box;
                        -webkit-line-clamp: 1;
                        -webkit-box-orient: vertical
                    }

#clique_page .pageContentAll .pageContent .cliqueNewsBox > .thisBox .contentBox .rightBox {
    height: 100%;
    flex: 2
}

    #clique_page .pageContentAll .pageContent .cliqueNewsBox > .thisBox .contentBox .rightBox .ul {
        height: 100%;
        display: grid;
        grid-template-rows: repeat(8, 1fr)
    }

        #clique_page .pageContentAll .pageContent .cliqueNewsBox > .thisBox .contentBox .rightBox .ul .li {
            border-bottom: 1px dashed #ccc;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: center;
            flex-wrap: unset
        }

            #clique_page .pageContentAll .pageContent .cliqueNewsBox > .thisBox .contentBox .rightBox .ul .li .aBox .textBox .title {
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 1;
                -webkit-box-orient: vertical
            }

#clique_page .pageContentAll .pageContent .cliqueNewsBox:first-child > .thisBox {
    padding-top: 0
}

#studio_list_page .pageContentAll .pageContent .studioList > .thisBox .ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 2vw
}

    #studio_list_page .pageContentAll .pageContent .studioList > .thisBox .ul .li .aBox {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        flex-wrap: unset
    }

        #studio_list_page .pageContentAll .pageContent .studioList > .thisBox .ul .li .aBox .imgBox {
            overflow: hidden;
            width: 100%;
            height: 16vw
        }

            #studio_list_page .pageContentAll .pageContent .studioList > .thisBox .ul .li .aBox .imgBox img {
                overflow: hidden;
                transition-duration: .8s;
                transition-property: all;
                transition-timing-function: cubic-bezier(.56, -0.01, .04, 1)
            }

        #studio_list_page .pageContentAll .pageContent .studioList > .thisBox .ul .li .aBox .textBox {
            width: 100%;
            padding: 1vw;
            background-color: #f8f8f8;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: flex-start;
            flex-wrap: unset
        }

            #studio_list_page .pageContentAll .pageContent .studioList > .thisBox .ul .li .aBox .textBox .title {
                background-image: linear-gradient(to right, #333 50%, var(--cor) 50%, var(--cor) 100%);
                background-color: rgba(0,0,0,0);
                background-position: 200% 0;
                background-size: 400% 100%;
                -webkit-text-fill-color: rgba(0,0,0,0);
                -webkit-background-clip: text;
                animation: txtDark 1.2s cubic-bezier(.23, 1, .32, 1) 0s forwards;
                font-size: .9vw
            }

@media (max-width: 1600px) {
    #studio_list_page .pageContentAll .pageContent .studioList > .thisBox .ul .li .aBox .textBox .title {
        font-size: clamp(12px, 1vw, 1vw)
    }
}

@media (max-width: 1300px) {
    #studio_list_page .pageContentAll .pageContent .studioList > .thisBox .ul .li .aBox .textBox .title {
        font-size: clamp(12px, 1.1vw, 1.1vw)
    }
}

@media (max-width: 1024px) {
    #studio_list_page .pageContentAll .pageContent .studioList > .thisBox .ul .li .aBox .textBox .title {
        font-size: 3.8vw
    }
}

#studio_list_page .pageContentAll .pageContent .studioList > .thisBox .ul .li .aBox:hover .imgBox img {
    transform: scale(1.1)
}

#studio_list_page .pageContentAll .pageContent .studioList > .thisBox .ul .li .aBox:hover .textBox .title {
    animation: txtDark_hover 1.2s cubic-bezier(.23, 1, .32, 1) 0s forwards
}

#studio_page .pageContentAll .pageContent .studioPeopel {
    margin-top: -3vw;
    position: relative;
    z-index: 1;
    margin-top: 0
}

@media (max-width: 1024px) {
    #studio_page .pageContentAll .pageContent .studioPeopel {
        margin-top: -10vw
    }
}

#studio_page .pageContentAll .pageContent .studioPeopel > .thisBox {
    padding: 4vw 0;
    position: relative
}

@media (max-width: 1024px) {
    #studio_page .pageContentAll .pageContent .studioPeopel > .thisBox {
        padding: 15vw 0
    }
}

#studio_page .pageContentAll .pageContent .studioPeopel > .thisBox .contentBox {
    width: 100%
}

    #studio_page .pageContentAll .pageContent .studioPeopel > .thisBox .contentBox .unifyTitle {
        margin-bottom: 0;
        padding-left: 12vw;
        position: relative;
        z-index: 1
    }

    #studio_page .pageContentAll .pageContent .studioPeopel > .thisBox .contentBox .swiperBox {
        position: relative
    }

        #studio_page .pageContentAll .pageContent .studioPeopel > .thisBox .contentBox .swiperBox .swiper .swiper-slide {
            width: 15vw;
            padding-top: 2vw
        }

@media (max-width: 1024px) {
    #studio_page .pageContentAll .pageContent .studioPeopel > .thisBox .contentBox .swiperBox .swiper .swiper-slide {
        width: 60vw;
        padding-top: 8vw
    }
}

#studio_page .pageContentAll .pageContent .studioPeopel > .thisBox .contentBox .swiperBox .swiper .swiper-slide .aBox {
    position: relative;
    padding: 0 1vw
}

    #studio_page .pageContentAll .pageContent .studioPeopel > .thisBox .contentBox .swiperBox .swiper .swiper-slide .aBox .moveBox {
        position: relative;
        width: 100%;
        height: 18vw
    }

@media (max-width: 1024px) {
    #studio_page .pageContentAll .pageContent .studioPeopel > .thisBox .contentBox .swiperBox .swiper .swiper-slide .aBox .moveBox {
        height: 70vw
    }
}

#studio_page .pageContentAll .pageContent .studioPeopel > .thisBox .contentBox .swiperBox .swiper .swiper-slide .aBox .moveBox > div {
    overflow: hidden
}

#studio_page .pageContentAll .pageContent .studioPeopel > .thisBox .contentBox .swiperBox .swiper .swiper-slide .aBox .moveBox .zhengMian {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    transform-origin: 50% 100%;
    animation: flip-card-back .8s cubic-bezier(.2, .5, .32, .8) 0s forwards
}

@media (max-width: 1024px) {
    #studio_page .pageContentAll .pageContent .studioPeopel > .thisBox .contentBox .swiperBox .swiper .swiper-slide .aBox .moveBox .zhengMian {
        animation-name: flip-card-back-m3
    }
}

#studio_page .pageContentAll .pageContent .studioPeopel > .thisBox .contentBox .swiperBox .swiper .swiper-slide .aBox .moveBox .zhengMian .imgBox {
    width: 100%;
    height: 100%
}

#studio_page .pageContentAll .pageContent .studioPeopel > .thisBox .contentBox .swiperBox .swiper .swiper-slide .aBox .moveBox .beiMian {
    padding: 2vw;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    animation: flip-card-front .8s cubic-bezier(.2, .5, .32, .8) 0s forwards;
    transform-origin: 80% 100%;
    background: linear-gradient(to right, #F5AF5B, #F08300);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: unset;
    gap: 1vw
}

@media (max-width: 1600px) {
    #studio_page .pageContentAll .pageContent .studioPeopel > .thisBox .contentBox .swiperBox .swiper .swiper-slide .aBox .moveBox .beiMian {
        padding: 1vw;
        gap: .4vw
    }
}

@media (max-width: 1600px) and (max-width:1024px) {
    #studio_page .pageContentAll .pageContent .studioPeopel > .thisBox .contentBox .swiperBox .swiper .swiper-slide .aBox .moveBox .beiMian {
        padding: 4vw;
        animation-name: flip-card-front-m3
    }
}

#studio_page .pageContentAll .pageContent .studioPeopel > .thisBox .contentBox .swiperBox .swiper .swiper-slide .aBox .moveBox .beiMian .title {
    color: #fff;
    font-size: 1.1vw;
    font-weight: bold
}

@media (max-width: 1600px) {
    #studio_page .pageContentAll .pageContent .studioPeopel > .thisBox .contentBox .swiperBox .swiper .swiper-slide .aBox .moveBox .beiMian .title {
        font-size: clamp(12px, 1.2vw, 1.2vw)
    }
}

@media (max-width: 1300px) {
    #studio_page .pageContentAll .pageContent .studioPeopel > .thisBox .contentBox .swiperBox .swiper .swiper-slide .aBox .moveBox .beiMian .title {
        font-size: clamp(12px, 1.3vw, 1.3vw)
    }
}

@media (max-width: 1024px) {
    #studio_page .pageContentAll .pageContent .studioPeopel > .thisBox .contentBox .swiperBox .swiper .swiper-slide .aBox .moveBox .beiMian .title {
        font-size: 4.2vw
    }
}

#studio_page .pageContentAll .pageContent .studioPeopel > .thisBox .contentBox .swiperBox .swiper .swiper-slide .aBox .moveBox .beiMian .miaoshu {
    line-height: 2em;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical
}

#studio_page .pageContentAll .pageContent .studioPeopel > .thisBox .contentBox .swiperBox .swiper .swiper-slide .aBox .textBox {
    margin-top: 2vw;
    padding: 0 1vw;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    flex-wrap: unset
}

@media (max-width: 1600px) {
    #studio_page .pageContentAll .pageContent .studioPeopel > .thisBox .contentBox .swiperBox .swiper .swiper-slide .aBox .textBox {
        padding: 0
    }
}

@media (max-width: 1600px) and (max-width:1024px) {
    #studio_page .pageContentAll .pageContent .studioPeopel > .thisBox .contentBox .swiperBox .swiper .swiper-slide .aBox .textBox {
        margin-top: 8vw
    }
}

#studio_page .pageContentAll .pageContent .studioPeopel > .thisBox .contentBox .swiperBox .swiper .swiper-slide .aBox .textBox .title {
    font-size: 1.1vw;
    font-weight: bold;
    word-break: keep-all;
    margin-right: .5vw
}

@media (max-width: 1600px) {
    #studio_page .pageContentAll .pageContent .studioPeopel > .thisBox .contentBox .swiperBox .swiper .swiper-slide .aBox .textBox .title {
        font-size: clamp(12px, 1.2vw, 1.2vw)
    }
}

@media (max-width: 1300px) {
    #studio_page .pageContentAll .pageContent .studioPeopel > .thisBox .contentBox .swiperBox .swiper .swiper-slide .aBox .textBox .title {
        font-size: clamp(12px, 1.3vw, 1.3vw)
    }
}

@media (max-width: 1024px) {
    #studio_page .pageContentAll .pageContent .studioPeopel > .thisBox .contentBox .swiperBox .swiper .swiper-slide .aBox .textBox .title {
        font-size: 4.2vw
    }
}

@media (max-width: 1024px) {
    #studio_page .pageContentAll .pageContent .studioPeopel > .thisBox .contentBox .swiperBox .swiper .swiper-slide .aBox .textBox .title {
        font-size: 5vw;
        margin-right: 2vw
    }
}

#studio_page .pageContentAll .pageContent .studioPeopel > .thisBox .contentBox .swiperBox .swiper .swiper-slide .aBox .textBox .zhicheng {
    font-size: .9vw;
    color: #F08300
}

@media (max-width: 1600px) {
    #studio_page .pageContentAll .pageContent .studioPeopel > .thisBox .contentBox .swiperBox .swiper .swiper-slide .aBox .textBox .zhicheng {
        font-size: clamp(12px, 1vw, 1vw)
    }
}

@media (max-width: 1300px) {
    #studio_page .pageContentAll .pageContent .studioPeopel > .thisBox .contentBox .swiperBox .swiper .swiper-slide .aBox .textBox .zhicheng {
        font-size: clamp(12px, 1.1vw, 1.1vw)
    }
}

@media (max-width: 1024px) {
    #studio_page .pageContentAll .pageContent .studioPeopel > .thisBox .contentBox .swiperBox .swiper .swiper-slide .aBox .textBox .zhicheng {
        font-size: 3.8vw
    }
}

#studio_page .pageContentAll .pageContent .studioPeopel > .thisBox .contentBox .swiperBox .swiper .swiper-slide .aBox:hover .moveBox .zhengMian {
    animation: flip-card-front .8s cubic-bezier(.2, .5, .32, .8) 0s forwards
}

@media (max-width: 1024px) {
    #studio_page .pageContentAll .pageContent .studioPeopel > .thisBox .contentBox .swiperBox .swiper .swiper-slide .aBox:hover .moveBox .zhengMian {
        animation-name: flip-card-front-m3
    }
}

#studio_page .pageContentAll .pageContent .studioPeopel > .thisBox .contentBox .swiperBox .swiper .swiper-slide .aBox:hover .moveBox .beiMian {
    animation: flip-card-back .8s cubic-bezier(.2, .5, .32, .8) 0s forwards
}

@media (max-width: 1024px) {
    #studio_page .pageContentAll .pageContent .studioPeopel > .thisBox .contentBox .swiperBox .swiper .swiper-slide .aBox:hover .moveBox .beiMian {
        animation-name: flip-card-back-m3
    }
}

@media (max-width: 1024px) {
    #studio_page .pageContentAll .pageContent .studioPeopel > .thisBox .contentBox .swiperBox .swiperControl {
        margin-top: 4vw
    }
}

@media (max-width: 1024px) {
    #studio_page .pageContentAll .pageContent .studioPeopel > .thisBox .contentBox .swiperBox .swiperControl .navigation .navigationThis {
        padding-left: 12vw;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        flex-wrap: unset;
        gap: 4vw
    }
}

#studio_page .pageContentAll .pageContent .studioPeopel > .thisBox .contentBox .swiperBox .swiperControl .navigation .navigationThis .btn {
    top: -5vw;
    transform: translateY(0);
    border-radius: 50%;
    width: 3vw;
    height: 3vw;
    border: 1px solid #F08300;
    background-color: unset
}

@media (max-width: 1024px) {
    #studio_page .pageContentAll .pageContent .studioPeopel > .thisBox .contentBox .swiperBox .swiperControl .navigation .navigationThis .btn {
        position: unset;
        width: 10vw;
        height: 10vw
    }
}

#studio_page .pageContentAll .pageContent .studioPeopel > .thisBox .contentBox .swiperBox .swiperControl .navigation .navigationThis .btn i {
    color: #F08300
}

#studio_page .pageContentAll .pageContent .studioPeopel > .thisBox .contentBox .swiperBox .swiperControl .navigation .navigationThis .btn.leftBtn {
    right: 26vw;
    left: unset
}

#studio_page .pageContentAll .pageContent .studioPeopel > .thisBox .contentBox .swiperBox .swiperControl .navigation .navigationThis .btn.rightBtn {
    right: 22vw
}

#studio_page .pageContentAll .pageContent .studioPeopel > .thisBox::before {
    content: '';
    position: absolute;
    display: block;
    height: 100%;
    width: 84%;
    top: 0;
    left: 0;
    background-color: #f9f9f9
}

@media (max-width: 1024px) {
    #studio_page .pageContentAll .pageContent .studioPeopel > .thisBox::before {
        height: 95%
    }
}

#studio_page .pageContentAll .pageContent .studioPeopel > .thisBox::after {
    content: '';
    position: absolute;
    display: block;
    height: 100%;
    width: 84%;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: center;
    background-repeat: repeat;
    background-image: url(../img/zoulang.jpg);
    opacity: .1
}

@media (max-width: 1024px) {
    #studio_page .pageContentAll .pageContent .studioPeopel > .thisBox::after {
        height: 95%
    }
}

#studio_page .pageContentAll .pageContent .studioPeopel > .thisBox::after {
    width: 100%
}

#studio_page .pageContentAll .pageContent .studioPeopel > .thisBox::before {
    width: 100%
}

#studio_page .pageContentAll .pageContent .studioActive > .thisBox {
    padding-top: 5vw
}

@media (max-width: 1600px) {
    #studio_page .pageContentAll .pageContent .studioActive > .thisBox {
        padding-top: 5vw
    }
}

@media (max-width: 1300px) {
    #studio_page .pageContentAll .pageContent .studioActive > .thisBox {
        padding-top: 5vw
    }
}

@media (max-width: 1024px) {
    #studio_page .pageContentAll .pageContent .studioActive > .thisBox {
        padding-top: 12vw
    }
}

#studio_page .pageContentAll .pageContent .studioActive > .thisBox .contentBox {
    height: 35vw;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: unset;
    gap: 3vw
}

    #studio_page .pageContentAll .pageContent .studioActive > .thisBox .contentBox .aBox .imgBox {
        overflow: hidden
    }

        #studio_page .pageContentAll .pageContent .studioActive > .thisBox .contentBox .aBox .imgBox img {
            transition-duration: .8s;
            transition-property: all;
            transition-timing-function: cubic-bezier(.56, -0.01, .04, 1)
        }

    #studio_page .pageContentAll .pageContent .studioActive > .thisBox .contentBox .aBox .textBox {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        flex-wrap: unset;
        gap: .5vw
    }

        #studio_page .pageContentAll .pageContent .studioActive > .thisBox .contentBox .aBox .textBox .date {
            color: var(--cor);
            font-size: .9vw
        }

@media (max-width: 1600px) {
    #studio_page .pageContentAll .pageContent .studioActive > .thisBox .contentBox .aBox .textBox .date {
        font-size: clamp(12px, 1vw, 1vw)
    }
}

@media (max-width: 1300px) {
    #studio_page .pageContentAll .pageContent .studioActive > .thisBox .contentBox .aBox .textBox .date {
        font-size: clamp(12px, 1.1vw, 1.1vw)
    }
}

@media (max-width: 1024px) {
    #studio_page .pageContentAll .pageContent .studioActive > .thisBox .contentBox .aBox .textBox .date {
        font-size: 3.8vw
    }
}

#studio_page .pageContentAll .pageContent .studioActive > .thisBox .contentBox .aBox .textBox .title {
    font-weight: bold;
    font-size: .9vw;
    background-image: linear-gradient(to right, #333 50%, var(--cor) 50%, var(--cor) 100%);
    background-color: rgba(0,0,0,0);
    background-position: 200% 0;
    background-size: 400% 100%;
    -webkit-text-fill-color: rgba(0,0,0,0);
    -webkit-background-clip: text;
    animation: txtDark 1.2s cubic-bezier(.23, 1, .32, 1) 0s forwards
}

@media (max-width: 1600px) {
    #studio_page .pageContentAll .pageContent .studioActive > .thisBox .contentBox .aBox .textBox .title {
        font-size: clamp(12px, 1vw, 1vw)
    }
}

@media (max-width: 1300px) {
    #studio_page .pageContentAll .pageContent .studioActive > .thisBox .contentBox .aBox .textBox .title {
        font-size: clamp(12px, 1.1vw, 1.1vw)
    }
}

@media (max-width: 1024px) {
    #studio_page .pageContentAll .pageContent .studioActive > .thisBox .contentBox .aBox .textBox .title {
        font-size: 3.8vw
    }
}

#studio_page .pageContentAll .pageContent .studioActive > .thisBox .contentBox .aBox:hover .imgBox img {
    transform: scale(1.1)
}

#studio_page .pageContentAll .pageContent .studioActive > .thisBox .contentBox .aBox:hover .title {
    animation: txtDark_hover 1.2s cubic-bezier(.23, 1, .32, 1) 0s forwards
}

#studio_page .pageContentAll .pageContent .studioActive > .thisBox .contentBox .leftBox {
    height: 100%;
    flex: 3
}

    #studio_page .pageContentAll .pageContent .studioActive > .thisBox .contentBox .leftBox .aBox {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        flex-wrap: unset;
        height: 100%;
        background-color: rgba(0,0,0,0.03)
    }

        #studio_page .pageContentAll .pageContent .studioActive > .thisBox .contentBox .leftBox .aBox .imgBox {
            width: 100%;
            height: 60%
        }

            #studio_page .pageContentAll .pageContent .studioActive > .thisBox .contentBox .leftBox .aBox .imgBox img {
                width: 100%;
                height: 100%;
                object-fit: cover
            }

        #studio_page .pageContentAll .pageContent .studioActive > .thisBox .contentBox .leftBox .aBox .textBox {
            padding: 2vw;
            width: 100%;
            height: 40%
        }

            #studio_page .pageContentAll .pageContent .studioActive > .thisBox .contentBox .leftBox .aBox .textBox .title {
                font-size: 1.1vw
            }

@media (max-width: 1600px) {
    #studio_page .pageContentAll .pageContent .studioActive > .thisBox .contentBox .leftBox .aBox .textBox .title {
        font-size: clamp(12px, 1.2vw, 1.2vw)
    }
}

@media (max-width: 1300px) {
    #studio_page .pageContentAll .pageContent .studioActive > .thisBox .contentBox .leftBox .aBox .textBox .title {
        font-size: clamp(12px, 1.3vw, 1.3vw)
    }
}

@media (max-width: 1024px) {
    #studio_page .pageContentAll .pageContent .studioActive > .thisBox .contentBox .leftBox .aBox .textBox .title {
        font-size: 4.2vw
    }
}

#studio_page .pageContentAll .pageContent .studioActive > .thisBox .contentBox .leftBox .aBox .textBox .description {
    opacity: .7;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 2em
}

#studio_page .pageContentAll .pageContent .studioActive > .thisBox .contentBox .centerBox {
    height: 100%;
    flex: 2
}

    #studio_page .pageContentAll .pageContent .studioActive > .thisBox .contentBox .centerBox .ul {
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        flex-wrap: unset;
        gap: 2vw
    }

        #studio_page .pageContentAll .pageContent .studioActive > .thisBox .contentBox .centerBox .ul .li {
            width: 100%;
            height: calc(50% - 1vw)
        }

            #studio_page .pageContentAll .pageContent .studioActive > .thisBox .contentBox .centerBox .ul .li .aBox {
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                flex-wrap: unset;
                width: 100%;
                height: 100%;
                background-color: #f8f8f8
            }

                #studio_page .pageContentAll .pageContent .studioActive > .thisBox .contentBox .centerBox .ul .li .aBox .imgBox {
                    width: 100%;
                    height: 70%
                }

                #studio_page .pageContentAll .pageContent .studioActive > .thisBox .contentBox .centerBox .ul .li .aBox .textBox {
                    padding: 1vw;
                    height: 30%
                }

                    #studio_page .pageContentAll .pageContent .studioActive > .thisBox .contentBox .centerBox .ul .li .aBox .textBox .title {
                        overflow: hidden;
                        text-overflow: ellipsis;
                        display: -webkit-box;
                        -webkit-line-clamp: 1;
                        -webkit-box-orient: vertical
                    }

#studio_page .pageContentAll .pageContent .studioActive > .thisBox .contentBox .rightBox {
    height: 100%;
    flex: 2
}

    #studio_page .pageContentAll .pageContent .studioActive > .thisBox .contentBox .rightBox .ul {
        height: 100%;
        display: grid;
        grid-template-rows: repeat(8, 1fr)
    }

        #studio_page .pageContentAll .pageContent .studioActive > .thisBox .contentBox .rightBox .ul .li {
            border-bottom: 1px dashed #ccc;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: center;
            flex-wrap: unset
        }

            #studio_page .pageContentAll .pageContent .studioActive > .thisBox .contentBox .rightBox .ul .li .aBox .textBox .title {
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 1;
                -webkit-box-orient: vertical
            }

#studio_page .pageContentAll .pageContent .studioActive:first-child > .thisBox {
    padding-top: 0
}

#download_page .pageContentAll .pageContent .downloadList > .thisBox .contentBox .ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 4vw
}

    #download_page .pageContentAll .pageContent .downloadList > .thisBox .contentBox .ul .li .downloadLink {
        height: 6vw;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        flex-wrap: unset;
        border: 1px solid #ccc;
        border-radius: 1vw;
        padding: 0 3vw;
        transition-duration: .8s;
        transition-property: all;
        transition-timing-function: cubic-bezier(.56, -0.01, .04, 1)
    }

        #download_page .pageContentAll .pageContent .downloadList > .thisBox .contentBox .ul .li .downloadLink .leftCout {
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
            flex-wrap: unset;
            gap: 2vw
        }

            #download_page .pageContentAll .pageContent .downloadList > .thisBox .contentBox .ul .li .downloadLink .leftCout .ico svg {
                width: 2.4vw;
                height: 2.4vw
            }

            #download_page .pageContentAll .pageContent .downloadList > .thisBox .contentBox .ul .li .downloadLink .leftCout .title {
                font-weight: bold;
                font-size: .9vw;
                background-image: linear-gradient(to right, #333 50%, var(--cor) 50%, var(--cor) 100%);
                background-color: rgba(0,0,0,0);
                background-position: 200% 0;
                background-size: 400% 100%;
                -webkit-text-fill-color: rgba(0,0,0,0);
                -webkit-background-clip: text;
                animation: txtDark 1.2s cubic-bezier(.23, 1, .32, 1) 0s forwards
            }

@media (max-width: 1600px) {
    #download_page .pageContentAll .pageContent .downloadList > .thisBox .contentBox .ul .li .downloadLink .leftCout .title {
        font-size: clamp(12px, 1vw, 1vw)
    }
}

@media (max-width: 1300px) {
    #download_page .pageContentAll .pageContent .downloadList > .thisBox .contentBox .ul .li .downloadLink .leftCout .title {
        font-size: clamp(12px, 1.1vw, 1.1vw)
    }
}

@media (max-width: 1024px) {
    #download_page .pageContentAll .pageContent .downloadList > .thisBox .contentBox .ul .li .downloadLink .leftCout .title {
        font-size: 3.8vw
    }
}

#download_page .pageContentAll .pageContent .downloadList > .thisBox .contentBox .ul .li .downloadLink .button {
    animation: bgJianbian .8s cubic-bezier(.2, .5, .32, .8) 0s forwards;
    background-size: 400% 100%;
    padding: .6vw 1vw;
    border-radius: 3vw;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: unset;
    gap: .6vw;
    color: #fff
}

    #download_page .pageContentAll .pageContent .downloadList > .thisBox .contentBox .ul .li .downloadLink .button i {
        font-size: .9vw
    }

@media (max-width: 1600px) {
    #download_page .pageContentAll .pageContent .downloadList > .thisBox .contentBox .ul .li .downloadLink .button i {
        font-size: clamp(12px, 1vw, 1vw)
    }
}

@media (max-width: 1300px) {
    #download_page .pageContentAll .pageContent .downloadList > .thisBox .contentBox .ul .li .downloadLink .button i {
        font-size: clamp(12px, 1.1vw, 1.1vw)
    }
}

@media (max-width: 1024px) {
    #download_page .pageContentAll .pageContent .downloadList > .thisBox .contentBox .ul .li .downloadLink .button i {
        font-size: 3.8vw
    }
}

#download_page .pageContentAll .pageContent .downloadList > .thisBox .contentBox .ul .li .downloadLink:hover {
    border-color: #F08300
}

    #download_page .pageContentAll .pageContent .downloadList > .thisBox .contentBox .ul .li .downloadLink:hover .leftCout .title {
        animation: txtDark_hover 1.2s cubic-bezier(.23, 1, .32, 1) 0s forwards
    }

    #download_page .pageContentAll .pageContent .downloadList > .thisBox .contentBox .ul .li .downloadLink:hover .button {
        animation: bgJianbian_hover .8s cubic-bezier(.2, .5, .32, .8) 0s forwards
    }

#jnpx_jieshao .pageContentAll .pageContent .jieshao > .thisBox {
    padding-bottom: 5vw
}

@media (max-width: 1600px) {
    #jnpx_jieshao .pageContentAll .pageContent .jieshao > .thisBox {
        padding-bottom: 5vw
    }
}

@media (max-width: 1300px) {
    #jnpx_jieshao .pageContentAll .pageContent .jieshao > .thisBox {
        padding-bottom: 5vw
    }
}

@media (max-width: 1024px) {
    #jnpx_jieshao .pageContentAll .pageContent .jieshao > .thisBox {
        padding-bottom: 12vw
    }
}

#jnpx_jieshao .pageContentAll .pageContent .jieshao > .thisBox .contentBox {
    width: 76%;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: unset;
    gap: 4vw
}

@media (max-width: 1600px) {
    #jnpx_jieshao .pageContentAll .pageContent .jieshao > .thisBox .contentBox {
        width: 76%
    }
}

@media (max-width: 1300px) {
    #jnpx_jieshao .pageContentAll .pageContent .jieshao > .thisBox .contentBox {
        width: 80%
    }
}

@media (max-width: 1024px) {
    #jnpx_jieshao .pageContentAll .pageContent .jieshao > .thisBox .contentBox {
        width: 86%
    }
}

@media (max-width: 1024px) {
    #jnpx_jieshao .pageContentAll .pageContent .jieshao > .thisBox .contentBox {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        flex-wrap: unset;
        flex-direction: column-reverse
    }
}

#jnpx_jieshao .pageContentAll .pageContent .jieshao > .thisBox .contentBox .leftText {
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: unset;
    gap: 1vw
}

@media (max-width: 1024px) {
    #jnpx_jieshao .pageContentAll .pageContent .jieshao > .thisBox .contentBox .leftText {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        flex-wrap: unset
    }
}

#jnpx_jieshao .pageContentAll .pageContent .jieshao > .thisBox .contentBox .leftText .title {
    font-size: 2.7vw;
    font-family: 'cn1'
}

@media (max-width: 1600px) {
    #jnpx_jieshao .pageContentAll .pageContent .jieshao > .thisBox .contentBox .leftText .title {
        font-size: clamp(12px, 2.8vw, 2.8vw)
    }
}

@media (max-width: 1300px) {
    #jnpx_jieshao .pageContentAll .pageContent .jieshao > .thisBox .contentBox .leftText .title {
        font-size: clamp(12px, 2.9vw, 2.9vw)
    }
}

@media (max-width: 1024px) {
    #jnpx_jieshao .pageContentAll .pageContent .jieshao > .thisBox .contentBox .leftText .title {
        font-size: 7.4vw
    }
}

#jnpx_jieshao .pageContentAll .pageContent .jieshao > .thisBox .contentBox .leftText .content {
    text-align: justify
}

#jnpx_jieshao .pageContentAll .pageContent .jieshao > .thisBox .contentBox .rightImg {
    width: 50%;
    height: 20vw
}

@media (max-width: 1024px) {
    #jnpx_jieshao .pageContentAll .pageContent .jieshao > .thisBox .contentBox .rightImg {
        width: 100%;
        height: 50vw
    }
}

#jnpx_jieshao .pageContentAll .pageContent .jieshao > .thisBox .contentBox .rightImg img {
    object-fit: cover;
    width: 100%;
    height: 100%
}

#jnpx_jieshao .pageContentAll .pageContent .hexinyewu > .thisBox .contentBox {
    width: 76%;
    margin: 0 auto
}

@media (max-width: 1600px) {
    #jnpx_jieshao .pageContentAll .pageContent .hexinyewu > .thisBox .contentBox {
        width: 76%
    }
}

@media (max-width: 1300px) {
    #jnpx_jieshao .pageContentAll .pageContent .hexinyewu > .thisBox .contentBox {
        width: 80%
    }
}

@media (max-width: 1024px) {
    #jnpx_jieshao .pageContentAll .pageContent .hexinyewu > .thisBox .contentBox {
        width: 86%
    }
}

#jnpx_jieshao .pageContentAll .pageContent .hexinyewu > .thisBox .contentBox .ul {
    display: flex;
    flex-wrap: wrap;
    gap: 4vw
}

    #jnpx_jieshao .pageContentAll .pageContent .hexinyewu > .thisBox .contentBox .ul li {
        width: calc(100% / 2 - (2 - 1) * 4vw / 2)
    }

@media (max-width: 1024px) {
    #jnpx_jieshao .pageContentAll .pageContent .hexinyewu > .thisBox .contentBox .ul {
        display: flex;
        flex-wrap: wrap;
        gap: 4vw
    }

        #jnpx_jieshao .pageContentAll .pageContent .hexinyewu > .thisBox .contentBox .ul li {
            width: calc(100% / 1 - (1 - 1) * 4vw / 1)
        }
}

#jnpx_jieshao .pageContentAll .pageContent .hexinyewu > .thisBox .contentBox .ul .li .box .title {
    padding-bottom: 1vw;
    margin-bottom: 1vw;
    border-bottom: 1px solid #ddd;
    font-family: 'cn1';
    font-size: 1.3vw
}

@media (max-width: 1600px) {
    #jnpx_jieshao .pageContentAll .pageContent .hexinyewu > .thisBox .contentBox .ul .li .box .title {
        font-size: clamp(12px, 1.4vw, 1.4vw)
    }
}

@media (max-width: 1300px) {
    #jnpx_jieshao .pageContentAll .pageContent .hexinyewu > .thisBox .contentBox .ul .li .box .title {
        font-size: clamp(12px, 1.5vw, 1.5vw)
    }
}

@media (max-width: 1024px) {
    #jnpx_jieshao .pageContentAll .pageContent .hexinyewu > .thisBox .contentBox .ul .li .box .title {
        font-size: 4.6vw
    }
}