@charset "utf-8";

/* CSS Document */
@media screen and (max-width: 1600px) and (min-width: 1441px) {
    .display1920 {
        display: none;
    }

    .display1600 {
        display: block;
    }

    .hNav {
        height: 80px;
    }

    .topNavCen {
        width: 1300px;
        height: 80px;
    }

    .navLogo {
        height: 44px;
    }

    .topNavFrom {
        width: 120px;
        height: 35px;
        line-height: 35px;
        margin-left: 60px;
    }

    .pcTopNav .topNavBoxLi {
        height: var(--height80);
        line-height: var(--height80);
        padding: 0 15px;
    }

    .pcTopNav .sub {
        top: var(--height80);
    }

    .pcTopNav .subBoxL {
        padding: 25px 19px;
    }

    .pcTopNav .subBoxLLi {
        width: 200px;
        margin: 0 8px;
    }

    .pcTopNav .subBoxTitle {
        height: 50px;
        padding: 0 10px;
    }

    .pcTopNav .subBoxR {
        padding: 0px 23px;
        width: 283px;
        padding-right: 7px;
        margin-left: 15px;
    }

    .topNavBoxLiUnset .sub {
        margin-left: -680px;
    }

    .pcTopNav .subBoxRImg {
        height: 110px;
    }

    .pcTopNav .subBoxHover {
        padding: 18px 16px;
        width: 220px;
    }

    .pcTopNav .subBoxHoverWidth {
        width: 280px;
    }

    .pcTopNav .subBoxTitleFont {
        line-height: var(--height28);
    }

    .pcTopNav .subBoxRTitle {
        margin-top: 10px;
    }

    .pcTopNav .topNavBoxLiA,
    .pcTopNav .subBoxTitleFont,
    .pcTopNav .subBoxRTitle,
    .pcTopNav .topNavBoxLiA a {
        font-size: var(--font16);
    }

    .pcTopNav .subBoxTitleFont i {
        width: 22px;
        height: 22px;
        margin-right: 10px;
    }

    .pcTopNav .subBoxTitleLi {
        padding: 0 10px;
        margin-top: 8px;
    }

    .pcTopNav .subBoxTitleLi i {
        width: 30px;
        height: 12px;
        margin-left: 10px;
    }


    .pcAside.asideActive {
        width: 50px;
        height: 435px;
    }

    .pcAside .asideTopBoxLiImg {
        width: 25px;
        height: 25px;
    }

    .asideTopBoxLiFont {
        font-size: var(--font15);
        line-height: 22px;
    }

    .asideTopBoxLi {
        height: 95px;
    }

    .asideTopBox {
        height: 379px;
    }

    .backTop {
        height: 50px;
    }

    .asideTopBoxLi:hover .asideTopBoxLiShow {
        right: 50px;
    }

    .asideTopBoxLiShowBox {
        padding: 18px;
    }

    .asideTopBoxLiShowBoxLiTitle {
        font-size: var(--font15);
        margin-bottom: 5px;
    }

    .asideTopBoxLiShowBoxLine {
        margin: 5px 0;
    }

    .asideTopBoxLiShowBoxLiBtn {
        font-size: var(--font14);
        width: 90px;
        height: 28px;
        line-height: 28px;
    }

    .asideTopBoxLiShowBoxWx {
        width: 100px;
        height: 100px;
    }


    .footerCen {
        width: 1300px;
    }

    .footerCenTopRGlBox {
        width: 380px;
    }

    .footerCenTopRGlListLi {
        width: 170px;
        margin-bottom: 30px;
    }

    .footerCenTopRGlListLiFont {
        font-size: var(--font15);
        margin-top: 10px;
    }

    .footerCenLink {
        margin-top: 30px;
    }

    .footerCenLink p,
    .footerCenLink a {
        font-size: var(--font15);
    }

    .footer {
        padding-top: 80px;
    }

    .footerCenTopL {
        width: 240px;
    }



    .footerCenTopRNavLi>a {
        margin-bottom: 10px;
    }

    .footerCenTopRNavLiTitle,
    .footerCenTopRNavLiTitle a {
        margin-bottom: 20px;
    }

    .mt38 {
        margin-top: 30px;
    }

    .footerCenTopRGzh {
        width: 120px;
    }

    .footerCenTopRGzh p {
        font-size: var(--font15);
    }

    .footerCenTopLLogo {
        margin-bottom: 45px;
    }

    .footerCenTopLTell {
        margin-bottom: 20px;
    }

    .footerCenTopLTellPho {
        font-size: var(--font22);
    }

    .footerCenLink a {
        margin-right: 12px;
    }

    .footerCenBottom {
        margin-top: 26px;
    }

    .footerCenBottomL a {
        margin-left: 12px;
    }

    .experience {
        height: 270px;
    }



    .advertisedShow,
    .advertisedShowCenLSwiper {
        height: 80px;
        width: 1000px;
    }

    .advertisedShowCenR {
        width: 120px;
        height: 40px;
        line-height: 40px;
    }

    .advertisedHiden {
        width: 100px;
        height: 50px;
    }

    .advertisedHiden i {
        width: 10px;
        height: 10px;
        bottom: 28px;
        margin-left: -5px;
    }

    .advertisedHiden p {
        font-size: var(--font14);
        bottom: 2px;
    }

    .subTitle {
        font-size: 18px;
        margin-top: 5px;
    }

    .mark {
        width: 74px;
        height: 74px;
    }

    .zoom_list span,
    .zoom_list_big span {
        font-size: var(--font34);
    }
    .zoom_list p,
    .zoom_list_big p {
        font-size: var(--font28);
    }
    .titleBig  .zoom_list span ,.titleBig  .zoom_list_big span{
        font-size: 46px;
    }
    .titleBig  .zoom_list p ,.titleBig  .zoom_list_big p{
        font-size: 28px;
    }

    .animation .mark {
        animation-name: mark1600;
        animation-direction: alternate;
        animation-timing-function: linear;
        animation-delay: .5s;
        animation-iteration-count: infinite;
        animation-duration: 8s;

        /* Safari and Chrome */
        -webkit-animation-name: mark1600;
        -webkit-animation-direction: alternate;
        -webkit-animation-timing-function: linear;
        -webkit-animation-delay: .5s;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-duration: 8s;
    }

    .animation .zoom_list_big {
        animation-name: zoom_list_big1600;
        animation-direction: alternate;
        animation-timing-function: linear;
        animation-delay: .5s;
        animation-iteration-count: infinite;
        animation-duration: 8s;
        /* Safari and Chrome */
        -webkit-animation-name: zoom_list_big1600;
        -webkit-animation-direction: alternate;
        -webkit-animation-timing-function: linear;
        -webkit-animation-delay: .5s;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-duration: 8s;
    }

    @keyframes mark1600 {
        0% {
            transform: translate(-32px, -32px);
            -ms-transform: translate(-32px, -32px);
            /* Internet Explorer */
            -moz-transform: translate(-32px, -32px);
            /* Firefox */
            -webkit-transform: translate(-32px, -32px);
            /* Safari 和 Chrome */
            -o-transform: translate(-32px, -32px);
            /* Opera */
        }

        25% {
            transform: translate(-39px, -12px);
            -ms-transform: translate(-39px, -12px);
            /* Internet Explorer */
            -moz-transform: translate(-39px, -12px);
            /* Firefox */
            -webkit-transform: translate(-39px, -12px);
            /* Safari 和 Chrome */
            -o-transform: translate(-39px, -12px);
            /* Opera */
        }

        50% {
            transform: translate(-10px, -17px);
            -ms-transform: translate(-10px, -17px);
            /* Internet Explorer */
            -moz-transform: translate(-10px, -17px);
            /* Firefox */
            -webkit-transform: translate(-10px, -17px);
            /* Safari 和 Chrome */
            -o-transform: translate(-10px, -17px);
            /* Opera */
        }

        75% {
            transform: translate(-6px, -30px);
            -ms-transform: translate(-6px, -30px);
            /* Internet Explorer */
            -moz-transform: translate(-6px, -30px);
            /* Firefox */
            -webkit-transform: translate(-6px, -30px);
            /* Safari 和 Chrome */
            -o-transform: translate(-6px, -30px);
            /* Opera */
        }

        100% {
            transform: translate(-32px, -32px);
            -ms-transform: translate(-32px, -32px);
            /* Internet Explorer */
            -moz-transform: translate(-32px, -32px);
            /* Firefox */
            -webkit-transform: translate(-32px, -32px);
            /* Safari 和 Chrome */
            -o-transform: translate(-32px, -32px);
            /* Opera */
        }
    }

    @-webkit-keyframes mark1600 {
        0% {
            transform: translate(-32px, -32px);
            -ms-transform: translate(-32px, -32px);
            /* Internet Explorer */
            -moz-transform: translate(-32px, -32px);
            /* Firefox */
            -webkit-transform: translate(-32px, -32px);
            /* Safari 和 Chrome */
            -o-transform: translate(-32px, -32px);
            /* Opera */
        }

        25% {
            transform: translate(-39px, -12px);
            -ms-transform: translate(-39px, -12px);
            /* Internet Explorer */
            -moz-transform: translate(-39px, -12px);
            /* Firefox */
            -webkit-transform: translate(-39px, -12px);
            /* Safari 和 Chrome */
            -o-transform: translate(-39px, -12px);
            /* Opera */
        }

        50% {
            transform: translate(-10px, -17px);
            -ms-transform: translate(-10px, -17px);
            /* Internet Explorer */
            -moz-transform: translate(-10px, -17px);
            /* Firefox */
            -webkit-transform: translate(-10px, -17px);
            /* Safari 和 Chrome */
            -o-transform: translate(-10px, -17px);
            /* Opera */
        }

        75% {
            transform: translate(-6px, -30px);
            -ms-transform: translate(-6px, -30px);
            /* Internet Explorer */
            -moz-transform: translate(-6px, -30px);
            /* Firefox */
            -webkit-transform: translate(-6px, -30px);
            /* Safari 和 Chrome */
            -o-transform: translate(-6px, -30px);
            /* Opera */
        }

        100% {
            transform: translate(-32px, -32px);
            -ms-transform: translate(-32px, -32px);
            /* Internet Explorer */
            -moz-transform: translate(-32px, -32px);
            /* Firefox */
            -webkit-transform: translate(-32px, -32px);
            /* Safari 和 Chrome */
            -o-transform: translate(-32px, -32px);
            /* Opera */
        }
    }

    @keyframes zoom_list_big1600 {
        0% {
            transform: translate(32px, 32px);
            -ms-transform: translate(32px, 32px);
            /* Internet Explorer */
            -moz-transform: translate(32px, 32px);
            /* Firefox */
            -webkit-transform: translate(32px, 32px);
            /* Safari 和 Chrome */
            -o-transform: translate(32px, 32px);
            /* Opera */
        }

        25% {
            transform: translate(39px, 12px);
            -ms-transform: translate(39px, 12px);
            /* Internet Explorer */
            -moz-transform: translate(39px, 12px);
            /* Firefox */
            -webkit-transform: translate(39px, 12px);
            /* Safari 和 Chrome */
            -o-transform: translate(39px, 12px);
            /* Opera */
        }

        50% {
            transform: translate(10px, 17px);
            -ms-transform: translate(10px, 17px);
            /* Internet Explorer */
            -moz-transform: translate(10px, 17px);
            /* Firefox */
            -webkit-transform: translate(10px, 17px);
            /* Safari 和 Chrome */
            -o-transform: translate(10px, 17px);
            /* Opera */
        }

        75% {
            transform: translate(6px, 30px);
            -ms-transform: translate(6px, 30px);
            /* Internet Explorer */
            -moz-transform: translate(6px, 30px);
            /* Firefox */
            -webkit-transform: translate(6px, 30px);
            /* Safari 和 Chrome */
            -o-transform: translate(6px, 30px);
            /* Opera */
        }

        100% {
            transform: translate(32px, 32px);
            -ms-transform: translate(32px, 32px);
            /* Internet Explorer */
            -moz-transform: translate(32px, 32px);
            /* Firefox */
            -webkit-transform: translate(32px, 32px);
            /* Safari 和 Chrome */
            -o-transform: translate(32px, 32px);
            /* Opera */
        }
    }

    @-webkit-keyframes zoom_list_big1600 {
        0% {
            transform: translate(32px, 32px);
            -ms-transform: translate(32px, 32px);
            /* Internet Explorer */
            -moz-transform: translate(32px, 32px);
            /* Firefox */
            -webkit-transform: translate(32px, 32px);
            /* Safari 和 Chrome */
            -o-transform: translate(32px, 32px);
            /* Opera */
        }

        25% {
            transform: translate(39px, 12px);
            -ms-transform: translate(39px, 12px);
            /* Internet Explorer */
            -moz-transform: translate(39px, 12px);
            /* Firefox */
            -webkit-transform: translate(39px, 12px);
            /* Safari 和 Chrome */
            -o-transform: translate(39px, 12px);
            /* Opera */
        }

        50% {
            transform: translate(10px, 17px);
            -ms-transform: translate(10px, 17px);
            /* Internet Explorer */
            -moz-transform: translate(10px, 17px);
            /* Firefox */
            -webkit-transform: translate(10px, 17px);
            /* Safari 和 Chrome */
            -o-transform: translate(10px, 17px);
            /* Opera */
        }

        75% {
            transform: translate(6px, 30px);
            -ms-transform: translate(6px, 30px);
            /* Internet Explorer */
            -moz-transform: translate(6px, 30px);
            /* Firefox */
            -webkit-transform: translate(6px, 30px);
            /* Safari 和 Chrome */
            -o-transform: translate(6px, 30px);
            /* Opera */
        }

        100% {
            transform: translate(32px, 32px);
            -ms-transform: translate(32px, 32px);
            /* Internet Explorer */
            -moz-transform: translate(32px, 32px);
            /* Firefox */
            -webkit-transform: translate(32px, 32px);
            /* Safari 和 Chrome */
            -o-transform: translate(32px, 32px);
            /* Opera */
        }
    }

    .zoom_font612 {
        width: 581px;
    }

    .zoom_font398 {
        width: 376px;
    }

    .zoom_font220 {
        width: 205px;
    }

    .zoom_font256 {
        width: 240px;
    }

    .zoom_font25 {
        width: 854px;
    }

    .zoom_font22 {
        width: 750px;
    }

    .zoom_font20 {
        width: 662px;
    }

    .zoom_font18 {
        width: 618px;
    }

    .zoom_font17 {
        width: 580px;
    }

    .zoom_font16 {
        width: 524px;
    }

    .zoom_font15 {
        width: 513px;
    }

    .zoom_font14 {
        width: 478px;
    }

    .zoom_font13 {
        width: 446px;
    }

    .zoom_font12 {
        width: 410px;
    }

    .zoom_font11 {
        width: 376px;
    }

    .zoom_font10 {
        width: 342px;
    }

    .zoom_font9 {
        width: 308px;
    }

    .zoom_font8 {
        width: 275px;
    }

    .zoom_font7 {
        width: 240px;
    }

    .zoom_font6 {
        width: 206px;
    }

    .zoom_font5 {
        width: 172px;
    }

    .zoom_font4 {
        width: 137px;
    }

    .morPro {
        padding: 100px 0;
    }

    .morProCen {
        width: 1398px;
    }

    .morProSwiperBoxLi {
        padding: 25px;
        box-shadow: 0px 2px 17px 2px rgba(22, 44, 112, 0.05);
    }

    .morProSwiperBox {
        padding: 15px;
    }

    .morProSwiper {
        width: 1200px;
    }

    .titleOne {
        font-size: var(--font29);
    }

}

