/*头部*/
@media screen{
    .header{
        position: fixed;
        top: 0;
        width: 100%;
        height: calc( var(--bili) * var(--hedaH)*1px );
        z-index: 99;
        background: transparent;
        /*background: linear-gradient(to top, transparent, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.6));*/
        transition: all 0.5s;
        box-shadow: 0 0 calc( var(--bili) * 20px ) transparent;
        /*border-bottom: 2px solid #FFFFFF;*/
    }
    .header:before{
        content: '';
        position: absolute;
        width: 100%;
        height: 2px;
        left: 0;
        bottom: 0;
        transition: all 0.5s;
        background-color: rgba(255, 255, 255, 0.5);
    }
    .header.menu-none {
        /*transition: all 0.5s;*/
        transform: translateY(-110%);
    }

    .header .inner{
        height: 100%;
    }
    .header .headerMain{
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .header-logo{
        width: calc( var(--bili) * 291px );
        z-index: 9;
    }
    .header-logo img{
        /*max-height: calc( var(--bili) * var(--hedaHM)*1px );*/
    }



    /*头部-菜单-s*/
    .header-menu{
        transition: opacity 0.5s;
        opacity: 1;
        position: relative;
    }
    .header-menu .CAul{
        display: flex;
        width: 100%;
    }
    .header-menu .CAli{
        width: 100%;
        position: relative;
        display: flex;
        align-items: center;
        margin: 0 calc(var(--bili)* 40px);
    }
    .header-menu .CAli .CAa{
        color: #ffffff;
        width: 100%;
        font-size: calc( var(--bili) * 18px );
        line-height: calc( var(--bili) * var(--hedaH)*1px );
        display: block;
        text-align: center;
        white-space:nowrap;
        position: relative;
    }
    .header-DcR{
        display: flex;
        align-items: center;
    }
    .headerSearch{
        width: calc(var(--bili)* 25px);
        height: calc(var(--bili)* 25px);
        background: url(../images/w1.svg) no-repeat center;
        background-size: 100%;
        position: relative;
        cursor: pointer;
        margin: 0 calc(var(--bili)* 30px) 0 calc(var(--bili)* 60px);
    }
    .headerMenuAn{
        width: calc(var(--bili)* 30px);
        height: calc(var(--bili)* 30px);
        background: url(../images/w2.svg) no-repeat center;
        background-size: 100%;
        position: relative;
        cursor: pointer;
    }

    .down-menu{
        /*animation: fadeInUp50 0.5s forwards;*/
        display: none;
        /*display: block!important;*/
        position: absolute;
        left: 0;
        /*top: calc( var(--bili) * var(--hedaH)*1px );*/
        top: 100%;
        /*width: 300%;*/
        /*height: calc( var(--bili) * 460px );*/
        overflow: hidden;
        z-index: 99;
        /*border-top: 1px solid #dddddd;*/
        padding: calc( var(--bili) * 15px ) calc( var(--bili) * 20px );
        background: rgba(0, 0, 0, 0.2);
        border-radius: 0 0 calc( var(--bili) * 10px ) calc( var(--bili) * 10px );
    }
    .down-menu .CBul{
        height: 100%;
    }
    .down-menu .CBa{
        display: block;
        width: 100%;
        line-height: 2.5;
        font-size: calc( var(--bili) * 16px );
        color: #FFFFFF;
        text-align: left;
        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;*/
    }
    .down-menu .CBli:hover .CBa{
        color: var(--colorZT);
    }

    /*头部-菜单-e*/

    .header.on,.header.NewOn,.header:hover{
        /*height: calc( var(--bili) * var(--hedaHM)*1px );*/
        background: var(--colorZT);
        box-shadow: 0 0 calc( var(--bili) * 20px ) rgba(0, 0, 0, 0.2);
    }
    .header.on:before,.header.NewOn:before,.header:hover:before{
        background-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) * 600px );
        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;
        /*font-family: NexaBold;*/
        letter-spacing: 1px;
    }
    .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: 7% 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) * 20px );
        color: #333333;
        /*font-family: NexaBold;*/
    }
    .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: #333333;
        font-size: calc( var(--bili) * 15px );
        margin: calc( var(--bili) * 15px ) calc( var(--bili) * 15px ) 0 0;
        /*opacity: 0.8;*/
        /*font-family: NexaBold;*/
    }
    .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(--hedaH)*1px ) 0 0 0;*/
    }
    .detail-banner.JobBanner{
        height: calc( var(--bili) * 368px );
    }
    .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) * 10px ) 0;
    }
    .detail-banner .ADcon .EcLine{
        width: calc( var(--bili) * 70px );
        height: calc( var(--bili) * 3px );
        background-color: var(--colorZT);
        margin: 0 0 calc( var(--bili) * 20px ) 0;
    }
    .detail-banner .ADcon .EcB{
        margin: 0 0 0 calc( var(--bili) * 20px );
        font-size: calc( var(--bili) * 36px );
        color: rgba(255, 255, 255, 0.5);
        letter-spacing: 1px;
        font-weight: 700;
        line-height: 2;
        text-transform: uppercase;
    }
    .detail-banner .ADcon .EcC{
        font-size: calc( var(--bili) * 18px );
        color: #ffffff;
        line-height: 2;
        letter-spacing: 1px;
        margin: 0 0 calc( var(--bili) * 50px ) 0;
    }
    .detail-banner .ADcon.Cfff *{
        color: #ffffff;
    }

}

