/*头部*/
@media screen {

    .header {
        position: fixed;
        width: 100%;
        top: 0;
        background-color: #FFFFFF;
        transition: all 0.5s;
        z-index: 99;
        box-shadow: 0 0 calc(var(--bili) * 20px) rgba(0, 0, 0, 0.3);
    }

    .header.menu-none {
        transition: all 0.5s;
        transform: translateY(-110%) !important;
    }

    .header.on {
        transform: translateY(0);

        /*height: calc( var(--bili) * var(--hedaHM)*1px );*/
        /*background: -webkit-linear-gradient(top,rgba(0, 0, 0, 0.8) ,transparent);*/
    }

    .headerMain {
        height: calc(var(--bili) * var(--hedaH)*1px);
        position: relative;
    }

    .headerMain .inner {
        height: 100%;
    }

    .headerMain .EcMain {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .headerLogo {
        width: calc(var(--bili) * 144px);
        z-index: 9;
    }

    .headerLogo img {
        /*max-height: calc( var(--bili) * var(--hedaHM)*1px );*/
    }

    .headerMiddle {
        display: flex;
        align-items: center;
    }

    .headerIcon {
        width: calc(var(--bili) * 50px);
        height: calc(var(--bili) * 50px);
        background: url(../images/w1.png) no-repeat center left;
        background-size: 100%;
        margin: 0 calc(var(--bili) * 40px) 0 0;
    }

    .headerLanguage {
        font-size: calc(var(--bili) * 18px);
        color: #000000;
        font-weight: 700;
        position: relative;
        height: calc(var(--bili) * var(--hedaMH)*1px);
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        padding: 0 calc(var(--bili) * 20px) 0 calc(var(--bili) * 30px);
        margin: 0 0 0 calc(var(--bili) * 60px);
        line-height: 1;

        &::before {
            content: '';
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            width: calc(var(--bili) * 20px);
            height: calc(var(--bili) * 20px);
            background: url(../images/w2.svg) no-repeat center left;
            background-size: 100%;
        }

        &::after {
            content: '';
            position: absolute;
            border-left: calc(var(--bili)* 6px) solid transparent;
            border-right: calc(var(--bili)* 6px) solid transparent;
            border-top: calc(var(--bili)* 8px) solid #000000;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
        }
    }

    .headerUser {
        display: flex;
        align-items: center;
        margin: 0 calc(var(--bili) * -30px) 0 calc(var(--bili) * 60px);
        cursor: pointer;
    }
    .headerUser .inA{
        width: calc(var(--bili) * 22px);
        height: calc(var(--bili) * 22px);
        background: url(../images/w82.svg) no-repeat center;
        background-size: 100%;
        margin: 0 calc(var(--bili) * 10px) 0 0;
    }
    .headerUser .inB{
        font-size: calc(var(--bili) * 17px);
        color: #333333;
        text-transform: uppercase;
        line-height: 1;
    }

    /*头部-菜单-s*/
    .headerMenu {
        transition: opacity 0.5s;
        opacity: 1;
        /*position: relative;*/
    }
    .headerMenu .CAul {
        display: flex;
        width: 100%;
    }
    .headerMenu .CAli {
        /*width: 100%;*/
        /*position: relative;*/
        height: calc(var(--bili) * var(--hedaMH)*1px);
        display: flex;
        align-items: center;
        margin: 0 calc(var(--bili) * 30px);
    }
    .headerMenu .CAli .CAa {
        color: #555555;
        width: 100%;
        font-size: calc(var(--bili) * 17px);
        display: block;
        text-align: center;
        white-space: nowrap;
    }
    .headerMenu .CAli.on .CAa {
        color: var(--colorZT);
    }
    .headerMenu .CAli:hover .CAa {
        color: var(--colorZT);
    }

    .down-menu {
        /*animation: fadeInUp50 0.5s forwards;*/
        display: none;
        /*display: block!important;*/
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        /*top: calc( var(--bili) * var(--hedaH)*1px );*/
        top: 100%;
        width: 140%;
        /*height: calc( var(--bili) * 460px );*/
        overflow: hidden;
        background-color: #ffffff;
        z-index: 99;
        box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
        /*border-top: 1px solid #dddddd;*/
    }
    .down-menu .CBul {
        height: 100%;
        background-color: #ffffff;
        box-shadow: 0 1px 8px rgba(0, 0, 0, 0.06);
    }
    .down-menu .CBa {
        display: block;
        width: 100%;
        line-height: calc(var(--bili) * 45px);
        font-size: calc(var(--bili) * 16px);
        font-weight: 400;
        color: #333333;
        text-align: center;
        padding: 0 calc(var(--bili) * 5px);
        white-space: nowrap;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        text-overflow: ellipsis;
        word-break: break-all;
        transition: all 0.5s;
        border-top: 1px solid #eeeeee;
        background: rgba(255, 255, 255, 0.06);
    }
    .down-menu .CBli:hover .CBa {
        opacity: 1;
        color: var(--colorZT);
    }

    .MenuFull {
        display: none;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        /*top: calc( var(--bili) * var(--hedaH)*1px );*/
        top: 100%;
        width: 100%;
        background-color: #FFFFFF;
        z-index: 98;
        height: 27.35vw;
        box-shadow: 0 0 calc(var(--bili)* 20px) rgba(0, 0, 0, 0.1);
    }
    .MenuFull .MFim {
        width: 50%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
    }
    .MFinner {
        position: relative;
    }
    .MenuFull .MenuCon {
        width: 50%;
        height: 100%;
        margin: 0 0 0 50%;
        padding: calc(var(--bili) * 50px) calc(var(--bili) * 20px) calc(var(--bili) * 50px) calc(var(--bili) * 70px);
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        position: relative;
    }
    .MenuFull .MenuCon:after {
        content: '';
        position: absolute;
        top: 0;
        left: 50%;
        width: 1px;
        height: 100%;
        background-color: #d2d2d2;
    }
    .MenuFull .MenuCon.MFcOne {
        justify-content: center;
    }
    .MenuFull .MenuCon.MFcOne:after {
        display: none;
    }
    .MenuFull .MenuCon .MFcTab {
        width: 40%;
        height: 100%;
        overflow: auto;
    }
    .MenuFull .MenuCon .MFcSwc {
        width: 40%;
        height: 100%;
        overflow: auto;
    }
    .MenuFull .MenuCon.MFcOne .MFcTab {
        width: 50%;
    }
    .MenuFull .MenuCon .MFScrollbar::-webkit-scrollbar {
        width: 2px;
        height: 2px;
    }
    .MenuFull .MenuCon .MFScrollbar::-webkit-scrollbar-track {
        background-color: transparent;
    }
    .MenuFull .MenuCon .MFScrollbar::-webkit-scrollbar-thumb {
        border-radius: 0;
        background-color: transparent;
    }
    .MenuFull .MenuCon .MFScrollbar:hover::-webkit-scrollbar-thumb {
        background-color: var(--colorZT);
    }
    .MenuFull .MenuCon .MFcAn {
        height: 100%;
        margin: -0.7vw 0;
    }
    .MenuFull .MenuCon .MFcAn .InIe {
        padding: 0.7vw 0;
    }
    .MenuFull .MenuCon .MFcAn .InIe .MFAa {
        font-size: calc(var(--bili) * 18px);
        color: #555555;
        line-height: 2;
        padding: 0 calc(var(--bili) * 20px) 0 0;
    }
    .MenuFull .MenuCon .MFcBn {
        margin: -0.7vw 0;
        display: none;
    }
    .MenuFull .MenuCon .MFcBn.on {
        display: block;
    }
    .MenuFull .MenuCon .MFcBn .InIe {
        padding: 0.7vw 0;
    }
    .MenuFull .MenuCon .MFcBn .InIe .MFBa {
        font-size: calc(var(--bili) * 18px);
        color: #555555;
        line-height: 2;
        padding: 0 calc(var(--bili) * 20px) 0 0;
    }
    .MenuFull .MenuCon .MFcAn .InIe.on .MFAa,
    .MenuFull .MenuCon .MFcAn .InIe .MFAa:hover {
        color: var(--colorZT);
        font-weight: 700;
    }
    .MenuFull .MenuCon .MFcBn .InIe .MFBa:hover {
        color: var(--colorZT);
    }

}

/*地图菜单*/
@media screen {
    .menu-map {
        position: fixed;
        right: -100%;
        opacity: 0;
        top: 0;
        height: 100%;
        width: 100%;
        z-index: 9999;
    }

    .menu-map.open {
        opacity: 1;
        right: 0;
    }

    .menu-map .menu-mask {
        position: absolute;
        height: 100%;
        width: 100%;
        background: rgba(0, 0, 0, 0.3);
        z-index: 2;
    }

    .menu-map .menu-content {
        height: 100%;
        position: absolute;
        max-width: calc(var(--bili) * 400px);
        width: 70%;
        right: -100%;
        z-index: 3;
        transition: all 0.3s;
    }

    .menu-map.open .menu-content {
        right: 0;

    }

    .menu-map .menu-title {
        background: var(--colorZT);
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: calc(var(--bili) * var(--hedaH)*1px);
        padding: 0 8%;
    }

    .menu-map .menu-title .dcl {
        font-size: calc(var(--bili) * 28px);
        color: #fff;
    }

    .menu-map .menu-title .dcr {
        font-size: calc(var(--bili) * 24px);
        color: #fff;
        cursor: pointer;
    }

    .menu-list {
        background-color: #ffffff;
        height: calc(100% - calc(var(--bili) * var(--hedaH)*1px));
        overflow: auto;
    }

    .menu-list .menu-item {
        border-bottom: 1px solid #EEEEEE;
        padding: 8%;
    }

    .menu-list .menu-item .Afc {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .menu-list .menu-item .Afc .Afa {
        font-size: calc(var(--bili) * 18px);
        color: #333333;
    }

    .menu-list .menu-item .Afc .Afa:hover {
        color: var(--colorZT);
    }

    .menu-list .menu-item .Afc .Afi {
        width: calc(var(--bili) * 14px);
        height: calc(var(--bili) * 14px);
        position: relative;
        cursor: pointer;
    }

    .menu-list .menu-item .Afc .Afi:after {
        position: absolute;
        content: '';
        width: 100%;
        height: 2px;
        top: 45%;
        background-color: #333333;
    }

    .menu-list .menu-item.on .Afc .Afi:before {
        position: absolute;
        content: '';
        width: 2px;
        height: 100%;
        top: 0;
        background-color: #333333;
        left: 45%;
    }

    .menu-list .menu-item .Azc {
        display: flex;
        flex-wrap: wrap;
        margin: calc(var(--bili) * 10px) 0 0 0;
    }

    .menu-list .menu-item.on .Azc {
        display: none;
    }

    .menu-list .menu-item .Azc .Aza {
        color: #555555;
        font-size: calc(var(--bili) * 16px);
        margin: calc(var(--bili) * 10px) calc(var(--bili) * 20px) 0 0;
    }

    .menu-list .menu-item .Azc .Aza:hover {
        color: var(--colorZT);
    }
}

/*内页banner*/
@media screen {
    .detail-banner {
        width: 100%;
        height: calc(var(--bili) * var(--inner_bannerH) * 1px);
        /*overflow: hidden;*/
        display: flex;
        align-items: center;
        background-size: cover !important;
        background-color: #cccccc !important;
        position: relative;
        margin: calc(var(--bili) * var(--hedaZH)*1px) 0 0 0;
    }

    .detail-banner .ADcon {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 2;
    }

    .detail-banner .ADcon .InFx {
        height: 100%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: self-start;
    }

    .detail-banner .ADcon .EcA {
        font-size: calc(var(--bili) * 36px);
        font-weight: 700;
        color: #ffffff;
        letter-spacing: 2px;
        margin: 0 0 calc(var(--bili) * 30px) 0;
        text-transform: uppercase;
    }

    .detail-banner .ADcon .EcB {
        margin: 0 0 0 calc(var(--bili) * 20px);
        font-size: calc(var(--bili) * 24px);
        color: #ffffff;
        letter-spacing: 1px;
        font-weight: 400;
        line-height: 2;
        text-transform: uppercase;
    }

    .detail-banner .ADcon .EcC {
        font-size: calc(var(--bili) * 24px);
        color: #ffffff;
        line-height: 2;
        letter-spacing: 1px;
    }

    .detail-banner .ADcon.Cfff * {
        color: #ffffff;
    }

}

/*banner*/
@media screen {
    .WhBanner {
        height: calc(var(--bili) * var(--bannerH) * 1px);
        /*height: 36.5vw;*/
        overflow: hidden;
        margin: calc(var(--bili) * var(--hedaZH)*1px) 0 0 0;
        /*background-color: #333333;*/
    }

    .WhBanner .BnBox {
        width: 100%;
        height: 100%;
        position: relative;
        z-index: 5;
    }

    /*.WhBanner .BnBox:before {*/
    /*    content: '';*/
    /*    position: absolute;*/
    /*    width: 50%;*/
    /*    height: 100%;*/
    /*    right: 0;*/
    /*    top: 0;*/
    /*    background-color: rgba(255, 0, 0, 0.2);*/
    /*    opacity: 0;*/
    /*    transform: translateX(100%);*/
    /*    transition: all 0.8s;*/
    /*    z-index: 2;*/
    /*}*/

    /*.WhBanner .BnWz {*/
    /*    width: 50%;*/
    /*    height: 100%;*/
    /*    margin: 0 0 0 50%;*/
    /*    display: flex;*/
    /*    flex-direction: column;*/
    /*    justify-content: center;*/
    /*    align-items: flex-end;*/
    /*    text-align: right;*/
    /*    position: relative;*/
    /*    z-index: 3;*/
    /*    transition: all 0.8s;*/
    /*}*/

    /*.WhBanner .BnWz .EcA {*/
    /*    font-size: calc(var(--bili) * 24px);*/
    /*    color: #FFFFFF;*/
    /*    line-height: 2;*/
    /*    opacity: 0;*/
    /*    transform: translateY(calc(var(--bili) * 50px));*/
    /*    transition: all 1s 0.4s;*/
    /*}*/

    /*.WhBanner .BnWz .EcB {*/
    /*    margin: calc(var(--bili) * 40px) 0 0 0;*/
    /*    font-size: calc(var(--bili) * 36px);*/
    /*    font-weight: 700;*/
    /*    color: #FFFFFF;*/
    /*    line-height: 2;*/
    /*    opacity: 0;*/
    /*    transform: translateY(calc(var(--bili) * 50px));*/
    /*    transition: all 1s 0.8s;*/
    /*    margin-bottom: 20px;*/
    /*}*/



    /*banner-tab-s*/
    .WhBanner .BnMain {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        /*z-index: 3;*/
        overflow: hidden;
    }

    /*.WhBanner .BnBox {*/
    /*    &::after {*/
    /*        content: '';*/
    /*        position: absolute;*/
    /*        z-index: 4;*/
    /*        bottom: calc(var(--bili) * -50px);*/
    /*        left: 50%;*/
    /*        transform: translateX(-50%);*/
    /*        width: calc(var(--bili) * 50px);*/
    /*        height: calc(var(--bili) * 50px);*/
    /*        border-radius: 50%;*/
    /*        background: #FFFFFF url(../images/icons/w17.svg) no-repeat center;*/
    /*        background-size: 50%;*/
    /*        transition: all 0.8s;*/
    /*    }*/
    /*}*/

    /*.WhBanner .swiper-wrapper .BnMain {*/
    /*    &::before {*/
    /*        content: '';*/
    /*        position: absolute;*/
    /*        left: 50%;*/
    /*        bottom: 0;*/
    /*        width: 1px;*/
    /*        height: 0;*/
    /*        background-color: #FFFFFF;*/
    /*        transition: all 0.8s;*/
    /*    }*/

    /*}*/

    .WhBanner .BnFx {
        height: 100%;
        position: relative;
    }

    .swiper-pagination.swiper-page-banner {
        display: flex;
        flex-direction: column;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        bottom: auto;
    }

    .swiper-page-banner .swiper-pagination-bullet {
        font-size: calc(var(--bili) * 24px);
        color: #FFFFFF;
        background: transparent;
        width: auto;
        height: auto;
        margin: calc(var(--bili) * 25px) 0 !important;
        position: relative;
        transition: all 0.5s;
        opacity: 1;
        text-align: left;
        padding: 0;

        &::before {
            content: '';
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            width: 0;
            height: 2px;
            background-color: #FFFFFF;
            transition: all 0.5s;
        }
    }

    .swiper-page-banner .swiper-pagination-bullet.swiper-pagination-bullet-active {
        padding: 0 0 0 calc(var(--bili) * 50px);
        font-size: calc(var(--bili) * 36px);
        font-weight: 700;

        &::before {
            width: calc(var(--bili) * 30px);
        }
    }


    .WhBanner .swiper-slide-active .BnBox:before {
        opacity: 1;
        transform: translateY(0) translateX(0);
    }

    .WhBanner .swiper-slide-active .BnBox:after {
        opacity: 1;
        bottom: calc(50% - calc(var(--bili) * 25px));
    }

    .WhBanner .swiper-slide-active .BnMain:before {
        height: 50%;
    }

    .WhBanner .BnBox:hover:before {
        width: 100%;
    }

    .WhBanner .swiper-slide-active .BnBox:hover:after {
        left: 0;
    }

    .WhBanner .swiper-slide-active .BnBox:hover .BnMain:before {
        left: 0;
    }

    .WhBanner .swiper-slide-active .BnBox:hover .BnWz {
        width: 100%;
        margin: 0;
        align-items: center;
        text-align: center;
    }

    /*banner-tab-e*/
    @keyframes bounce-inSS {
        0% {
            -webkit-transform: translate3d(0, 0px, 0);
            -webkit-animation-timing-function: ease-out;
        }

        50% {
            -webkit-transform: translate3d(0, -4px, 0);
            -webkit-animation-timing-function: ease-in;
        }

        100% {
            -webkit-transform: translate3d(0, 0px, 0);
        }
    }


}
@media screen{
    .BnRcWz{
        position: absolute;
        width: 50%;
        height: 100%;
        right: 0;
        top: 0;
        background-color: rgba(255, 0, 0, 0.2);
        opacity: 0;
        transform: translateX(100%);
        transition: all 0.8s;
        z-index: 9;
    }
    .BnRcWz:after{
        content: '';
        position: absolute;
        bottom: calc(var(--bili)* -50px);
        left: calc(var(--bili)* -25px);
        width: calc(var(--bili)* 50px);
        height: calc(var(--bili)* 50px);
        border-radius: 50%;
        background: #FFFFFF url(../images/icons/w17.svg) no-repeat center;
        background-size: 50%;
        transition: all 1.6s 0.5s;
    }
    .BnRcWz:before{
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 1px;
        height: 0;
        background-color: #FFFFFF;
        transition: all 1.6s 0.5s;
    }
    .BnRcWz .EcBox{
        width: 50vw;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-end;
        color: #FFFFFF;
        text-align: right;
        padding: 0 calc(var(--bili)* 150px) 0 calc(var(--bili)* 40px);
        transition: all 0.5s;
    }
    .BnRcWz .EcBox .EcB{
        margin: calc(var(--bili)* 40px) 0 calc(var(--bili)* 20px) 0;
        font-size: calc( var(--bili) * 36px );
        font-weight: 700;
        color: #FFFFFF;
        line-height: 2;
    }
    .BnRcWz .EcBox .EcA{
        font-size: calc( var(--bili) * 24px );
        color: #FFFFFF;
        line-height: 2;
    }
    .BnRcWz .EcBox .EcC{
        font-size: calc(var(--bili)* 24px);
        color: #FFFFFF;
        padding: calc(var(--bili)* 10px) 0;
        margin: calc(var(--bili)* 40px) 0 0 0;
        border-bottom: 1px solid #FFFFFF;
    }
    .BnRcWz:hover{
        width: 100%;
    }
    .BnRcWz:hover .EcBox{
        text-align: center;
        align-items: center;
        margin: 0 auto;
    }
    .WhBanner .swiper-slide{
        overflow: hidden;
    }
    .WhBanner .swiper-slide-active .BnRcWz{
        opacity: 1;
        transform: translateX(0);
    }
    .WhBanner .swiper-slide-active .BnRcWz:after{
        bottom: calc(50% - calc( var(--bili) * 25px ));
    }
    .WhBanner .swiper-slide-active .BnRcWz:before{
        height: 50%;
    }
    .WhBanner .swiper-slide-active .EcA,
    .WhBanner .swiper-slide-active .EcB {
        opacity: 1 !important;
        transform: translateY(0) translateX(0) !important;
    }

}
/*foot*/
@media screen {
    .footer {
        width: 100%;
        overflow: hidden;
        padding: calc(var(--bili) * 60px) 0 calc(var(--bili) * 30px) 0;
        background-color: #eeeeee;
    }

    .footer .dbA {
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1px dashed #9f9fa0;
        padding: 0 calc(var(--bili) * 30px) calc(var(--bili) * 40px);
        margin: 0 0 calc(var(--bili) * 40px) 0;
    }

    .footer .dbB {
        display: flex;
        justify-content: space-between;
        border-bottom: 1px dashed #9f9fa0;
        padding: 0 calc(var(--bili) * 30px) calc(var(--bili) * 40px);
        margin: 0 0 calc(var(--bili) * 40px) 0;
    }

    .footer .dbC {
        display: flex;
        justify-content: space-between;
        padding: 0 calc(var(--bili) * 30px);
    }

    .FootLogo {
        width: calc(var(--bili) * 345px);
        margin: 0 0 0 calc(var(--bili) * 30px);
    }

    .FootCons {
        display: flex;
        justify-content: flex-end;
    }

    .FootCons .EcIe {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: 0 calc(var(--bili) * 80px);
    }

    .FootCons .EcIe .EcIm {
        width: calc(var(--bili) * 80px);
        height: calc(var(--bili) * 80px);
        margin: 0 0 calc(var(--bili) * 20px) 0;
    }

    .FootCons .EcIe .EcMc {
        font-size: calc(var(--bili) * 24px);
        color: var(--colorZT);
        font-weight: 700;
        margin: 0 0 calc(var(--bili) * 10px) 0;
    }

    .FootCons .EcIe .EcIn {
        font-size: calc(var(--bili) * 18px);
        color: #555555;
        letter-spacing: 1px;
    }

    .FootMenu {
        width: 80%;
        display: flex;
        justify-content: space-between;
    }

    .FootMenu .EcIe {
        margin: 0 calc(var(--bili) * 100px) 0 0;
    }

    .FootTit {
        font-size: calc(var(--bili) * 24px);
        color: #555555;
        display: block;
        margin: 0 0 calc(var(--bili) * 25px) 0;
        white-space: nowrap;
        text-transform: uppercase;
    }

    .FootUrl {
        font-size: calc(var(--bili) * 16px);
        color: #555555;
        display: block;
        margin: 0 0 calc(var(--bili) * 10px) 0;
        max-width: calc(var(--bili) * 250px);
    }

    .FootUrl:hover {
        color: var(--colorZT);
    }

    .FootEwmMain {
        position: relative;
    }

    .FootEwm {
        display: flex;
        align-items: center;
    }

    .FootEwm .ewm {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        margin: 0 0 0 calc(var(--bili)* 15px);
    }

    .FootEwm .ewm:first-child {
        margin: 0;
    }

    .FootEwm .ewm .ecIm {
        width: calc(var(--bili)* 120px);
        height: calc(var(--bili)* 120px);
        /*border: 1px solid #dbdbdb;*/
        overflow: hidden;
        margin: 0 0 calc(var(--bili)* 10px) 0;
    }

    .FootEwm .ewm .ecMc {
        font-size: calc(var(--bili)* 14px);
        color: #555555;
    }

    .Copyright {
        font-size: calc(var(--bili) * 14px);
        color: #555555;
        line-height: 2;
    }

    .FootShare {
        display: flex;
    }

    .FootShare .EcIe {
        width: calc(var(--bili) * 25px);
        height: calc(var(--bili) * 25px);
        position: relative;
        margin: 0 0 0 calc(var(--bili) * 20px);
        filter: grayscale(1);
        opacity: 0.5;
        background-size: 100% !important;
    }

    .FootShare .EcIe:hover {
        opacity: 1;
        filter: grayscale(0);
    }

    .FootShare .EcIe .ShareEwm {
        display: none;
        box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.25);
        background: #FFFFFF;
        padding: calc(var(--bili) * 5px);
        position: absolute;
        bottom: 150%;
        left: -30%;
    }

    .FootShare .EcIe:hover .ShareEwm {
        display: block;
    }

    .FootShare .EcIe .ShareEwm:after {
        content: "";
        position: absolute;
        left: calc(var(--bili) * 10px);
        bottom: calc(var(--bili) * -16px);
        border: calc(var(--bili) * 8px) solid transparent;
        border-top: calc(var(--bili) * 8px) solid #fff;
    }

    .FootShare .EcIe.Ic1 {
        background: url(../images/Share1.svg) no-repeat center;
    }

    .FootShare .EcIe.Ic2 {
        background: url(../images/Share2.svg) no-repeat center;
    }

    .FootShare .EcIe.Ic3 {
        background: url(../images/Share3.svg) no-repeat center;
    }

    .FootShare .EcIe.Ic4 {
        background: url(../images/Share4.svg) no-repeat center;
    }

    .copyright {
        font-size: calc(var(--bili) * 14px);
        line-height: 2;
        color: #ffffff;
        text-align: center;
    }

    .copyright * {
        font-size: calc(var(--bili) * 14px);
        line-height: 2;
        color: #ffffff;
    }

}

/*公共*/
@media screen {
    .WH-list {
        position: relative;
        display: flex;
        flex-wrap: wrap;
    }

    .LR-list {
        justify-content: space-between;
    }

    .WhContent {
        width: 100%;
    }

    .WhContent * {
        max-width: 100%;
    }

    .Content-Main {
        position: relative;
    }

    .InPD {
        padding: calc(var(--bili) * 90px) 0 calc(var(--bili) * 120px);
    }

    .InPDS {
        padding: calc(var(--bili) * 120px) 0 calc(var(--bili) * 150px);
    }

    .InPD-IfLs {
        padding: 0 0 calc(var(--bili) * 100px);
    }

    .InSiPD {
        padding: 0 0 calc(var(--bili) * 120px) 0;
    }

    .SolPD {
        padding: calc(var(--bili) * 120px) 0 calc(var(--bili) * 150px) 0;
    }

    .CasePD {
        padding: calc(var(--bili) * 120px) 0 calc(var(--bili) * 150px) 0;
    }

    .CaseDetPD {
        padding: calc(var(--bili) * 70px) 0 calc(var(--bili) * 150px) 0;
    }

    .ProPD {
        padding: calc(var(--bili) * 50px) 0 calc(var(--bili) * 80px) 0;
    }

    .CloudPD {
        padding: calc(var(--bili) * 120px) 0 calc(var(--bili) * 150px);
    }


    .BgA {
        background: #f5f5f5;
    }

    .BgF {
        background: #ffffff;
    }

    .MTH {
        margin: calc(var(--bili) * var(--hedaH)*1px) 0 0 0;
    }

    .InPubTit {
        position: relative;
        margin: 0 0 calc(var(--bili) * 50px) 0;
    }

    .InPubTit .EcMA {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .InPubTit .EcMA .EcL {
        width: 80%;
    }

    .InPubTit .EcMA .EcL .ecA {
        font-size: calc(var(--bili) * 48px);
        color: #333333;
        font-weight: 700;
        text-transform: uppercase;
    }

    .InPubTit .EcMA .EcL .ecB {
        font-size: calc(var(--bili) * 18px);
        color: #969494;
        line-height: 2;
        margin: calc(var(--bili) * 15px) 0 0 0;
    }

    .InPubTit .EcMA .EcR {
        max-width: 20%;
    }

    .InPubMore {
        display: inline-block;
        font-size: calc(var(--bili) * 16px);
        color: #ffffff;
        background-color: var(--colorZT);
        padding: calc(var(--bili) * 15px) calc(var(--bili) * 50px);
        border-radius: calc(var(--bili) * 60px);
        letter-spacing: calc(var(--bili) * 2px);
        cursor: pointer;
    }

    .InPubTit .EcMB {
        font-size: calc(var(--bili) * 14px);
        color: #969494;
        line-height: 2;
        margin: calc(var(--bili) * 40px) 0 0 0;
    }

    .SinPubTit {
        margin: 0 0 calc(var(--bili) * 50px) 0;
        text-align: center;
    }

    .SinPubTit .EcTit {
        font-size: calc(var(--bili) * 48px);
        color: var(--colorZT);
        text-transform: uppercase;
    }

    .SinPubTit .EcInt {
        font-size: calc(var(--bili) * 22px);
        color: #555555;
        margin: calc(var(--bili) * 30px) 0 0 0;
        line-height: 2;
        text-transform: uppercase;
    }

}

/*首页*/
@media screen {
    .IcnA {
        padding: calc(var(--bili) * 100px) 0;
        background-color: #FFFFFF;
    }

    .IcnA .EcMain {
        display: flex;
        justify-content: space-between;
    }

    .IcnA .EcMain .EcCon {
        width: calc(var(--bili) * 750px);
    }

    .IcnA .EcMain .EcCon .EcTit {
        display: flex;
        align-items: center;
        margin: 0 0 calc(var(--bili) * 20px) 0;
    }

    .IcnA .EcMain .EcCon .EcTit .ecA {
        font-size: calc(var(--bili) * 48px);
        color: #333333;
        font-weight: 700;
        text-transform: uppercase;
        margin: 0 calc(var(--bili) * 30px) 0 0;
    }

    .IcnA .EcMain .EcCon .EcTit .ecB {
        height: calc(var(--bili) * 50px);
        margin-top:5px;
    }

    .IcnA .EcMain .EcCon .EcIn {
        margin: 0 0 calc(var(--bili) * 40px) 0;
        font-size: calc(var(--bili) * 18px);
        color: #555555;
        line-height: 2;
    }

    .IcnA .EcMain .EcCon .EcLs {
        margin: calc(var(--bili) * -15px) 0;
    }

    .IcnA .EcMain .EcCon .EcLs .EcIe {
        padding: calc(var(--bili) * 15px) 0;
    }

    .IcnA .EcMain .EcCon .EcLs .EcIe .EcBx {
        position: relative;
    }

    .IcnA .EcMain .EcCon .EcLs .EcIe .EcBx .EcMA {
        display: flex;
        align-items: center;
        justify-content: space-between;
        cursor: pointer;
    }

    .IcnA .EcMain .EcCon .EcLs .EcIe .EcBx .EcMA .ecA {
        width: calc(var(--bili) * 50px);
        height: calc(var(--bili) * 50px);
        filter: grayscale(1);
        opacity: 0.5;
        transition: all 0.2s;
    }

    .IcnA .EcMain .EcCon .EcLs .EcIe .EcBx .EcMA .ecB {
        width: calc(100% - calc(var(--bili) * 90px));
        font-size: calc(var(--bili) * 18px);
        color: #434242;
        text-transform: uppercase;
        letter-spacing: 1px;
        line-height: 2;
        position: relative;

        &::before {
            content: '';
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            width: calc(var(--bili) * 26px);
            height: calc(var(--bili) * 26px);
            background: #FFFFFF url(../images/w14.svg) no-repeat center;
            background-size: 100%;
            filter: grayscale(1);
            opacity: 0.5;
            transition: all 0.5s;
        }
    }

    .IcnA .EcMain .EcCon .EcLs .EcIe .EcBx .EcMB {
        display: none;
        padding: 0 0 0 calc(var(--bili) * 90px);
        font-size: calc(var(--bili) * 14px);
        line-height: 2.4;
        color: #434242;
    }

    .IcnA .EcMain .EcCon .EcLs .EcIe .EcBx .EcMB * {
        font-size: calc(var(--bili) * 14px);
        line-height: 2.4;
    }

    .IcnA .EcMain .EcCon .EcLs .EcIe .EcBx .EcMB p {
        color: var(--colorZT);
        font-size: calc(var(--bili) * 16px);
        line-height: 2.4;
    }

    .IcnA .EcMain .EcCon .EcLs .EcIe.on .EcBx .EcMA .ecA {
        filter: grayscale(0);
        opacity: 1;
    }

    .IcnA .EcMain .EcCon .EcLs .EcIe.on .EcBx .EcMA .ecB {
        &::before {
            filter: grayscale(0);
            opacity: 1;
            transform: translateY(-50%) rotate(180deg);
        }
    }

    .IcnA .EcMain .EcCon .EcLs .EcIe.on .EcBx .EcMB {
        display: block;
    }

    .IcnA .EcMain .EcCon .EcBtn {
        background-color: var(--colorZT);
        color: #FFFFFF;
        font-size: calc(var(--bili) * 18px);
        padding: calc(var(--bili) * 16px) calc(var(--bili) * 40px);
        border-radius: calc(var(--bili) * 6px);
        display: inline-block;
        margin: calc(var(--bili) * 40px) 0 0 0;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    .IcnA .EcMain .EcIms {
        width: calc(var(--bili) * 770px);
    }

    .IcnA .EcMain .EcIms .IASwA {
        width: 100%;
    }

    .IcnA .EcMain .EcIms .IASwA .EcIm {
        width: 100%;
        height: calc(var(--bili) * 674px);
    }

    .IcnA .SwPage .swiper-button-next {
        right: 3%;
    }

    .IcnA .SwPage .swiper-button-prev {
        left: 3%;
    }

    .IcnA .SwPage .SwBtn:after {
        font-size: calc(var(--bili) * 24px);
        color: #ffffff;
    }



    .IcnB {
        background: #FFFFFF url(../images/BG1.jpg) no-repeat center top;
        background-size: 100% auto;
        padding: calc(var(--bili)* 100px) 0 0 0;
        /*overflow: hidden;*/
        /*overflow-x: hidden;*/
    }

    .IcnB .BGCon {
        background: linear-gradient(to right,
                transparent 0%,
                transparent calc((100% - calc(var(--bili) * 1600px))/2),
                #ffffff calc((100% - calc(var(--bili) * 1600px))/2),
                #ffffff 100%);
        position: relative;

    }

    .IcnB .BGCon:before {
        content: '';
        position: absolute;
        left: calc((100% - calc(var(--bili) * 1600px))/2);
        top: 0;
        width: calc(100% - ((100% - calc(var(--bili) * 1600px))/2));
        height: 100%;
        box-shadow: 0 0 calc(var(--bili) * 20px) rgba(0, 0, 0, 0.1);
    }

    .IcnB .EcMain {
        padding: calc(var(--bili) * 100px) 0 calc(var(--bili) * 100px) calc(var(--bili) * 70px);
        display: flex;
        justify-content: space-between;
        position: relative;
        z-index: 9;
    }

    .IcnB .EcMain .EcL {
        width: calc(100% - calc(var(--bili) * 750px));
    }

    .IcnB .EcMain .EcR {
        width: calc(var(--bili) * 705px);
    }

    .IcnB .EcMain .EcR .ClassAIm {
        width: 100%;
        margin: calc(var(--bili) * 10px) 0 0 0;
    }

    .IcnB .EcMain .EcR .ClassAIm .EcIe {
        display: none;
    }

    .IcnB .EcMain .EcR .ClassAIm .EcIe.on {
        display: block;
    }

    .IcnB .EcMain .EcR .ClassAIm .EcIm {
        width: 100%;
        height: calc(var(--bili) * 605px);
        overflow: hidden;
    }

    .IcnB .EcMain .EcR .EcMc {
        font-size: calc(var(--bili) * 30px);
        color: #333333;
        font-weight: 700;
        text-align: center;
        margin: calc(var(--bili) * 20px) 0 0 0;
    }

    .IcnB .EcMain .EcL .EcIn {
        width: calc(var(--bili) * 500px);
        margin: 0 0 calc(var(--bili) * 60px) 0;
    }

    .IcnB .EcMain .EcL .EcIn .EcA {
        font-size: calc(var(--bili) * 36px);
        color: #333333;
        font-weight: 700;
    }

    .IcnB .EcMain .EcL .EcIn .EcB {
        margin: calc(var(--bili) * 30px) 0 0 0;
        font-size: calc(var(--bili) * 18px);
        color: var(--colorZT);
    }

    .IcnB .EcMain .EcL .EcIn .EcC {
        margin: calc(var(--bili) * 20px) 0 0 0;
        font-size: calc(var(--bili) * 14px);
        color: #333333;
        line-height: 2.4;
    }

    .IcnB .EcMain .EcL .EcSw {
        display: flex;
        align-items: flex-start;
    }

    .IcnB .EcMain .ClassAls {
        width: calc(var(--bili) * 370px);
        margin: calc(var(--bili) * -12px) 0;
    }

    .IcnB .EcMain .ClassAls .EcIe {
        padding: calc(var(--bili) * 12px) 0;
    }

    .IcnB .EcMain .ClassAls .EcIe .EcBx {
        cursor: pointer;
        font-size: calc(var(--bili) * 24px);
        color: #555555;
        line-height: 2;
        position: relative;
        padding: 0 calc(var(--bili) * 40px) 0 0;
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        text-overflow: ellipsis;
        word-break: break-all;
    }

    .IcnB .EcMain .ClassAls .EcIe .EcBx:before {
        content: '';
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        width: calc(var(--bili) * 24px);
        height: calc(var(--bili) * 24px);
        border-radius: 50%;
        background: #959595 url(../images/w18.svg) no-repeat center;
        background-size: 40% !important;
    }

    .IcnB .EcMain .ClassBSwh {
        margin: 0 0 0 calc(var(--bili) * 40px);
    }

    .IcnB .EcMain .ClassBls {
        width: calc(var(--bili) * 320px);
        background-color: #f5f5f5;
        padding: calc(var(--bili) * 20px) calc(var(--bili) * 40px);
        display: none;
        flex-wrap: wrap;
        margin: calc(var(--bili) * -10px) 0;
        border-radius: calc(var(--bili) * 10px);
        max-height: calc(var(--bili) * 430px);
        overflow-y: auto;
        overflow-x: hidden;
    }

    .IcnB .EcMain .ClassBls.on {
        display: flex;
    }

    .IcnB .EcMain .ClassBls .EcIe {
        width: 100%;
        padding: calc(var(--bili) * 10px) 0;
    }

    .IcnB .EcMain .ClassBls .EcIe .EcBx {
        font-size: calc(var(--bili) * 18px);
        color: #555555;
        line-height: 2;
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        text-overflow: ellipsis;
        word-break: break-all;
        position: relative;
        padding: 0 calc(var(--bili) * 20px) 0 0;
    }

    .IcnB .EcMain .ClassBls .EcIe .EcBx:before {
        content: '';
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        width: calc(var(--bili) * 12px);
        height: calc(var(--bili) * 12px);
        background: url(../images/w20.svg) no-repeat center;
        background-size: 100%;
        filter: grayscale(1);
    }

    .IcnB .EcMain .ClassAls .EcIe.on .EcBx {
        color: var(--colorZT);
    }

    .IcnB .EcMain .ClassAls .EcIe.on .EcBx:before {
        background: var(--colorZT) url(../images/w19.svg) no-repeat center;
    }

    .IcnB .EcMain .ClassBls .EcIe .EcBx:hover {
        color: var(--colorZT);
    }

    .IcnB .EcMain .ClassBls .EcIe .EcBx:hover:before {
        filter: grayscale(0);
    }

    .IcnC {
        padding: calc(var(--bili) * 60px) 0;
        background-color: #F3F9FF;
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .IswMain {
        width: 100%;
        height: calc(var(--bili) * 710px);
        position: relative;
        border-radius: calc(var(--bili) * 10px);
        overflow: hidden;
    }

    .IswMain .EcLs {
        height: 100%;
        display: flex;
        justify-content: space-between;
        position: relative;
        z-index: 2;
    }

    .IswMain .EcLs .EcIe {
        width: calc(100%/6);
        height: 100%;
        transition: all 0.5s;
        position: relative;
        z-index: 3;
    }

    .IswMain .EcLs .EcIe .EcBx {
        height: 100%;
        border-left: 2px solid #d1d5d9;
        cursor: pointer;
    }

    .IswMain .EcLs .EcIe:first-child .EcBx {
        border-left: 0;
    }

    .IswMain .EcLs .EcIe .EcBx .EcMA {
        width: 100%;
        height: 100%;
        color: #FFFFFF;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 0 10%;
        text-align: center;
    }

    .IswMain .EcLs .EcIe .EcBx .EcMA .ecA {
        font-size: calc(var(--bili) * 18px);
        line-height: 2;
    }

    .IswMain .EcLs .EcIe .EcBx .EcMA .ecB {
        margin: calc(var(--bili) * 80px) 0 0 0;
        width: calc(var(--bili) * 30px);
        height: calc(var(--bili) * 30px);
        background: url(../images/w17.svg) no-repeat center;
        background-size: 100%;
    }

    .IswMain .EcLs .EcIe .EcBx .EcMB {
        width: 100%;
        height: 100%;
        opacity: 0;
        transition: all 0.5s;
        color: #FFFFFF;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding: 0 20% 0 15%;
        margin-left: calc(var(--bili) * -50px);
    }

    .IswMain .EcLs .EcIe .EcBx .EcMB .ecA {
        font-size: calc(var(--bili) * 30px);
        text-transform: uppercase;
        line-height: 2;
    }

    .IswMain .EcLs .EcIe .EcBx .EcMB .ecB {
        font-size: calc(var(--bili) * 18px);
        margin: calc(var(--bili) * 30px) 0 0 0;
        text-transform: uppercase;
        line-height: 2;
    }

    .IswMain .EcLs .EcIe .EcBx .EcMB .ecC {
        margin: calc(var(--bili) * 150px) 0 0 0;
    }

    .IswMain .EcBg {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }

    .IswMain .EcLs .EcIe.on {
        width: calc(100%/1.4);
    }

    .IswMain .EcLs .EcIe.on .EcBx .EcMA {
        display: none;
    }

    .IswMain .EcLs .EcIe.on .EcBx .EcMB {
        animation: .3s ease .5s normal forwards 1 easyinleft;
    }

    @keyframes easyinleft {
        100% {
            opacity: 1;
            margin-left: 0;
        }
    }

    @keyframes easyin {
        0% {
            opacity: 0
        }

        25% {
            opacity: 0
        }

        50% {
            opacity: 0.5
        }

        75% {
            opacity: 0.75
        }

        100% {
            opacity: 1
        }
    }

    .IcnD {
        width: 100%;
        padding: calc(var(--bili) * 60px) 0;
        overflow: hidden;
    }

    .IcnD .EcMain {
        position: relative;

        &::after {
            content: '';
            position: absolute;
            top: calc(var(--bili) * 60px);
            left: 50%;
            transform: translateX(-50%);
            width: 200%;
            height: 1px;
            background-color: #dcdcdc;
        }
    }

    .IcnD .EcMain .IDSwA {
        width: 100%;
        position: relative;
        margin: 0 0 calc(var(--bili) * 60px) 0;
    }

    .IcnD .EcMain .IDSwA .EcBx {
        position: relative;
        padding: 0 0 calc(var(--bili) * 55px) 0;
        cursor: pointer;
    }

    .IcnD .EcMain .IDSwA .EcBx .EcMc {
        width: 100%;
        text-align: center;
        font-size: calc(var(--bili) * 18px);
        color: #555555;
        line-height: calc(var(--bili) * 30px);
        height: calc(var(--bili) * 30px);
        position: relative;
    }

    .IcnD .EcMain .IDSwA .EcBx .EcIc {
        position: absolute;
        left: 50%;
        top: calc(var(--bili)* 55px);
        transform: translateX(-50%);
        width: calc(var(--bili)* 10px);
        aspect-ratio: 1;
        border-radius: 50%;
        background: var(--colorZT);
        animation: l2 1.5s infinite linear;
        cursor: pointer;
    }

    .IcnD .EcMain .IDSwA .swiper-slide-thumb-active .EcBx .EcIc {
        box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.1);
    }

    .IcnD .EcMain .IDSwA .swiper-slide-thumb-active .EcBx .EcIc {
        &::before {
            content: "";
            position: absolute;
            inset: 0;
            border-radius: inherit;
            box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.6);
            animation: inherit;
            animation-delay: -0.5s;
        }

        &::after {
            content: "";
            position: absolute;
            inset: 0;
            border-radius: inherit;
            box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.3);
            animation: inherit;
            animation-delay: -0.5s;
        }
    }

    .IcnD .EcMain .IDSwA .swiper-slide-thumb-active .EcBx .EcIc:after {
        animation-delay: -1s;
    }

    @keyframes l2 {
        100% {
            box-shadow: 0 0 0 calc(var(--bili) * 15px) #0000
        }
    }

    .IcnD .EcMain .IDSwB {
        width: 100%;
        position: relative;
    }

    .IcnD .EcMain .IDSwB .EcBx {
        display: flex;
        justify-content: space-between;
        height: calc(var(--bili) * 600px);
    }

    .IcnD .EcMain .IDSwB .EcBx .EcIm {
        width: calc(var(--bili) * 1060px);
        height: 100%;
        overflow: hidden;
    }

    .IcnD .EcMain .IDSwB .EcBx .EcCn {
        width: calc(100% - calc(var(--bili) * 1060px));
        background-color: #f6f6f6;
        height: 100%;
        padding: calc(var(--bili) * 50px) calc(var(--bili) * 60px);
    }

    .IcnD .EcMain .IDSwB .EcBx .EcCn .ecA {
        font-size: calc(var(--bili) * 14px);
        color: #555555;
        margin: 0 0 calc(var(--bili) * 60px) 0;
    }

    .IcnD .EcMain .IDSwB .EcBx .EcCn .ecB {
        font-size: calc(var(--bili) * 36px);
        color: #555555;
        margin: 0 0 calc(var(--bili) * 20px) 0;
        font-weight: 700;
    }

    .IcnD .EcMain .IDSwB .EcBx .EcCn .ecC {
        font-size: calc(var(--bili) * 16px);
        color: #555555;
        line-height: 2;
        margin: 0 0 calc(var(--bili) * 20px) 0;
    }

    .IcnD .EcMain .IDSwB .EcBx .EcCn .ecD {
        font-size: calc(var(--bili) * 14px);
        color: var(--colorZT);
        text-transform: uppercase;
    }

    .IcnD .EcMain .IDSwB .SwBar {
        left: calc(var(--bili) * 1120px);
        bottom: calc(var(--bili) * 120px);
        top: auto;
        width: calc(var(--bili) * 200px);
    }

    .IcnD .EcMain .IDSwB .SwBar {
        background-color: rgba(255, 0, 0, 0.3);
        height: calc(var(--bili) * 4px);
    }

    .IcnD .EcMain .IDSwB .SwBar .swiper-pagination-progressbar-fill {
        background-color: var(--colorZT);
    }

    .IcnD .EcMain .IDSwB .SwBNum {
        font-size: calc(var(--bili) * 16px);
        color: rgba(255, 0, 0, 0.5);
        position: absolute;
        left: calc(var(--bili) * 1120px);
        bottom: calc(var(--bili) * 140px);
        z-index: 2;
    }

    .IcnD .EcMain .IDSwB .SwBNum .SwActive {
        font-size: calc(var(--bili) * 24px);
        color: var(--colorZT);
    }

    .IcnD .EcMain .IDSwB .SwPage {
        position: absolute;
        left: calc(var(--bili) * 1120px);
        bottom: calc(var(--bili) * 55px);
        display: flex;
        align-items: center;
    }

    .IcnD .EcMain .IDSwB .SwPage .SwBtn {
        position: relative;
        left: auto;
        top: auto;
        bottom: auto;
        right: auto;
        opacity: 1;
        margin: 0;
    }

    .IcnD .EcMain .IDSwB .SwPage .SwP {
        margin: 0 0 0 calc(var(--bili) * -4px);
    }

    .IcnD .EcMain .IDSwB .SwPage .SwN {
        margin: 0 0 0 calc(var(--bili) * 15px);
    }

    .IcnD .EcMain .IDSwB .SwPage .SwBtn:after {
        font-size: calc(var(--bili) * 24px);
        color: #acacac;
        opacity: 1;
    }

    .IcnD .EcMain .IDSwB .SwPage .SwBtn:hover:after {
        color: var(--colorZT);
    }



    .IcnE {
        background: url(../images/BG2.jpg) no-repeat center;
        background-size: cover;
        padding: calc(var(--bili) * 80px) 0 calc(var(--bili) * 75px) 0;
    }

    .IcnE .inTit {
        font-size: calc(var(--bili) * 30px);
        color: #FFFFFF;
        margin: 0 0 calc(var(--bili) * 50px) 0;
        line-height: 2;
        text-transform: uppercase;
    }

    .IcnE .CE-Form {
        width: 100%;
        background-color: #FFFFFF;
        padding: calc(var(--bili) * 70px) calc(var(--bili) * 80px);
    }

    .IcnE .CE-Form .Ec-list {
        display: flex;
        flex-wrap: wrap;
        margin: calc(var(--bili) * -5px);
    }

    .IcnE .CE-Form .Ec-list .Ec-item {
        width: calc(100%/3);
        padding: calc(var(--bili) * 5px);
    }

    .IcnE .CE-Form .Ec-list .Ec-item .srkA {
        width: 100%;
        border: 1px solid #eeeeee;
        margin: 0 0 calc(var(--bili) * 10px) 0;
        height: calc(var(--bili) * 60px);
        font-size: calc(var(--bili) * 14px);
        padding: 0 calc(var(--bili) * 20px);
    }

    .IcnE .CE-Form .Ec-list .Ec-item .srkB {
        width: 100%;
        border: 1px solid #eeeeee;
        height: calc(var(--bili) * 130px);
        font-size: calc(var(--bili) * 14px);
        padding: calc(var(--bili) * 20px);
        margin: 0 0 calc(var(--bili) * 5px) 0;
    }
    .IcnE .CE-Form .Ec-list .Ec-item .CodeCon{
        position: relative;
    }
    .IcnE .CE-Form .Ec-list .Ec-item .CodeBox{
    }
    .IcnE .CE-Form .Ec-list .Ec-item .MsgCode{
        position: absolute;
        width: 10vw;
        height: calc(100% - calc(var(--bili) * 10px));
        right: 0;
        top: 0;
        cursor: pointer;
    }

    .IcnE .CE-Form .Ec-Con {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: calc(var(--bili) * 20px) 0 0 0;
    }

    .IcnE .CE-Form .Ec-Con .ecL {
        font-size: calc(var(--bili) * 14px);
        color: #999999;
        line-height: 1.8;
    }

    .IcnE .CE-Form .Ec-Con .ecR {
        position: relative;
    }

    .IcnE .CE-Form .Ec-Con .ecR .Ebtn {
        border: 0;
        background-color: var(--colorZT);
        color: #FFFFFF;
        font-size: calc(var(--bili) * 12px);
        padding: calc(var(--bili) * 12px) calc(var(--bili) * 60px);
        border-radius: calc(var(--bili) * 30px);
        cursor: pointer;
    }

    .IcnF {
        padding: calc(var(--bili) * 60px) 0 calc(var(--bili) * 110px) 0;
    }

    .IcnF .Tab-list {
        display: flex;
        flex-wrap: wrap;
        margin: calc(var(--bili) * -15px);
        padding: 0 0 calc(var(--bili) * 35px) 0;
        position: relative;
        z-index: 2;
        width: 80%;
    }

    .IcnF .Tab-list .Ec-item {
        width: auto;
        padding: calc(var(--bili) * 15px);
    }

    .IcnF .Tab-list .Ec-item .ecBox {
        font-size: calc(var(--bili) * 16px);
        color: #777777;
        border: 1px solid #777777;
        padding: calc(var(--bili) * 8px) calc(var(--bili) * 35px);
        border-radius: calc(var(--bili) * 60px);
        cursor: pointer;
    }

    .IcnF .Tab-list .Ec-item.on .ecBox {
        color: #ffffff;
        background-color: var(--colorZT);
        border: 1px solid var(--colorZT);
    }

    .IcnF .Swh-list {
        margin: calc(var(--bili) * -100px) 0 0 0;
    }

    .IcnF .Swh-list .Ec-item {
        height: 0;
        overflow: hidden;
    }

    .IcnF .Swh-list .Ec-item.on {
        height: auto;
    }

    .IcnF .Swh-list .Ec-item .In-item {
        width: 100%;
    }

    .IcnF .Swh-list .Ec-item .In-item .ecBox {
        width: 100%;
    }

    .IcnF .Swh-list .Ec-item .In-item .ecBox .inIm {
        width: 100%;
        position: relative;
        padding-top: 62%;
        overflow: hidden;
        margin: 0 0 calc(var(--bili) * 20px) 0;
    }

    .IcnF .Swh-list .Ec-item .In-item .ecBox .inIm:after {
        content: '';
        position: absolute;
        width: calc(var(--bili) * 100px);
        height: calc(var(--bili) * 100px);
        background: rgba(255, 0, 0, 0.5) url(../images/w9.svg) no-repeat center;
        background-size: 50%;
        z-index: 2;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        opacity: 0;
        transition: all 0.5s;
        border-radius: 50%;
    }

    .IcnF .Swh-list .Ec-item .In-item .ecBox .inCn {
        position: relative;
    }

    .IcnF .Swh-list .Ec-item .In-item .ecBox .inCn .inA {
        font-size: calc(var(--bili) * 14px);
        color: #aaaaaa;
        margin: 0 0 calc(var(--bili) * 10px) 0;
    }

    .IcnF .Swh-list .Ec-item .In-item .ecBox .inCn .inB {
        font-size: calc(var(--bili) * 20px);
        color: #777777;
        line-height: 1.8;
        margin: 0 0 calc(var(--bili) * 10px) 0;
    }

    .IcnF .Swh-list .Ec-item .In-item .ecBox:hover .inCn .inA {
        color: var(--colorZT);
    }

    .IcnF .Swh-list .Ec-item .In-item .ecBox:hover .inIm:after {
        opacity: 1;
    }

    .IFSw {
        padding: calc(var(--bili) * 100px) 0 0 0 !important;
    }

    .IFSw .SwBtn {
        width: calc(var(--bili) * 50px);
        height: calc(var(--bili) * 50px);
        background-color: #eeeeee;
        border-radius: 50%;
        transition: all 0.3s;
    }

    .IFSw .SwBtn:after {
        font-size: calc(var(--bili) * 16px);
        color: #8b8b8b;
        font-weight: 700;
    }

    .IFSw .SwL {
        right: calc(var(--bili) * 70px);
        left: auto;
        top: calc(var(--bili) * 30px);
    }

    .IFSw .SwR {
        right: 0;
        top: calc(var(--bili) * 30px);
    }

    .IFSw .SwBtn:hover {
        background-color: var(--colorZT);
    }

    .IFSw .SwBtn:hover:after {
        color: #ffffff;
    }

}

/*左侧悬浮*/
@media screen {}

/*菜单-位置*/
@media screen {
    .wn-SubNav {
        background-color: #f5f5f5;
        position: relative;
        /*border-bottom: 1px solid #eeeeee;*/
    }

    .no-Bgc {
        background-color: transparent;
    }

    .wn-SubNav .infx {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .InNav-Main {
        position: relative;
        box-shadow: 0 calc(var(--bili) * 20px) calc(var(--bili) * 20px) rgba(0, 0, 0, 0.05);
    }

    .InNav-Main .NorP {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .InNav {
        display: flex;
        justify-content: flex-start;
        overflow: auto;
    }

    .InNav .Nie {
        font-style: normal;
        font-size: calc(var(--bili) * 18px);
        color: #333333;
        width: auto;
        text-align: left;
        position: relative;
        /*border-radius: 60px;*/
        white-space: nowrap;
    }

    .InNav .Nie:last-child {
        margin: 0;
    }

    .InNav .Nie .mCa {
        width: 100%;
        display: inline-block;
        line-height: calc(var(--bili) * 90px);
        padding: 0 calc(var(--bili) * 40px);
    }

    .InNav .Nie.on {
        background-color: var(--colorZT);
        color: #ffffff;
    }

    .InNav .Nie:hover {
        /*background-color: var(--colorZT);*/
        /*color: var(--colorZT);*/
    }

    .Position-Main {
        padding: calc(var(--bili) * 30px) 0;
        background-color: #ffffff;
    }

    .Position {
        background: url(../images/icons/wn-location.svg) no-repeat left;
        background-size: calc(var(--bili) * 16px);
        padding: 0 0 0 calc(var(--bili) * 26px);
        white-space: nowrap;
        /*display: none;*/
        /*margin: 0 0 0 calc( var(--bili) * 30px );*/
    }

    .Position.NoMbx {
        display: none;
    }

    .Position .Acls {
        font-size: calc(var(--bili) * 14px);
        color: #555555;
        margin: 0 calc(var(--bili) * 18px) 0 0;
        position: relative;
        display: inline-block;
        line-height: 2;
    }

    .Position .Acls:after {
        content: '>';
        position: absolute;
        /*border-radius: 50%;*/
        font-size: calc(var(--bili) * 12px);
        color: #999999;
        right: calc(var(--bili) * -14px);
        top: 50%;
        transform: translateY(-50%);
        font-family: '宋体';
        font-weight: bold;
    }

    .Position .Acls:first-child {
        /*margin: 0;*/
    }

    .Position .Acls:first-child:after {
        /*display: none;*/
    }

    .Position .Acls:last-child {
        margin: 0;
    }

    .Position .Acls:last-child:after {
        display: none;
    }

    .PositionBn {
        position: absolute;
        left: 0;
        bottom: calc(var(--bili)* 40px);
        width: 100%;
        height: auto;
        z-index: 2;
    }

    .PositionBn .EcCon {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    .PositionBn .EcCon .IcOn {
        font-size: calc(var(--bili) * 14px);
        color: #FFFFFF;
        background: url(../images/icons/wn-location.svg) no-repeat left;
        background-size: calc(var(--bili) * 18px);
        padding: 0 0 0 calc(var(--bili) * 26px);
    }

    .PositionBn .EcCon .Acls {
        font-size: calc(var(--bili) * 14px);
        color: #FFFFFF;
        display: block;
        position: relative;
        margin: 0 calc(var(--bili)* 20px) 0 0;
    }

    .PositionBn .EcCon .Acls:last-child {
        margin: 0;
    }

    .PositionBn .EcCon .Acls:last-child:after {
        display: none;
    }

    .PositionBn .EcCon .Acls:after {
        content: '>';
        position: absolute;
        /*border-radius: 50%;*/
        font-size: calc(var(--bili) * 12px);
        color: #ffffff;
        right: calc(var(--bili) * -14px);
        top: 50%;
        transform: translateY(-50%);
        font-family: '宋体';
        font-weight: bold;
    }


    .InNav-Main.NavYc .InNav {
        display: none;
    }

    .InIntro {
        text-align: center;
        margin: 0 0 calc(var(--bili) * 50px) 0;
    }

    .InIntro .ecA {
        font-size: calc(var(--bili) * 36px);
        letter-spacing: 1px;
        color: #333333;
        margin: 0 0 calc(var(--bili) * 10px) 0;
    }

    .InIntro .ecB {
        font-size: calc(var(--bili) * 16px);
        color: #999999;
        margin: 0 0 calc(var(--bili) * 10px) 0;
    }

    .InIntro .ecC {
        font-size: calc(var(--bili) * 16px);
        color: #999999;
        line-height: 2;
    }

}

/*搜索页*/
@media screen {
    .Search-nav {
        display: flex;
        flex-wrap: wrap;
        padding: 0 calc(var(--bili) * 100px) calc(var(--bili) * 20px);
        /*margin: calc( var(--bili) * -20px );*/
    }

    .Search-nav .nav-item {
        padding: calc(var(--bili) * 20px) 0;
        font-size: calc(var(--bili) * 20px);
        cursor: pointer;
        border-bottom: 3px solid transparent;
        display: flex;
        align-items: center;
        margin: 0 calc(var(--bili) * 40px) calc(var(--bili) * 40px) 0;
    }

    .Search-nav .nav-item i {
        background-color: var(--colorZT);
        color: #fff;
        font-size: calc(var(--bili) * 12px);
        padding: calc(var(--bili) * 2px) calc(var(--bili) * 6px);
        margin: 0 0 0 calc(var(--bili) * 10px);
        border-radius: 2px;
    }

    .Search-nav .nav-item.on {
        border-bottom: 3px solid var(--colorZT);
    }

    .Search-all {
        width: 100%;
        position: relative;
    }

    .Search-list {
        display: none;
        position: relative;
        flex-wrap: wrap;
        margin: calc(var(--bili) * -20px);
        padding: 0 calc(var(--bili) * 100px);
    }

    .Search-list.on {
        display: flex;
    }

    .Search-list .InItem {
        width: 100%;
        padding: calc(var(--bili) * 10px);
    }

    .Search-list .InItem .ecBox {
        border-bottom: 1px dashed #ccc;
        background-color: #ffffff;
        display: flex;
        align-items: center;
        justify-content: space-between;
        transition: all 0.5s;
        padding: 0 0 calc(var(--bili) * 30px) 0;
    }

    .Search-list .InItem .ecBox .inIm {
        width: 15%;
        position: relative;
        padding-top: 15%;
        overflow: hidden;
        border-radius: calc(var(--bili) * 5px);
    }

    .Search-list .InItem .ecBox .inCn {
        width: 82%;
        /*padding: 0 0 0 4%;*/
    }

    .Search-list .InItem .ecBox .inCn .inA {
        font-size: calc(var(--bili) * 20px);
        color: #333333;
        margin: 0 0 calc(var(--bili) * 20px) 0;
    }

    .Search-list .InItem .ecBox .inCn .inB {
        font-size: calc(var(--bili) * 14px);
        color: #555555;
        margin: 0 0 calc(var(--bili) * 20px) 0;
        line-height: 2;
    }

    .Search-list .InItem .ecBox .inCn .inMA {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .Search-list .InItem .ecBox .inCn .inC {
        display: inline-block;
        font-size: calc(var(--bili) * 14px);
        color: #ffffff;
        background-color: var(--colorZT);
        border-radius: calc(var(--bili) * 60px);
        padding: calc(var(--bili) * 6px) calc(var(--bili) * 20px);
    }

    .Search-list .InItem .ecBox .inCn .inD {
        font-size: calc(var(--bili) * 14px);
        color: #555555;
    }

    .Search-list .InItem .ecBox:hover {
        /*box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);*/
    }

}

/*联系*/
@media screen {

    .CntMain {
        position: relative;
    }

    .CntMain .CntTit {
        font-size: calc(var(--bili) * 48px);
        color: var(--colorZT);
        text-align: center;
        margin: 0 0 calc(var(--bili) * 40px) 0;
    }

    .CntMain .CntInt {
        font-size: calc(var(--bili) * 24px);
        color: #555555;
        text-align: center;
        margin: 0 0 calc(var(--bili) * 70px) 0;
    }

    .CntMain .CntTab {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin: calc(var(--bili) * -20px);
        padding: 0 0 calc(var(--bili) * 60px) 0;
    }

    .CntMain .CntTab .EcIe {
        padding: calc(var(--bili) * 20px);
    }

    .CntMain .CntTab .EcIe .EcBx {
        font-size: calc(var(--bili) * 18px);
        color: #333333;
        font-weight: 700;
        padding: calc(var(--bili) * 20px) calc(var(--bili) * 70px);
        border-radius: calc(var(--bili) * 10px);
        background-color: #dcdcdc;
        cursor: pointer;
    }

    .CntMain .CntTab .EcIe.on .EcBx {
        background-color: var(--colorZT);
        color: #FFFFFF;
    }

    .CntMain .CntSwh {
        position: relative;
    }

    .CntMain .CntCon {
        display: none;
        justify-content: space-between;
        align-items: center;
        margin: 0 0 calc(var(--bili) * 80px) 0;
    }

    .CntMain .CntCon.on {
        display: flex;
    }

    .CntMain .CntCon .EcL {
        width: 30%;
    }

    .CntMain .CntCon .EcR {
        width: 66%;
    }

    .CntMain .CntCon .ecTit {
        font-size: calc(var(--bili) * 24px);
        color: var(--colorZT);
        position: relative;
        margin: 0 0 calc(var(--bili) * 50px) 0;
    }

    .CntMain .CntCon .ecTit:after {
        content: '';
        position: absolute;
        width: calc(var(--bili) * 60px);
        height: 1px;
        background-color: #d2d2d2;
        bottom: calc(var(--bili) * -30px);
        left: 0;
    }

    .CntMain .CntCon .EcLs {
        display: flex;
        flex-wrap: wrap;
        margin: calc(var(--bili) * -12px);
    }

    .CntMain .CntCon .EcLs .EcIe {
        width: 100%;
        padding: calc(var(--bili) * 12px);
    }

    .CntMain .CntCon .EcLs .EcIe .EcBx {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .CntMain .CntCon .EcLs .EcIe .EcBx .ecIm {
        width: calc(var(--bili) * 74px);
        height: calc(var(--bili) * 74px);
        border-radius: 50%;
        background-color: #e5e5e5;
        position: relative;
        /*transition: all 0.5s;*/
    }

    .CntMain .CntCon .EcLs .EcIe .EcBx .ecIm:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background-size: 100% !important;
        filter: brightness(0.6);
        /*transition: all 0.5s;*/
    }

    .CntMain .CntCon .EcLs .EcIe .EcBx .ecIm.ic1:after {
        background-image: url(../images/w67.png);
    }

    .CntMain .CntCon .EcLs .EcIe .EcBx .ecIm.ic2:after {
        background-image: url(../images/w68.png);
    }

    .CntMain .CntCon .EcLs .EcIe .EcBx .ecIm.ic3:after {
        background-image: url(../images/w69.png);
    }

    .CntMain .CntCon .EcLs .EcIe .EcBx .ecIm.ic4:after {
        background-image: url(../images/w70.png);
    }

    .CntMain .CntCon .EcLs .EcIe .EcBx:hover .ecIm {
        background-color: var(--colorZT);
    }

    .CntMain .CntCon .EcLs .EcIe .EcBx:hover .ecIm:after {
        filter: brightness(1);
    }

    .CntMain .CntCon .EcLs .EcIe .EcBx .ecCn {
        width: calc(100% - calc(var(--bili) * 90px));
    }

    .CntMain .CntCon .EcLs .EcIe .EcBx .ecCn .ecA {
        font-size: calc(var(--bili) * 18px);
        color: #aaaaaa;
        margin: 0 0 calc(var(--bili) * 4px) 0;
        text-transform: uppercase;
    }

    .CntMain .CntCon .EcLs .EcIe .EcBx .ecCn .ecB {
        font-size: calc(var(--bili) * 20px);
        color: #555555;
    }

    .CntMain .CntCon .EcLs .EcIe .EcBx:hover .ecCn .ecB {
        color: var(--colorZT);
    }

    .CntMain .CntLs {
        display: flex;
        flex-wrap: wrap;
        margin: calc(var(--bili) * -25px);
    }

    .CntMain .CntLs .EcIe {
        width: calc(100%/3);
        padding: calc(var(--bili) * 25px);
    }

    .CntMain .CntLs .EcIe .EcBx {
        display: block;
    }

    .CntMain .CntLs .EcIe .EcBx .ecIm {
        position: relative;
        width: 100%;
        padding-top: 65%;
        overflow: hidden;
        margin: 0 0 calc(var(--bili) * 30px) 0;
    }

    .CntMain .CntLs .EcIe .EcBx .ecCn {
        width: 100%;
    }

    .CntMain .CntLs .EcIe .EcBx .ecCn .ecA {
        font-size: calc(var(--bili) * 24px);
        color: #555555;
        margin: 0 0 calc(var(--bili) * 15px) 0;
    }

    .CntMain .CntLs .EcIe .EcBx .ecCn .ecB {
        font-size: calc(var(--bili) * 16px);
        color: #888888;
        line-height: 2;
        margin: 0 0 calc(var(--bili) * 20px) 0;
    }

    .CntMain .CntLs .EcIe .EcBx .ecCn .ecC {
        display: inline-block;
        font-size: calc(var(--bili) * 14px);
        color: #FFFFFF;
        background-color: var(--colorZT);
        width: calc(var(--bili) * 210px);
        text-align: center;
        padding: calc(var(--bili) * 15px) 0;
    }

    .Map-Box {
        width: 100%;
        height: calc(var(--bili) * 550px);
        border-radius: calc(var(--bili) * 10px);
        box-shadow: 0 0 calc(var(--bili) * 10px) 0 rgba(0, 0, 0, 0.1);
        overflow: hidden;
    }

    .BMap_stdMpCtrl,
    .BMap_cpyCtrl,
    .anchorBL,
    .BMap_omBtn,
    .BMap_omOutFrame {
        display: none;
    }

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

    .ContentMap .content {
        width: auto;
    }

    .ContentMap .MapTitle {
        font-size: calc(var(--bili) * 18px);
        color: #333333;
        line-height: 1.5;
        margin: 0 0 calc(var(--bili) * 5px) 0;
        padding: 0 calc(var(--bili) * 5px);
    }

    .ContentMap .MapContent {
        font-size: calc(var(--bili) * 16px);
        color: #555555;
        line-height: 1.8;
        padding: 0 calc(var(--bili) * 5px);
    }

    .ContentMap * {
        border-color: #eeeeee !important;
    }

}

/*网站地图*/
@media screen {
    .MpaList {
        display: flex;
        flex-wrap: wrap;
    }

    .MpaList .EcItem {
        width: 100%;
        border-bottom: 1px dashed #e0e0e0;
        padding-bottom: calc(var(--bili) * 20px);
        margin-bottom: calc(var(--bili) * 20px);
    }

    .MpaList .EcItem .ecBox {
        position: relative;
    }

    .MpaList .EcItem .ecBox .ecA {
        display: inline-block;
        font-size: calc(var(--bili) * 18px);
        color: #333333;
        margin: 0 0 calc(var(--bili) * 20px) 0;
    }

    .MpaList .EcItem .ecBox .ecB {
        display: inline-block;
        font-size: calc(var(--bili) * 20px);
        color: #333333;
        font-weight: 700;
    }

    .MpaList .EcItem .ecBox .ecA:hover {
        color: var(--colorZT);
    }

    .MpaList .InList {
        display: flex;
        flex-wrap: wrap;
        margin: calc(var(--bili) * -20px);
    }

    .MpaList .InList .InItem {
        padding: calc(var(--bili) * 20px);
    }

    .MpaList .InList .InItem .inBox {
        font-size: calc(var(--bili) * 16px);
        color: #666666;
        display: block;
    }

    .MpaList .InList .InItem .inBox:hover {
        color: var(--colorZT);
    }

}

/*单内容*/
@media screen {
    .single-intro {
        width: 100%;
        position: relative;
    }

    .single-intro .EcA {
        font-size: calc(var(--bili) * 36px);
        color: #333333;
        margin: 0 0 calc(var(--bili) * 30px) 0;
    }

    .single-intro .EcB {
        font-size: calc(var(--bili) * 22px);
        color: #555555;
        margin: 0 0 calc(var(--bili) * 30px) 0;
    }

    .single-intro .EcC {
        font-size: calc(var(--bili) * 16px);
        color: #666666;
        line-height: 2;
    }
}

/*图片展示*/
@media screen {
    .Zoom-list {
        display: flex;
        flex-wrap: wrap;
        margin: calc(var(--bili) * -20px);
    }

    .Zoom-list .Ec-item {
        width: calc(100%/4);
        padding: calc(var(--bili) * 20px);
    }

    .Zoom-list .Ec-item .ecBox {
        position: relative;
        border: 1px solid #EEEEEE;
        border-radius: calc(var(--bili) * 10px);
        overflow: hidden;
        cursor: pointer;
        background-color: #ffffff;
    }

    .Zoom-list .Ec-item .ecBox .EcA {
        padding: calc(var(--bili) * 20px);
    }

    .Zoom-list .Ec-item .ecBox .EcB {
        position: relative;
        width: 100%;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-top: 80%;
    }

    .Zoom-list .Ec-item .ecBox .EcB img {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
    }

    .Zoom-list .Ec-item .ecBox .EcC {
        border-top: 1px solid #EEEEEE;
        font-weight: 400;
        font-style: normal;
        font-size: calc(var(--bili) * 18px);
        color: #333333;
        text-align: center;
        padding: calc(var(--bili) * 20px);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .Zoom-list .Ec-item .ecBox:hover .EcC {
        color: var(--colorZT);
    }

}

/*详情*/
@media screen {
    .Det-Content {
        display: flex;
        justify-content: space-between;
        margin: 0 0 calc(var(--bili) * 120px) 0;
        padding: calc(var(--bili) * 30px) 0 0 0;
    }

    .Det-Content .inL {
        width: 37.5%;
        border-right: 1px solid #c9c9c9;
        padding: 0 calc(var(--bili) * 80px) calc(var(--bili) * 30px) 0;
    }

    .Det-Content .inR {
        width: 62.5%;
        padding: 0 0 calc(var(--bili) * 30px) calc(var(--bili) * 80px);
    }

    .Det-Content .inR .inTit {
        font-size: calc(var(--bili) * 30px);
        color: #555555;
        line-height: 1.6;
        margin: 0 0 calc(var(--bili) * 20px) 0;
    }

    .Det-Content .inR .inDate {
        font-size: calc(var(--bili) * 14px);
        color: #555555;
        margin: 0 0 calc(var(--bili) * 40px) 0;
    }

    .Det-Content .inR .WH-content {
        font-size: calc(var(--bili) * 18px);
        color: #555555;
        line-height: 2;
    }

    .Det-Content .inR .WH-content * {
        max-width: 100%;
        line-height: 2;
    }

    .Det-Content .inR .WH-content img {
        height: auto;
    }

    .RecA {
        width: 100%;
        position: relative;
        margin: 0 0 calc(var(--bili) * 50px) 0;
    }

    .RecA:last-child {
        margin: 0;
    }

    .RecA .RecTit {
        font-size: calc(var(--bili) * 30px);
        color: #555555;
        border-left: calc(var(--bili) * 5px) solid var(--colorZT);
        padding: 0 0 0 calc(var(--bili) * 30px);
        margin: 0 0 calc(var(--bili) * 15px) 0;
    }

    .RecA .RecList {
        display: flex;
        flex-wrap: wrap;
    }

    .RecA .RecList .inItem {
        width: 100%;
    }

    .RecA .RecList .inItem .ecBox {
        display: block;
        padding: calc(var(--bili) * 20px) 0;
        border-bottom: 1px dashed #c2c2c2;
    }

    .RecA .RecList .inItem:last-child .ecBox {
        border-bottom: 0;
    }

    .RecA .RecList .inItem .ecBox .inA {
        position: relative;
        font-size: calc(var(--bili) * 18px);
        color: #555555;
        margin: 0 0 calc(var(--bili) * 10px) 0;
        padding: 0 calc(var(--bili) * 30px);
        transition: all 0.3s;
    }

    .RecA .RecList .inItem .ecBox .inA:after {
        content: '';
        position: absolute;
        width: calc(var(--bili) * 10px);
        height: calc(var(--bili) * 10px);
        background-color: #d2d2d2;
        border-radius: 50%;
        top: 50%;
        left: calc(var(--bili) * 4px);
        transform: translateY(-50%);
        transition: all 0.3s;
    }

    .RecA .RecList .inItem .ecBox .inB {
        font-size: calc(var(--bili) * 14px);
        color: #999999;
        padding: 0 calc(var(--bili) * 30px);
    }

    .RecA .RecList .inItem .ecBox:hover .inA {
        color: var(--colorZT);
    }

    .RecA .RecList .inItem .ecBox:hover .inA:after {
        background-color: var(--colorZT);
    }

    .RecB {
        width: 100%;
        position: relative;
    }

    .RecB .RecTit {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        margin: 0 0 calc(var(--bili) * 50px) 0;
    }

    .RecB .RecTit .inA {
        font-size: calc(var(--bili) * 36px);
        color: #333333;
        font-weight: 700;
    }

    .RecB .RecTit .inB {
        font-size: calc(var(--bili) * 24px);
        color: #555555;
        font-weight: 700;
    }

    .RecB .RecList {
        display: flex;
        flex-wrap: wrap;
        margin: calc(var(--bili) * -25px);
    }

    .RecB .RecList .inItem {
        width: calc(100%/3);
        padding: calc(var(--bili) * 25px);
    }

    .RecB .RecList .inItem .ecBox {
        width: 100%;
    }

    .RecB .RecList .inItem .ecBox .inIm {
        width: 100%;
        position: relative;
        padding-top: 62%;
        overflow: hidden;
        margin: 0 0 calc(var(--bili) * 20px) 0;
    }

    .RecB .RecList .inItem .ecBox .inIm:after {
        content: '';
        position: absolute;
        width: calc(var(--bili) * 100px);
        height: calc(var(--bili) * 100px);
        background: rgba(255, 0, 0, 0.5) url(../images/w9.svg) no-repeat center;
        background-size: 50%;
        z-index: 2;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        opacity: 0;
        transition: all 0.5s;
        border-radius: 50%;
    }

    .RecB .RecList .inItem .ecBox .inCn {
        position: relative;
    }

    .RecB .RecList .inItem .ecBox .inCn .inA {
        font-size: calc(var(--bili) * 14px);
        color: #aaaaaa;
        margin: 0 0 calc(var(--bili) * 10px) 0;
    }

    .RecB .RecList .inItem .ecBox .inCn .inB {
        font-size: calc(var(--bili) * 20px);
        color: #777777;
        line-height: 1.8;
        margin: 0 0 calc(var(--bili) * 10px) 0;
    }

    .RecB .RecList .inItem .ecBox:hover .inCn .inA {
        color: var(--colorZT);
    }

    .RecB .RecList .inItem .ecBox:hover .inIm:after {
        opacity: 1;
    }

    .detail-content {
        position: relative;
        width: 100%;
    }

    .detail-content .title {
        /*font-weight: 700;*/
        font-size: calc(var(--bili) * 30px);
        color: #333333;
        /*text-align: center;*/
        margin: 0 0 calc(var(--bili) * 30px);
    }

    .detail-content .title.Pd-title {
        font-size: calc(var(--bili) * 40px);
        color: var(--colorZT);
        font-weight: 700;
    }

    .detail-content .info {
        font-weight: 400;
        font-size: calc(var(--bili) * 14px);
        color: #535353;
        margin: 0 0 calc(var(--bili) * 40px);
        padding: 0 0 calc(var(--bili) * 30px);
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        border-bottom: 1px dashed #a0a0a0;
    }

    .detail-content .info * {
        color: #555555;
    }

    .detail-content .info span {
        padding: 0 0 0 calc(var(--bili) * 28px);
        margin: 0 calc(var(--bili) * 20px) 0 0;
    }

    .detail-content .info .info-time {
        background: url(../images/icons/info-time.svg) no-repeat 0 center;
        background-size: calc(var(--bili) * 18px);
    }

    .detail-content .info .info-author {
        background: url(../images/icons/info-author.svg) no-repeat 0 center;
        background-size: calc(var(--bili) * 18px);
    }

    .detail-content .info .info-views {
        background: url(../images/icons/info-views.svg) no-repeat 0 center;
        background-size: calc(var(--bili) * 18px);
    }

    .detail-content .content {
        font-size: calc(var(--bili) * 16px);
        color: #555555;
        line-height: 2;
    }

    .detail-content .content * {
        max-width: 100%;
        line-height: 2;
    }

    .detail-content .content img {
        height: auto;
    }



    .DetConMain {
        position: relative;
        width: 100%;
    }

    .DetConMain .DcTitle {
        font-size: calc(var(--bili) * 36px);
        color: var(--colorZT);
        text-align: center;
        margin: 0 0 calc(var(--bili) * 30px);
    }

    .DetConMain .DcContent {
        font-size: calc(var(--bili) * 16px);
        color: #555555;
        line-height: 2;
    }

    .DetConMain .DcContent * {
        max-width: 100%;
    }

    .DetConMain .DcContent img {
        height: auto;
    }


    .Around {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: 0 0 calc(var(--bili) * 100px) 0;
    }

    .Around .Aroundul {
        width: 100%;
        display: flex;
        align-items: center;
        border-bottom: 1px solid #c9c9c9;
        padding: calc(var(--bili) * 30px) 0;
        font-size: calc(var(--bili) * 18px);
        color: #555555;
    }

    .Around .Aroundul:last-child {
        border-bottom: 0;
    }

    .Around .Aroundul .As {
        white-space: nowrap;
        width: 37.5%;
        padding: 0 calc(var(--bili) * 80px) 0 calc(var(--bili) * 50px);
    }

    .Around .Aroundul .Acls {
        display: block;
        width: 62.5%;
        padding: 0 0 0 calc(var(--bili) * 80px);
        font-weight: 700;
    }

    .Around .Aroundul .Acls:hover {
        color: var(--colorZT);
    }
}

/*新闻*/
@media screen {

    .Info-Cate {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin: calc(var(--bili) * -15px);
        padding: 0 0 calc(var(--bili) * 50px) 0;
    }

    .Info-Cate.Pts {
        padding-top: calc(var(--bili) * 50px);
    }

    .Info-Cate .Ec-item {
        /*min-width: calc(100%/6);*/
        padding: calc(var(--bili) * 15px);
    }

    .Info-Cate .Ec-item .ecBox {
        display: block;
        font-size: calc(var(--bili) * 18px);
        color: #777777;
        border: 1px solid #b5b5b5;
        text-align: center;
        padding: calc(var(--bili) * 10px) calc(var(--bili) * 40px);
        border-radius: calc(var(--bili) * 60px);
    }

    .Info-Cate .Ec-item .ecBox:hover {
        background-color: var(--colorZT);
        color: #FFFFFF;
        border-color: var(--colorZT);
    }

    .Info-Cate .Ec-item.on .ecBox {
        background-color: var(--colorZT);
        color: #FFFFFF;
        border-color: var(--colorZT);
    }

    .IFRecBG {
        padding: calc(var(--bili) * 100px) 0 0 0;
        /*background: linear-gradient(*/
        /*        to right,*/
        /*        #eeeeee 0%,*/
        /*        #eeeeee 34%,*/
        /*        var(--colorZT) 34%,*/
        /*        var(--colorZT) 100%*/
        /*);*/
    }

    .Info-Rec {
        width: 100%;
    }

    .Info-Rec .InItem {
        width: 100%;
    }

    .Info-Rec .InItem .ecBox {
        display: flex;
        justify-content: space-between;
    }

    .Info-Rec .InItem .ecBox .inIm {
        width: 60%;
        position: relative;
        padding-top: 31.25%;
        overflow: hidden;
    }

    .Info-Rec .InItem .ecBox .inCn {
        width: 40%;
        color: #ffffff;
        background-color: var(--colorZT);
        padding: calc(var(--bili) * 40px) calc(var(--bili) * 50px);
    }

    .Info-Rec .InItem .ecBox .inCn .inA {
        font-size: calc(var(--bili) * 30px);
        margin: 0 0 calc(var(--bili) * 30px) 0;
        line-height: 1.6;
    }

    .Info-Rec .InItem .ecBox .inCn .inB {
        font-size: calc(var(--bili) * 14px);
    }

    .Info-Rec .InItem .ecBox .inCn .inC {
        font-size: calc(var(--bili) * 18px);
        line-height: 2;
        padding: 0 calc(var(--bili) * 50px) 0 0;
        margin: 0 0 calc(var(--bili) * 30px) 0;
    }

    .Info-Rec .SwBtnLs {
        position: absolute;
        left: calc(60% + calc(var(--bili) * 50px));
        bottom: calc(var(--bili) * 50px);
        display: flex;
        align-items: center;
    }

    .Info-Rec .SwBtn {
        position: relative;
        width: calc(var(--bili) * 40px);
        height: calc(var(--bili) * 40px);
        background-color: transparent;
        border: 1px solid #ffffff;
        border-radius: 50%;
        transition: all 0.3s;
        left: auto;
        right: auto;
        margin: 0;
    }

    .Info-Rec .SwBtn:after {
        font-size: calc(var(--bili) * 14px);
        color: #ffffff;
    }

    .Info-Rec .SwR {
        margin: 0 0 0 calc(var(--bili) * 20px);
    }

    .Info-Rec .SwBtn:hover {
        background-color: #ffffff;
    }

    .Info-Rec .SwBtn:hover:after {
        color: var(--colorZT);
    }

    .Info-Search {
        position: absolute;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        padding: calc(var(--bili) * 30px) 0 0 0;
        z-index: 2;
    }

    .Info-Search .inSrk {
        height: calc(var(--bili) * 48px);
        border: 1px solid #cccccc;
        padding: 0 calc(var(--bili) * 20px);
        border-radius: 60px;
        width: calc(var(--bili) * 140px);
        font-size: calc(var(--bili) * 16px);
        color: #555555;
        margin: 0 calc(var(--bili) * 20px) 0 0;
        text-align: center;
    }

    .Info-Search .inBtn {
        height: calc(var(--bili) * 48px);
        background-color: var(--colorZT);
        font-size: calc(var(--bili) * 18px);
        color: #ffffff;
        padding: 0 calc(var(--bili) * 30px);
        border-radius: calc(var(--bili) * 60px);
        cursor: pointer;
    }

    .Info-list {
        display: flex;
        flex-wrap: wrap;
    }

    .Info-list .InItem {
        width: 100%;
        background-color: #ffffff;
    }

    .Info-list .InItem .ecBox {
        padding: calc(var(--bili) * 90px) 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid #e5e5e5;
    }

    .Info-list .InItem:first-child .ecBox {
        border-top: 1px solid #e5e5e5;
    }

    .Info-list .InItem:last-child .ecBox {
        border-bottom: 0;
    }

    .Info-list .InItem .ecBox .inIm {
        width: 28%;
        position: relative;
        padding-top: 17.5%;
        overflow: hidden;
    }

    .Info-list .InItem .ecBox .inCn {
        width: 50%;
        color: #555555;
    }

    .Info-list .InItem .ecBox .inCn .inA {
        font-size: calc(var(--bili) * 14px);
        margin: 0 0 calc(var(--bili) * 20px) 0;
        transition: all 0.3s;
    }

    .Info-list .InItem .ecBox .inCn .inB {
        font-size: calc(var(--bili) * 30px);
        margin: 0 0 calc(var(--bili) * 50px) 0;
    }

    .Info-list .InItem .ecBox .inCn .inC {
        font-size: calc(var(--bili) * 18px);
        line-height: 2;
    }

    .Info-list .InItem .ecBox .inCk {
        width: calc(var(--bili) * 150px);
        height: calc(var(--bili) * 150px);
        background: url(../images/n1.svg) no-repeat center;
        background-size: 100%;
        transform: scale(0);
        transition: all 0.3s;
    }

    .Info-list .InItem:hover {
        background-color: #f5f5f5;
    }

    .Info-list .InItem .ecBox:hover .inCk {
        transform: scale(1);
    }

    .Info-list .InItem .ecBox:hover .inCn .inB {
        color: var(--colorZT);
    }
}

/*案例*/
@media screen {
    .Case-list {
        display: flex;
        flex-wrap: wrap;
        margin: calc(var(--bili) * -32.5px);
    }

    .Case-list .InItem {
        width: calc(100%/3);
        padding: calc(var(--bili) * 32.5px);
    }

    .Case-list .InItem .ecBox {
        display: block;
        position: relative;
    }

    .Case-list .InItem .ecBox .inIm {
        width: 100%;
        position: relative;
        padding-top: 65%;
        overflow: hidden;
        margin: 0 0 calc(var(--bili) * 25px) 0;
    }

    .Case-list .InItem .ecBox .inCn {
        width: 100%;
    }

    .Case-list .InItem .ecBox .inCn .inA {
        font-size: calc(var(--bili) * 30px);
        color: #333333;
    }

    .Case-list .InItem .ecBox .inCn .inB {
        font-size: calc(var(--bili) * 16px);
        color: #333333;
        margin: calc(var(--bili) * 15px) 0 0 0;
        line-height: 2;
    }

    .Case-list .InItem .ecBox .inCn .inC {
        margin: calc(var(--bili) * 15px) 0 0 0;
        display: inline-block;
        font-size: calc(var(--bili) * 14px);
        color: var(--colorZT);
        border: 1px solid var(--colorZT);
        padding: calc(var(--bili) * 15px);
        line-height: 1;
        transition: all 0.3s;
    }

    .Case-list .InItem .ecBox:hover .inCn .inC {
        background-color: var(--colorZT);
        color: #FFFFFF;
    }

    .Case-list .InItem .ecBox:hover .inIm img {
        transform: scale(1.1);
    }

    .DetInfo {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: calc(var(--bili) * 50px);
        background-color: #FFFFFF;
        border: 1px solid #bababa;
        border-radius: calc(var(--bili) * 16px);
        margin: 0 0 calc(var(--bili) * 55px) 0;
    }

    .DetInfo .EcIm {
        width: 48%;
        position: relative;
        padding-top: 31%;
        overflow: hidden;
    }

    .DetInfo .EcCn {
        width: 45%;
    }

    .DetInfo .EcCn .EcTit {
        font-size: calc(var(--bili) * 36px);
        color: var(--colorZT);
        font-weight: 700;
    }

    .DetInfo .EcCn .EcInt {
        margin: calc(var(--bili) * 40px) 0 0 0;
        font-size: calc(var(--bili) * 18px);
        color: #555555;
        line-height: 2;
        overflow: hidden;
    }

    .DetInfo .EcCn .EcBtn {
        display: inline-block;
        font-size: calc(var(--bili) * 18px);
        color: var(--colorZT);
        border: 1px solid var(--colorZT);
        border-radius: calc(var(--bili) * 10px);
        padding: calc(var(--bili) * 20px) calc(var(--bili) * 35px);
        margin: calc(var(--bili) * 70px) 0 0 0;
    }

    .DetMain {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }

    .DetMain .DmContent {
        width: calc(var(--bili) * 1120px);
        border: 1px solid #bababa;
        border-radius: calc(var(--bili) * 16px);
        padding: calc(var(--bili) * 40px) calc(var(--bili) * 55px);
        background-color: #FFFFFF;
    }

    .DetMain .DmRec {
        width: calc(var(--bili) * 445px);
        border: 1px solid #bababa;
        border-radius: calc(var(--bili) * 16px);
        padding: calc(var(--bili) * 30px) calc(var(--bili) * 20px);
        background-color: #FFFFFF;
    }

    .DetMain .DmRec .EcTit {
        font-size: calc(var(--bili) * 24px);
        color: #555555;
        font-weight: 700;
        border-bottom: 1px dashed #b3b3b3;
        padding: 0 0 calc(var(--bili) * 20px) 0;
        margin: 0 0 calc(var(--bili) * 30px) 0;
    }


    .DetCaseTab {
        display: flex;
        flex-wrap: wrap;
        border-radius: calc(var(--bili) * 10px);
        overflow: hidden;
        margin: 0 0 calc(var(--bili) * 60px) 0;
    }

    .DetCaseTab .EcIe {
        width: calc(100%/3);
    }

    .DetCaseTab .EcIe .EcBx {
        text-align: center;
        font-size: calc(var(--bili) * 18px);
        color: #555555;
        background-color: #f5f5f5;
        padding: calc(var(--bili) * 20px);
        cursor: pointer;
    }

    .DetCaseTab .EcIe.on .EcBx {
        background-color: var(--colorZT);
        color: #FFFFFF;
    }

    .DetCaseSwh {
        position: relative;
    }

    .DetCaseSwh .EcIe {
        display: none;
    }

    .DetCaseSwh .EcIe.on {
        display: block;
    }

    .ContentNr {
        font-size: calc(var(--bili) * 18px);
        color: #555555;
        line-height: 2;
    }

    .CaseRec {
        display: flex;
        flex-wrap: wrap;
        margin: calc(var(--bili) * -10px);
    }

    .CaseRec .EcIe {
        width: calc(100%/1);
        padding: calc(var(--bili) * 10px);
    }

    .CaseRec .EcIe .EcBx {
        display: block;
    }

    .CaseRec .EcIe .EcBx .ecIm {
        width: 100%;
        padding-top: 64%;
        overflow: hidden;
        position: relative;
    }

    .CaseRec .EcIe .EcBx .ecMc {
        margin: calc(var(--bili) * 10px) 0 0 0;
        font-size: calc(var(--bili) * 18px);
        color: #333333;
    }

    .CaseRec .EcIe .EcBx .ecCk {
        margin: calc(var(--bili) * 10px) 0 0 0;
        font-size: calc(var(--bili) * 14px);
        color: var(--colorZT);
        text-transform: uppercase;
    }

}

/*解决方案*/
@media screen {
    .SolMain {
        position: relative;
    }

    .SolLs {
        display: flex;
        flex-wrap: wrap;
        margin: calc(var(--bili) * -12px);
    }

    .SolLs .EcIe {
        width: calc(100%/2);
        padding: calc(var(--bili) * 12px);
    }

    .SolLs .EcIe .EcBx {
        display: block;
        border-radius: calc(var(--bili) * 12px);
        overflow: hidden;
        position: relative;
    }

    .SolLs .EcIe .EcBx .ecIm {
        width: 100%;
        position: relative;
        padding-top: 45%;
        overflow: hidden;
    }

    .SolLs .EcIe .EcBx .ecCn {
        background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.9));
        height: 40%;
        position: absolute;
        width: 100%;
        bottom: 0;
        left: 0;
        z-index: 2;
        transition: all 0.8s;
    }

    .SolLs .EcIe .EcBx .ecCn .ecMc {
        position: absolute;
        width: 100%;
        left: 0;
        bottom: calc(var(--bili) * 30px);
        padding: 0 calc(var(--bili) * 60px);
        font-size: calc(var(--bili) * 24px);
        color: #FFFFFF;
    }

    .SolLs .EcIe .EcBx:hover .ecIm img {
        transform: scale(1.1);
    }

    .SolLs .EcIe .EcBx:hover .ecCn {
        height: 100%;
        background: linear-gradient(to bottom, transparent, var(--colorZT));
    }

    .AdsMain {
        background: url(../images/BG3.jpg) no-repeat center;
        background-size: cover;
        position: relative;
        padding: calc(var(--bili)* 140px) 0 calc(var(--bili)* 120px) 0;
    }

    .AdsMain .EcCon {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .AdsMain .EcCon .ecA {
        font-size: calc(var(--bili) * 48px);
        color: var(--colorZT);
        font-weight: 700;
    }

    .AdsMain .EcCon .ecB {
        margin: calc(var(--bili) * 50px) 0 0 0;
        font-size: calc(var(--bili) * 24px);
        color: #FFFFFF;
    }

    .AdsMain .EcCon .ecC {
        margin: calc(var(--bili) * 50px) 0 0 0;
        font-size: calc(var(--bili) * 24px);
        color: #FFFFFF;
        background-color: var(--colorZT);
        padding: calc(var(--bili) * 24px) calc(var(--bili) * 30px);
        border-radius: calc(var(--bili) * 10px);
    }

    .DetMain {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        margin: 0 0 calc(var(--bili) * 60px) 0;
    }

    .DetMain .FwMenu {
        width: calc(var(--bili) * 280px);
        border: 1px solid #b3b3b3;
        border-radius: calc(var(--bili) * 16px);
        background-color: #FFFFFF;
        overflow: hidden;
        padding: calc(var(--bili) * 40px) 0 calc(var(--bili) * 150px);
    }

    .DetMain .FwMain {
        width: calc(100% - calc(var(--bili) * 320px));
        border: 1px solid #b3b3b3;
        border-radius: calc(var(--bili) * 16px);
        background-color: #FFFFFF;
        overflow: hidden;
        padding: calc(var(--bili) * 50px);
    }

    .DetMain .TabLs {
        position: relative;
    }

    .DetMain .TabLs .EcIe {
        padding: calc(var(--bili) * 20px) calc(var(--bili) * 60px) calc(var(--bili) * 20px) calc(var(--bili) * 30px);
        cursor: pointer;
        color: #555555;
        position: relative;
        margin: 0 0 calc(var(--bili) * 20px) 0;
    }

    .DetMain .TabLs .EcIe:after {
        content: '';
        position: absolute;
        width: calc(var(--bili) * 20px);
        height: calc(var(--bili) * 20px);
        right: calc(var(--bili) * 30px);
        top: 50%;
        transform: translateY(-50%);
        background: url(../images/icons/w18s.svg) no-repeat right center;
        background-size: 100%;
        filter: brightness(0.4);
    }

    .DetMain .TabLs .EcIe .EcBx {
        font-size: calc(var(--bili) * 18px);
    }

    .DetMain .TabLs .EcIe.on {
        background-color: var(--colorZT);
        color: #FFFFFF;
    }

    .DetMain .TabLs .EcIe.on:after {
        filter: brightness(1);
    }

    .DetMain .SwhLs {
        position: relative;
    }

    .DetMain .SwhLs .FwIe {
        display: none;
    }

    .DetMain .SwhLs .FwIe.on {
        display: block;
    }

    .DetMain .FwYsA {
        position: relative;
    }

    .DetMain .FwYsB {
        position: relative;
    }

    .DetMain .FwYsB .FwLs .EcIe .EcBx .ecCn .ecMc {
        font-size: calc(var(--bili) * 16px);
    }

    .DetMain .FwYsB .FwLs .EcIe .EcBx .ecCn .ecCk {
        width: calc(var(--bili)* 30px);
        height: calc(var(--bili)* 30px);
    }

    .DetMain .FwYsC {
        position: relative;
    }

    .DetMain .FwYsC .IProMain {
        width: 100%;
    }

    .DetMain .FwYsD {
        position: relative;
    }

    .DetMain .FwYsD .Case-list {
        margin: calc(var(--bili)* -15px);
    }

    .DetMain .FwYsD .Case-list .InItem {
        padding: calc(var(--bili)* 15px);
    }

    .AroundYsB {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 0 0 calc(var(--bili) * 40px) 0;
    }

    .AroundYsB .Acls {
        line-height: calc(var(--bili) * 50px);
        /*display: flex;*/
        /*align-items: center;*/
        font-size: calc(var(--bili) * 24px);
        color: #555555;
        padding: 0 calc(var(--bili) * 60px);
        position: relative;
        max-width: 35%;
        font-weight: 700;
    }

    .AroundYsB .Acls:before {
        content: '';
        position: absolute;
        width: calc(var(--bili) * 44px);
        height: calc(var(--bili) * 44px);
        top: 50%;
        transform: translateY(-50%);
        filter: grayscale(1);
    }

    .AroundYsB .Acls:first-child:before {
        left: 0;
        background: url(../images/icons/w59.svg) no-repeat center;
        background-size: 100%;
    }

    .AroundYsB .Acls:last-child:before {
        right: 0;
        background: url(../images/icons/w60.svg) no-repeat center;
        background-size: 100%;
    }

    .AroundYsB .Acls:hover:before {
        filter: grayscale(0);
    }

    .AroundYsB .Acls:hover {
        color: var(--colorZT);
    }
}

/*产品*/
@media screen {
    .ClassMain {
        width: calc(var(--bili) * 280px);
    }

    .ClassMain .IATit {
        color: #555555;
        margin: 0 0 calc(var(--bili) * 30px) 0;
    }

    .ClassMain .IATit .ecA {
        font-size: calc(var(--bili) * 36px);
        margin: 0 0 calc(var(--bili) * 20px) 0;
    }

    .ClassMain .IATit .ecB {
        font-size: calc(var(--bili) * 18px);
    }

    .ClassMain .ProLxBox {
        padding: calc(var(--bili) * 30px);
        background: url(../images/w105.jpg) no-repeat center;
        background-size: cover;
        margin: calc(var(--bili) * 30px) 0 0 0;
        border-radius: calc(var(--bili)* 10px);
        overflow: hidden;
    }

    .ClassMain .ProLxBox .ecA {
        font-size: calc(var(--bili) * 14px);
        color: #555555;
        margin: 0 0 calc(var(--bili) * 10px) 0;
        font-weight: 700;
    }

    .ClassMain .ProLxBox .ecB {
        font-size: calc(var(--bili) * 14px);
        color: #555555;
        margin: 0 0 calc(var(--bili) * 45px) 0;
        font-weight: 700;
    }

    .ClassMain .ProLxBox .ecC {
        font-size: calc(var(--bili) * 14px);
        color: #FFFFFF;
        background-color: var(--colorZT);
        padding: calc(var(--bili) * 8px) calc(var(--bili) * 30px);
        display: inline-block;
        border-radius: calc(var(--bili)* 5px);
    }

    .ClassMain .SxBox {
        background-color: #f5f5f5;
        border-radius: calc(var(--bili) * 10px);
        padding: calc(var(--bili) * 20px) calc(var(--bili) * 30px);
        margin: 0 0 calc(var(--bili) * 20px) 0;
    }

    .ClassMain .SxBox .EcMA {
        display: flex;
        align-items: flex-end;
    }

    .ClassMain .SxBox .EcMA .EcMc {
        font-size: calc(var(--bili) * 18px);
        color: #555555;
        margin: 0 calc(var(--bili) * 20px) 0 0;
    }

    .ClassMain .SxBox .EcMA .EcRemove {
        font-size: calc(var(--bili) * 14px);
        color: var(--colorZT);
        cursor: pointer;
    }

    .ClassMain .SxBox .EcLs {
        padding: calc(var(--bili) * 15px) 0 0 0;
        display: flex;
        flex-wrap: wrap;
        margin: calc(var(--bili) * -5px);
    }

    .ClassMain .SxBox .EcLs .EcIe {
        padding: calc(var(--bili) * 5px);
    }

    .ClassMain .SxBox .EcLs .EcIe .EcBx {
        cursor: pointer;
        background: var(--colorZT) url(../images/icons/w1s.svg) no-repeat 90% center;
        background-size: calc(var(--bili) * 12px);
        font-size: calc(var(--bili) * 12px);
        color: #ffffff;
        padding: calc(var(--bili) * 5px) calc(var(--bili) * 26px) calc(var(--bili) * 5px) calc(var(--bili) * 12px);
        border-radius: calc(var(--bili) * 5px);
    }

    .ClassMain .ClassMenu {
        width: 100%;
    }

    .ClassMain .ClassMenu .MenuAn {
        position: relative;
    }

    .ClassMain .ClassMenu .MenuAn .CAcn {
        background-color: #f5f5f5;
        border-radius: calc(var(--bili) * 10px);
        padding: calc(var(--bili) * 20px) calc(var(--bili) * 30px);
        margin: 0 0 calc(var(--bili) * 20px) 0;
    }

    .ClassMain .ClassMenu .MenuAn .CAcn:last-child {
        margin: 0;
    }

    .ClassMain .ClassMenu .MenuAn .CAcn .CAa {
        cursor: pointer;
        font-size: calc(var(--bili) * 18px);
        color: var(--colorZT);
        font-weight: 700;
        position: relative;
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        text-overflow: ellipsis;
        word-break: break-all;
        padding: 0 calc(var(--bili) * 30px) 0 0;
    }

    .ClassMain .ClassMenu .MenuAn .CAcn .CAa:after {
        content: '';
        position: absolute;
        border-left: calc(var(--bili)* 6px) solid transparent;
        border-right: calc(var(--bili)* 6px) solid transparent;
        border-top: calc(var(--bili)* 8px) solid var(--colorZT);
        right: 0;
        top: 50%;
        transform: translateY(-50%);
    }

    .ClassMain .ClassMenu .MenuBn {
        margin: calc(var(--bili) * 15px) 0 0 0;
        position: relative;
    }

    .ClassMain .ClassMenu .MenuBn .CBcn {
        margin: calc(var(--bili) * 8px) 0;
    }

    .ClassMain .ClassMenu .MenuBn .CBcn .CBa {
        cursor: pointer;
        line-height: 2;
        font-size: calc(var(--bili) * 14px);
        color: #555555;
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        text-overflow: ellipsis;
        word-break: break-all;
        position: relative;
        padding: 0 0 0 calc(var(--bili) * 25px);
    }

    .ClassMain .ClassMenu .MenuBn .CBcn:last-child {
        margin: calc(var(--bili) * 8px) 0 0 0;
    }

    .ClassMain .ClassMenu .MenuBn .CBcn .CBa:after {
        content: '';
        position: absolute;
        width: calc(var(--bili) * 10px);
        height: calc(var(--bili) * 10px);
        border: 1px solid #c9c9c9;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
    }

    .ClassMain .ClassMenu .MenuBn .CBcn.on .CBa:after {
        background-color: var(--colorZT);
        border: 1px solid var(--colorZT);
    }

    .ProSxBtn {
        display: none;
    }

    .IClsSlide {
        height: calc(var(--bili) * 700px);
        overflow-y: auto;
        overflow-x: hidden;
        padding: 0 calc(var(--bili) * 30px) 0 0;
        margin: 0 calc(var(--bili) * -30px) 0 0;
    }

    .IClsSlide::-webkit-scrollbar {
        width: 2px;
        height: 2px;
    }

    .IClsSlide::-webkit-scrollbar-track {
        background-color: #c9c9c9;
    }

    .IClsSlide::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background-color: var(--colorZT);
    }

    .IClsSlide::-webkit-scrollbar-thumb:hover {
        background-color: var(--colorZT);
    }

    .IProSlide {
        height: calc(var(--bili) * 830px);
        overflow-y: auto;
        overflow-x: hidden;
        padding: calc(var(--bili) * 20px) calc(var(--bili) * 50px) 0 calc(var(--bili) * 20px);
        margin: 0 calc(var(--bili) * -50px) 0 0;
    }

    .IProSlide::-webkit-scrollbar {
        width: 2px;
        height: 2px;
    }

    .IProSlide::-webkit-scrollbar-track {
        background-color: #c9c9c9;
    }

    .IProSlide::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background-color: var(--colorZT);
    }

    .IProSlide::-webkit-scrollbar-thumb:hover {
        background-color: var(--colorZT);
    }

    .IProMain {
        width: calc(var(--bili) * 1190px);
    }

    .IProMain .EcLs {
        display: flex;
        flex-wrap: wrap;
        margin: calc(var(--bili) * -18px);
    }

    .IProMain .EcLs .EcIe {
        width: calc(100%/3);
        padding: calc(var(--bili) * 18px);
    }

    .IProMain .EcLs .EcIe .EcBx {
        display: block;
        background-color: #eeeeee;
        box-shadow: 0 0 calc(var(--bili) * 20px) transparent;
        padding: calc(var(--bili) * 25px);
        transition: all 0.5s;
    }

    .IProMain .EcLs .EcIe .EcBx .ecIm {
        position: relative;
        padding-top: 69%;
        overflow: hidden;
        margin: calc(var(--bili) * 30px) 0 calc(var(--bili) * 20px) 0;
    }

    .IProMain .EcLs .EcIe .EcBx .ecMc {
        font-size: calc(var(--bili) * 18px);
        color: #333333;
        margin: 0 0 calc(var(--bili) * 15px) 0;
        text-align: center;
    }

    .IProMain .EcLs .EcIe .EcBx .ecIn {
        display: flex;
        align-items: center;
        justify-content: center;
        height: calc(var(--bili) * 30px);
    }

    .IProMain .EcLs .EcIe .EcBx .ecIn .inA {
        height: calc(var(--bili) * 30px);
        line-height: calc(var(--bili) * 30px);
        font-size: calc(var(--bili) * 14px);
        color: #555555;
        position: relative;
        padding: 0 calc(var(--bili) * 10px) 0 0;
        margin: 0 calc(var(--bili) * 10px) 0 0;
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        text-overflow: ellipsis;
        word-break: break-all;
    }

    .IProMain .EcLs .EcIe .EcBx .ecIn .inA:after {
        content: '';
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 0;
        width: 1px;
        height: 50%;
        background-color: #555555;
    }

    .IProMain .EcLs .EcIe .EcBx .ecIn .inA:last-child {
        margin: 0;
        padding: 0;
    }

    .IProMain .EcLs .EcIe .EcBx .ecIn .inA:last-child:after {
        display: none;
    }

    .IProMain .EcLs .EcIe .EcBx:hover {
        background-color: #FFFFFF;
        box-shadow: 0 0 calc(var(--bili) * 20px) rgba(0, 0, 0, 0.2);
    }

    .IProMain .EcLs .EcIe .EcBx:hover .ecMc {
        color: var(--colorZT);
    }

    .ProSearch {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 0 0 calc(var(--bili) * 40px) 0;
    }

    .ProSearch .EcTit {
        font-size: calc(var(--bili) * 36px);
        color: #555555;
        background: url(../images/w101.png) no-repeat left center;
        background-size: calc(var(--bili) * 60px);
        padding: 0 0 0 calc(var(--bili) * 80px);
        text-transform: uppercase;
    }

    .ProSearch .EcSearch {
        position: relative;
    }

    .ProSearch .EcSearch .EcForm {
        width: 100%;
    }

    .ProSearch .EcSearch .EcForm .EcBx {
        background-color: #f5f5f5;
        padding: calc(var(--bili) * 12px);
        border-radius: calc(var(--bili) * 10px);
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .ProSearch .EcSearch .EcForm .EcBx .EcSrk {
        background-color: #FFFFFF;
        border-radius: calc(var(--bili) * 10px);
        font-size: calc(var(--bili) * 16px);
        width: calc(var(--bili) * 500px);
        padding: 0 calc(var(--bili) * 30px);
        height: calc(var(--bili) * 60px);
        letter-spacing: 1px;
    }

    .ProSearch .EcSearch .EcForm .EcBx .EcBtn {
        width: calc(var(--bili) * 60px);
        height: calc(var(--bili) * 60px);
        background: transparent url(../images/icons/w44.svg) no-repeat center;
        background-size: 60%;
        cursor: pointer;
    }

    .ProCons {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        margin: 0 0 calc(var(--bili) * 60px) 0;
    }

    .ProRMain {
        width: calc(100% - calc(var(--bili) * 310px));
    }

    .ProList {
        display: flex;
        flex-wrap: wrap;
        margin: calc(var(--bili) * -15px);
    }

    .ProList .EcIe {
        width: calc(100%/1);
        padding: calc(var(--bili) * 15px);
    }

    .ProList .EcIe .EcBx {
        display: flex;
        justify-content: space-between;
        align-items: center;
        background-color: #f5f5f5;
        border-radius: calc(var(--bili) * 10px);
        overflow: hidden;
        padding: calc(var(--bili) * 25px) calc(var(--bili) * 60px) calc(var(--bili) * 25px) calc(var(--bili) * 30px);
        box-shadow: 0 0 calc(var(--bili) * 20px) transparent;
        border: 1px solid #e5e5e5;
        transition: all 0.5s;
        height: 100%;
    }

    .ProList .EcIe .EcBx .ecIm {
        position: relative;
        width: 39.5%;
        padding-top: 27%;
        overflow: hidden;
    }

    .ProList .EcIe .EcBx .ecCN {
        width: 55%;
    }

    .ProList .EcIe .EcBx .ecCN .ecMA {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .ProList .EcIe .EcBx .ecCN .ecMA .ecL {
        width: calc(100% - calc(var(--bili) * 220px));
    }

    .ProList .EcIe .EcBx .ecCN .ecMA .ecR {
        width: calc(var(--bili) * 165px);
    }

    .ProList .EcIe .EcBx .ecCN .ecMB {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
    }

    .ProList .EcIe .EcBx .ecCN .ecMB .ecL {
        width: calc(100% - calc(var(--bili) * 220px));
    }

    .ProList .EcIe .EcBx .ecCN .ecMB .ecR {
        width: calc(var(--bili) * 165px);
    }

    .ProList .EcIe .EcBx .ecCN .ecLe {
        width: 108%;
        height: 1px;
        margin: calc(var(--bili) * 15px) 0 calc(var(--bili) * 15px) -4%;
        background-color: #bfbfbf;
    }

    .ProList .EcIe .EcBx .ecCN .ecMc {
        font-size: calc(var(--bili) * 22px);
        color: var(--colorZT);
    }

    .ProList .EcIe .EcBx .ecCN .ecMx {
        font-size: calc(var(--bili) * 14px);
        color: #777777;
        margin: calc(var(--bili) * 15px) 0 0 0;
    }

    .ProList .EcIe .EcBx .ecCN .ecLb {
        font-size: calc(var(--bili) * 18px);
        color: #555555;
        font-weight: 700;
        margin: calc(var(--bili) * 15px) 0 0 0;
    }

    .ProList .EcIe .EcBx .ecCN .ecZk {
        font-size: calc(var(--bili) * 14px);
        color: #777777;
    }

    .ProList .EcIe .EcBx .ecCN .ecJg {
        font-size: calc(var(--bili) * 30px);
        color: #555555;
        font-weight: 700;
    }

    .ProList .EcIe .EcBx .ecCN .ecIn {
        font-size: calc(var(--bili) * 14px);
        color: #555555;
        line-height: 2;
    }

    .ProList .EcIe .EcBx .ecCN .ecCk {
        display: inline-block;
        font-size: calc(var(--bili) * 16px);
        background-color: var(--colorZT);
        color: #FFFFFF;
        padding: calc(var(--bili) * 15px) 0;
        width: 100%;
        text-align: center;
        letter-spacing: 1px;
        margin: 0 0 calc(var(--bili) * 5px) 0;
    }

    .ProList .EcIe .EcBx:hover {
        background-color: #FFFFFF;
        box-shadow: 0 0 calc(var(--bili) * 20px) rgba(0, 0, 0, 0.3);
    }

    .ProDetCon {
        background-color: #f5f5f5;
        padding: calc(var(--bili) * 30px) calc(var(--bili) * 45px) calc(var(--bili) * 60px) calc(var(--bili) * 30px);
        border-radius: calc(var(--bili) * 10px);
        overflow: hidden;
        margin: 0 0 calc(var(--bili) * 80px) 0;
    }

    .ProConA {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 0 0 calc(var(--bili) * 60px) 0;
    }

    .ProConA .ProIm {
        width: calc(var(--bili) * 470px);
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        background-color: #FFFFFF;
    }

    .ProConA .ProIm .ecIm {
        width: 100%;
        padding-top: 100%;
        position: relative;
        overflow: hidden;
    }

    .ProConA .ProIm .ProImA {
        width: 100%;
    }

    .ProConA .ProIm .ProImA .swiper-pagination .swiper-pagination-bullet {
        background: var(--colorZT);
    }

    .ProConA .ProIm .ProImA .SwBtn {
        display: none;
        width: calc(var(--bili) * 30px);
        height: calc(var(--bili) * 60px);
        background-color: #aeaeae;
        border-radius: 0;
        z-index: 2;
    }

    .ProConA .ProIm .ProImA .SwBtn:after {
        color: #ffffff;
        font-size: calc(var(--bili) * 16px);
        font-weight: 700;
    }

    .ProConA .ProIm .ProImA .ProImN {
        right: 0;
    }

    .ProConA .ProIm .ProImA .ProImP {
        left: 0;
    }

    .ProConA .ProIm .ProImA .inIm {
        position: relative;
        overflow: hidden;
        width: 100%;
        padding-top: 69.15%;
    }

    .ProConA .ProIn {
        width: calc(100% - calc(var(--bili) * 500px));
        padding: 0 calc(var(--bili) * 50px);
        position: relative;
    }

    .ProConA .ProIn .ecMA {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .ProConA .ProIn .ecMA .ecL {
        width: calc(100% - calc(var(--bili) * 240px));
    }

    .ProConA .ProIn .ecMA .ecR {
        width: calc(var(--bili) * 190px);
    }

    .ProConA .ProIn .ecMB {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
    }

    .ProConA .ProIn .ecMB .ecL {
        width: calc(100% - calc(var(--bili) * 240px));
    }

    .ProConA .ProIn .ecMB .ecR {
        width: calc(var(--bili) * 190px);
    }

    .ProConA .ProIn .ecLe {
        width: 108%;
        height: 1px;
        margin: calc(var(--bili) * 15px) 0 calc(var(--bili) * 15px) -4%;
        background-color: #bfbfbf;
    }

    .ProConA .ProIn .ecMc {
        font-size: calc(var(--bili) * 22px);
        color: var(--colorZT);
    }

    .ProConA .ProIn .ecMx {
        font-size: calc(var(--bili) * 14px);
        color: #777777;
        margin: calc(var(--bili) * 15px) 0 0 0;
    }

    .ProConA .ProIn .ecLb {
        font-size: calc(var(--bili) * 18px);
        color: #555555;
        font-weight: 700;
        margin: calc(var(--bili) * 15px) 0 0 0;
    }

    .ProConA .ProIn .ecZk {
        font-size: calc(var(--bili) * 14px);
        color: #777777;
    }

    .ProConA .ProIn .ecJg {
        font-size: calc(var(--bili) * 30px);
        color: #555555;
        font-weight: 700;
    }

    .ProConA .ProIn .ecIn {
        font-size: calc(var(--bili) * 14px);
        color: #555555;
        line-height: 2;
    }

    .ProConA .ProIn .ecCk {
        display: inline-block;
        font-size: calc(var(--bili) * 18px);
        background-color: var(--colorZT);
        color: #FFFFFF;
        padding: calc(var(--bili) * 15px) 0;
        width: 100%;
        text-align: center;
        margin: 0 0 calc(var(--bili) * 5px) 0;
        text-transform: uppercase;
        border-radius: calc(var(--bili) * 10px);
        cursor: pointer;
    }




    .ProConB {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 0 0 calc(var(--bili) * 40px) 0;
    }

    .ProConB .EcBtn {
        display: block;
        width: 49%;
        font-size: calc(var(--bili) * 18px);
        color: #ffffff;
        padding: calc(var(--bili) * 35px) calc(var(--bili) * 70px) calc(var(--bili) * 35px) calc(var(--bili) * 140px);
        white-space: nowrap;
    }

    .ProConB .EcBtn.YsA {
        background: #313131 url(../images/w103.png) no-repeat 8% center;
        background-size: calc(var(--bili) * 58px);
    }

    .ProConB .EcBtn.YsB {
        background: var(--colorZT) url(../images/w104.png) no-repeat 8% center;
        background-size: calc(var(--bili) * 58px);
    }

    .ProConC {
        position: relative;
    }

    .ProConC .EcTit {
        position: relative;
        font-size: calc(var(--bili) * 30px);
        font-weight: 700;
        color: var(--colorZT);
        padding: 0 calc(var(--bili) * 30px) calc(var(--bili) * 15px);
        letter-spacing: calc(var(--bili) * 2px);
        margin: 0 0 calc(var(--bili) * 40px) 0;
    }

    .ProConC .EcTit:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 1px;
        background-color: #bfbfbf;
        bottom: 0;
        left: 0;
    }

    .ProVideo {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 0 0 calc(var(--bili) * 40px) 0;
    }

    .ProVideo .voIn {
        width: calc(100% - calc(var(--bili) * 740px));
        padding: 0 0 0 calc(var(--bili) * 30px);
    }

    .ProVideo .voIn .voA {
        font-size: calc(var(--bili) * 24px);
        color: var(--colorZT);
        margin: 0 0 calc(var(--bili) * 20px) 0;
        font-weight: 700;
    }

    .ProVideo .voIn .voB {
        font-size: calc(var(--bili) * 14px);
        color: #777777;
        line-height: 2;
    }

    .ProVideo .voCn {
        width: calc(var(--bili) * 690px);
    }

    .ProVideo .voCn .voSP {
        width: 100%;
        height: calc(var(--bili) * 400px);
    }

    .ProContent {
        padding: 0 0 0 calc(var(--bili) * 30px);
    }

}

/*下载*/
@media screen {
    .DownCons {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-wrap: wrap;
        padding: calc(var(--bili) * 30px) 0 0 0;
    }

    .PuBMenuYsA {
        width: calc(var(--bili) * 340px);
    }

    .PuBMenuYsA .MenuAn {
        position: relative;
    }

    .PuBMenuYsA .MenuAn .CAcn {
        width: 100%;
        border-bottom: 1px solid #FFFFFF;
    }

    .PuBMenuYsA .MenuAn .CAcn:last-child {
        margin: 0;
    }

    .PuBMenuYsA .MenuAn .CAcn .CAa {
        background-color: #efefef;
        cursor: pointer;
        font-size: calc(var(--bili) * 16px);
        color: #333333;
        font-weight: 700;
        position: relative;
        height: calc(var(--bili) * 66px);
        line-height: calc(var(--bili) * 66px);
        padding: 0 calc(var(--bili) * 60px) 0 calc(var(--bili) * 50px);
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        text-overflow: ellipsis;
        word-break: break-all;
    }

    .PuBMenuYsA .MenuAn .CAcn .CAa:before {
        content: '';
        position: absolute;
        border: calc(var(--bili) * 5px) solid #313131;
        width: calc(var(--bili) * 8px);
        height: calc(var(--bili) * 8px);
        background-color: #FFFFFF;
        border-radius: 50%;
        left: calc(var(--bili) * 20px);
        top: 50%;
        transform: translateY(-50%);
    }

    .PuBMenuYsA .MenuAn .CAcn .CAa:after {
        content: '';
        position: absolute;
        width: calc(var(--bili) * 24px);
        height: calc(var(--bili) * 24px);
        border-radius: 50%;
        background: #aeaeae url(../images/icons/w12s.svg) no-repeat center;
        background-size: 50%;
        right: calc(var(--bili) * 30px);
        top: 50%;
        transform: translateY(-50%);
        transition: all 0.5s;
    }

    .PuBMenuYsA .MenuBn {
        position: relative;
        display: none;
    }

    .PuBMenuYsA .MenuBn .CBcn {
        width: 100%;
    }

    .PuBMenuYsA .MenuBn .CBcn .CBa {
        border-top: 1px dashed #d6d6d6;
        cursor: pointer;
        height: calc(var(--bili) * 60px);
        line-height: calc(var(--bili) * 60px);
        font-size: calc(var(--bili) * 14px);
        color: #333333;
        padding: 0 calc(var(--bili) * 60px) 0 calc(var(--bili) * 50px);
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        text-overflow: ellipsis;
        word-break: break-all;
        position: relative;
    }

    .PuBMenuYsA .MenuBn .CBcn .CBa:before {
        content: '';
        position: absolute;
        width: calc(var(--bili) * 12px);
        height: calc(var(--bili) * 12px);
        background: url(../images/w16.svg) no-repeat center;
        background-size: 100%;
        left: calc(var(--bili) * 24px);
        top: 50%;
        transform: translateY(-50%);
        filter: grayscale(1);
    }

    .PuBMenuYsA .MenuBn .CBcn:first-child .CBa {
        border-top: 0;
    }

    .PuBMenuYsA .MenuAn .CAcn.on .MenuBn {
        display: block;
    }

    .PuBMenuYsA .MenuAn .CAcn.on .CAa,
    .PuBMenuYsA .MenuAn .CAcn:hover .CAa {
        color: var(--colorZT);
    }

    .PuBMenuYsA .MenuAn .CAcn.on .CAa:before,
    .PuBMenuYsA .MenuAn .CAcn:hover .CAa:before {
        border-color: var(--colorZT);
    }

    .PuBMenuYsA .MenuAn .CAcn.on .CAa:after,
    .PuBMenuYsA .MenuAn .CAcn:hover .CAa:after {
        transform: translateY(-50%) rotate(90deg);
    }

    .PuBMenuYsA .MenuBn .CBcn .CBa:hover,
    .PuBMenuYsA .MenuBn .CBcn.on .CBa {
        color: var(--colorZT);
    }

    .PuBMenuYsA .MenuBn .CBcn .CBa:hover:before,
    .PuBMenuYsA .MenuBn .CBcn.on .CBa:before {
        filter: grayscale(0);
    }

    .DownMain {
        width: calc(100% - calc(var(--bili) * 410px));
    }

    .DownLs {
        display: flex;
        flex-wrap: wrap;
        margin: calc(var(--bili) * -20px) calc(var(--bili) * -25px);
    }

    .DownLs .EcIe {
        width: calc(100%/2);
        padding: calc(var(--bili) * 20px) calc(var(--bili) * 25px);
    }

    .DownLs .EcIe .EcBx {
        display: flex;
        justify-content: space-between;
    }

    .DownLs .EcIe .EcBx .ecIm {
        width: calc(var(--bili) * 130px);
        height: calc(var(--bili) * 130px);
        background: #bfbfbf url(../images/w15.png) no-repeat center;
        background-size: calc(var(--bili) * 90px);
    }

    .DownLs .EcIe .EcBx .ecCn {
        width: calc(100% - calc(var(--bili) * 130px));
        background-color: #eeeeee;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 0 calc(var(--bili) * 30px);
    }

    .DownLs .EcIe .EcBx .ecMc {
        font-size: calc(var(--bili) * 18px);
        color: #555555;
    }

    .DownLs .EcIe .EcBx .ecMA {
        margin: calc(var(--bili) * 15px) 0 0 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .DownLs .EcIe .EcBx .ecIn {
        font-size: calc(var(--bili) * 15px);
        color: #555555;
        width: calc(100% - calc(var(--bili) * 90px));
    }

    .DownLs .EcIe .EcBx .ecAn {
        display: inline-block;
        font-size: calc(var(--bili) * 12px);
        color: #FFFFFF;
        background-color: var(--colorZT);
        width: calc(var(--bili) * 80px);
        padding: calc(var(--bili) * 10px) 0;
        text-align: center;
        border-radius: calc(var(--bili) * 6px);
    }

    .DownLs .EcIe .EcBx:hover .ecMc {
        color: var(--colorZT);
    }

}

/*关于我们*/
@media screen {

    .AuMenu {
        padding: calc(var(--bili) * 90px) 0 calc(var(--bili) * 60px) 0;
        background-color: #FFFFFF;
    }

    .AuMenu .EcLs {
        display: flex;
    }

    .AuMenu .EcLs .EcIe {
        width: 100%;
    }

    .AuMenu .EcLs .EcIe .EcBx {
        display: block;
        font-size: calc(var(--bili) * 24px);
        color: #555555;
        background-color: #eeeeee;
        text-align: center;
        padding: calc(var(--bili) * 30px);
    }

    .AuMenu .EcLs .EcIe.on .EcBx {
        background-color: var(--colorZT);
        color: #FFFFFF;
    }

    .AuCA {
        overflow: hidden;
        background-color: #FFFFFF;
    }

    .AuCA .EcConA {
        margin: 0 0 calc(var(--bili) * 50px) 0;
    }

    .AuCA .EcConA .ecMc {
        font-size: calc(var(--bili) * 36px);
        color: var(--colorZT);
        text-align: center;
        margin: 0 0 calc(var(--bili) * 30px) 0;
        text-transform: uppercase;
    }

    .AuCA .EcConA .ecCn {
        position: relative;
    }

    .AuCA .EcLs {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin: calc(var(--bili) * -30px);
    }

    .AuCA .EcLs .EcIe {
        width: calc(100%/3);
        padding: calc(var(--bili) * 30px);
    }

    .AuCA .EcLs .EcIe .EcBx {
        display: flex;
        align-items: center;
        justify-content: space-evenly;
        background-color: #f5f5f5;
        padding: calc(var(--bili) * 30px);
    }

    .AuCA .EcLs .EcIe .EcBx .ecIm {
        width: calc(var(--bili) * 76px);
        height: calc(var(--bili) * 76px);
        overflow: hidden;
    }

    .AuCA .EcLs .EcIe .EcBx .ecCn {
        min-width: calc(var(--bili) * 220px);
    }

    .AuCA .EcLs .EcIe .EcBx .ecCn .ecA {
        font-size: calc(var(--bili) * 30px);
        color: var(--colorZT);
        line-height: 1;
        margin: 0 0 calc(var(--bili) * 20px) 0;
        font-weight: lighter;
        letter-spacing: calc(var(--bili) * 2px);
    }

    .AuCA .EcLs .EcIe .EcBx .ecCn .ecA span {
        font-size: calc(var(--bili) * 72px);
        line-height: 1;
    }

    .AuCA .EcLs .EcIe .EcBx .ecCn .ecB {
        font-size: calc(var(--bili) * 18px);
        color: #333333;
        padding: 0 0 0 calc(var(--bili) * 5px);
    }

    .AuCC {
        width: 100%;
        overflow: hidden;
        padding: calc(var(--bili) * 90px) 0 calc(var(--bili) * 150px) 0;
    }

    .AuCC .EcTit {
        text-align: center;
        margin: 0 0 calc(var(--bili) * 40px) 0;
    }

    .AuCC .EcTit .inA {
        font-size: calc(var(--bili) * 36px);
        color: var(--colorZT);
    }

    .AuCC .EcCon {
        width: 100%;
    }

    .AuCC .EcCon .inLine {
        position: absolute;
        height: calc(var(--bili) * 40px);
        width: 100%;
        left: 0;
        background: url(../images/w66.png) no-repeat center;
        background-size: cover;
    }

    .AuCC .EcCon .AuCSwA {
        margin: 0 0 calc(var(--bili) * 50px) 0;
    }

    .AuCC .EcCon .AuCSwA .EcItem {
        display: flex;
        justify-content: space-between;
        height: calc(var(--bili) * 425px);
    }

    .AuCC .EcCon .AuCSwA .EcItem .ecL {
        width: 41.25%;
        height: 100%;
    }

    .AuCC .EcCon .AuCSwA .EcItem .ecR {
        width: 58.75%;
        height: 100%;
        background-color: #eeeeee;
        padding: calc(var(--bili) * 30px) calc(var(--bili) * 30px) calc(var(--bili) * 30px) calc(var(--bili) * 60px);
    }

    .AuCC .EcCon .AuCSwA .EcItem .ecL .inIm {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
    }

    .AuCC .EcCon .AuCSwA .EcItem .ecL .inIm .inMc {
        background-color: #eeeeee;
        font-size: calc(var(--bili) * 24px);
        color: var(--colorZT);
        padding: calc(var(--bili) * 10px) calc(var(--bili) * 20px);
        display: inline-block;
        z-index: 2;
        position: absolute;
        top: calc(var(--bili) * 50px);
        left: 0;
    }

    .AuCC .EcCon .AuCSwA .EcItem .ecR .InList {
        height: 100%;
        overflow-y: auto;
        padding: 0 calc(var(--bili) * 30px) 0 0;
    }

    .AuCC .EcCon .AuCSwA .EcItem .ecR .InList .InItem {
        margin: 0 0 calc(var(--bili) * 20px) 0;
    }

    .AuCC .EcCon .AuCSwA .EcItem .ecR .InList .InItem:last-child {
        margin: 0;
    }

    .AuCC .EcCon .AuCSwA .EcItem .ecR .InList .InItem .inA {
        font-size: calc(var(--bili) * 30px);
        font-weight: 700;
        color: var(--colorZT);
        margin: 0 0 calc(var(--bili) * 30px) 0;
    }

    .AuCC .EcCon .AuCSwA .EcItem .ecR .InList .InItem .inB {
        font-size: calc(var(--bili) * 16px);
        color: #555555;
        line-height: 2;
    }

    .AuCC .EcCon .AuCSwA .EcItem .ecR .InList .InItem .inB * {
        line-height: 2;
    }

    .AuCC .EcCon .AuCSwB {
        padding: calc(var(--bili) * 10px) 0;
        margin: calc(var(--bili) * 110px) 0 0 0;
    }

    .AuCC .EcCon .AuCSwB .EcItem {
        width: 100%;
    }

    .AuCC .EcCon .AuCSwB .EcItem .inA {
        font-size: calc(var(--bili) * 24px);
        font-weight: 700;
        color: #555555;
        text-align: center;
        padding: 0 calc(var(--bili) * 30px);
        cursor: pointer;
    }

    .AuCC .EcCon .AuCSwB .swiper-slide-thumb-active .inA {
        color: var(--colorZT);
    }

    .AuCC .EcCon .AuCSwB .SwBtn {
        width: calc(var(--bili) * 40px);
        height: calc(var(--bili) * 40px);
        background-color: #a0a0a0;
        border-radius: 50%;
        z-index: 2;
        top: 50%;
        margin: 0;
        transform: translateY(-50%);
    }

    .AuCC .EcCon .AuCSwB .SwBtn:hover {
        background-color: var(--colorZT);
    }

    .AuCC .EcCon .AuCSwB .SwBtn:after {
        color: #ffffff;
        font-size: calc(var(--bili) * 16px);
        font-weight: 700;
    }


}

/*云*/
@media screen {
    .CloudLs {
        display: flex;
        flex-wrap: wrap;
        margin: calc(var(--bili) * -15px);
    }

    .CloudLs .EcIe {
        width: calc(100%/4);
        padding: calc(var(--bili) * 15px);
    }

    .CloudLs .EcIe .EcBx {
        background-color: #313131;
        padding: calc(var(--bili) * 50px);
        border-radius: calc(var(--bili) * 20px);
        display: flex;
        flex-direction: column;
        align-items: center;
        transition: all 0.3s;
    }

    .CloudLs .EcIe .EcBx .ecIm {
        width: calc(var(--bili) * 180px);
        height: calc(var(--bili) * 130px);
        overflow: hidden;
    }

    .CloudLs .EcIe .EcBx .ecIn {
        margin: calc(var(--bili) * 40px) 0 0 0;
        font-size: calc(var(--bili) * 24px);
        color: #FFFFFF;
    }

    .CloudLs .EcIe .EcBx:hover {
        background-color: var(--colorZT);
    }

    .CloudBnt {
        margin: calc(var(--bili) * 80px) 0 0 0;
        display: flex;
        justify-content: center;
    }

    .CloudBnt .Btn {
        font-size: calc(var(--bili) * 30px);
        color: #FFFFFF;
        background-color: var(--colorZT);
        padding: calc(var(--bili) * 25px) calc(var(--bili) * 60px);
        border-radius: calc(var(--bili) * 20px);
        display: inline-block;
        text-transform: uppercase;
        cursor: pointer;
    }
}

/*招聘*/
@media screen {
    .recruit-list {
        position: relative;
    }

    .recruit-item {
        overflow: hidden;
        /*margin: 0 0 calc( var(--bili) * 40px ) 0;*/
        border: 1px solid transparent;
        margin: -1px 0 0 0;
        border-top: 0 !important;
    }

    .recruit-item.on {
        margin: -2px 0 0 0;
        border: 1px solid #ddd;
    }

    .recruit-item:first-child {
        border-top: 1px solid #ddd !important;
    }

    .recruit-item .recruit-mc {
        cursor: pointer;
        padding: calc(var(--bili) * 30px) calc(var(--bili) * 45px);
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1px solid #ddd;
    }

    .recruit-item .recruit-mc .EcA {
        font-size: calc(var(--bili) * 28px);
        color: #333333;
        border-left: calc(var(--bili) * 4px) solid var(--colorZT);
        padding: 0 0 0 calc(var(--bili) * 35px);
    }

    .recruit-item .recruit-mc .Ec-Ma {
        display: flex;
        flex-wrap: wrap;
    }

    .recruit-item .recruit-mc .EcB {
        font-size: calc(var(--bili) * 18px);
        color: #333333;
        margin: 0 0 0 calc(var(--bili) * 50px);
    }

    .recruit-item .RecCon {
        padding: calc(var(--bili) * 45px);
        display: none;
    }

    .recruit-item .RecCon .InCon {
        background-color: #f5f5f5;
        padding: calc(var(--bili) * 45px);
    }

    .recruit-item .RecCon .InCon .CnAs {
        padding: 0 calc(var(--bili) * 20px) calc(var(--bili) * 25px);
        border-bottom: 1px solid #e2e2e2;
        margin: 0 0 calc(var(--bili) * 30px) 0;
    }

    .recruit-item .RecCon .InCon .CnAs .inList {
        display: flex;
        flex-wrap: wrap;
        margin: calc(var(--bili) * -15px);
    }

    .recruit-item .RecCon .InCon .CnAs .inList .inItem {
        width: calc(100%/3);
        padding: calc(var(--bili) * 15px);
    }

    .recruit-item .RecCon .InCon .CnAs .inList .inItem .ecBox {
        font-size: calc(var(--bili) * 18px);
        color: #333333;
    }

    .recruit-item .RecCon .InCon .CnBs {
        padding: 0 calc(var(--bili) * 20px);
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        position: relative;
    }

    .recruit-item .RecCon .InCon .CnBs .inL {
        width: 48%;
    }

    .recruit-item .RecCon .InCon .CnBs .inR {
        width: 48%;
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
    }

    .recruit-item .RecCon .InCon .CnBs .Cns {
        position: relative;
        width: 100%;
    }

    .recruit-item .RecCon .InCon .CnBs .Cns .inA {
        font-size: calc(var(--bili) * 24px);
        color: #333333;
        margin: 0 0 calc(var(--bili) * 20px);
    }

    .recruit-item .RecCon .InCon .CnBs .Cns .inB {
        font-weight: 400;
        font-size: calc(var(--bili) * 18px);
        color: #333333;
        line-height: 2;
    }

    .recruit-item .RecCon .InCon .CnBs .Cns .inB * {
        font-size: calc(var(--bili) * 18px);
        color: #333333;
        line-height: 2;
    }
}

/*视频*/
@media screen {
    .VideoLs{
        display: flex;
        flex-wrap: wrap;
        margin: calc(var(--bili) * -20px);
    }
    .VideoLs .EcIe{
        width: calc(100%/3);
        padding: calc(var(--bili) * 20px);
    }
    .VideoLs .EcIe .EcBx{
        display: block;
        cursor: pointer;
        height: 100%;
        border: 1px solid #e3e3e3;
    }
    .VideoLs .EcIe .EcBx .ecIm{
        width: 100%;
        position: relative;
        padding-top: 70%;
        overflow: hidden;
    }
    .VideoLs .EcIe .EcBx .ecIm:after{
        content: '';
        position: absolute;
        width: calc(var(--bili) * 70px);
        height: calc(var(--bili) * 70px);
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        background: url(../images/w22.svg) no-repeat center;
        background-size: 100%;
        z-index: 3;
    }
    .VideoLs .EcIe .EcBx .ecIm:before{
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background-color: rgba(0, 0, 0, 0.2);
        z-index: 2;
    }
    .VideoLs .EcIe .EcBx .ecCn{
        padding: 25px;
    }
    .VideoLs .EcIe .EcBx .ecMC{
        text-align: center;
        font-size: calc(var(--bili) * 18px);
        color: #333333;
        line-height: 1.6;
    }
    .VideoLs .EcIe .EcBx:hover .ecIm img{
        transform: scale(1.1);
    }
    .VideoLs .EcIe .EcBx:hover .ecMC{
        color: var(--colorZT);
    }
}

/*视频弹出*/
@media screen {
    .TccFull.on{
        width: 100%;
        height: 100vh;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 998;
        display: block;
    }
    .TccFull .InMask{
        position: absolute;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        z-index: 1;
        cursor: pointer;
        display: none;
    }
    .TccFull .InMain{
        z-index: 2;
        background: #000000;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%) scale(0);
        /*padding: calc(var(--bili)* 40px);*/
        box-shadow: 0 0 calc(var(--bili)* 20px) rgba(255, 255, 255, 0.1);
        transition:all 0.3s;
    }
    .TccFull .InMain .InClose{
        position: absolute;
        font-size: calc(var(--bili)* 24px);
        cursor: pointer;
        color: #cccccc;
        right: calc(var(--bili)* 30px);
        top: calc(var(--bili)* 30px);
        z-index: 8;
        opacity:0;
        transition:all 0.3s;
        line-height: 1;
    }
    .TccFull .InMain .VideoSrc{
        width: 60vw;
        height: 55vh;
    }
    .TccFull .InMain:hover .InClose{
        opacity:1;
    }
    .TccFull.on .InMask{
        display: block;
    }
    .TccFull.on .InMain{
        transform: translate(-50%,-50%) scale(1);
    }
}

/*个人中心*/
@media screen {
    .UserMain{
        margin: calc(var(--bili) * var(--hedaZH)*1px) 0 0 0;
        background-size: cover;
        padding: calc(var(--bili) * 80px) 0;
        background-color: #f5f5f5;
    }
    .UserMain .UserBox{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .UserMain .UserCon{
        width: calc(var(--bili) * 1200px);
        padding: calc(var(--bili) * 70px) calc(var(--bili) * 60px);
        background: #fff;
        box-shadow: 0 calc(var(--bili) * 20px) calc(var(--bili) * 30px) 0 rgba(0, 0, 0, 0.06);
        border-radius: calc(var(--bili) * 6px);
    }
    .UserMain .UserCon .InTit{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .UserMain .UserCon .InTit .inA{
        font-size: calc(var(--bili) * 28px);
        color: #333333;
        text-transform: uppercase;
        letter-spacing: 1px;
        line-height: 1;
        border-left: calc(var(--bili) * 4px) solid var(--colorZT);
        padding: 0 0 0 calc(var(--bili) * 20px);
    }
    .UserMain .UserCon .InTit .inB{
        font-size: calc(var(--bili) * 18px);
        color: #333333;
        position: relative;
        padding: 0 0 0 calc(var(--bili) * 40px);
        cursor: pointer;
        display: block;
    }
    .UserMain .UserCon .InTit .inB:after{
        content: '';
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: calc(var(--bili) * 24px);
        height: calc(var(--bili) * 24px);
        background: url(../images/w80.svg) no-repeat center;
        background-size: 100%;
        filter: grayscale(1);
        /*opacity: 0.8;*/
    }
    .UserMain .UserCon .InTit .inB:hover{
        color: var(--colorZT);
    }
    .UserMain .UserCon .InTit .inB:hover:after{
        filter: grayscale(0);
    }

    .UserMain .UserInfo{
        border-top: 1px solid #e3e3e3;
        padding: calc(var(--bili) * 20px) 0 0 0;
        margin: calc(var(--bili) * 40px) 0 0 0;
        position: relative;
    }
    .UserMain .UserInfo .UiEdit{
        position: absolute;
        top: calc(var(--bili) * 50px);
        right: calc(var(--bili) * 20px);
        font-size: calc(var(--bili) * 18px);
        padding: 0 0 0 calc(var(--bili) * 32px);
        color: var(--colorZT);
        line-height: 1;
        background: url(../images/w81.svg) no-repeat center left;
        background-size: calc(var(--bili) * 22px);
        cursor: pointer;
        display: none;
    }
    .UserMain .UserInfo:hover .UiEdit{
        display: block;
    }
    .UserMain .UserInfo.on .UiEdit{
        display: none;
    }
    .UserMain .UserInfo .UiItem{
        display: flex;
        align-items: center;
        margin: calc(var(--bili) * 10px) 0;
        padding: 0 calc(var(--bili) * 25px);
    }
    .UserMain .UserInfo .UiItem .UiL{
        width: calc(var(--bili) * 200px);
        font-size: calc(var(--bili) * 18px);
        color: #333333;
    }
    .UserMain .UserInfo .UiItem .UiR{
        width: calc(100% - calc(var(--bili) * 200px));
        display: flex;
        align-items: center;
    }
    .UserMain .UserInfo .UiItem .Wzc{
        color: #333333;
        font-size: calc(var(--bili) * 18px);
        height: calc(var(--bili) * 60px);
        display: flex;
        align-items: center;
    }
    .UserMain .UserInfo .UiItem .Srk{
        height: calc(var(--bili) * 60px);
        width: 100%;
        color: #333333;
        background-color: #FFFFFF;
        font-size: calc(var(--bili) * 18px);
    }
    .UserMain .UserInfo .UiItem .Srk:-webkit-autofill{
        background-color: #fff !important;
        -webkit-box-shadow: 0 0 0 1000px #fff inset;
    }
    .UserMain .UserInfo .UiItem .Srk::-webkit-input-placeholder {
        color: #cacaca
    }
    .UserMain .UserInfo .UiItem .BtnA{
        margin: calc(var(--bili) * 40px) 0 0 0;
        cursor: pointer;
        width: calc(var(--bili) * 200px);
        padding: calc(var(--bili) * 14px) 0;
        font-size: calc(var(--bili) * 16px);
        color: #FFFFFF;
        background-color: var(--colorZT);
        border-radius: calc(var(--bili) * 6px);
        text-transform: uppercase;
        letter-spacing: 1px;
        border: 1px solid var(--colorZT);
        text-align: center;
    }
    .UserMain .UserInfo .UiItem .BtnB{
        width: calc(var(--bili) * 200px);
        margin: calc(var(--bili) * 40px) 0 0 calc(var(--bili) * 20px);
        cursor: pointer;
        padding: calc(var(--bili) * 14px) 0;
        font-size: calc(var(--bili) * 16px);
        color: var(--colorZT);
        background-color: #FFFFFF;
        border: 1px solid var(--colorZT);
        border-radius: calc(var(--bili) * 6px);
        text-transform: uppercase;
        letter-spacing: 1px;
        text-align: center;
    }
    .UserMain .UserInfo .BtnIe{
        display: none;
    }
    .UserMain .UserInfo.on .UiItem .Srk{
        border-bottom: 1px solid #e3e3e3;
    }
    .UserMain .UserInfo.on .BtnIe{
        display: flex;
    }

}

/*注册*/
@media screen {
    .RegisterMain{
        margin: calc(var(--bili) * var(--hedaZH)*1px) 0 0 0;
        background: #FFFFFF url(../images/BG4.jpg) no-repeat center top;
        background-size: cover;
        padding: calc(var(--bili) * 80px) 0;
    }
    .RegisterMain .RlrBox{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .RegisterMain .RlrCon{
        padding: calc(var(--bili) * 50px);
        background: #fff;
        box-shadow: 0 calc(var(--bili) * 20px) calc(var(--bili) * 30px) 0 rgba(63, 63, 65, .06);
        border-radius: calc(var(--bili) * 10px);
    }
    .RegisterMain .InTit{
        font-size: calc(var(--bili) * 28px);
        color: #333333;
        margin: 0 0 calc(var(--bili) * 20px) 0;
        text-transform: uppercase;
        letter-spacing: 1px;
        text-align: center;
        /*font-weight: 700;*/
    }
    .RegisterMain .InForm{
        position: relative;
    }
    .RegisterMain .InForm .InItem{
        display: flex;
        align-items: center;
        border-top: 1px solid #e3e3e3;
        position: relative;
        padding: calc(var(--bili) * 10px) 0;
    }
    .RegisterMain .InForm .InItem:first-child{
        border-top: 0;
    }
    .RegisterMain .InForm .InItem .InMc{
        color: #595961;
        font-size: calc(var(--bili) * 16px);
        width: calc(var(--bili) * 160px);
        border-right: 1px solid #e3e3e3;
        margin: 0 calc(var(--bili) * 20px) 0 0;
    }
    .RegisterMain .InForm .InItem .InNr{
        width: calc(var(--bili) * 450px);
    }
    .RegisterMain .InForm .InItem .Srk{
        width: 100%;
        height: calc(var(--bili) * 50px);
        padding: 0 calc(var(--bili) * 10px);
        color: #333333;
        background-color: #FFFFFF;
        font-size: calc(var(--bili) * 16px);
    }
    .RegisterMain .InForm .InItem .Srk:-webkit-autofill{
        background-color: #fff !important;
        -webkit-box-shadow: 0 0 0 1000px #fff inset;
    }
    .RegisterMain .InForm .InItem .Srk::-webkit-input-placeholder {
        color: #cacaca
    }
    .RegisterMain .InForm .InItem .CodeBtn{
        font-size: calc(var(--bili) * 16px);
        color: var(--colorZT);
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        cursor: pointer;
        height: 100%;
        display: flex;
        align-items: center;
    }
    .RegisterMain .InForm .InItem .CzBox{
        width: 100%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }
    .RegisterMain .InForm .InItem .InTs{
        display: flex;
        justify-content: center;
        margin: calc(var(--bili) * 30px) 0 0 0;
    }
    .RegisterMain .InForm .InItem .BtnA{
        /*width: 100%;*/
        margin: calc(var(--bili) * 20px) 0 0 0;
        cursor: pointer;
        padding: calc(var(--bili) * 15px) calc(var(--bili) * 120px);
        font-size: calc(var(--bili) * 16px);
        color: #FFFFFF;
        background-color: var(--colorZT);
        border-radius: calc(var(--bili) * 6px);
        text-transform: uppercase;
        letter-spacing: 1px;
    }
    .RegisterMain .InForm .InItem .InTips{
        font-size: calc(var(--bili) * 16px);
        margin: 0 calc(var(--bili) * 20px);
        color: #555555;
        display: block;
    }
    .RegisterMain .InForm .InItem .InTips:hover{
        color: var(--colorZT);
    }

}


/*发展历程*/
@media screen {
    .AuHistory{
        padding: calc(var(--bili) * 120px) 0 calc(var(--bili) * 170px) 0;
    }
    .AuHistory .EcTitle{
        font-size: calc(var(--bili) * 48px);
        color: #333333;
        text-align: center;
        font-weight: 700;
        margin: 0 0 calc(var(--bili) * 30px) 0;
    }
    .AuHistory .HistoryMain{
        position: relative;
        background-size: 100%!important;
    }
    .AuHistory .HistoryMain:after{
        content: '';
        position: absolute;
        width: 1px;
        height: 103%;
        background-color: #cccccc;
        left: 50%;
        top: 2%;
        transform: translateX(-50%);
    }
    .AuHistory .HistoryLs{
        width: 100%;
        padding: calc(var(--bili) * 30px) 0 0 0;
        border-top: 1px solid #cccccc;
    }
    .AuHistory .HistoryLs .EcIe{
        width: 100%;
        position: relative;
        margin: calc(var(--bili) * 50px) 0 0 0;
    }
    .AuHistory .HistoryLs .EcIe .EcDate{
        font-weight: 700;
        font-size: calc(var(--bili) * 24px);
        color: #333333;
        text-align: center;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        z-index: 9;
        line-height: 2;
    }
    .AuHistory .HistoryLs .InLs{
        display: flex;
        flex-wrap: wrap;
        margin: calc(var(--bili) * -20px) 0;
    }
    .AuHistory .HistoryLs .InLs .InIe{
        width: calc(100%/2);
        padding: calc(var(--bili) * 20px) 0;
    }
    .AuHistory .HistoryLs .InLs .InIe .InAc{
        height: 100%;
        display: flex;
        align-items: center;
    }

    .AuHistory .HistoryLs .InLs .InIe .InAc .InCn{
        background-color: #ffffff;
        border: 1px solid #cccccc;
        padding: calc(var(--bili) * 35px);
        font-size: calc(var(--bili) * 14px);
        color: #555555;
        height: 100%;
        width: 68%;
        border-radius: calc(var(--bili) * 10px);
    }
    .AuHistory .HistoryLs .InLs .InIe .InAc .InCn .InA{

    }
    .AuHistory .HistoryLs .InLs .InIe .InAc .InCn .InB{
        margin: calc(var(--bili) * 20px) 0 0 0;
        line-height: 2;
    }
    .AuHistory .HistoryLs .InLs .InIe .InAc .InIm{
        width: calc(var(--bili) * 68px);
        height: calc(var(--bili) * 68px);
        background-color: var(--colorZT);
        border-radius: 50%;
        margin: 0 calc(var(--bili) * 40px);
    }

    .AuHistory .HistoryLs .InLs .InIe:nth-of-type(2n) .InAc{
        flex-direction: row-reverse;
    }
    .AuHistory .HistoryLs .EcIe:nth-child(2n) .InLs{
        flex-direction: row-reverse;
    }
    .AuHistory .HistoryLs .EcIe:nth-child(2n) .InLs .InAc{
        /*flex-direction: row-reverse;*/
        justify-content: flex-end;
    }


}

/*视频*/
@media screen {
    .PubSol{
        position: relative;
        width: 100%;
    }
    .PubSol .NrVideo{
        z-index: 1;
        position: relative;
        width: 100%;
        height: calc(var(--bili) * 900px);
        overflow: hidden;
        border-radius: 20px;
    }
    .PubSol .NrVideo .video{
        display: block;
        position: absolute;
        left: 50%;
        top: 50%;
        z-index: 2;
        transform: translate(-50%, -50%);
        width: 100%;
        height: 100%;
        background: transparent !important;
        mix-blend-mode: screen;
    }
    .PubSol .NrNav .NrIe{
        z-index: 2;
        position: absolute;
    }
    .PubSol .NrNav .NrIe .NrDots{
        position: relative;
        width: calc(var(--bili) * 24px);
        height: calc(var(--bili) * 24px);
        border-radius: 50%;
        background: var(--colorZT) url(../images/w30.svg) no-repeat center;
        background-size: 60%;
        animation: l2 1.5s infinite linear;
        cursor: pointer;
        box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.2);
        transition: all .3s ease 0s;
    }
    .PubSol .NrNav .NrIe.on .NrDots{
        transform: rotate(-135deg);
    }
    .PubSol .NrNav .NrIe .NrDots:before{
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        inset: 0;
        border-radius: inherit;
        box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.2);
        animation: inherit;
        animation-delay: -0.5s;
    }
    .PubSol .NrNav .NrIe .NrDots:after{
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        inset: 0;
        border-radius: inherit;
        box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.2);
        animation: inherit;
        animation-delay: -1s;
    }
    @keyframes l2 {
        100% {
            box-shadow: 0 0 0 calc(var(--bili) * 16px) #0000
        }
    }
    .PubSol .NrCon .NrIe{
        transform: scale(0);
        position: absolute;
        z-index: 3;
        width: 18%;
        transition: all 0.5s;
    }
    .PubSol .NrCon .NrIe.on{
        transform: scale(1);
    }
    .PubSol .NrCon .NrIe .NrAc{
        display: block;
        border-radius: calc(var(--bili) * 16px);
        overflow: hidden;
        background-color: #ffffff;
        box-shadow: 0 0 1vw rgba(0, 0, 0, 0.2);
    }
    .PubSol .NrCon .NrIe .NrCn{
        padding: calc(var(--bili) * 12px);
        text-align: center;
    }
    .PubSol .NrCon .NrIe .NrMc{
        font-size: calc(var(--bili) * 20px);
        color: #333333;
    }
    .PubSol .NrCon .NrIe .NrCk{
        margin: calc(var(--bili) * 10px) 0 0 0;
        font-size: calc(var(--bili) * 16px);
        color: var(--colorZT);
    }
    .PubSol .NrCon .NrIe .NrIm{
        width: 100%;
        height: calc(var(--bili) * 150px);
    }

}