@media screen and (max-width: 1440px) and (min-width: 1361px) {
    .display1920 {
        display: none;
    }

    .display1440 {
        display: block;
    }

    .hNav {
        height: 70px;
    }

    .topNavCen {
        width: 1200px;
        height: 70px;
    }

    .navLogo {
        height: 42px;
    }

    .topNavFrom {
        width: 110px;
        height: 34px;
        line-height: 34px;
        margin-left: 40px;
    }

    .pcTopNav .topNavBoxLi {
        height: 70px;
        line-height: 70px;
        padding: 0 15px;
    }

    .pcTopNav .sub {
        top: 70px;
        border-radius: 0px 0px 10px 10px;
    }

    .topNavBoxLiUnset .sub {
        margin-left: -620px;
    }

    .pcTopNav .subBoxL {
        padding: 20px 10px;
    }

    .pcTopNav .subBoxLLi {
        width: 188px;
        margin: 0 8px;
    }

    .pcTopNav .subBoxTitle {
        height: 45px;
        padding: 0 8px;
    }

    .pcTopNav .subBoxR {
        padding: 0px 15px;
        width: 257px;
        padding-right: 10px;
        margin-left: 7px;
    }

    .pcTopNav .subBoxRImg {
        height: 90px;
    }

    .pcTopNav .subBoxHover {
        padding: 16px 14px;
        width: 194px;
    }

    .pcTopNav .subBoxHoverWidth {
        width: 245px;
    }

    .pcTopNav .subBoxTitleFont {
        line-height: var(--height28);
    }

    .pcTopNav .subBoxRTitle {
        margin-top: 10px;
    }

    .pcTopNav .topNavBoxLiA,
    .pcTopNav .subBoxTitleFont,
    .pcTopNav .subBoxRTitle,
    .pcTopNav .topNavBoxLiA a {
        font-size: var(--font15);
    }

    .pcTopNav .subBoxTitleFont i {
        width: 20px;
        height: 20px;
        margin-right: 6px;
    }

    .pcTopNav .subBoxTitleLi {
        padding: 0 8px;
        margin-top: 4px;
        font-size: var(--font15);
    }

    .pcTopNav .subBoxTitleLi i {
        width: 28px;
        height: 10px;
        margin-left: 8px;
    }

    .pcAside .asideTopBoxLiImg {
        width: 25px;
        height: 25px;
    }

    .pcAside.asideActive {
        width: 50px;
        height: 435px;
    }

    .pcAside .asideTopBoxLiImg {
        width: 25px;
        height: 25px;
    }

    .asideTopBoxLiFont {
        font-size: var(--font15);
        line-height: 22px;
    }

    .asideTopBoxLi {
        height: 95px;
    }

    .asideTopBox {
        height: 379px;
    }

    .backTop {
        height: 50px;
    }

    .asideTopBoxLi:hover .asideTopBoxLiShow {
        right: 50px;
    }

    .asideTopBoxLiShowBox {
        padding: 18px;
    }

    .asideTopBoxLiShowBoxLiTitle {
        font-size: var(--font15);
        margin-bottom: 5px;
    }

    .asideTopBoxLiShowBoxLine {
        margin: 5px 0;
    }

    .asideTopBoxLiShowBoxLiBtn {
        font-size: var(--font14);
        width: 90px;
        height: 28px;
        line-height: 28px;
    }

    .asideTopBoxLiShowBoxWx {
        width: 100px;
        height: 100px;
    }



    .footerCen {
        width: 1200px;
    }

    .footerCenTopRGlBox {
        width: 360px;
        margin-left: 50px;
    }

    .footerCenTopRNavLi {
        margin-right: 50px;
    }

    .footerCenTopRGlListLi {
        width: 170px;
        margin-bottom: 20px;
    }

    .footerCenTopRGlListLiFont {
        font-size: var(--font15);
        margin-top: 10px;
    }

    .footerCenLink p,
    .footerCenLink a {
        font-size: var(--font14);
    }

    .footer {
        padding-top: 70px;
    }

    .footerCenTopL {
        width: 220px;
    }


    .footerCenTopRNavLi>a {
        margin-bottom: 8px;
    }

    .footerCenTopRNavLiTitle,
    .footerCenTopRNavLiTitle a {
        margin-bottom: 15px;
    }

    .mt38 {
        margin-top: 20px;
    }

    .footerCenTopRGzh {
        width: 110px;
    }

    .footerCenTopRGzh p {
        font-size: var(--font13);
    }

    .footerCenTopLLogo {
        margin-bottom: 37px;
    }

    .footerCenTopLTell {
        margin-bottom: 15px;
    }

    .footerCenTopLTellPho {
        font-size: var(--font19);
    }

    .footerCenLink {
        margin-top: 30px;
    }

    .footerCenLink a {
        margin-right: 12px;
    }

    .footerCenBottom {
        margin-top: 26px;
    }

    .footerCenBottomL a {
        margin-left: 12px;
    }

    .experience {
        height: 250px;
    }




    .advertisedShow,
    .advertisedShowCenLSwiper {
        height: 80px;
        width: 900px;
    }

    .advertisedShowCenR {
        width: 120px;
        height: 40px;
        line-height: 40px;
    }

    .experienceCenBtn {
        width: 190px;
        height: 48px;
        line-height: 48px;
    }

    .advertisedHiden {
        width: 100px;
        height: 50px;
    }

    .advertisedHiden i {
        width: 10px;
        height: 10px;
        bottom: 28px;
        margin-left: -5px;
    }

    .advertisedShowCenLSwiperSlide {
        font-size: var(--font16);
    }

    .advertisedHiden p {
        font-size: var(--font14);
        bottom: 2px;
    }

    .subTitle {
        font-size: var(--font17);
        margin-top: 5px;
    }

    .mark {
        width: 74px;
        height: 74px;
    }

    .zoom_list span,
    .zoom_list_big span {
        font-size: var(--font34);
    }
    .zoom_list p,
    .zoom_list_big p {
        font-size: var(--font28);
    }
    .titleBig  .zoom_list span ,.titleBig  .zoom_list_big span{
        font-size: 38px;
    }
    .titleBig  .zoom_list p ,.titleBig  .zoom_list_big p{
        font-size: 24px;
    }
    .titleBig .zoom_font14{
        width: 382px;
    }
    .animation .mark {
        animation-name: mark1440;
        animation-direction: alternate;
        animation-timing-function: linear;
        animation-delay: .5s;
        animation-iteration-count: infinite;
        animation-duration: 8s;

        /* Safari and Chrome */
        -webkit-animation-name: mark1440;
        -webkit-animation-direction: alternate;
        -webkit-animation-timing-function: linear;
        -webkit-animation-delay: .5s;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-duration: 8s;
    }

    .animation .zoom_list_big {
        animation-name: zoom_list_big1440;
        animation-direction: alternate;
        animation-timing-function: linear;
        animation-delay: .5s;
        animation-iteration-count: infinite;
        animation-duration: 8s;
        /* Safari and Chrome */
        -webkit-animation-name: zoom_list_big1440;
        -webkit-animation-direction: alternate;
        -webkit-animation-timing-function: linear;
        -webkit-animation-delay: .5s;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-duration: 8s;
    }

    @keyframes mark1440 {
        0% {
            transform: translate(-32px, -32px);
            -ms-transform: translate(-32px, -32px);
            /* Internet Explorer */
            -moz-transform: translate(-32px, -32px);
            /* Firefox */
            -webkit-transform: translate(-32px, -32px);
            /* Safari 和 Chrome */
            -o-transform: translate(-32px, -32px);
            /* Opera */
        }

        25% {
            transform: translate(-39px, -12px);
            -ms-transform: translate(-39px, -12px);
            /* Internet Explorer */
            -moz-transform: translate(-39px, -12px);
            /* Firefox */
            -webkit-transform: translate(-39px, -12px);
            /* Safari 和 Chrome */
            -o-transform: translate(-39px, -12px);
            /* Opera */
        }

        50% {
            transform: translate(-10px, -17px);
            -ms-transform: translate(-10px, -17px);
            /* Internet Explorer */
            -moz-transform: translate(-10px, -17px);
            /* Firefox */
            -webkit-transform: translate(-10px, -17px);
            /* Safari 和 Chrome */
            -o-transform: translate(-10px, -17px);
            /* Opera */
        }

        75% {
            transform: translate(-6px, -30px);
            -ms-transform: translate(-6px, -30px);
            /* Internet Explorer */
            -moz-transform: translate(-6px, -30px);
            /* Firefox */
            -webkit-transform: translate(-6px, -30px);
            /* Safari 和 Chrome */
            -o-transform: translate(-6px, -30px);
            /* Opera */
        }

        100% {
            transform: translate(-32px, -32px);
            -ms-transform: translate(-32px, -32px);
            /* Internet Explorer */
            -moz-transform: translate(-32px, -32px);
            /* Firefox */
            -webkit-transform: translate(-32px, -32px);
            /* Safari 和 Chrome */
            -o-transform: translate(-32px, -32px);
            /* Opera */
        }
    }

    @-webkit-keyframes mark1440 {
        0% {
            transform: translate(-32px, -32px);
            -ms-transform: translate(-32px, -32px);
            /* Internet Explorer */
            -moz-transform: translate(-32px, -32px);
            /* Firefox */
            -webkit-transform: translate(-32px, -32px);
            /* Safari 和 Chrome */
            -o-transform: translate(-32px, -32px);
            /* Opera */
        }

        25% {
            transform: translate(-39px, -12px);
            -ms-transform: translate(-39px, -12px);
            /* Internet Explorer */
            -moz-transform: translate(-39px, -12px);
            /* Firefox */
            -webkit-transform: translate(-39px, -12px);
            /* Safari 和 Chrome */
            -o-transform: translate(-39px, -12px);
            /* Opera */
        }

        50% {
            transform: translate(-10px, -17px);
            -ms-transform: translate(-10px, -17px);
            /* Internet Explorer */
            -moz-transform: translate(-10px, -17px);
            /* Firefox */
            -webkit-transform: translate(-10px, -17px);
            /* Safari 和 Chrome */
            -o-transform: translate(-10px, -17px);
            /* Opera */
        }

        75% {
            transform: translate(-6px, -30px);
            -ms-transform: translate(-6px, -30px);
            /* Internet Explorer */
            -moz-transform: translate(-6px, -30px);
            /* Firefox */
            -webkit-transform: translate(-6px, -30px);
            /* Safari 和 Chrome */
            -o-transform: translate(-6px, -30px);
            /* Opera */
        }

        100% {
            transform: translate(-32px, -32px);
            -ms-transform: translate(-32px, -32px);
            /* Internet Explorer */
            -moz-transform: translate(-32px, -32px);
            /* Firefox */
            -webkit-transform: translate(-32px, -32px);
            /* Safari 和 Chrome */
            -o-transform: translate(-32px, -32px);
            /* Opera */
        }
    }

    @keyframes zoom_list_big1440 {
        0% {
            transform: translate(32px, 32px);
            -ms-transform: translate(32px, 32px);
            /* Internet Explorer */
            -moz-transform: translate(32px, 32px);
            /* Firefox */
            -webkit-transform: translate(32px, 32px);
            /* Safari 和 Chrome */
            -o-transform: translate(32px, 32px);
            /* Opera */
        }

        25% {
            transform: translate(39px, 12px);
            -ms-transform: translate(39px, 12px);
            /* Internet Explorer */
            -moz-transform: translate(39px, 12px);
            /* Firefox */
            -webkit-transform: translate(39px, 12px);
            /* Safari 和 Chrome */
            -o-transform: translate(39px, 12px);
            /* Opera */
        }

        50% {
            transform: translate(10px, 17px);
            -ms-transform: translate(10px, 17px);
            /* Internet Explorer */
            -moz-transform: translate(10px, 17px);
            /* Firefox */
            -webkit-transform: translate(10px, 17px);
            /* Safari 和 Chrome */
            -o-transform: translate(10px, 17px);
            /* Opera */
        }

        75% {
            transform: translate(6px, 30px);
            -ms-transform: translate(6px, 30px);
            /* Internet Explorer */
            -moz-transform: translate(6px, 30px);
            /* Firefox */
            -webkit-transform: translate(6px, 30px);
            /* Safari 和 Chrome */
            -o-transform: translate(6px, 30px);
            /* Opera */
        }

        100% {
            transform: translate(32px, 32px);
            -ms-transform: translate(32px, 32px);
            /* Internet Explorer */
            -moz-transform: translate(32px, 32px);
            /* Firefox */
            -webkit-transform: translate(32px, 32px);
            /* Safari 和 Chrome */
            -o-transform: translate(32px, 32px);
            /* Opera */
        }
    }

    @-webkit-keyframes zoom_list_big1440 {
        0% {
            transform: translate(32px, 32px);
            -ms-transform: translate(32px, 32px);
            /* Internet Explorer */
            -moz-transform: translate(32px, 32px);
            /* Firefox */
            -webkit-transform: translate(32px, 32px);
            /* Safari 和 Chrome */
            -o-transform: translate(32px, 32px);
            /* Opera */
        }

        25% {
            transform: translate(39px, 12px);
            -ms-transform: translate(39px, 12px);
            /* Internet Explorer */
            -moz-transform: translate(39px, 12px);
            /* Firefox */
            -webkit-transform: translate(39px, 12px);
            /* Safari 和 Chrome */
            -o-transform: translate(39px, 12px);
            /* Opera */
        }

        50% {
            transform: translate(10px, 17px);
            -ms-transform: translate(10px, 17px);
            /* Internet Explorer */
            -moz-transform: translate(10px, 17px);
            /* Firefox */
            -webkit-transform: translate(10px, 17px);
            /* Safari 和 Chrome */
            -o-transform: translate(10px, 17px);
            /* Opera */
        }

        75% {
            transform: translate(6px, 30px);
            -ms-transform: translate(6px, 30px);
            /* Internet Explorer */
            -moz-transform: translate(6px, 30px);
            /* Firefox */
            -webkit-transform: translate(6px, 30px);
            /* Safari 和 Chrome */
            -o-transform: translate(6px, 30px);
            /* Opera */
        }

        100% {
            transform: translate(32px, 32px);
            -ms-transform: translate(32px, 32px);
            /* Internet Explorer */
            -moz-transform: translate(32px, 32px);
            /* Firefox */
            -webkit-transform: translate(32px, 32px);
            /* Safari 和 Chrome */
            -o-transform: translate(32px, 32px);
            /* Opera */
        }
    }

    .zoom_font612 {
        width: 580px;
    }

    .zoom_font398 {
        width: 375px;
    }

    .zoom_font220 {
        width: 207px;
    }

    .zoom_font256 {
        width: 238px;
    }

    .zoom_font25 {
        width: 853px;
    }

    .zoom_font22 {
        width: 750px;
    }

    .zoom_font20 {
        width: 662px;
    }

    .zoom_font18 {
        width: 614px;
    }

    .zoom_font17 {
        width: 580px;
    }

    .zoom_font16 {
        width: 526px;
    }

    .zoom_font15 {
        width: 512px;
    }

    .zoom_font14 {
        width: 479px;
    }

    .zoom_font13 {
        width: 444px;
    }

    .zoom_font12 {
        width: 410px;
    }

    .zoom_font11 {
        width: 376px;
    }

    .zoom_font10 {
        width: 342px;
    }

    .zoom_font9 {
        width: 308px;
    }

    .zoom_font8 {
        width: 275px;
    }

    .zoom_font7 {
        width: 240px;
    }

    .zoom_font6 {
        width: 206px;
    }

    .zoom_font5 {
        width: 172px;
    }

    .zoom_font4 {
        width: 138px;
    }

    .morPro {
        padding: 95px 0;
    }

    .morProCen {
        width: 1300px;
    }

    .morProSwiper {
        width: 1100px;
    }

    .morProSwiperBoxLi {
        padding: 25px;
        box-shadow: 0px 2px 17px 2px rgba(22, 44, 112, 0.05);
    }

    .morProSwiperBoxLiTitle {
        font-size: var(--font19);
    }

    .morProSwiperBoxLiTitle i {
        width: 35px;
        height: 35px;
        margin-right: 10px;
    }

    .morProSwiperBoxLiList {
        font-size: var(--font15);
        line-height: 24px;
        margin-top: 15px;
        height: 80px;

    }

    .morProSwiperBox {
        padding: 15px;
    }

    .morProSwiperBoxLiLine {
        margin-top: 15px;
    }

    .titleOne {
        font-size: var(--font26);
    }
}