/*banner*/
@media screen{
    .wn-banner{
        /*height: calc( var(--bili) * var(--bannerH) * 1px );*/
        height: 100vh;
        overflow: hidden;
        /*margin: calc( var(--bili) * var(--hedaH)*1px ) 0 0 0;*/
        /*background-color: #333333;*/
    }

    /*banner-文字-s*/
    .slide-inner {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background-size: cover;
        background-position: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
    }
    .banner-word{
        display: none;
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        text-align: center;
        /*display: flex;*/
        flex-direction: column;
        justify-content: center;
    }
    .banner-word .Econ{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .banner-word .word-con{
        font-weight: 700;
        font-size: calc( var(--bili) * 36px );
        margin: 0 auto calc( var(--bili) * 30px );
        color: #FFFFFF;
        opacity: 0;
        transform: translateY(calc( var(--bili) * 300px ));
        transition: all 1s;
        /*text-shadow: 0 0 8px rgba(89, 89, 89, 0.5);*/
        letter-spacing: 1px;
    }
    .banner-word .word-eon{
        font-weight: 400;
        font-size: calc( var(--bili) * 24px );
        margin: 0 0 calc( var(--bili) * 30px );
        color: #FFFFFF;
        opacity: 0;
        transform: translateY(calc( var(--bili) * 300px ));
        transition: all 1.4s;
        /*text-shadow: 0 0 8px rgba(89, 89, 89, 0.5);*/
        letter-spacing: 1px;
    }
    .banner-word .word-cns{
        font-weight: 400;
        font-size: calc( var(--bili) * 28px );
        padding: calc( var(--bili) * 20px ) calc( var(--bili) * 80px );
        margin: 0 auto calc( var(--bili) * 40px );
        color: #FFFFFF;
        background-color: var(--colorZT);
        opacity: 0;
        transform: translateY(calc( var(--bili) * 300px ));
        letter-spacing: 1px;
        border-radius: 60px;
        transition: all 1.6s;
    }
    .banner-word .word-aws{
        margin: 0 auto;
        width: calc( var(--bili) * 100px );
        height: calc( var(--bili) * 6px );
        background-color: #ffffff;
        opacity: 0;
        transform: translateY(calc( var(--bili) * 300px ));
        transition: all 1.6s;
    }
    .wn-banner .swiper-slide-active .banner-word *{
        opacity: 1;
        transform: translateY(0) translateX(0);
    }
    /*banner-文字-e*/

    /*banner-tab-s*/
    .swiper-pagination.swiper-page-banner{
        /*display: none;*/
        bottom: calc( var(--bili) * 60px )!important;
    }
    .swiper-page-banner .swiper-pagination-bullet{
        background: #fff;
        width: 12px;
        height: 12px;
        margin: 0 12px!important;
        position: relative;
    }
    .wn-banner .swiper-pagination > span {
        display: inline-block;
        vertical-align: middle;
        position: relative;
    }
    .wn-banner .swiper-pagination-bullet {
        width: 12px;
        height: 12px;
        background-color: #ffffff;
        margin: 0 15px;
        opacity: 0.5;
        color: transparent;
    }
    .wn-banner .swiper-pagination-bullet-active {
        opacity: 1;
        width: 42px;
        height: 42px;
        line-height: 42px;
        text-align: center;
        border: 2px solid rgba(255, 255, 255, 0.4);
        background-color: transparent;
        color: #ffffff;
    }

    .wn-banner .wrapper_con {
        width: 21px;
        height: 42px;
        position: absolute;
        top: -2px;
        overflow: hidden;
        display: none;
    }
    .wn-banner .swiper-pagination-bullet-active .wrapper_con {
        display: block;
    }

    .wn-banner .left {
        left: -2px;
    }
    .wn-banner .right {
        right: -2px;
    }
    .wn-banner .circleProgress {
        width: 42px;
        height: 42px;
        border: 2px solid transparent;
        border-radius: 50%;
        position: absolute;
        top: 0;
        -webkit-transform: rotate(-135deg);
    }
    .wn-banner .leftcircle {
        border-top: 2px solid #ffffff;
        border-right: 2px solid #ffffff;
        left: 0;
    }
    .wn-banner .rightcircle {
        border-bottom: 2px solid #ffffff;
        border-left: 2px solid #ffffff;
        right: 0;
    }
    .wn-banner .swiper-pagination-bullet-active .rightcircle {
        -webkit-animation: circleProgressLoad_right 3.3s linear infinite;
        animation: circleProgressLoad_right 3.3s linear infinite;
    }

    .wn-banner .swiper-pagination-bullet-active .leftcircle {
        -webkit-animation: circleProgressLoad_left 3.3s linear infinite;
        animation: circleProgressLoad_left 3.3s linear infinite;
    }
    .wn-banner .swiper-index{
        line-height: 38px;
        color: #FFFFFF;
        display: none;
        font-size: 14px;
    }
    .wn-banner .swiper-pagination-bullet-active .swiper-index{
        display: block;
    }
    @keyframes circleProgressLoad_right {
        0% {
            transform: rotate(45deg);
        }
        50%, 100% {
            transform: rotate(225deg);
        }
    }

    @keyframes circleProgressLoad_left {
        0%, 50% {
            transform: rotate(45deg);
        }
        100% {
            transform: rotate(225deg);
        }
    }
    /*banner-tab-e*/

}

/*foot*/
@media screen{

    .footer{
        width: 100%;
        overflow: hidden;
        padding: calc( var(--bili) * 100px ) 0;
        background-color: var(--colorZT);
    }
    .footer .FtMain{
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }
    .FtShare{
        width: calc( var(--bili) * 400px );
        color: #FFFFFF;
    }
    .FtShare .EcTen{
        display: block;
        font-family: NexaBook;
        font-size: calc( var(--bili) * 20px );
        margin: 0 0 calc( var(--bili) * 10px ) 0;
        width: max-content;
    }
    .FtShare .EcTcn{
        display: block;
        font-size: calc( var(--bili) * 20px );
        margin: 0 0 calc( var(--bili) * 30px ) 0;
        width: max-content;
    }
    .ShareBox{
        display: flex;
        align-items: center;
    }
    .ShareBox .EcIe{
        width: calc( var(--bili) * 60px );
        height: calc( var(--bili) * 60px );
        margin: 0 calc( var(--bili) * 30px ) 0 0;
        border-radius: 50%;
        position: relative;
        background-color: #4d4d4d;
    }
    .ShareBox .EcIe:after{
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        background-size: 50% !important;
        filter: brightness(0.6);
    }
    .ShareBox .EcIe .EcTc{
        width: calc(var(--bili)* 160px);
        height: calc(var(--bili)* 160px);
        position: absolute;
        top: 140%;
        display: none;
        background-color: #FFFFFF;
        border: 1px solid #EEEEEE;
        border-radius: 4px;
    }
    .ShareBox .EcIe.qq:after{
        background: url(../images/share1.svg) no-repeat center;
    }
    .ShareBox .EcIe.wx:after{
        background: url(../images/share2.svg) no-repeat center;
    }
    .ShareBox .EcIe.yx:after{
        background: url(../images/share3.svg) no-repeat center;
    }
    .ShareBox .EcIe:hover{
        background-color: var(--colorZT1);
    }
    .ShareBox .EcIe:hover:after{
        filter: brightness(1);
    }
    .ShareBox .EcIe:hover .EcTc{
        display: block;
    }

    .FtCons{
        width: calc(100% - calc( var(--bili) * 400px ));
        color: #FFFFFF;
    }
    .FtMenu{
        display: flex;
        margin: calc( var(--bili) * -35px );
        padding: 0 0 calc( var(--bili) * 90px ) 0;
    }
    .FtMenu .EcIe{
        width: calc(100%/3);
        padding: calc( var(--bili) * 35px );
    }
    .FtMenu .EcIe .EcBx{
        position: relative;
    }
    .FtMenu .EcIe .EcBx .EcTen{
        display: block;
        font-family: NexaBook;
        font-size: calc( var(--bili) * 20px );
        margin: 0 0 calc( var(--bili) * 10px ) 0;
        width: max-content;
    }
    .FtMenu .EcIe .EcBx .EcTcn{
        display: block;
        font-size: calc( var(--bili) * 20px );
        margin: 0 0 calc( var(--bili) * 30px ) 0;
        width: max-content;
    }
    .FtMenu .InLs{
        padding: 0 0 calc( var(--bili) * 60px ) 0;
        margin: calc( var(--bili) * -5px );
        display: flex;
        flex-wrap: wrap;
    }
    .FtMenu .InLs .InIe{
        width: 100%;
        padding: calc( var(--bili) * 5px );
    }
    .FtMenu .InLs .InIe .InBx{
        font-size: calc( var(--bili) * 15px );
        font-family: NexaBook;
        line-height: 1.6;
    }
    .FtLx{
        position: relative;
        margin: 0 0 calc( var(--bili) * 175px ) 0;
    }
    .FtLx .EcA{
        font-size: calc( var(--bili) * 20px );
        margin: 0 0 calc( var(--bili) * 5px ) 0;
    }
    .FtLx .EcB{
        font-size: calc( var(--bili) * 45px );
        font-weight: 700;
        font-family: NexaBook;
    }
    .FtCopyright{
        font-size: calc( var(--bili) * 15px );
        line-height: 2;
    }
    .FtCopyright *{
        font-size: calc( var(--bili) * 15px );
        line-height: 2;
        color: #FFFFFF;
    }

}

/*公共*/
@media screen{
    .WhContent *{
        max-width: 100%;
    }
    .WhContent img{
        height: auto;
    }

    .Content-Main{
        position: relative;
    }

    .InPD{
        padding: calc( var(--bili) * 200px ) 0 calc( var(--bili) * 220px );
    }
    .NewsPD{
        padding: calc( var(--bili) * 190px ) 0;
    }
    .NewsDetPD{
        padding: calc( var(--bili) * 100px ) 0 0 0;
    }
    .JobPD{
        padding: calc( var(--bili) * 60px ) 0 calc( var(--bili) * 190px );
    }
    .ProPD{
        padding: calc( var(--bili) * 190px ) 0;
    }
    .InPD2{
        padding: calc( var(--bili) * 200px ) 0 calc( var(--bili) * 220px );
    }

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

    .BgA{
        background: #F7F7F7;
    }
    .BgF{
        background: #ffffff;
    }

}

/*首页*/
@media screen{
    .PubTitle{
        margin: 0 0 calc( var(--bili) * 60px ) 0;
    }
    .PubTitle .PTen{
        font-size: calc( var(--bili) * 45px );
        color: #333333;
        font-family: NexaBold;
        margin: 0 0 calc( var(--bili) * 20px ) 0;
    }
    .PubTitle .PTcn{
        font-size: calc( var(--bili) * 35px );
        color: #333333;
        margin: 0 0 calc( var(--bili) * 20px ) 0;
    }
    .PubTitle .PTle{
        width: calc( var(--bili) * 20px );
        height: calc( var(--bili) * 6px );
        background-color: var(--colorZT1);
    }
    .PubTitle.BsYs *{
        color: #FFFFFF;
    }

    .IPubNav{
        padding: 0 0 0 calc( var(--bili) * 600px );
        display: flex;
        flex-wrap: wrap;
        margin: calc( var(--bili) * -40px );
    }
    .IPubNav .EcIe{
        padding: calc( var(--bili) * 40px );
    }
    .IPubNav .EcIe .EcBx{
        font-size: calc( var(--bili) * 24px );
        color: #333333;
        position: relative;
        line-height: 1;
        cursor: pointer;
    }
    .IPubNav .EcIe .EcBx:before{
        content: '';
        position: absolute;
        width: 2px;
        height: 100%;
        background-color: var(--colorZT1);
        right: calc( var(--bili) * -40px );
    }
    .IPubNav .EcIe:last-child .EcBx:before{
        display: none;
    }

    .IcnA{
        padding: calc( var(--bili) * 200px ) 0 calc( var(--bili) * 50px ) 0;
        position: relative;
        overflow: hidden;
    }
    .IcnA .EcMainA{
        margin: calc( var(--bili) * 60px ) 0 0 0;
        position: relative;
    }
    .IcnA .EcMainA .ecCn{
        width: calc( var(--bili) * 500px );
        min-height: calc( var(--bili) * 648px );
    }
    .IcnA .EcMainA .ecCn .ecA{
        font-size: calc( var(--bili) * 25px );
        color: var(--colorZT);
        margin: 0 0 calc( var(--bili) * 60px ) 0;
    }
    .IcnA .EcMainA .ecCn .ecB{
        font-size: calc( var(--bili) * 15px );
        color: #333333;
        line-height: 2;
    }
    .IcnA .EcMainA .ecCn .ecB *{
        font-size: calc( var(--bili) * 15px );
        color: #333333;
        line-height: 2;
    }
    .IcnA .EcMainA .ecFr{
        width: calc( var(--bili) * 1145px );
        height: calc( var(--bili) * 648px );
        position: absolute;
        left: calc( var(--bili) * 600px );
        top: 0;
    }
    .IcnA .EcMainA .ecFr .ecIm{
        width: 100%;
        height: 100%;
    }
    .IcnA .EcMainA .ecFr .swiper-pagination{
        bottom: 7%;
        z-index: 2;
    }
    .IcnA .EcMainA .ecFr .swiper-pagination .swiper-pagination-bullet{
        width: calc( var(--bili) * 90px );
        height: calc( var(--bili) * 3px );
        border-radius: 0;
        margin: 0 calc( var(--bili) * 5px );
    }
    .IcnA .EcMainA .ecFr .swiper-pagination .swiper-pagination-bullet-active{
        background-color: var(--colorZT1);
    }
    .IcnA .EcMainB{
        margin: calc( var(--bili) * 100px ) 0 0 0;
        position: relative;
        display: flex;
        align-items: flex-start;
    }
    .IcnA .EcMainB .ecAn{
        width: calc( var(--bili) * 600px );
    }
    .IcnA .EcMainB .ecAn .ecBtn{
        font-size: calc( var(--bili) * 16px );
        color: #333333;
        display: inline-block;
        border: 2px solid #575757;
        padding: calc( var(--bili) * 12px ) calc( var(--bili) * 45px );
    }
    .IcnA .EcMainB .ecEn{
        width: calc( var(--bili) * 820px );
    }
    .IcnA .EcMainB .ecEn .ecA{
        font-size: calc( var(--bili) * 25px );
        color: var(--colorZT);
        font-family: NexaBold;
        margin: 0 0 calc( var(--bili) * 20px ) 0;
    }
    .IcnA .EcMainB .ecEn .ecB{
        font-size: calc( var(--bili) * 14px );
        color: #333333;
        line-height: 2.4;
    }
    .IcnA .EcMainB .ecEn .ecB *{
        font-size: calc( var(--bili) * 14px );
        color: #333333;
        line-height: 2.4;
    }
    .IcnB{
        padding: calc( var(--bili) * 200px ) 0 calc( var(--bili) * 50px ) 0;
        position: relative;
        overflow: hidden;
    }
    .IcnB .EcMainA{
        position: relative;
        min-height: calc( var(--bili) * 652px );
    }
    .IcnB .ecFl{
        width: calc( var(--bili) * 775px );
        height: calc( var(--bili) * 652px );
        position: absolute;
        right: calc( var(--bili) * 980px );
        top: 0;
    }
    .IcnB .ecCn{
        padding: 0 0 0 calc( var(--bili) * 740px );
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }
    .IcnB .ecCn .ecL{
        width: calc( var(--bili) * 640px );
    }
    .IcnB .ecCn .ecL .ecA{
        font-size: calc( var(--bili) * 15px );
        color: #4d4d4d;
        line-height: 2;
    }
    .IcnB .ecCn .ecL .ecA *{
        font-size: calc( var(--bili) * 15px );
        color: #4d4d4d;
        line-height: 2;
    }
    .IcnB .ecCn .ecL .ecB{
        margin: calc( var(--bili) * 60px ) 0 0 0;
        font-size: calc( var(--bili) * 14px );
        color: #4d4d4d;
        line-height: 2;
    }
    .IcnB .ecCn .ecL .ecB *{
        font-size: calc( var(--bili) * 14px );
        color: #4d4d4d;
        line-height: 2;
    }
    .IcnB .ecCn .ecR{
        border: calc( var(--bili) * 30px ) solid #bcdbeb;
        background-color: var(--colorZT);
        font-size: calc( var(--bili) * 30px );
        color: #ffffff;
        width: calc( var(--bili) * 160px );
        height: calc( var(--bili) * 160px );
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        font-family: NexaBold;
    }

    .IcnC{
        padding: calc( var(--bili) * 200px ) 0;
        position: relative;
    }
    .IcnC .EcMainA{
        padding: 0 calc( var(--bili) * 192px );
        position: relative;
    }
    .IcnC .EcMainA .ecBx{
        width: 100%;
    }
    .IcnC .EcMainA .ecBx .ecIm{
        width: 100%;
        position: relative;
        padding-top: 74.5%;
        overflow: hidden;
    }
    .IcnC .EcMainA .ecBx .ecCn{
        margin: calc( var(--bili) * 40px ) 0 0 0;
    }
    .IcnC .EcMainA .ecBx .ecCn .ecA{
        font-size: calc( var(--bili) * 20px );
        color: #4d4d4d;
    }
    .IcnC .EcMainA .ecBx .ecCn .ecB{
        margin: calc( var(--bili) * 10px ) 0 0 0;
        font-size: calc( var(--bili) * 16px );
        color: #808080;
        font-family: NexaBook;
    }
    .IcnC .EcMainA .SwBtn{
        width: calc( var(--bili) * 40px );
        height: calc( var(--bili) * 40px );
        border: 1px solid #9d9d9d;
        border-radius: 50%;
        top: 40%;
        transition: all 0.3s;
    }
    .IcnC .EcMainA .SwBtn:after{
        font-size: calc( var(--bili) * 16px );
        color: #9d9d9d;
        transition: all 0.3s;
    }
    .IcnC .EcMainA .SwBtn.SwL{
        left: calc( var(--bili) * 50px );
    }
    .IcnC .EcMainA .SwBtn.SwR{
        right: calc( var(--bili) * 50px );
    }
    .IcnC .EcMainA .SwBtn:hover{
        border: 1px solid var(--colorZT);
    }
    .IcnC .EcMainA .SwBtn:hover:after{
        color: var(--colorZT);
    }

    .IcnD{
        padding: calc( var(--bili) * 80px ) 0 calc( var(--bili) * 50px ) 0;
        background-color: var(--colorZT);
    }
    .IcnD .EcMainA{
        width: calc( var(--bili) * 1570px );
        margin: calc( var(--bili) * -120px ) auto 0;
        position: relative;
    }
    .IcnD .EcMainA .ecImA{
        position: relative;
        overflow: hidden;
    }
    .IcnD .EcMainA .ecImB{
        position: absolute;
        left: 0;
        top: 0;
    }
    .IcnE{
        padding: calc( var(--bili) * 200px ) 0 calc( var(--bili) * 170px ) 0;
    }
    .IcnE .EcMainA{
        position: relative;
        margin: 0 auto;
        width: calc( var(--bili) * 640px );
        padding: calc( var(--bili) * 60px ) 0 calc( var(--bili) * 275px ) 0;
    }
    .IcnE .EcMainA .EcIm{
        width: 33.25vw;
        height: 33.25vw;
    }
    .IcnE .EcMainA .InLs{

    }
    .IcnE .EcMainA .InLs .InIe{
        position: absolute;
        background-color: var(--colorZT);
        overflow: hidden;
        border-radius: 50%;
    }
    .IcnE .EcMainA .InLs .InIe .InBx{
        display: block;
        width: 100%;
        position: relative;
        padding-top: 100%;
    }
    .IcnE .EcMainA .InLs .InIe:nth-of-type(5){
        left: -16vw;
        bottom: 8vw;
        width: 22.375vw;
        background-color: var(--colorZT1);
    }
    .IcnE .EcMainA .InLs .InIe:nth-of-type(6){
        right: -13.5vw;
        bottom: 7vw;
        width: 15.4vw;
    }
    .IcnE .EcMainA .InLs .InIe:nth-of-type(7){
        right: -13.5vw;
        bottom: 30vw;
        width: 10.925vw;
        background-color: var(--colorZT1);
    }
    .IcnE .EcMainA .InLs .InIe:nth-of-type(8){
        right: -30vw;
        bottom: 23vw;
        width: 15.4vw;
    }
    .IcnE .EcMainA .InLs .InIe:nth-of-type(9){
        left: -30vw;
        bottom: 23vw;
        width: 10.925vw;
    }
    .IcnE .EcMainA .InLs .InIe:nth-of-type(1){
        left: -14vw;
        bottom: 36vw;
        width: 3.1vw;
        background-color: var(--colorZT1);
    }
    .IcnE .EcMainA .InLs .InIe:nth-of-type(2){
        left: -8vw;
        bottom: 38vw;
        width: 6.8vw;
    }
    .IcnE .EcMainA .InLs .InIe:nth-of-type(3){
        right: -20vw;
        bottom: 44vw;
        width: 6.8vw;
    }
    .IcnE .EcMainA .InLs .InIe:nth-of-type(4){
        left: 14vw;
        bottom: 0;
        width: 6.8vw;
        background-color: var(--colorZT1);
    }
    .IcnE .EcMainA .InLs .InIe:nth-child(n+10){
        display: none!important;
    }
}

/*菜单-位置*/
@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 20px 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{
        display: flex;
        align-items: center;
        justify-content: flex-start;
        margin: calc( var(--bili) * 140px ) 0 calc( var(--bili) * 60px ) 0;
    }
    .Position .Acls{
        font-size: calc( var(--bili) * 20px );
        color: #333333;
        display: block;
        position: relative;
        margin: 0 calc(var(--bili)* 20px) 0 0;
    }
    .Position .Acls:after{
        content: '';
        position: absolute;
        width: 1px;
        height: calc(var(--bili)* 14px);
        background-color: var(--colorZT1);
        right: calc(var(--bili)* -10px);
        top: 50%;
        transform: translateY(-50%);
        font-weight: bold;
    }
    .Position .Acls:last-child{
        margin: 0;
    }
    .Position .Acls:last-child:after{
        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: 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{
    .DetBnMain{
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 2;
    }
    .DetBnMain .Fxc{
        height: 100%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }
    .DetBnMain .BnBox{
        width: 100%;
    }
    .BannerWord{
        position: relative;
    }
    .BannerWord .BwCn{
        font-size: calc( var(--bili) * 50px );
        color: #ffffff;
        line-height: 1.6;
    }
    .BannerWord .BwAn{
        font-size: calc( var(--bili) * 18px );
        color: #FFFFFF;
        border: 1px solid #FFFFFF;
        padding: calc( var(--bili) * 10px ) calc( var(--bili) * 30px );
        display: inline-block;
        margin: calc( var(--bili) * 80px ) 0 0 0;
        transition: all 0.2s;
    }
    .BannerWord .BwAn:hover{
        border: 1px solid var(--colorZT);
        background: var(--colorZT);
    }
    .wn-banner .BannerWord .BwCn{
        transform: translateY(20%);
        opacity: 0;
        transition: all .3s;
    }
    .wn-banner .BannerWord .BwAn{
        transform: translateY(20%);
        opacity: 0;
        transition: all .3s;
    }
    .wn-banner .swiper-slide-active .BannerWord .BwCn{
        transform: translate(0);
        opacity: 1;
        transition: opacity .5s .6s,transform .5s .6s;
    }
    .wn-banner .swiper-slide-active .BannerWord .BwAn{
        transform: translate(0);
        opacity: 1;
        transition: opacity .5s .6s,transform .5s .6s;
    }

    .ContactMain{
        width: 100%;
        background-color: rgba(255, 255, 255, 0.7);
        padding: calc( var(--bili) * 50px );
        display: flex;
        justify-content: space-between;
    }
    .ContactMain .EcCon{
        width: calc( var(--bili) * 520px );
        display: flex;
        flex-direction: column;
        justify-content: space-around;
    }
    .ContactMain .EcCon .EcTcn{
        font-size: calc( var(--bili) * 35px );
        color: #333333;
        margin: 0 0 calc( var(--bili) * 20px ) 0;
    }
    .ContactMain .EcCon .EcTen{
        font-size: calc( var(--bili) * 25px );
        color: #333333;
        margin: 0 0 calc( var(--bili) * 80px ) 0;
    }
    .ContactMain .EcCon .EcIe{
        display: flex;
        margin: calc( var(--bili) * 20px ) 0;
    }
    .ContactMain .EcCon .EcIe .EcL{
        width: calc( var(--bili) * 130px );
        font-size: calc( var(--bili) * 16px );
        color: #333333;
    }
    .ContactMain .EcCon .EcIe .EcR{
        width: calc(100% - calc( var(--bili) * 130px ));
        font-size: calc( var(--bili) * 16px );
        color: #333333;
    }
    .ContactMain .EcMap{
        width: calc( var(--bili) * 710px );
        height: calc( var(--bili) * 400px );
        background-color: #FFFFFF;
    }
    .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;
    }
    .Map-Box{
        width: 100%;
        height: calc( var(--bili) * 550px );
        overflow: hidden;
    }
    .BMap_stdMpCtrl,.BMap_cpyCtrl,.anchorBL,.BMap_omBtn,.BMap_omOutFrame{
        display: none;
    }

}

/*网站地图*/
@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{
    .DetailMain{
        position: relative;
        width: 100%;
    }
    .DetailMain .DetInfo{
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }
    .DetailMain .DetInfo .DetBox{
        width: calc(100% - calc(var(--bili)* 1150px));
    }
    .DetailMain .DetInfo .DetBox .DetLine{
        width: calc( var(--bili) * 20px );
        height: calc( var(--bili) * 6px );
        background-color: var(--colorZT1);
    }
    .DetailMain .DetInfo .DetBox .DetTcn{
        margin: calc( var(--bili) * 60px ) 0 0 0;
        font-size: calc( var(--bili) * 40px );
        color: #333333;
        line-height: 1.6;
    }
    .DetailMain .DetInfo .DetBox .DetTen{
        margin: calc( var(--bili) * 60px ) 0 0 0;
        font-size: calc( var(--bili) * 16px );
        color: #333333;
        line-height: 2;
    }
    .DetailMain .DetInfo .DetBox .DetTm{
        font-size: calc( var(--bili) * 25px );
        color: #333333;
        margin: calc( var(--bili) * 60px ) 0 0 0;
    }
    .DetailMain .DetInfo .DetIm{
        width: calc( var(--bili) * 924px );
        position: relative;
        padding-top: 37%;
        overflow: hidden;
    }
    .DetailMain .DetCons{
        margin: calc( var(--bili) * 150px ) 0 0 0;
    }
    .DetailMain .DetCons .ConBox{
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        padding: 0 calc( var(--bili) * 135px );
    }
    .DetailMain .DetCons .ConBox .ConNr{
        line-height: 2;
        font-size: calc( var(--bili) * 16px );
        color: #333333;
        width: 46%;
    }
    .DetailMain .DetCons .ConBox .ConNr *{
        line-height: 2;
        font-size: calc( var(--bili) * 16px );
        color: #333333;
        max-width: 100%;
    }
    .DetailMain .DetCons .ConBox .ConNr2{
        line-height: 2;
        font-size: calc( var(--bili) * 15px );
        color: #333333;
        width: 50%;
    }
    .DetailMain .DetCons .ConBox .ConNr2 *{
        line-height: 2;
        font-size: calc( var(--bili) * 15px );
        color: #333333;
        max-width: 100%;
    }
    .DetailMain .DetCons .ConIms{
        width: 100%;
        padding: 0 calc( var(--bili) * 135px );
        margin: calc( var(--bili) * 150px ) 0 0 0;
    }
    .DetailMain .DetCons .ConIms *{
        line-height: 2;
        font-size: calc( var(--bili) * 16px );
        color: #333333;
        max-width: 100%;
    }
    .DetailMain .DetCons .ConIms img{
        height: auto;
    }
}

/*新闻*/
@media screen{

    .News-Main{
        position: relative;
    }
    .NewsLs{
        display: flex;
        flex-wrap: wrap;
        margin: calc( var(--bili) * -17px );
    }
    .NewsLs .EcIe{
        width: calc(100%/3);
        padding: calc( var(--bili) * 17px );
    }
    .NewsLs .EcIe:nth-of-type(1),.NewsLs .EcIe:nth-of-type(2){
        width: calc(100%/2);
    }
    .NewsLs .EcIe .EcBx{
        position: relative;
    }
    .NewsLs .EcIe .EcBx .EcIm{
        width: 100%;
        position: relative;
        padding-top: 64%;
        overflow: hidden;
    }
    .NewsLs .EcIe .EcBx .EcCn{
        color: #FFFFFF;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        padding: calc( var(--bili) * 20px ) calc( var(--bili) * 40px );
        background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 1));
        transition: all 0.5s;
    }
    .NewsLs .EcIe .EcBx .EcCn .ecA{
        font-size: calc( var(--bili) * 15px );
        line-height: 2;
    }
    .NewsLs .EcIe .EcBx .EcCn .ecB{
        font-size: calc( var(--bili) * 16px );
        margin: calc( var(--bili) * 6px ) 0 0 0;
        line-height: 2;
    }
    .NewsLs .EcIe .EcBx .EcCn .ecC{
        font-size: calc( var(--bili) * 14px );
        margin: calc( var(--bili) * 6px ) 0 0 0;
        line-height: 2;
    }

}