@media screen and (max-width: 1360px) and (min-width: 1201px) {
    .display1920 {
        display: none;
    }

    .display1360 {
        display: block;
    }

    .hNav {
        height: 70px;
    }

    .topNavCen {
        width: 1100px;
        height: var(--height70);
    }

    .navLogo {
        height: 41px;
    }

    .topNavFrom {
        width: 105px;
        height: 32px;
        line-height: 32px;
        margin-left: 25px;
    }

    .pcTopNav .topNavBoxLi {
        height: 70px;
        line-height: 70px;
        padding: 0 15px;
    }

    .pcTopNav .topNavBoxLiA a,
    .pcTopNav .topNavBoxLiA,
    .pcTopNav .subBoxTitleLi {
        font-size: var(--font15);
    }

    .pcTopNav .sub {
        top: 70px;
        border-radius: 0 0 8px 8px;
    }

    .topNavBoxLiUnset .sub {
        transform: none;
        margin-left: -555px;
    }

    .pcTopNav .subBoxL {
        padding: 20px 10px;
    }

    .pcTopNav .subBoxLLi {
        width: 156px;
        margin: 0 10px;
    }

    .pcTopNav .subBoxTitle {
        height: 40px;
        padding: 0 10px;
    }

    .pcTopNav .subBoxTitleFont i {
        width: 18px;
        height: 18px;
        margin-right: 10px;
    }

    .pcTopNav .subBoxTitleFont {
        font-size: var(--font15);
    }

    .pcTopNav .subBoxTitleLi i {
        width: 27px;
        height: 10px;
    }

    .pcTopNav .subBoxTitleLi {
        padding-left: 10px;
        line-height: 24px;
        margin-top: 10px;
    }

    .pcTopNav .subBoxR {
        padding: 0px 18px;
        padding-right: 0;
        width: 266px;
        margin-left: 10px;
        padding-right: 8px;
    }

    .pcTopNav .subBoxRImg {
        height: 100px;
    }

    .pcTopNav .subBoxRTitle {
        font-size: var(--font15);
        line-height: 24px;
        margin-top: 6px;
    }

    .pcTopNav .subBoxHover {
        padding: 15px 18px;
        width: 190px;
    }

    .pcTopNav .subBoxHoverWidth {
        width: 248px;
    }


    .pcAside {
        height: 390px;
    }

    .pcAside.asideActive {
        width: 40px;
    }

    .pcAside .asideTopBoxLiImg {
        width: 20px;
        height: 20px;
    }

    .asideTopBoxLiFont {
        font-size: var(--font14);
        line-height: 17px;
    }

    .asideTopBoxLi {
        height: 84px;
    }

    .asideTopBox {
        height: 336px;
    }

    .backTop {
        height: 40px;
    }

    .asideTopBoxLi:hover .asideTopBoxLiShow {
        right: 40px;
    }

    .asideTopBoxLiShowBox {
        padding: 12px;
    }

    .asideTopBoxLiShowBoxLi {
        padding: 2px 0;
    }

    .asideTopBoxLiShowBoxLiTitle {
        font-size: var(--font15);
        margin-bottom: 5px;
    }

    .asideTopBoxLiShowBoxLiTell {
        font-size: var(--font15);
    }

    .asideTopBoxLiShowBoxLine {
        margin: 5px 0;
    }

    .asideTopBoxLiShowBoxLiBtn {
        font-size: var(--font14);
        width: 90px;
        height: 28px;
        line-height: 28px;
    }

    .asideTopBoxLiShowBoxWx {
        width: 100px;
        height: 100px;
    }


    .footerCen {
        width: 1100px;
    }

    .footerCenTopRGlBox {
        width: 300px;
        margin-left: 50px;
    }

    .footerCenTopRNavLi {
        margin-right: 50px;
    }

    .footerCenTopRGlListLi {
        width: 140px;
        margin-bottom: 20px;
    }

    .footerCenTopRGlListLiFont {
        font-size: var(--font15);
        margin-top: 10px;
    }

    .footerCenLink p,
    .footerCenLink a {
        font-size: var(--font14);
    }

    .footer {
        padding-top: 65px;
    }

    .footerCenTopL {
        width: 220px;
    }

    .footerCenTopRNavLi>a {
        margin-bottom: 8px;
    }

    .footerCenTopRNavLiTitle,
    .footerCenTopRNavLiTitle a {
        margin-bottom: 15px;
    }

    .mt38 {
        margin-top: 20px;
    }

    .footerCenTopRGzh {
        width: 110px;
    }

    .footerCenTopRGzh p {
        font-size: var(--font13);
    }

    .footerCenTopLLogo {
        margin-bottom: 37px;
    }

    .footerCenTopLTell {
        margin-bottom: 15px;
    }

    .footerCenTopLTellPho {
        font-size: var(--font19);
    }

    .footerCenLink {
        margin-top: 30px;
    }

    .footerCenLink a {
        margin-right: 12px;
    }

    .footerCenBottom {
        margin-top: 26px;
        align-items: flex-end;
        -webkit-align-items: flex-end;
    }

    .footerCenBottomL a {
        margin-left: 0px;
        margin-top: 5px;
    }

    .experience {
        height: 250px;
    }

    .footerCenBottomL {
        display: block;
    }

    .footerCenBottomL p,
    .footerCenBottomL a {
        display: block;
    }


    .experienceCen {
        width: 100%;
    }

    .subTitle {
        font-size: var(--font16);
        margin-top: 0;
    }

    .zoom_font612 {
        width: 550px;
    }

    .zoom_font398 {
        width: 354px;
    }

    .zoom_font220 {
        width: 194px;
    }

    .zoom_font256 {
        width: 227px;
    }

    .zoom_font25 {
        width: 804px;
    }

    .zoom_font22 {
        width: 706px;
    }

    .zoom_font20 {
        width: 623px;
    }

    .zoom_font18 {
        width: 578px;
    }

    .zoom_font17 {
        width: 548px;
    }

    .zoom_font16 {
        width: 495px;
    }

    .zoom_font15 {
        width: 483px;
    }

    .zoom_font14 {
        width: 452px;
    }

    .zoom_font13 {
        width: 418px;
    }

    .zoom_font12 {
        width: 386px;
    }

    .zoom_font11 {
        width: 354px;
    }

    .zoom_font10 {
        width: 322px;
    }

    .zoom_font9 {
        width: 290px;
    }

    .zoom_font8 {
        width: 260px;
    }

    .zoom_font7 {
        width: 226px;
    }

    .zoom_font6 {
        width: 194px;
    }

    .zoom_font5 {
        width: 162px;
    }

    .zoom_font4 {
        width: 130px;
    }

    .mark {
        width: 70px;
        height: 70px;
    }

    .zoom_list span,
    .zoom_list_big span {
        font-size: var(--font32);
    }
    .zoom_list p,
    .zoom_list_big p {
        font-size: var(--font26);
    }
    .titleBig  .zoom_list span ,.titleBig  .zoom_list_big span{
        font-size: 32px;
    }
    .titleBig  .zoom_list p ,.titleBig  .zoom_list_big p{
        font-size: 22px;
    }
    .titleBig .zoom_font14{
        width: 332px;
    }
    .animation .mark {
        animation-name: mark1360;
        animation-direction: alternate;
        animation-timing-function: linear;
        animation-delay: .5s;
        animation-iteration-count: infinite;
        animation-duration: 8s;

        /* Safari and Chrome */
        -webkit-animation-name: mark1360;
        -webkit-animation-direction: alternate;
        -webkit-animation-timing-function: linear;
        -webkit-animation-delay: .5s;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-duration: 8s;
    }

    .animation .zoom_list_big {
        animation-name: zoom_list_big1360;
        animation-direction: alternate;
        animation-timing-function: linear;
        animation-delay: .5s;
        animation-iteration-count: infinite;
        animation-duration: 8s;
        /* Safari and Chrome */
        -webkit-animation-name: zoom_list_big1360;
        -webkit-animation-direction: alternate;
        -webkit-animation-timing-function: linear;
        -webkit-animation-delay: .5s;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-duration: 8s;
    }

    @keyframes mark1360 {
        0% {
            transform: translate(-30px, -30px);
            -ms-transform: translate(-30px, -30px);
            /* Internet Explorer */
            -moz-transform: translate(-30px, -30px);
            /* Firefox */
            -webkit-transform: translate(-30px, -30px);
            /* Safari 和 Chrome */
            -o-transform: translate(-30px, -30px);
            /* Opera */
        }

        25% {
            transform: translate(-37px, -10px);
            -ms-transform: translate(-37px, -10px);
            /* Internet Explorer */
            -moz-transform: translate(-37px, -10px);
            /* Firefox */
            -webkit-transform: translate(-37px, -10px);
            /* Safari 和 Chrome */
            -o-transform: translate(-37px, -10px);
            /* Opera */
        }

        50% {
            transform: translate(-8px, -15px);
            -ms-transform: translate(-8px, -15px);
            /* Internet Explorer */
            -moz-transform: translate(-8px, -15px);
            /* Firefox */
            -webkit-transform: translate(-8px, -15px);
            /* Safari 和 Chrome */
            -o-transform: translate(-8px, -15px);
            /* Opera */
        }

        75% {
            transform: translate(-4px, -28px);
            -ms-transform: translate(-4px, -28px);
            /* Internet Explorer */
            -moz-transform: translate(-4px, -28px);
            /* Firefox */
            -webkit-transform: translate(-4px, -28px);
            /* Safari 和 Chrome */
            -o-transform: translate(-4px, -28px);
            /* Opera */
        }

        100% {
            transform: translate(-30px, -30px);
            -ms-transform: translate(-30px, -30px);
            /* Internet Explorer */
            -moz-transform: translate(-30px, -30px);
            /* Firefox */
            -webkit-transform: translate(-30px, -30px);
            /* Safari 和 Chrome */
            -o-transform: translate(-30px, -30px);
            /* Opera */
        }
    }

    @-webkit-keyframes mark1360 {
        0% {
            transform: translate(-30px, -30px);
            -ms-transform: translate(-30px, -30px);
            /* Internet Explorer */
            -moz-transform: translate(-30px, -30px);
            /* Firefox */
            -webkit-transform: translate(-30px, -30px);
            /* Safari 和 Chrome */
            -o-transform: translate(-30px, -30px);
            /* Opera */
        }

        25% {
            transform: translate(-37px, -10px);
            -ms-transform: translate(-37px, -10px);
            /* Internet Explorer */
            -moz-transform: translate(-37px, -10px);
            /* Firefox */
            -webkit-transform: translate(-37px, -10px);
            /* Safari 和 Chrome */
            -o-transform: translate(-37px, -10px);
            /* Opera */
        }

        50% {
            transform: translate(-8px, -15px);
            -ms-transform: translate(-8px, -15px);
            /* Internet Explorer */
            -moz-transform: translate(-8px, -15px);
            /* Firefox */
            -webkit-transform: translate(-8px, -15px);
            /* Safari 和 Chrome */
            -o-transform: translate(-8px, -15px);
            /* Opera */
        }

        75% {
            transform: translate(-4px, -28px);
            -ms-transform: translate(-4px, -28px);
            /* Internet Explorer */
            -moz-transform: translate(-4px, -28px);
            /* Firefox */
            -webkit-transform: translate(-4px, -28px);
            /* Safari 和 Chrome */
            -o-transform: translate(-4px, -28px);
            /* Opera */
        }

        100% {
            transform: translate(-30px, -30px);
            -ms-transform: translate(-30px, -30px);
            /* Internet Explorer */
            -moz-transform: translate(-30px, -30px);
            /* Firefox */
            -webkit-transform: translate(-30px, -30px);
            /* Safari 和 Chrome */
            -o-transform: translate(-30px, -30px);
            /* Opera */
        }
    }

    @keyframes zoom_list_big1360 {
        0% {
            transform: translate(30px, 30px);
            -ms-transform: translate(30px, 30px);
            /* Internet Explorer */
            -moz-transform: translate(30px, 30px);
            /* Firefox */
            -webkit-transform: translate(30px, 30px);
            /* Safari 和 Chrome */
            -o-transform: translate(30px, 30px);
            /* Opera */
        }

        25% {
            transform: translate(37px, 10px);
            -ms-transform: translate(37px, 10px);
            /* Internet Explorer */
            -moz-transform: translate(37px, 10px);
            /* Firefox */
            -webkit-transform: translate(37px, 10px);
            /* Safari 和 Chrome */
            -o-transform: translate(37px, 10px);
            /* Opera */
        }

        50% {
            transform: translate(8px, 15px);
            -ms-transform: translate(8px, 15px);
            /* Internet Explorer */
            -moz-transform: translate(8px, 15px);
            /* Firefox */
            -webkit-transform: translate(8px, 15px);
            /* Safari 和 Chrome */
            -o-transform: translate(8px, 15px);
            /* Opera */
        }

        75% {
            transform: translate(4px, 28px);
            -ms-transform: translate(4px, 28px);
            /* Internet Explorer */
            -moz-transform: translate(4px, 28px);
            /* Firefox */
            -webkit-transform: translate(4px, 28px);
            /* Safari 和 Chrome */
            -o-transform: translate(4px, 28px);
            /* Opera */
        }

        100% {
            transform: translate(30px, 30px);
            -ms-transform: translate(30px, 30px);
            /* Internet Explorer */
            -moz-transform: translate(30px, 30px);
            /* Firefox */
            -webkit-transform: translate(30px, 30px);
            /* Safari 和 Chrome */
            -o-transform: translate(30px, 30px);
            /* Opera */
        }
    }

    @-webkit-keyframes zoom_list_big1360 {
        0% {
            transform: translate(30px, 30px);
            -ms-transform: translate(30px, 30px);
            /* Internet Explorer */
            -moz-transform: translate(30px, 30px);
            /* Firefox */
            -webkit-transform: translate(30px, 30px);
            /* Safari 和 Chrome */
            -o-transform: translate(30px, 30px);
            /* Opera */
        }

        25% {
            transform: translate(37px, 10px);
            -ms-transform: translate(37px, 10px);
            /* Internet Explorer */
            -moz-transform: translate(37px, 10px);
            /* Firefox */
            -webkit-transform: translate(37px, 10px);
            /* Safari 和 Chrome */
            -o-transform: translate(37px, 10px);
            /* Opera */
        }

        50% {
            transform: translate(8px, 15px);
            -ms-transform: translate(8px, 15px);
            /* Internet Explorer */
            -moz-transform: translate(8px, 15px);
            /* Firefox */
            -webkit-transform: translate(8px, 15px);
            /* Safari 和 Chrome */
            -o-transform: translate(8px, 15px);
            /* Opera */
        }

        75% {
            transform: translate(4px, 28px);
            -ms-transform: translate(4px, 28px);
            /* Internet Explorer */
            -moz-transform: translate(4px, 28px);
            /* Firefox */
            -webkit-transform: translate(4px, 28px);
            /* Safari 和 Chrome */
            -o-transform: translate(4px, 28px);
            /* Opera */
        }

        100% {
            transform: translate(30px, 30px);
            -ms-transform: translate(30px, 30px);
            /* Internet Explorer */
            -moz-transform: translate(30px, 30px);
            /* Firefox */
            -webkit-transform: translate(30px, 30px);
            /* Safari 和 Chrome */
            -o-transform: translate(30px, 30px);
            /* Opera */
        }
    }


    .experienceCenBtn {
        margin-top: 24px;
    }

    .advertisedShow {
        width: 80%;
    }

    .advertisedShowCenLSwiperSlide {
        width: 70%;
        font-size: var(--font15);
    }

    .advertisedShow,
    .advertisedShowCenLSwiper {
        height: 70px;
        width: 800px;
    }

    .advertisedShowCenR {
        width: 120px;
        height: 40px;
        line-height: 40px;
    }

    .advertisedHiden {
        width: 100px;
        height: 50px;
    }

    .advertisedHiden i {
        width: 10px;
        height: 10px;
        bottom: 28px;
        margin-left: -5px;
    }

    .advertisedHiden p {
        font-size: var(--font14);
        bottom: 2px;
    }

    .morPro {
        padding: 90px 0;
    }

    .morProCen {
        width: 1150px;
    }

    .morProSwiper {
        width: 1000px;
    }

    .morProSwiperBoxLi {
        padding: 25px;
        box-shadow: 0px 2px 17px 2px rgba(22, 44, 112, 0.05);
    }

    .morProSwiperBox {
        padding: 15px;
    }

    .morProSwiperBoxLiTitle {
        font-size: var(--font19);
    }

    .morProSwiperBoxLiTitle i {
        width: 30px;
        height: 30px;
        margin-right: 10px;
    }

    .morProSwiperBoxLiList {
        font-size: var(--font15);
        line-height: 24px;
        margin-top: 15px;
        height: 80px;
    }

    .morProSwiperBoxLiLine {
        margin-top: 15px;
    }

    .titleOne {
        font-size: var(--font24);
    }
}

@media screen and (max-width: 1200px) and (min-width: 961px) {
    .display1920 {
        display: none;
    }

    .display1200 {
        display: block;
    }

    .hNav {
        height: 60px;
    }

    .footerCen {
        width: 960px;
    }

    .footerCenTopRGlBox {
        width: 270px;
        margin-left: 40px;
    }

    .footerCenTopRNavLi {
        margin-right: 40px;
    }

    .footerCenTopRGlListLi {
        width: 130px;
        padding: 7px;
        margin-bottom: 10px;
    }

    .footerCenTopRGlListLiFont {
        font-size: var(--font14);
        margin-top: 5px;
    }

    .footerCenLink {
        margin-top: 40px;
    }

    .topNavCen {
        height: 60px;
        width: 960px;
    }

    .navLogo {
        height: 40px;
    }

    .topNavFrom {
        width: 94px;
        height: 30px;
        line-height: 30px;
        margin-left: 25px;
    }

    .pcTopNav .topNavBoxLi {
        padding: 0 8px;
        height: 60px;
        line-height: 60px;
    }

    .pcTopNav .topNavBoxLiA a,
    .pcTopNav .topNavBoxLiA {
        font-size: var(--font14);
    }

    .pcTopNav .sub {
        top: 60px;
        border-radius: 0 0 8px 8px;
    }

    .topNavBoxLiUnset .sub {
        transform: none;
        margin-left: -506px;
    }

    .pcTopNav .subBoxL {
        padding: 18px 10px;
    }

    .pcTopNav .subBoxLLi {
        width: 150px;
        margin: 0 8px;
    }

    .pcTopNav .subBoxTitle {
        height: 35px;
        padding: 0 8px;
    }

    .pcTopNav .subBoxTitleFont i {
        width: 16px;
        height: 16px;
        margin-right: 5px;
    }

    .pcTopNav .subBoxTitleFont {
        font-size: var(--font14);
    }

    .pcTopNav .subBoxTitleLi i {
        width: 24px;
        height: 10px;
    }

    .pcTopNav .subBoxTitleLi {
        padding-left: 5px;
        line-height: 20px;
        margin-top: 8px;
        font-size: var(--font14);
    }

    .pcTopNav .subBoxR {
        padding: 0px 18px;
        padding-right: 8px;
        width: 208px;
        margin-left: 8px;
    }

    .pcTopNav .subBoxRImg {
        height: 74px;
    }

    .pcTopNav .subBoxRTitle {
        font-size: var(--font14);
        line-height: 22px;
        margin-top: 5px;
    }

    .pcTopNav .subBoxRList {
        font-size: var(--font12);
        line-height: 18px;
    }

    .pcTopNav .subBoxHover {
        padding: 12px 15px;
        width: 174px;
    }

    .pcTopNav .subBoxHoverWidth {
        width: 223px;
    }

    .pcAside {
        height: 390px;
    }

    .pcAside.asideActive {
        width: 40px;
    }

    .pcAside .asideTopBoxLiImg {
        width: 20px;
        height: 20px;
    }

    .asideTopBoxLiFont {
        font-size: var(--font14);
        line-height: 17px;
    }

    .asideTopBoxLi {
        height: 84px;
    }

    .asideTopBox {
        height: 336px;
    }

    .backTop {
        height: 40px;
    }

    .asideTopBoxLi:hover .asideTopBoxLiShow {
        right: 40px;
    }

    .asideTopBoxLiShowBox {
        padding: 12px;
    }

    .asideTopBoxLiShowBoxLi {
        padding: 2px 0;
    }

    .asideTopBoxLiShowBoxLiTitle {
        font-size: var(--font15);
        margin-bottom: 5px;
    }

    .asideTopBoxLiShowBoxLiTell {
        font-size: var(--font15);
    }

    .asideTopBoxLiShowBoxLine {
        margin: 5px 0;
    }

    .asideTopBoxLiShowBoxLiBtn {
        font-size: var(--font14);
        width: 90px;
        height: 28px;
        line-height: 28px;
    }

    .asideTopBoxLiShowBoxWx {
        width: 100px;
        height: 100px;
    }



    .footer {
        padding-top: 55px;
    }

    .footerCenTopL {
        width: 180px;
    }


    .footerCenTopRNavLi>a {
        margin-bottom: 8px;
        font-size: var(--font12);
    }

    .footerCenTopRNavLiTitle,
    .footerCenTopRNavLiTitle a {
        margin-bottom: 15px;
        font-size: var(--font15);
    }

    .mt38 {
        margin-top: 20px;
    }

    .footerCenTopRGzh {
        width: 96px;
    }

    .footerCenTopRGzh p {
        font-size: var(--font12);
    }

    .footerCenTopLLogo {
        margin-bottom: 25px;
    }

    .footerCenTopLTell {
        margin-bottom: 15px;
    }

    .footerCenTopLTellPho {
        font-size: var(--font16);
        line-height: 20px;
    }

    .footerCenLink a {
        margin-right: 12px;
    }

    .footerCenLink p,
    .footerCenLink a,
    .footerCenBottomL p,
    .footerCenBottomL a,
    .footerCenBottomRTitle p {
        font-size: var(--font13);
    }

    .footerCenBottomRTitle {
        padding: 0 4px;
    }

    .footerCenBottom {
        margin-top: 16px;
        align-items: flex-end;
        -webkit-align-items: flex-end;
    }

    .footerCenBottomL a {
        margin-left: 0px;
        margin-top: 5px;
    }

    .experience {
        height: 250px;
    }

    .footerCenBottomL {
        display: block;
    }

    .footerCenBottomL p,
    .footerCenBottomL a {
        display: block;
    }


    .experienceCen {
        width: 100%;
    }

    .experienceCenBtn {
        margin-top: 24px;
        width: 150px;
        height: 40px;
        line-height: 40px;
    }

    .subTitle {
        font-size: var(--font15);
        margin-top: 0;
        line-height: 20px;
    }

    .zoom_font612 {
        width: 478px;
    }

    .zoom_font398 {
        width: 310px;
    }

    .zoom_font256 {
        width: 202px;
    }

    .zoom_font220 {
        width: 168px;
    }

    .zoom_font25 {
        width: 703px;
    }

    .zoom_font22 {
        width: 618px;
    }

    .zoom_font20 {
        width: 543px;
    }

    .zoom_font18 {
        width: 508px;
    }

    .zoom_font17 {
        width: 480px;
    }

    .zoom_font16 {
        width: 434px;
    }

    .zoom_font15 {
        width: 422px;
    }

    .zoom_font14 {
        width: 394px;
    }

    .zoom_font13 {
        width: 366px;
    }

    .zoom_font12 {
        width: 338px;
    }

    .zoom_font11 {
        width: 310px;
    }

    .zoom_font10 {
        width: 282px;
    }

    .zoom_font9 {
        width: 252px;
    }

    .zoom_font8 {
        width: 226px;
    }

    .zoom_font7 {
        width: 198px;
    }

    .zoom_font6 {
        width: 170px;
    }

    .zoom_font5 {
        width: 142px;
    }

    .zoom_font4 {
        width: 115px;
    }

    .mark {
        width: 70px;
        height: 70px;
    }

    .zoom_list span,
    .zoom_list_big span {
        font-size: var(--font28);
    }
    .zoom_list p,
    .zoom_list_big p {
        font-size: var(--font22);
    }
    .titleBig  .zoom_list span ,.titleBig  .zoom_list_big span{
        font-size: 32px;
    }
    .titleBig  .zoom_list p ,.titleBig  .zoom_list_big p{
        font-size: 22px;
    }
    .titleBig .zoom_font14{
        width: 322px;
    }
    .animation .mark {
        animation-name: mark1200;
        animation-direction: alternate;
        animation-timing-function: linear;
        animation-delay: .5s;
        animation-iteration-count: infinite;
        animation-duration: 8s;

        /* Safari and Chrome */
        -webkit-animation-name: mark1200;
        -webkit-animation-direction: alternate;
        -webkit-animation-timing-function: linear;
        -webkit-animation-delay: .5s;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-duration: 8s;
    }

    .animation .zoom_list_big {
        animation-name: zoom_list_big1200;
        animation-direction: alternate;
        animation-timing-function: linear;
        animation-delay: .5s;
        animation-iteration-count: infinite;
        animation-duration: 8s;
        /* Safari and Chrome */
        -webkit-animation-name: zoom_list_big1200;
        -webkit-animation-direction: alternate;
        -webkit-animation-timing-function: linear;
        -webkit-animation-delay: .5s;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-duration: 8s;
    }

    @keyframes mark1200 {
        0% {
            transform: translate(-30px, -30px);
            -ms-transform: translate(-30px, -30px);
            /* Internet Explorer */
            -moz-transform: translate(-30px, -30px);
            /* Firefox */
            -webkit-transform: translate(-30px, -30px);
            /* Safari 和 Chrome */
            -o-transform: translate(-30px, -30px);
            /* Opera */
        }

        25% {
            transform: translate(-37px, -10px);
            -ms-transform: translate(-37px, -10px);
            /* Internet Explorer */
            -moz-transform: translate(-37px, -10px);
            /* Firefox */
            -webkit-transform: translate(-37px, -10px);
            /* Safari 和 Chrome */
            -o-transform: translate(-37px, -10px);
            /* Opera */
        }

        50% {
            transform: translate(-8px, -15px);
            -ms-transform: translate(-8px, -15px);
            /* Internet Explorer */
            -moz-transform: translate(-8px, -15px);
            /* Firefox */
            -webkit-transform: translate(-8px, -15px);
            /* Safari 和 Chrome */
            -o-transform: translate(-8px, -15px);
            /* Opera */
        }

        75% {
            transform: translate(-4px, -28px);
            -ms-transform: translate(-4px, -28px);
            /* Internet Explorer */
            -moz-transform: translate(-4px, -28px);
            /* Firefox */
            -webkit-transform: translate(-4px, -28px);
            /* Safari 和 Chrome */
            -o-transform: translate(-4px, -28px);
            /* Opera */
        }

        100% {
            transform: translate(-30px, -30px);
            -ms-transform: translate(-30px, -30px);
            /* Internet Explorer */
            -moz-transform: translate(-30px, -30px);
            /* Firefox */
            -webkit-transform: translate(-30px, -30px);
            /* Safari 和 Chrome */
            -o-transform: translate(-30px, -30px);
            /* Opera */
        }
    }

    @-webkit-keyframes mark1200 {
        0% {
            transform: translate(-30px, -30px);
            -ms-transform: translate(-30px, -30px);
            /* Internet Explorer */
            -moz-transform: translate(-30px, -30px);
            /* Firefox */
            -webkit-transform: translate(-30px, -30px);
            /* Safari 和 Chrome */
            -o-transform: translate(-30px, -30px);
            /* Opera */
        }

        25% {
            transform: translate(-37px, -10px);
            -ms-transform: translate(-37px, -10px);
            /* Internet Explorer */
            -moz-transform: translate(-37px, -10px);
            /* Firefox */
            -webkit-transform: translate(-37px, -10px);
            /* Safari 和 Chrome */
            -o-transform: translate(-37px, -10px);
            /* Opera */
        }

        50% {
            transform: translate(-8px, -15px);
            -ms-transform: translate(-8px, -15px);
            /* Internet Explorer */
            -moz-transform: translate(-8px, -15px);
            /* Firefox */
            -webkit-transform: translate(-8px, -15px);
            /* Safari 和 Chrome */
            -o-transform: translate(-8px, -15px);
            /* Opera */
        }

        75% {
            transform: translate(-4px, -28px);
            -ms-transform: translate(-4px, -28px);
            /* Internet Explorer */
            -moz-transform: translate(-4px, -28px);
            /* Firefox */
            -webkit-transform: translate(-4px, -28px);
            /* Safari 和 Chrome */
            -o-transform: translate(-4px, -28px);
            /* Opera */
        }

        100% {
            transform: translate(-30px, -30px);
            -ms-transform: translate(-30px, -30px);
            /* Internet Explorer */
            -moz-transform: translate(-30px, -30px);
            /* Firefox */
            -webkit-transform: translate(-30px, -30px);
            /* Safari 和 Chrome */
            -o-transform: translate(-30px, -30px);
            /* Opera */
        }
    }

    @keyframes zoom_list_big1200 {
        0% {
            transform: translate(30px, 30px);
            -ms-transform: translate(30px, 30px);
            /* Internet Explorer */
            -moz-transform: translate(30px, 30px);
            /* Firefox */
            -webkit-transform: translate(30px, 30px);
            /* Safari 和 Chrome */
            -o-transform: translate(30px, 30px);
            /* Opera */
        }

        25% {
            transform: translate(37px, 10px);
            -ms-transform: translate(37px, 10px);
            /* Internet Explorer */
            -moz-transform: translate(37px, 10px);
            /* Firefox */
            -webkit-transform: translate(37px, 10px);
            /* Safari 和 Chrome */
            -o-transform: translate(37px, 10px);
            /* Opera */
        }

        50% {
            transform: translate(8px, 15px);
            -ms-transform: translate(8px, 15px);
            /* Internet Explorer */
            -moz-transform: translate(8px, 15px);
            /* Firefox */
            -webkit-transform: translate(8px, 15px);
            /* Safari 和 Chrome */
            -o-transform: translate(8px, 15px);
            /* Opera */
        }

        75% {
            transform: translate(4px, 28px);
            -ms-transform: translate(4px, 28px);
            /* Internet Explorer */
            -moz-transform: translate(4px, 28px);
            /* Firefox */
            -webkit-transform: translate(4px, 28px);
            /* Safari 和 Chrome */
            -o-transform: translate(4px, 28px);
            /* Opera */
        }

        100% {
            transform: translate(30px, 30px);
            -ms-transform: translate(30px, 30px);
            /* Internet Explorer */
            -moz-transform: translate(30px, 30px);
            /* Firefox */
            -webkit-transform: translate(30px, 30px);
            /* Safari 和 Chrome */
            -o-transform: translate(30px, 30px);
            /* Opera */
        }
    }

    @-webkit-keyframes zoom_list_big1200 {
        0% {
            transform: translate(30px, 30px);
            -ms-transform: translate(30px, 30px);
            /* Internet Explorer */
            -moz-transform: translate(30px, 30px);
            /* Firefox */
            -webkit-transform: translate(30px, 30px);
            /* Safari 和 Chrome */
            -o-transform: translate(30px, 30px);
            /* Opera */
        }

        25% {
            transform: translate(37px, 10px);
            -ms-transform: translate(37px, 10px);
            /* Internet Explorer */
            -moz-transform: translate(37px, 10px);
            /* Firefox */
            -webkit-transform: translate(37px, 10px);
            /* Safari 和 Chrome */
            -o-transform: translate(37px, 10px);
            /* Opera */
        }

        50% {
            transform: translate(8px, 15px);
            -ms-transform: translate(8px, 15px);
            /* Internet Explorer */
            -moz-transform: translate(8px, 15px);
            /* Firefox */
            -webkit-transform: translate(8px, 15px);
            /* Safari 和 Chrome */
            -o-transform: translate(8px, 15px);
            /* Opera */
        }

        75% {
            transform: translate(4px, 28px);
            -ms-transform: translate(4px, 28px);
            /* Internet Explorer */
            -moz-transform: translate(4px, 28px);
            /* Firefox */
            -webkit-transform: translate(4px, 28px);
            /* Safari 和 Chrome */
            -o-transform: translate(4px, 28px);
            /* Opera */
        }

        100% {
            transform: translate(30px, 30px);
            -ms-transform: translate(30px, 30px);
            /* Internet Explorer */
            -moz-transform: translate(30px, 30px);
            /* Firefox */
            -webkit-transform: translate(30px, 30px);
            /* Safari 和 Chrome */
            -o-transform: translate(30px, 30px);
            /* Opera */
        }
    }

    .advertisedShowCenLSwiperSlide {
        width: 70%;
    }

    .advertisedShow,
    .advertisedShowCenLSwiper {
        height: 60px;
        width: 800px;
    }

    .advertisedShowCenR {
        width: 120px;
        height: 40px;
        line-height: 40px;
    }

    .advertisedHiden {
        width: 100px;
        height: 50px;
    }

    .advertisedHiden i {
        width: 10px;
        height: 10px;
        bottom: 28px;
        margin-left: -5px;
    }

    .advertisedHiden p {
        font-size: var(--font14);
        bottom: 2px;
    }

    .btnHover {
        font-size: var(--font12);
    }

    .morPro {
        padding: 80px 0;
    }

    .morProCen {
        width: 900px;
    }

    .morProSwiper {
        width: 900px;
    }

    .morProSwiperSwiperNext {
        right: -64px;
    }

    .morProSwiperSwiperRrev {
        left: -64px;
    }

    .morProSwiperBoxLi {
        padding: 20px;
        box-shadow: 0px 2px 17px 2px rgba(22, 44, 112, 0.05);
    }

    .morProSwiperBox {
        padding: 13px;
    }

    .morProSwiperBoxLiTitle {
        font-size: var(--font19);
    }

    .morProSwiperBoxLiTitle i {
        width: 30px;
        height: 30px;
        margin-right: 10px;
    }

    .morProSwiperBoxLiList {
        font-size: var(--font15);
        line-height: 24px;
        margin-top: 15px;
        height: 75px;
    }

    .morProSwiperBoxLiLine {
        margin-top: 15px;
    }

    .titleOne {
        font-size: var(--font22);
    }



}