/*产品*/
@media screen{
    .ProInner{
        width: calc(var(--bili)* 1460px);
        margin: 0 auto;
    }
    .ProMain{
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        margin: 0 0 calc(var(--bili)* 270px) 0;
    }
    .ProMain .ProClass{
        width: calc(var(--bili)* 330px);
    }
    .ProMain .ProClass .EcIe{
        width: 100%;
        margin: 0 0 calc(var(--bili)* 20px) 0;
    }
    .ProMain .ProClass .EcIe .EcBx{
        display: block;
        padding: calc(var(--bili)* 10px) calc(var(--bili)* 25px);
        background-color: #e6e6e6;
        font-size: calc(var(--bili)* 16px);
        color: var(--colorZT);
    }
    .ProMain .ProClass .EcIe .EcBx .EcEn{
        margin: 0 0 calc(var(--bili)* 2px) 0;
        font-family: NexaBook;
        font-weight: 700;
    }
    .ProMain .ProClass .EcIe .EcBx .EcCn{
    }
    .ProMain .ProClass .EcIe.on .EcBx{
        background-color: var(--colorZT);
        color: #FFFFFF;
    }
    .ProMain .ProCon{
        width: calc(var(--bili)* 1052px);
    }
    .ProContent{
        font-size: calc(var(--bili)* 16px);
        color: #555555;
        line-height: 2;
    }
    .ProMain .ProBt{
        display: flex;
        justify-content: space-between;
        margin: calc(var(--bili)* -8px);
    }
    .ProMain .ProBt .EcIe{
        width: 100%;
        padding: calc(var(--bili)* 8px);
    }
    .ProMain .ProBt .EcIe .EcBx{
        text-align: center;
        font-size: calc(var(--bili)* 18px);
        background-color: var(--colorZT);
        color: #FFFFFF;
        padding: calc(var(--bili)* 21.5px);
    }
    .ProMain .ProLs{
        display: flex;
        flex-wrap: wrap;
    }
    .ProMain .ProIe{
        width: 100%;
    }
    .ProMain .InLs{
        display: flex;
        justify-content: space-between;
        margin: calc(var(--bili)* -8px);
    }
    .ProMain .InLs .InIe{
        width: 100%;
        padding: calc(var(--bili)* 8px);
    }
    .ProMain .InLs .InIe .InBx{
        padding: calc(var(--bili)* 15px) 0;
        height: 100%;
        border-top: 2px solid #555555;
        font-size: calc(var(--bili)* 16px);
        color: #333333;
        min-height: calc(var(--bili)* 150px);
    }
    .ProMain .InLs .InIe .InBx .EcMc{

    }
    .ProMain .InLs .InIe .InBx .EcIm{
        width: 100%;
    }
    .ProMain .ProIe:first-child .InLs .InIe .InBx{
        border-top: 0;
    }
    .ProMain .ProIe:last-child .InLs .InIe .InBx{
        border-bottom: 2px solid #555555;
    }
    .ProMain .InLs .InIe .InNrA{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border-bottom: 0;
        opacity: 0;
    }
    .ProMain .InLs .InIe .InNrA.on{
        opacity: 1;
    }
    .ProMain .InLs .InIe .InNrB{
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .ProMain .InLs .InIe .InNrC{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
}

/*关于我们*/
@media screen{
    .PubTitleB{
        margin: 0 0 calc( var(--bili) * 60px ) 0;
    }
    .PubTitleB .PTen{
        font-size: calc( var(--bili) * 30px );
        color: var(--colorZT);
        font-family: NexaBold;
        margin: 0 0 calc( var(--bili) * 20px ) 0;
    }
    .PubTitleB .PTcn{
        font-size: calc( var(--bili) * 26px );
        color: var(--colorZT);
    }

    .AuCA{
        padding: calc( var(--bili) * 100px ) 0 calc( var(--bili) * 30px ) 0;
    }
    .AuCA .EcConA{
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        margin: 0 0 calc( var(--bili) * 160px ) 0;
    }
    .AuCA .EcConA .EcIm{
        width: calc( var(--bili) * 725px );
        height: calc( var(--bili) * 536px );
        overflow: hidden;
        margin: calc( var(--bili) * 80px ) 0 0 0;
        background-color: #ccc;
    }
    .AuCA .EcConA .EcCn{
        width: calc( var(--bili) * 600px );
        margin: calc( var(--bili) * 80px ) 0 0 0;
    }
    .AuCA .EcConA .EcCn .ecA{
        font-size: calc( var(--bili) * 25px );
        color: var(--colorZT);
        margin: 0 0 calc( var(--bili) * 40px ) 0;
    }
    .AuCA .EcConA .EcCn .ecB{
        font-size: calc( var(--bili) * 18px );
        color: #333333;
        line-height: 2;
    }
    .AuCA .EcConA .EcCn .ecB *{
        font-size: calc( var(--bili) * 18px );
        color: #333333;
        line-height: 2;
    }
    .AuCA .EcConB{
        padding: 0 calc( var(--bili) * 140px );
        display: flex;
        justify-content: space-between;
    }
    .AuCA .EcConB .EcNr{
        width: 46%;
    }
    .AuCA .EcConB .EcNr .ecA{
        color: var(--colorZT);
        font-size: calc( var(--bili) * 25px );
        font-family: NexaBook;
    }
    .AuCA .EcConB .EcNr .ecB{
        margin: calc( var(--bili) * 50px ) 0 0 0;
        font-size: calc( var(--bili) * 14px );
        color: #333333;
        line-height: 2;
    }
    .AuCA .EcConB .EcNr .ecB *{
        font-size: calc( var(--bili) * 14px );
        color: #333333;
        line-height: 2;
    }

    .AuCB{
        background: url(../images/BG1.jpg) no-repeat center;
        padding: calc( var(--bili) * 70px ) 0 calc( var(--bili) * 140px ) 0;
        background-size: cover;
    }
    .AuCB .EcConA{
        display: flex;
        justify-content: flex-end;
    }
    .AuCB .EcConA .EcMR{
        width: calc( var(--bili) * 420px );
        margin: calc( var(--bili) * -60px ) 0 0 0;
    }
    .AuCB .EcConA .EcMR .ecA{
        font-size: calc( var(--bili) * 48px );
        color:var(--colorZT1);
        font-family: NexaBook;
    }
    .AuCB .EcConA .EcMR .ecA *{
        font-family: NexaBook;
    }
    .AuCB .EcConA .EcMR .ecB{
        font-size: calc( var(--bili) * 16px );
        color: #333333;
        line-height: 2;
        margin: 0 0 calc( var(--bili) * 50px ) 0;
    }
    .AuCB .EcConA .EcMR .ecC{
        font-size: calc( var(--bili) * 15px );
        color: #FFFFFF;
        line-height: 2;
        margin: calc( var(--bili) * 230px ) 0 0 0;
    }
    .AuCB .EcConA .EcMR .ecC *{
        font-size: calc( var(--bili) * 15px );
        color: #FFFFFF;
        line-height: 2;
    }

    .AuCC{
        padding: calc( var(--bili) * 20px ) 0 calc( var(--bili) * 160px ) 0;
        background-color: #FFFFFF;
    }
    .AuCD{
        background: url(../images/BG2.jpg) no-repeat top;
        background-size: 100% calc( var(--bili) * 760px );
        padding: calc( var(--bili) * 150px ) 0 calc( var(--bili) * 220px ) 0;
    }
    .AbLsA{
        display: flex;
        flex-wrap: wrap;
        margin: calc( var(--bili) * -40px );
        position: relative;
        z-index: 5;
    }
    .AbLsA .EcIe{
        width: calc(100%/3);
        padding: calc( var(--bili) * 40px );
        position: relative;
        z-index: 2;
    }
    .AbLsA .EcIe .EcBx{
        position: relative;
        height: 100%;
    }
    .AbLsA .EcIe .EcBx .EcCnA{
        height: calc( var(--bili) * 80px );
    }
    .AbLsA .EcIe .EcBx .EcCnA .ecA{
        font-size: calc( var(--bili) * 16px );
        color: var(--colorZT);
        line-height: calc( var(--bili) * 30px );
    }
    .AbLsA .EcIe .EcBx .EcCnA .ecB{
        font-size: calc( var(--bili) * 16px );
        color: var(--colorZT);
        line-height: calc( var(--bili) * 25px );
    }
    .AbLsA .EcIe .EcBx .EcCnB{
        height: calc(100% - calc( var(--bili) * 80px ));
    }
    .AbLsA .EcIe .EcBx .EcCnB .ecC{
        min-height: 50%;
        color: #333333;
        line-height: 2;
        font-size: calc( var(--bili) * 15px );
    }
    .AbLsA .EcIe .EcBx .EcCnB .ecD{
        min-height: 50%;
        color: #333333;
        line-height: 2;
        font-size: calc( var(--bili) * 15px );
        margin: calc( var(--bili) * 25px ) 0 0 0;
    }
    .AbLsA.WzBs *{
        color: #FFFFFF!important;
    }
    .AbBoxA{
        position: relative;
        padding: calc( var(--bili) * 99px ) 0 calc( var(--bili) * 84px ) 0;
    }
    .AbBoxA:after{
        content: '';
        position: absolute;
        width: 1000%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.4);
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        z-index: 1;
    }
    .AbBoxB{
        position: relative;
        padding: calc( var(--bili) * 20px ) 0 calc( var(--bili) * 100px ) 0;
        margin: 0 0 calc( var(--bili) * 60px ) 0;
    }
    .AbBoxB:after{
        content: '';
        position: absolute;
        width: 1000%;
        height: 100%;
        background-color: var(--colorZT);
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        z-index: 1;
    }
    .AbBoxB .AbLsA .EcIe .EcBx .EcCnB .ecD{
        margin: 0;
    }

    .AuCE{
        position: relative;
        overflow: hidden;
        padding: 0 0 calc( var(--bili) * 260px ) 0;
        background-color: #FFFFFF;
    }
    .AuCE .EcMainA{
        position: relative;
    }
    .AuCE .EcMainA .ecCn{
        width: calc( var(--bili) * 500px );
        min-height: calc( var(--bili) * 648px );
    }
    .AuCE .EcMainA .ecCn .ecA{
        font-size: calc( var(--bili) * 15px );
        color: #333333;
        line-height: 2;
        margin: calc( var(--bili) * 90px ) 0 calc( var(--bili) * 40px ) 0;
    }
    .AuCE .EcMainA .ecCn .ecA *{
        font-size: calc( var(--bili) * 15px );
        color: #333333;
        line-height: 2;
    }
    .AuCE .EcMainA .ecCn .ecB{
        font-size: calc( var(--bili) * 15px );
        color: #333333;
        line-height: 2;
    }
    .AuCE .EcMainA .ecCn .ecB *{
        font-size: calc( var(--bili) * 15px );
        color: #333333;
        line-height: 2;
    }
    .AuCE .EcMainA .ecFr{
        width: calc( var(--bili) * 1145px );
        height: calc( var(--bili) * 648px );
        position: absolute;
        left: calc( var(--bili) * 600px );
        top: 0;
    }
    .AuCE .EcMainA .ecFr .ecIm{
        width: 100%;
        height: 100%;
    }
}

/*左侧滚动*/
@media screen{
    .IcRoll{
        position: fixed;
        right: 0;
        top: 90%;
        transform: translateY(-90%);
        z-index: 999;
        padding: calc(var(--bili)* 20px);
        border-radius: 4px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .IcRoll .EcNav{
        position: relative;
        margin: calc(var(--bili)* -5px);
    }
    .IcRoll .EcNav .EcIe{
        padding: calc(var(--bili)* 5px);
    }
    .IcRoll .EcNav .EcIe .EcBx{
        height: 100%;
        background-color: var(--colorZT1);
        border-radius: 50%;
        display: flex;
        flex-direction: column;
        align-items: center;
        cursor: pointer;
        position: relative;
    }
    .IcRoll .EcNav .EcIe .EcBx .ecA{
        width: calc(var(--bili)* 60px);
        height: calc(var(--bili)* 60px);
        background-size: 50%!important;
    }
    .IcRoll .EcNav .EcIe .EcBx .ecA.ic1{
        background: url(../images/top.svg) no-repeat center;
    }
    .IcRoll .EcNav .EcIe .EcBx:hover .ecA{
        filter: brightness(1);
    }
}

/*留言板*/
@media screen{
    .MsgBox{
        width: 100%;
    }
    .MsgForm {
        width: 100%;
        position: relative;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }
    .MsgForm .EcL{
        width: calc( var(--bili) * 642px );
    }
    .MsgForm .EcR{
        width: calc( var(--bili) * 642px );
    }
    .MsgForm .EcIe{
        display: flex;
        margin: 0 0 calc( var(--bili) * 25px ) 0;
    }
    .MsgForm .EcIe .SrkA {
        width: 100%;
        border: 1px solid #8f8f8f;
        height: calc(var(--bili) * 65px);
        font-size: calc(var(--bili) * 16px);
        padding: 0 calc(var(--bili) * 20px);
    }
    .MsgForm .EcIe .SrkB {
        width: 100%;
        border: 1px solid #8f8f8f;
        height: calc(var(--bili) * 335px);
        font-size: calc(var(--bili) * 16px);
        padding: calc(var(--bili) * 20px);
    }
    .MsgForm .EcBtnLs {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .MsgForm .EcBtnLs .BtnA {
        display: block;
        width: 48%;
        height: calc(var(--bili) * 65px);
        line-height: calc(var(--bili) * 65px);
        text-align: center;
        font-size: calc(var(--bili) * 20px);
        color: #ffffff !important;
        background-color: var(--colorZT) !important;
        cursor: pointer;
        border: 0;
    }
}

/*招聘*/
@media screen{
    .PubSearch{
        position: relative;
        margin: 0 0 calc( var(--bili) * 90px ) 0;
    }
    .PubSearch .SsForm{
        width: 100%;
    }
    .PubSearch .SsForm .SsBx{
        display: flex;
        justify-content: space-between;
        align-items: center;
        overflow: hidden;
        position: relative;
    }
    .PubSearch .SsForm .SsBx .SsSrk{
        width: calc(100% - calc( var(--bili) * 310px ));
        height: calc( var(--bili) * 62px );
        border: 1px solid #555555;
        padding: 0 calc( var(--bili) * 80px );
        border-radius: calc( var(--bili) * 60px ) 0 0 calc( var(--bili) * 60px );
        border-right: 0;
        font-size: calc( var(--bili) * 20px );
        color: #333333;
        position: relative;
    }
    .PubSearch .SsForm .SsBx:after{
        content: '';
        position: absolute;
        left: calc( var(--bili) * 30px );
        top: 50%;
        transform: translateY(-50%);
        width: calc( var(--bili) * 24px );
        height: calc( var(--bili) * 24px );
        background: url(../images/w3.svg) no-repeat center;
        background-size: 100%;
    }
    .PubSearch .SsForm .SsBx .SsBtn{
        width: calc( var(--bili) * 310px );
        height: calc( var(--bili) * 62px );
        text-align: center;
        color: #FFFFFF;
        font-size: calc( var(--bili) * 20px );
        border: 1px solid var(--colorZT);
        background-color: var(--colorZT);
        border-radius: 0 calc( var(--bili) * 60px ) calc( var(--bili) * 60px ) 0;
        cursor: pointer;
    }

    .JobNum{
        font-size: calc(var(--bili)* 20px);
        color: #333333;
        line-height: 2;
        border-bottom: 2px solid #7e7e7e;
        padding: calc(var(--bili)* 10px) 0;
    }
    .JobLs{
        display: flex;
        flex-wrap: wrap;
    }
    .JobLs .EcIe{
        width: 100%;
    }
    .JobLs .EcIe .EcBx{
        padding: calc(var(--bili)* 130px) 0 calc(var(--bili)* 25px) 0;
        border-bottom: 2px solid #7e7e7e;
    }
    .JobLs .EcIe .EcBx .EcInfo{
        display: flex;
        justify-content: space-between;
        align-items: center;
        cursor: pointer;
    }
    .JobLs .EcIe .EcBx .EcInfo .EcL{
        width: 60%;
        display: flex;
        align-items: center;
    }
    .JobLs .EcIe .EcBx .EcInfo .EcL .EcMc{
        font-size: calc(var(--bili)* 35px);
        color: #333333;
        margin: 0 calc(var(--bili)* 40px) 0 0;
        line-height: 1.2;
    }
    .JobLs .EcIe .EcBx .EcInfo .EcL .EcIn{
        font-size: calc(var(--bili)* 35px);
        color: #333333;
        line-height: 1.2;
    }
    .JobLs .EcIe .EcBx .EcInfo .EcR{
        max-width: 40%;
    }
    .JobLs .EcIe .EcBx .EcInfo .EcR .EcMore{
        font-size: calc(var(--bili)* 16px);
        color: #333333;
    }
    .JobLs .EcIe .EcBx .EcInfo .EcR .EcNr{
        font-size: calc(var(--bili)* 35px);
        color: #333333;
        line-height: 1.2;
        display: none;
    }
    .JobLs .EcIe .EcBx .EcCons{
        display: none;
        padding: calc(var(--bili)* 80px) 0 0 0;
    }
    .JobLs .EcIe .EcBx .EcCons .EcCnBox{
        margin: calc(var(--bili)* 50px) 0 0 0;
    }
    .JobLs .EcIe .EcBx .EcCons .EcCnBox .EcBt{
        font-size: calc(var(--bili)* 16px);
        color: var(--colorZT);
        font-weight: 700;
        margin: 0 0 calc(var(--bili)* 10px) 0;
    }
    .JobLs .EcIe .EcBx .EcCons .EcCnBox .EcIn{
        line-height: 2;
        font-size: calc(var(--bili)* 16px);
        color: #4d4d4d;
    }
    .JobLs .EcIe .EcBx .EcCons .EcCnBox .EcIn *{
        line-height: 2;
        font-size: calc(var(--bili)* 16px);
        color: #4d4d4d;
    }
    .JobLs .EcIe .EcBx .EcCons .SendEmail{
        display: inline-block;
        margin: calc(var(--bili)* 80px) 0 calc(var(--bili)* 20px) 0;
        background-color: var(--colorZT);
        color: #FFFFFF;
        padding: calc(var(--bili)* 15px) calc(var(--bili)* 20px);
        font-size: calc(var(--bili)* 20px);
    }
    .JobLs .EcIe .EcBx.on .EcInfo .EcR .EcMore{
        display: none;
    }
    .JobLs .EcIe .EcBx.on .EcInfo .EcR .EcNr{
        display: block;
    }
}