@media screen and (max-width: 960px) and (min-width: 751px) {

    .display1920,
    .pcDisplay960 {
        display: none;
    }

    .display960 {
        display: block;
    }

    .hNav {
        height: 60px;
    }

    .topNavCen {
        width: 100%;
        height: 60px;
    }

    .navLogo {
        margin-left: 3%;
        height: 39px;
    }

    .topNavFrom {
        margin-left: 0;
        margin-right: 30px;
        width: 94px;
        height: 30px;
        line-height: 30px;
        font-size: 12px;
    }

    .mTopNavBtn {
        display: flex;
        display: -webkit-flex;
        align-items: center;
        justify-content: center;
        height: 60px;
    }

    .mTopNav {
        height: calc(100vh - 60px);
        top: 60px;
    }

    .topNavBoxLiUnset .sub {
        margin-left: 0px;
    }

    .mTopNav .subBoxTitleLi i {
        width: 30px;
        height: 12px;
        margin-left: 10px;
    }

    .mTopNav .subBoxTitleFont i {
        width: 20px;
        height: 20px;
        margin-right: 10px;
    }

    .experience {
        height: 200px;
    }

    .experienceCen {
        width: 100%;
    }

    .mark {
        display: none;
    }

    .footer {
        padding: 20px 0;
    }

    .footerCen {
        width: 100%;
    }

    .footerCenTop,
    .footerCenLink,
    .footerCenBottomR {
        display: none;
    }

    .footerCenBottom {
        margin-top: 0px;
        justify-content: center;
        align-items: center;
        -webkit-justify-content: center;
        -webkit-align-items: center;
    }

    .experienceCenBtn {
        margin-top: 14px;
        width: 190px;
        height: 42px;
        line-height: 42px;
    }

    .advertisedShow {
        width: 80%;
    }

    .advertisedShowCenLSwiperSlide {
        width: 70%;
        font-size: var(--font14);
    }

    .advertisedShow,
    .advertisedShowCenLSwiper {
        height: 60px;
    }

    .advertisedShowCenR {
        width: 120px;
        height: 40px;
        line-height: 40px;
    }

    .advertisedHiden {
        width: 100px;
        height: 50px;
    }

    .advertisedHiden i {
        width: 10px;
        height: 10px;
        bottom: 28px;
        margin-left: -5px;
    }

    .advertisedHiden p {
        font-size: var(--font14);
        bottom: 2px;
    }

    .subTitle {
        font-size: var(--font14);
        line-height: 24px;
        margin-top: 0;
    }

    .zoom_list span {
        font-size: var(--font26);
    }
    .zoom_list p{
        font-size: var(--font20);
    }

    .titleBig  .zoom_list span ,.titleBig  .zoom_list_big span{
        font-size: 26px;
    }
    .titleBig  .zoom_list p ,.titleBig  .zoom_list_big p{
        font-size: 18px;
    }
    .morPro {
        padding: 60px 0;
    }

    .morProCen {
        width: 750px;
    }

    .morProSwiper {
        width: 600px;
    }

    .morProSwiperBoxLi {
        padding: 20px;
        box-shadow: 0px 2px 17px 2px rgba(22, 44, 112, 0.05);
    }

    .morProSwiperBox {
        padding: 13px;
    }

    .morProSwiperBoxLiTitle {
        font-size: var(--font19);
    }

    .morProSwiperBoxLiTitle i {
        width: 30px;
        height: 30px;
        margin-right: 10px;
    }

    .morProSwiperBoxLiList {
        font-size: var(--font15);
        line-height: 24px;
        margin-top: 15px;
        height: 75px;
    }

    .morProSwiperBoxLiLine {
        margin-top: 15px;
    }

    .titleOne {
        font-size: var(--font20);
    }

    .zoom_font25,
    .zoom_font22,
    .zoom_font20,
    .zoom_font18,
    .zoom_font17,
    .zoom_font16,
    .zoom_font15,
    .zoom_font14,
    .zoom_font13,
    .zoom_font12,
    .zoom_font11,
    .zoom_font10,
    .zoom_font9,
    .zoom_font8,
    .zoom_font7,
    .zoom_font6,
    .zoom_font5,
    .zoom_font4 {
        width: auto;
    }
}

@media only screen and (max-width: 750px) {

    .display1920,
    .pcDisplay960 {
        display: none;
    }

    .display750 {
        display: block;
    }

    .hNav {
        height: 60px;
    }

    .topNavCen {
        width: 100%;
        height: var(--height60);
    }

    .navLogo {
        margin-left: 3%;
        height: 35px;
    }

    .topNavFrom {
        margin-left: 0;
        margin-right: .3rem;
        width: 94px;
        height: 30px;
        line-height: 30px;
        font-size: 12px;
    }

    .mTopNavBtn {
        height: 60px;
        width: 60px;
        display: flex;
        display: -webkit-flex;
        align-items: center;
        justify-content: center;
    }

    .mTopNav {
        height: calc(100vh - 60px);
        top: var(--height60);
    }

    .topNavBoxLiUnset .sub {
        transform: none;
        margin-left: 0px;
    }

    .mTopNav .subBoxLLi,
    .mTopNav .subBoxR {
        width: 100%;
    }

    .mTopNav .subBoxTitleLi i {
        width: 25px;
        height: 10px;
        margin-left: 5px;
    }

    .mTopNav .subBoxTitleFont i {
        width: 18px;
        height: 18px;
        margin-right: 5px;
    }

    .mTopNav .topNavBoxLi,
    .mTopNav .topNavBoxLi a,
    .mTopNav .topNavBoxLiA,
    .mTopNav .subBoxTitleFont {
        font-size: var(--font16);
    }

    .mAsideTopIcn {
        width: 44px;
        height: 44px;
    }

    .mAsideTopIcn i {
        width: 20px;
        height: 20px;
    }

    .mAside .backTop {
        width: 44px;
        height: 44px;
        bottom: calc(30% - 50px);
    }

    .experience {
        height: auto;
    }

    .experienceCen {
        width: 100%;
        padding: 40px 0;
    }

    .mZoom_font {
        width: 100%;
        margin: 0 auto;
    }

    .zoom_list span {
        font-size: var(--font24);
        text-align: center;
        line-height: 40px;
    }
    .zoom_list p {
        font-size: 18px;
    }
    .titleBig  .zoom_list span ,.titleBig  .zoom_list_big span{
        font-size: 24px;
    }
    .titleBig  .zoom_list p ,.titleBig  .zoom_list_big p{
        font-size: 16px;
    }
    .mark {
        display: none;
    }

    .zoom_font25,
    .zoom_font22,
    .zoom_font20,
    .zoom_font18,
    .zoom_font17,
    .zoom_font16,
    .zoom_font15,
    .zoom_font14,
    .zoom_font13,
    .zoom_font12,
    .zoom_font11,
    .zoom_font10,
    .zoom_font9,
    .zoom_font8,
    .zoom_font7,
    .zoom_font6,
    .zoom_font5,
    .zoom_font4 {
        width: auto;
    }

    .experienceCenBtn {
        margin-top: 15px;
        width: 150px;
        height: 40px;
        line-height: 40px;
    }

    .footer {
        padding: 20px 0;
    }

    .footerCen {
        width: 100%;
    }

    .footerCenTop,
    .footerCenLink,
    .footerCenBottomR {
        display: none;
    }

    .footerCenBottom {
        margin-top: 0px;
        justify-content: center;
        align-items: center;
        -webkit-justify-content: center;
        -webkit-align-items: center;
    }

    .footerCenBottomL {
        width: 100%;
        display: block;
        padding: 0 3%;
    }

    .footerCenBottomL p,
    .footerCenBottomL a {
        display: block;
        text-align: center;
        font-size: var(--font12);
    }

    .footerCenBottomL a {
        margin: 0 auto;
        margin-top: 5px;
    }

    .advertised {
        width: 100%;
        left: 0;
        bottom: 0;
        transform: translateX(0%) translateY(calc(100% + 40px));
        -ms-transform: translateX(0%) translateY(calc(100% + 40px));
        -moz-transform: translateX(0%) translateY(calc(100% + 40px));
        -webkit-transform: translateX(0%) translateY(calc(100% + 40px));
        -o-transform: translateX(0%) translateY(calc(100% + 40px));
    }

    .advertisedActive {
        transform: translateX(0%) translateY(0%);
        -ms-transform: translateX(0%) translateY(0%);
        -moz-transform: translateX(0%) translateY(0%);
        -webkit-transform: translateX(0%) translateY(0%);
        -o-transform: translateX(0%) translateY(0%);
    }

    .advertisedShow {
        width: 6.5rem;
        padding: 0 20px;
    }

    .advertisedShowCenLSwiperSlide {
        width: 70%;
        font-size: var(--font14);
    }

    .advertisedShow,
    .advertisedShowCenLSwiper {
        height: 60px;
    }

    .advertisedShowCenR {
        width: 80px;
        height: 25px;
        line-height: 25px;
    }

    .advertisedHiden {
        width: 100px;
        height: 50px;
        right: 16px
    }

    .advertisedHiden i {
        width: 10px;
        height: 10px;
        bottom: 28px;
        margin-left: -5px;
    }

    .advertisedHiden p {
        font-size: var(--font14);
        bottom: 2px;
    }

    .tigs {
        font-size: .2rem;
        padding: .02rem .08rem;
        margin-right: .1rem;
        margin-bottom: .1rem;
    }

    .morPro {
        padding: .6rem 0;
    }

    .morProCen {
        width: 6.9rem;
    }

    .morProSwiper {
        width: 100%;
        margin-top: 0.5rem;
    }

    .morProSwiperBoxLi {
        padding: 20px;
        box-shadow: 0px 2px 17px 2px rgba(22, 44, 112, 0.05);
    }

    .morProSwiperBox {
        padding: 13px;
    }

    .morProSwiperSwiperNext,
    .morProSwiperSwiperRrev {
        display: none;
    }

    .morProCen .morProSwiperPagination {
        display: block;
        bottom: -16px !important;
    }

    .morProSwiperBoxLiTitle {
        font-size: var(--font19);
    }

    .morProSwiperBoxLiTitle i {
        width: 30px;
        height: 30px;
        margin-right: 10px;
    }

    .morProSwiperBoxLiList {
        font-size: var(--font15);
        line-height: 24px;
        margin-top: 15px;
        height: 76px;
    }

    .morProSwiperBoxLiLine {
        margin-top: 15px;
    }

    .titleOne {
        font-size: var(--font24);
    }

    .subTitle {
        font-size: var(--font18);
        line-height: 24px;
    }

    .festival {
        width: 1.3rem;
        height: 1.19rem;
    }





    #bread {
        display: none;
    }

    .mDisplay {
        display: block !important;
    }

    .pcDisplay {
        display: none !important;
    }
}

@media only screen and (max-width: 560px) {
    .zoom_list span {
        font-size: var(--font22);
        text-align: center;
        line-height: 40px;
    }

    .titleOne {
        font-size: var(--font22);
    }

    .subTitle {
        font-size: var(--font15);
        line-height: .4rem;
        margin-top: 0;
    }
}

/* 清除移动端hover样式 */
@media (any-hover: hover) {
    a:hover {
        text-decoration: none;
    }

    .btnHover:hover {
        background: var(--bgColor2B2);
        box-shadow: 0px 14px 30px rgba(43, 43, 43, .2);
        color: var(--colorFFF);
    }

    .btnHover2B2:hover {
        background: var(--bgColorFFF);
        box-shadow: 0px 14px 30px rgba(234, 85, 20, .2);
        color: var(--colorEA5);
    }

    .btnHoverTransparent:hover {
        background: var(--bgColor2B2);
        box-shadow: 0px 14px 30px rgba(43, 43, 43, .2);
        color: var(--colorFFF);
        border: 1px solid #2B2B2B;
    }

    .close:hover i {
        transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        -o-transform: rotate(90deg);
    }


    .exceeds:hover i {
        -webkit-animation: exceeds_icon 400ms linear infinite;
        animation: exceeds_icon 400ms linear infinite;
    }

    @-webkit-keyframes exceeds_icon {
        0% {
            transform: rotate(45deg) translateY(0);
            -ms-transform: rotate(45deg) translateY(0);
            -moz-transform: rotate(45deg) translateY(0);
            -webkit-transform: rotate(45deg) translateY(0);
            -o-transform: rotate(45deg) translateY(0);
        }

        25% {
            transform: rotate(45deg) translateY(-5%);
            -ms-transform: rotate(45deg) translateY(-5%);
            -moz-transform: rotate(45deg) translateY(-5%);
            -webkit-transform: rotate(45deg) translateY(-5%);
            -o-transform: rotate(45deg) translateY(-5%);
        }

        50% {
            transform: rotate(45deg) translateY(-10%);
            -ms-transform: rotate(45deg) translateY(-10%);
            -moz-transform: rotate(45deg) translateY(-10%);
            -webkit-transform: rotate(45deg) translateY(-10%);
            -o-transform: rotate(45deg) translateY(-10%);
        }

        75% {
            transform: rotate(45deg) translateY(-5%);
            -ms-transform: rotate(45deg) translateY(-5%);
            -moz-transform: rotate(45deg) translateY(-5%);
            -webkit-transform: rotate(45deg) translateY(-5%);
            -o-transform: rotate(45deg) translateY(-5%);
        }

        100% {
            transform: rotate(45deg) translateY(0);
            -ms-transform: rotate(45deg) translateY(0);
            -moz-transform: rotate(45deg) translateY(0);
            -webkit-transform: rotate(45deg) translateY(0);
            -o-transform: rotate(45deg) translateY(0);
        }
    }

    @keyframes exceeds_icon {
        0% {
            transform: rotate(45deg) translateY(0);
            -ms-transform: rotate(45deg) translateY(0);
            -moz-transform: rotate(45deg) translateY(0);
            -webkit-transform: rotate(45deg) translateY(0);
            -o-transform: rotate(45deg) translateY(0);
        }

        25% {
            transform: rotate(45deg) translateY(-5%);
            -ms-transform: rotate(45deg) translateY(-5%);
            -moz-transform: rotate(45deg) translateY(-5%);
            -webkit-transform: rotate(45deg) translateY(-5%);
            -o-transform: rotate(45deg) translateY(-5%);
        }

        50% {
            transform: rotate(45deg) translateY(-10%);
            -ms-transform: rotate(45deg) translateY(-10%);
            -moz-transform: rotate(45deg) translateY(-10%);
            -webkit-transform: rotate(45deg) translateY(-10%);
            -o-transform: rotate(45deg) translateY(-10%);
        }

        75% {
            transform: rotate(45deg) translateY(-5%);
            -ms-transform: rotate(45deg) translateY(-5%);
            -moz-transform: rotate(45deg) translateY(-5%);
            -webkit-transform: rotate(45deg) translateY(-5%);
            -o-transform: rotate(45deg) translateY(-5%);
        }

        100% {
            transform: rotate(45deg) translateY(0);
            -ms-transform: rotate(45deg) translateY(0);
            -moz-transform: rotate(45deg) translateY(0);
            -webkit-transform: rotate(45deg) translateY(0);
            -o-transform: rotate(45deg) translateY(0);
        }
    }

    .next:hover,
    .prev:hover {
        background: var(--bgColorEA5);
    }

    .next:hover::before,
    .prev:hover::before {
        border-top: 1px solid var(--bgColorFFF);
        border-left: 1px solid var(--bgColorFFF);
    }

    .pcTopNav .topNavBoxLi:hover .topNavBoxLiA {
        color: var(--colorEA5);
    }

    .pcTopNav .topNavBoxLi:hover .topNavBoxLiA i {
        transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        -moz-transform: rotate(-180deg);
        -webkit-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
    }

    .pcTopNav .topNavBoxLi:hover .topNavBoxLiA a {
        color: var(--colorEA5);
    }

    .pcTopNav .topNavBoxLi:hover .topNavBoxLiA::after {
        width: 100%;
    }

    .pcTopNav .topNavBoxLi:hover .sub {
        opacity: 1;
        height: auto;
    }

    .pcTopNav .subBoxR:hover .subBoxRImg img {
        transform: scale(1.1);
        -ms-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -o-transform: scale(1.1);
    }

    .pcTopNav .subBoxTitle:hover,
    .pcTopNav .subBoxTitleBg {
        background: var(--bgColorF5F);
    }

    .pcTopNav .subBoxTitle:hover>i {
        transform: rotate(45deg);
        border-top: 1px solid var(--colorEA5);
        border-right: 1px solid var(--colorEA5);
    }

    .pcTopNav .subBoxTitle:hover>i::before {
        border-top: 1px solid var(--colorEA5);
    }

    .pcTopNav .subBoxTitleLi:hover {
        color: var(--colorEA5);
    }

    .pcTopNavHover:hover {
        background: #fff;
    }

    .backTop:hover {
        background: var(--bgColorEA5);
    }

    .footerCenTopRNavLi>a:hover {
        opacity: 1;
    }

    .footerCenLink a:hover {
        opacity: 1;
    }

    .footerCenBottomL a:hover {
        opacity: 1;
    }

    .footerCenBottomRTitle:hover p {
        opacity: 1;
    }

    .breadBox a:hover {
        color: var(--colorEA5);
    }

    .morProSwiperBoxLiMore:hover {
        transform: translateY(-3px);
        -ms-transform: translateY(-3px);
        -moz-transform: translateY(-3px);
        -webkit-transform: translateY(-3px);
        -o-transform: translateY(-3px);
    }

}