/*头部*/
@media screen{
    .head-top{
        background-color: var(--colorZT1);
        height: calc( var(--bili) * 72px );
    }
    .head-top .inner{
        height: 100%;
    }
    .head-top .Econ{
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .head-top .Econ .ecL{
        display: flex;
        align-items: center;
        font-size: calc( var(--bili) * 18px );
        color: #ffffff;
    }
    .head-top .Econ .ecL .inA{
        background: url(../images/w1.svg) no-repeat 0 center;
        background-size: 26px;
        padding: 0 0 0 36px;
        line-height: 2;
    }
    .head-top .Econ .ecL .inB{
        margin: 0 0 0 calc( var(--bili) * 40px );
        background: url(../images/w2.svg) no-repeat 0 center;
        background-size: 26px;
        padding: 0 0 0 36px;
        line-height: 2;
    }
    .head-top .Econ .ecR{
        display: flex;
        align-items: center;
        font-size: calc( var(--bili) * 17px );
        color: #ffffff;
    }
    .head-top .Econ .ecR .inA{
        display: block;
        background: url(../images/w3.svg) no-repeat 0 center;
        background-size: 26px;
        padding: 0 0 0 36px;
        line-height: 2;
    }
    .WebLink{
        margin-left: 35px;
        display: flex;
        align-items: center;
    }
    .WebLink .lk{
        width: 32px;
        height: 32px;
        line-height: 32px;
        text-align: center;
        display: block;
        margin-left: 5px;
    }
    .WebLink .lk.Wx{
        background: var(--colorZT) url(../images/w4.svg) no-repeat center;
        background-size: 60%;
    }
    .WebLink .lk.Twitter{
        background: #1da1f2 url(../images/w5.svg) no-repeat center;
        background-size: 60%;
    }
    .WebLink .lk.Facebook{
        background: #3b5998 url(../images/w6.svg) no-repeat center;
        background-size: 60%;
    }
    .WebLink .lk.Pinterest{
        background: #cb2027 url(../images/w7.svg) no-repeat center;
        background-size: 60%;
    }
    .WebLink .lk.Linkedin{
        background: #007bb6 url(../images/w8.svg) no-repeat center;
        background-size: 60%;
    }
    .WebLink .lk:hover{
        background-color: #666666;
    }
    .head-top .Econ .ecR .inB{
        margin-left: 20px;
        display: block;
    }

    .header{
        width: 100%;
        height: calc( var(--bili) * var(--hedaH)*1px );
        background: #ffffff;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
        /*margin: 0 0 10px 0;*/
        z-index: 99;
        position: relative;
    }
    .header.menu-none {
        /*transition: all 0.5s;*/
        /*transform: translateY(-110%);*/
    }
    .header.on {
        /*height: calc( var(--bili) * var(--hedaHM)*1px );*/
        /*background: -webkit-linear-gradient(top,rgba(0, 0, 0, 0.8) ,transparent);*/
    }

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

    .header-menu{
        width: 76%;
        transition: opacity 0.5s;
        opacity: 1;
        position: relative;
    }
    .header-menu .CAul{
        display: flex;
        width: 100%;
        justify-content: flex-end;
    }
    .header-menu .CAli{
        /*width: 100%;*/
        /*position: relative;*/
        height: calc( var(--bili) * var(--hedaMH)*1px );
        display: flex;
        align-items: center;
        margin: 0 18px;
        position: relative;
    }
    .header-menu .CAli.isDm:before{
        content: '';
        position: absolute;
        border-left: calc(var(--bili)* 5px) solid transparent;
        border-right: calc(var(--bili)* 5px) solid transparent;
        border-top: calc(var(--bili)* 5px) solid #000000;
        left: 50%;
        bottom: 12px;
        transform: translateX(-50%);
        opacity: 0.2;
    }
    .header-menu .CAli.isDm:hover:before{
        border-top: calc(var(--bili)* 5px) solid var(--colorZT);
        opacity: 1;
    }
    .header-menu .CAli:after{
        height: 16px;
        width: 1px;
        content: "";
        border-right: 1px solid;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: -20px;
        opacity: 0.2;
    }
    .header-menu .CAli:first-child:after{
        display: none;
    }
    .header-menu .CAli .CAa{
        color: #666666;
        width: 100%;
        font-size: calc( var(--bili) * 16px );
        line-height: calc( var(--bili) * var(--hedaAH)*1px );
        display: block;
        text-align: center;
        white-space:nowrap;
        font-weight: 700;
        padding: 0 5px;
        position: relative;
    }
    .header-menu .CAli .CAa:after{
        background-color: var(--colorZT);
        position: absolute;
        z-index: 1;
        content: "";
        left: 50%;
        right: 50%;
        height: 4px;
        top: 0;
        transition: 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
        transform: translate3d(0, 0, 0);
    }
    .header-menu .CAli.on .CAa:after{
        left: 0;
        right: 0;
    }
    .header-menu .CAli:hover .CAa:after{
        left: 0;
        right: 0;
    }

    .down-menu{
        /*animation: fadeInUp50 0.5s forwards;*/
        display: none;
        /*display: block!important;*/
        position: absolute;
        left: -20px;
        /*top: calc( var(--bili) * var(--hedaH)*1px );*/
        top: 100%;
        width: auto;
        /*height: calc( var(--bili) * 460px );*/
        overflow: hidden;
        background-color: #ffffff;
        z-index: 99;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
        /*border-top: 1px solid #dddddd;*/
        padding: 20px 0;
    }
    .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%;
        padding: 10px 35px 10px 55px;
        font-size: calc( var(--bili) * 16px );
        color: #666666;
        white-space:nowrap;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        text-overflow: ellipsis;
        word-break: break-all;
        /*transition: all 0.5s;*/
        position: relative;
        line-height: 1.8;
    }
    .down-menu .CBa:before{
        content: "";
        position: absolute;
        width: 8px;
        height: 8px;
        border: 2px solid var(--colorZT);
        left: 30px;
        top: 50%;
        transform: translateY(-50%);
        border-radius: 50%;
    }
    .down-menu .CBa:after{
        content: "";
        position: absolute;
        bottom: 0;
        left: 32px;
        right: 30px;
        height: 1px;
        background: rgba(0, 0, 0, 0.1);
    }
    .down-menu .CBli:last-child .CBa:after{
        display: none;
    }
    .down-menu .CBli:hover .CBa{
        opacity: 1;
        color: #ffffff;
        background-color: var(--colorZT);
    }
    .down-menu .CBli:hover .CBa:after{
        display: none;
    }
    .down-menu .CBa:hover:before{
        border: 2px solid #ffffff;
    }

    .DmMain{
        padding: 30px 40px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 100%;
    }
    .DmMain .ecIm{
        width: 392px;
        height: 182px;
        overflow: hidden;
        border-radius: 20px;
    }
    .DmMain .ecCn{
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .DmMain .ecCn .ecA{
        font-size: 30px;
        color: #333333;
        font-weight: 700;
        margin: 0 0 10px 0;
        letter-spacing: 2px;
    }
    .DmMain .ecCn .ecB{
        font-size: 18px;
        font-weight: 700;
        color: #888888;
        letter-spacing: 1px;
        text-transform: uppercase;
    }
    .DmMain .ecLs{
        width: 480px;
        display: flex;
        flex-wrap: wrap;
        align-content: center;
        margin: -6px -30px;
        position: relative;
    }
    .DmMain .ecLs:after{
        content: '';
        position: absolute;
        height: 100%;
        left: 46%;
        top: 0;
        border-left: 1px dashed #cccccc;
    }
    .DmMain .ecLs .ecIe{
        width: calc(100% / 2);
        padding: 6px 30px;
    }
    .DmMain .ecLs .ecIe .ecBox{
        display: block;
        font-size: 16px;
        color: #333333;
    }
    .DmMain .ecLs .ecIe .ecBox: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 .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;
        opacity: 0.8;
    }
    .menu-list .menu-item .Azc .Aza:hover{
        opacity: 1;
    }
}

/*内页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: var(--colorZT)!important;
        position: relative;
        margin: 0 0 80px 0;
        /*margin: calc( var(--bili) * var(--hedaH)*1px ) 0 0 0;*/
    }
    .detail-banner .ADcon{
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        color: #FFFFFF;
        /*z-index: 6;*/
    }
    .detail-banner .ADcon .InFx{
        height: 100%;
        position: relative;
    }
    .detail-banner .ADcon .DBwz{
        position: absolute;
        left: 0;
        bottom: -50px;
        box-shadow: -5px 3px 25px 0 rgba(0, 0, 0, 0.1);
        padding: 50px;
        display: inline-block;
        background: rgba(255, 255, 255, 0.95);
        border-bottom: 3px solid var(--colorZT);
    }
    .detail-banner .ADcon .DBwz.Pro{
        width: 570px;
    }
    .detail-banner .ADcon .DBwz .inA{
        font-family: Quicksand;
        font-weight: 700;
        color: #666666;
        font-size: 40px;
        line-height: 1.2;
    }
    .detail-banner .GoDown{
        position: absolute;
        right: 0;
        bottom: -35px;
        width: 70px;
        height: 70px;
        background: var(--colorZT) url(../images/w10.svg) no-repeat center;
        background-size: 40%;
        border-radius: 50%;
        cursor: pointer;
        transform: rotate(180deg);
        border: 5px solid #ffffff;
    }
    .detail-banner .GoDown:before{
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 1;
        display: block;
        content: '';
        width: 0;
        height: 0;
        background: rgba(255, 255, 255, 0.2);
        border-radius: 100%;
        opacity: 0;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
        filter: alpha(opacity = 0);
        transform: translate(-50%, -50%);
        transition: all 0.1s ease-in-out 0s;
    }
    .detail-banner .GoDown:hover:before{
        animation: circle .75s;
    }
    .detail-banner .ADcon .EcMA{
        display: flex;
        align-items: flex-end;
        margin: calc( var(--bili) * 40px ) 0 0 0 ;
    }
    .detail-banner .ADcon .EcA{
        font-size: calc( var(--bili) * 36px );
        font-weight: 700;
        color: #ffffff;
    }
    .detail-banner .ADcon .EcB{
        font-size: calc( var(--bili) * 24px );
        letter-spacing: calc(var(--bili) * 1px);
        text-transform: uppercase;
        filter: brightness(0.9);
        margin: 0 0 0 calc( var(--bili) * 30px );
    }
    .detail-banner .ADcon .EcC{
        margin: calc( var(--bili) * 30px ) 0 0 0 ;
        font-size: calc( var(--bili) * 24px );
        line-height: 2;
    }
    .detail-banner .ADcon.Cfff *{
        color: #ffffff;
    }
}

/*banner*/
@media screen{
    .WhBanner {
        height: calc(var(--bili) * var(--bannerH) * 1px);
        overflow: hidden;
    }
    .WhBanner .BnBox {
        width: 100%;
        height: 100%;
        position: relative;
        z-index: 5;
        background-color: #ffffff;
    }
    .WhBanner .BnMain {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        /*z-index: 3;*/
        overflow: hidden;
    }
    .WhBanner .BnFx {
        height: 100%;
        position: relative;
    }

    .swiper-pagination.swiper-page-banner{
        display: none;
        width: 100%;
        bottom: calc(var(--bili)* 40px) !important;
        left: 0;
    }
    .swiper-page-banner .swiper-pagination-bullet{
        background: #fff;
        width: 10px;
        height: 10px;
        margin: 0 8px!important;
        position: relative;
        transition: all 0.5s;
        opacity: 1;
    }
    .swiper-page-banner .swiper-pagination-bullet.swiper-pagination-bullet-active{
        width: 40px;
        border-radius: 30px;
        background: var(--colorZT);
    }


    .BnWz{
        position: absolute;
        width: 755px;
        min-height: 450px;
        left: 50%;
        top: 50%;
        background-color: rgba(234, 234, 234, 0.4);
        z-index: 8;
        transform: translate(-50%, -50%);
        padding: 30px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .BnWz .inA{
        font-family: Georgia, serif;
        text-align: center;
        color: var(--colorZT);
        letter-spacing: 2px;
        font-weight: 600;
        font-size: 62px;
        line-height: 1.2;
    }
    .BnWz .inB{
        font-family: "Open Sans";
        color: var(--colorZT);
        font-size: 38px;
        text-align: right;
        line-height: 1.2;
        margin: 0 0 10px 0;
    }
    .BnWz .inC{
        font-family: "Open Sans";
        font-size: 42px;
        color: rgb(102, 102, 102);
        font-weight: 600;
        text-align: center;
        margin: 0 0 10px 0;
    }
    .BnWz .inD{
        font-family: Roboto;
        color: rgb(102, 102, 102);
        font-weight: 700;
        font-size: 22px;
        text-align: center;
        line-height: 1.6;
    }
    .BnWz .inAn{
        display: flex;
        justify-content: center;
        margin: 30px 0 0 0;
    }
    .BnWz .inE{
        font-family: Roboto;
        background-color: var(--colorZT);
        color: #ffffff;
        font-weight: 500;
        font-size: 24px;
        letter-spacing: 4px;
        padding: 14px 32px;
    }
    .BnWz .inE:hover{
        background-color: #666666;
    }

    .WhBanner .swiper-slide-active .BnWz .inA{
        animation: flipInX 1.5s .2s both
    }
    .WhBanner .swiper-slide-active .BnWz .inB{
        animation: flipInX 1.5s .4s both
    }
    .WhBanner .swiper-slide-active .BnWz .inC{
        animation: flipInX 1.5s .6s both
    }
    .WhBanner .swiper-slide-active .BnWz .inD{
        animation: flipInX 1.5s .8s both
    }
    .WhBanner .swiper-slide-active .BnWz .inE{
        animation: flipInX 1.5s 1s both
    }
    .WhBanner .SwPage .SwBtn{
        width: calc(var(--bili) * 40px);
        height: calc(var(--bili) * 40px);
        border-radius: 50%;
        background-color: rgba(0,0,0,0.5);
    }
    .WhBanner .SwPage .swiper-button-next {
        right: 2%;
    }
    .WhBanner .SwPage .swiper-button-prev {
        left: 2%;
    }
    .WhBanner .SwPage .SwBtn:after {
        font-size: calc(var(--bili) * 16px);
        color: #ffffff;
        font-weight: 700;
    }
    .WhBanner .SwPage .swiper-button-next:after {
        margin: 0 0 0 4px;
    }
    .WhBanner .SwPage .swiper-button-prev:after {
        margin: 0 4px 0 0;
    }
    .WhBanner .SwPage .SwBtn:hover{
        background-color: #000000;
    }

}

/*foot*/
@media screen{
    .PubAdv{
        padding: 70px 0;
        background-color: var(--colorZT2);
    }
    .PubAdv .inWz{
        font-size: 35px;
        line-height: 1.6;
        color: #ffffff;
        text-align: center;
        margin: 0 0 45px 0;
    }
    .PubAdv .inSm{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .PubAdv .inSm .inL{
        padding: 0 35px 0 0;
        border-right: 1px solid rgba(0, 0, 0, 0.1);
    }
    .PubAdv .inSm .inL .inBtn{
        display: block;
        font-family: Dosis;
        font-weight: 600;
        font-size: 16px;
        letter-spacing: 2px;
        color: #ffffff;
        border: 2px solid #ffffff;
        padding: 20px 30px;
        position: relative;
        background: transparent;
        overflow: hidden;
        z-index: 1;
    }
    .PubAdv .inSm .inL .inBtn:hover{
        border-color: #666666;
    }
    .PubAdv .inSm .inL .inBtn:after{
        content: '';
        z-index: -1;
        position: absolute;
        top: 50%;
        left: 100%;
        margin: -15px 0 0 1px;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        transform-origin: 100% 50%;
        transform: scale3d(1, 2, 1);
        transition: transform 0.3s, opacity 0.3s;
        transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);
        background-color: #666666;
    }
    .PubAdv .inSm .inL .inBtn:hover:after{
        transform: scale3d(15, 9, 1);
    }
    .PubAdv .inSm .inR{
        padding: 0 0 0 35px;
        display: flex;
        align-items: center;
    }
    .PubAdv .inSm .inR .inTb{
        width: 45px;
        height: 45px;
        background: url(../images/w4.svg) no-repeat center;
        background-size: 100%;
    }
    .PubAdv .inSm .inR .inCn{
        margin: 0 0 0 10px;
        display: flex;
        align-items: center;
    }
    .PubAdv .inSm .inR .inCn .inA{
        font-size: 18px;
        color: #ffffff;
    }
    .PubAdv .inSm .inR .inCn .inB{
        width: 100px;
        margin: 0 0 0 20px;
    }

    .footer{
        width: 100%;
        /*overflow: hidden;*/
        padding: calc( var(--bili) * 80px ) 0;
        background: #191919;
        position: relative;
    }
    .footer .inner{
        position: relative;
    }
    .GoTop{
        position: absolute;
        right: 0;
        top: -90px;
        width: 60px;
        height: 60px;
        background: #ffffff url(../images/w9.svg) no-repeat center;
        background-size: 40%;
        border-radius: 50%;
        cursor: pointer;
    }
    .GoTop:before{
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 1;
        display: block;
        content: '';
        width: 0;
        height: 0;
        background: rgba(255, 255, 255, 0.2);
        border-radius: 100%;
        opacity: 0;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
        filter: alpha(opacity = 0);
        transform: translate(-50%, -50%);
        transition: all 0.1s ease-in-out 0s;
    }
    .GoTop:hover:before{
        animation: circle .75s;
    }
    @keyframes circle {
        0% {
            opacity: 1;
        }
        40% {
            opacity: 1;
        }
        100% {
            width: 200%;
            height: 200%;
            opacity: 0;
        }
    }
    .footer .FrLs{
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        margin: -20px;
    }
    .footer .FrLs .FrIe{
        padding: 20px;
        width: calc(100%/3);
    }
    .footer .FrLs .FrIe .FrBx{

    }
    .footer .FrTit{
        font-family: Dosis;
        font-weight: 600;
        color: #ffffff;
        text-transform: uppercase;
        font-size: 16px;
        letter-spacing: 2px;
        position: relative;
        margin: 0 0 35px 0;
    }
    .footer .FrTit:after{
        content: "";
        width: 30px;
        height: 3px;
        left: 0;
        bottom: -15px;
        position: absolute;
        border-radius: 3px;
        background-color: var(--colorZT);
    }
    .footer .FrLogo{
        width: 220px;
        margin: 0 0 10px 0;
    }
    .footer .FrIn{
        font-size: 16px;
        color: #aaaaaa;
        font-family: Nunito;
        line-height: 2;
    }
    .footer .FrAdd{
        font-size: 16px;
        color: #aaaaaa;
        font-family: Nunito;
        line-height: 2;
    }
    .footer .FrUrl{
        position: relative;
    }
    .footer .FrUrl .FrA{
        position: relative;
        display: block;
        font-size: 16px;
        color: #aaaaaa;
        font-family: Nunito;
        padding: 0 0 0 22px;
        margin: 8px 0;
        line-height: 1.5;
    }
    .footer .FrUrl .FrA:after{
        content: '';
        position: absolute;
        width: 8px;
        height: 8px;
        border: 2px solid var(--colorZT);
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        border-radius: 50%;
    }
    .footer .FrUrl .FrA:before{
        content: '';
        position: absolute;
        width: 4px;
        height: 4px;
        border-radius: 50%;
        background-color: #666666;
        left: 4px;
        top: 50%;
        transform: translateY(-50%);
        opacity: 0;
    }
    .footer .FrUrl .FrA:hover:before{
        opacity: 1;
    }
    .footer .FrUrl .FrA:hover:after{
        border: 2px solid #666666;
    }
    .footer .FrUrl .FrA:hover{
        color: #ffffff;
    }

    .copyright{
        border-top: 1px solid #303030;
        padding: 40px 0;
        background: #191919;
    }
    .copyright .Econ{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .copyright .ecL{
        font-size: calc( var(--bili) * 16px );
        color: #555555;
    }
    .copyright .ecR{
        position: relative;
    }

}

/*公共*/
@media screen{
    .WH-list{
        position: relative;
        display: flex;
        flex-wrap: wrap;
    }
    .LR-list{
        justify-content: space-between;
    }
    .WH-content{
        width: 100%;
    }
    .WH-content *{
        max-width: 100%;
    }

    .Content-Main{
        position: relative;
    }
    .InPD{
        padding: calc( var(--bili) * 30px ) 0 calc( var(--bili) * 60px ) 0;
    }
    .InPD2{
        padding: calc( var(--bili) * 100px ) 0;
    }
    .InPD3{
        padding: calc( var(--bili) * 80px ) 0 calc( var(--bili) * 120px ) 0;
    }
    .InPD4{
        padding: calc( var(--bili) * 80px ) 0 0 0;
    }

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

    .BgA{
        background: #f5f5f5;
    }
    .BgF{
        background: #ffffff;
    }
    .MTH{
        margin: calc( var(--bili) * var(--hedaH)*1px ) 0 0 0;
    }

}

/*首页*/
@media screen{

    .PubTitle{
        margin: 0 0 30px 0;
    }
    .PubTitle .inA{
        font-size: 30px;
        color: #666666;
        font-weight: 700;
    }
    .PubTitle .inB{
        font-size: 30px;
        color: #666666;
        margin: 30px 0 0 0;
    }
    .PubTitle .inC{
        width: 160px;
        height: 2px;
        background-color: var(--colorZT);
        margin: 40px 0 0 0;
    }
    .PubTitle .inD{
        font-size: 30px;
        color: #666666;
        margin: 20px 0 0 200px;
    }

    .IcnA{
        padding: 30px 0;
        background-color: #FFFFFF;
    }
    .IcnA .EcLs{
        display: flex;
        flex-wrap: wrap;
        margin: -15px;
    }
    .IcnA .EcLs .EcIe{
        width: calc(100%/4);
        padding: 15px;
    }
    .IcnA .EcLs .EcIe .EcBx{
        display: block;
        overflow: hidden;
    }
    .IcnA .EcLs .EcIe .EcBx .ecIm{
        position: relative;
        overflow: hidden;
        padding-top: 131.5%;
    }
    .IcnA .EcLs .EcIe .EcBx .ecMb{
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        background: rgba(52, 190, 185, 0.8);
        font-size: 16px;
        color: #ffffff;
        opacity: 0;
        transform: scale(1.2);
        transition: all 0.5s;
    }
    .IcnA .EcLs .EcIe .EcBx .ecCn{
        font-size: 16px;
        color: #666666;
        line-height: 2;
        text-align: center;
        margin: 25px 0;
    }
    .IcnA .EcLs .EcIe .EcBx:hover .ecMb{
        opacity: 1;
        transform: scale(1);
    }

    .IcnB{
        padding: 70px 0;
        background-color: #eef2f6;
    }
    .IcnB .EcLs{
        display: flex;
        flex-wrap: wrap;
        margin: -15px;
    }
    .IcnB .EcLs .EcIe{
        width: calc(100%/4);
        padding: 15px;
    }
    .IcnB .EcLs .EcIe .EcBx{
        display: block;
        overflow: hidden;
        padding: 30px;
        height: 470px;
    }
    .IcnB .EcLs .EcIe:nth-child(1n) .EcBx{
        background: linear-gradient(-135deg, #97237c, #441038) #97237c no-repeat;
    }
    .IcnB .EcLs .EcIe:nth-child(2n) .EcBx{
        background: linear-gradient(-135deg, #c73f8e, #7c2457) #c73f8e no-repeat;
    }
    .IcnB .EcLs .EcIe:nth-child(3n) .EcBx{
        background: linear-gradient(-135deg, #ea5b2e, #e61d67) #ea5b2e no-repeat;
    }
    .IcnB .EcLs .EcIe:nth-child(4n) .EcBx{
        background: linear-gradient(-135deg, #fcc100, #ea5b2e) #fcc100 no-repeat;
    }
    .IcnB .EcLs .EcIe:nth-child(5n) .EcBx{
        background: linear-gradient(-135deg, #97cd62, #649831) #97cd62 no-repeat;
    }
    .IcnB .EcLs .EcIe:nth-child(6n) .EcBx{
        background: linear-gradient(-135deg, #0095a6, #3b2a6b) #3b2a6b no-repeat;
    }
    .IcnB .EcLs .EcIe:nth-child(7n) .EcBx{
        background: linear-gradient(-135deg, #a4d6d8, #0095a6) #0095a6 no-repeat;
    }
    .IcnB .EcLs .EcIe:nth-child(8n) .EcBx{
        background: linear-gradient(-135deg, #34beb9, #1a7673) #1a7673 no-repeat;
    }
    .IcnB .EcLs .EcIe .EcBx .inA{
        width: auto;
        height: 56px;
        margin: 0 0 30px 0;
        animation-name: tada;
        animation-duration: 1s;
        animation-fill-mode: both;
        /*text-shadow: -5px 10px 10px rgba(0, 0, 0, 0.25);*/
    }
    .IcnB .EcLs .EcIe .EcBx .inA img{
        object-fit: contain;
    }
    .IcnB .EcLs .EcIe .EcBx .inB{
        font-size: 18px;
        color: #ffffff;
        text-align: center;
        margin: 0 0 10px 0;
    }
    .IcnB .EcLs .EcIe .EcBx .inC{
        font-size: 16px;
        color: rgba(255, 255, 255, 0.7);
        line-height: 1.8;
    }
    .IcnB .EcLs .EcIe .EcBx:hover .inA{
        animation-iteration-count: infinite;
    }
    @keyframes tada {
        0% {transform: scale(1);}
        10%, 20% {transform: scale(0.9) rotate(-3deg);}
        30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);}
        40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);}
        100% {transform: scale(1) rotate(0);}
    }
    .animated.tada {
        -webkit-animation-name: tada;
        -moz-animation-name: tada;
        -o-animation-name: tada;
        animation-name: tada;
    }

    .IcnC{
        padding: 80px 0 0 0;
        background-color: #ffffff;
    }
    .PubCase{
        margin: 0 0 50px 0;
    }
    .PubCase .PubCaseSw{
        position: relative;
    }
    .PubCase .PubCaseSw .EcBx{
        position: relative;
        display: block;
    }
    .PubCase .PubCaseSw .EcBx .ecIm{
        position: relative;
        padding-top: 66.5%;
        overflow: hidden;
    }
    .PubCase .PubCaseSw .EcBx .ecCn{
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-end;
        padding: 30px;
        background-color: rgba(0, 0, 0, 0.4);
        transition: all 0.5s;
    }
    .PubCase .PubCaseSw .EcBx .ecCn .ecA{
        font-size: 24px;
        color: #ffffff;
    }
    .PubCase .PubCaseSw .EcBx .ecCn .ecB{
        margin: 15px 0 0 0;
        font-size: 18px;
        color: rgba(255, 255, 255, 0.7);
        line-height: 1.8;
    }
    .PubCase .PubCaseSw .EcBx .ecCn .ecC{
        margin: 20px 0 0 0;
    }
    .PubCase .PubCaseSw .EcBx:hover .ecCn{
        background-color: rgba(0, 0, 0, 0.6);
    }
    .PubCase .PubCaseSw .EcBx:hover .ecIm img{
        transform: scale(1.1);
    }
    .PubCk{
        font-family: Dosis;
        display: inline-block;
        font-size: 16px;
        color: #ffffff!important;
        letter-spacing: 2px;
        padding: 20px 30px;
        font-weight: 600;
        background-color: var(--colorZT)!important;
        z-index: 1;
        position: relative;
        overflow: hidden;
    }
    .PubCk:after{
        content: '';
        z-index: -1;
        position: absolute;
        top: 50%;
        left: 100%;
        margin: -15px 0 0 1px;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        transform-origin: 100% 50%;
        transform: scale3d(1, 2, 1);
        transition: transform 0.3s, opacity 0.3s;
        transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);
        background-color: #666666;
    }
    .PubCk:hover:after{
        transform: scale3d(15, 9, 1);
    }

    .IcnD{
        padding: 40px 0;
        background-color: #ffffff;
    }
    .IcnD .TabLs{
        display: flex;
        flex-wrap: wrap;
        margin: -5px;
        padding: 0 0 60px 0;
    }
    .IcnD .TabLs .EcIe{
        width: calc(100%/5);
        padding: 5px;
    }
    .IcnD .TabLs .EcIe .EcBx{
        padding: 20px;
        height: 100%;
        background-color: var(--colorZT);
        font-size: 16px;
        color: #ffffff;
        text-align: center;
        cursor: pointer;
        line-height: 1.6;
    }
    .IcnD .TabLs .EcIe.on .EcBx{
        background: #b9b9b9;
        color: #666666;
    }
    .IcnD .SwcLs{
        position: relative;
        margin: 0 0 80px 0;
    }
    .IcnD .SwcLs .EcIe{
        display: none;
    }
    .IcnD .SwcLs .EcIe.on{
        display: block;
    }
    .IcnD .SwcLs .EcIe .EcBx{
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }
    .IcnD .SwcLs .EcIe .EcBx .ecIm{
        width: 50%;
        position: relative;
        padding-top: 40%;
        overflow: hidden;
    }
    .IcnD .SwcLs .EcIe .EcBx .ecCn{
        width: 46%;
    }
    .IcnD .SwcLs .EcIe .EcBx .ecCn .inA{
        font-size: 18px;
        color: #666666;
        line-height: 2;
    }
    .IcnD .SwcLs .EcIe .EcBx .ecCn .inBtn{
        display: flex;
        justify-content: center;
        margin: 20px 0 0 0;
    }
    .IcnD .SwcLs .EcIe .EcBx .ecCn .inAn{
        font-family: Dosis;
        display: block;
        font-size: 16px;
        color: #ffffff;
        letter-spacing: 2px;
        padding: 20px 30px;
        background-color: var(--colorZT);
        z-index: 1;
        position: relative;
        overflow: hidden;
    }
    .IcnD .SwcLs .EcIe .EcBx .ecCn .inAn:after{
        content: '';
        z-index: -1;
        position: absolute;
        top: 50%;
        left: 100%;
        margin: -15px 0 0 1px;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        transform-origin: 100% 50%;
        transform: scale3d(1, 2, 1);
        transition: transform 0.3s, opacity 0.3s;
        transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);
        background-color: #666666;
    }
    .IcnD .SwcLs .EcIe .EcBx .ecCn .inAn:hover:after{
        transform: scale3d(15, 9, 1);
    }
    .OfMain{
        width: 100%;
        position: relative;
        height: 460px;
        display: flex;
        justify-content: space-between;
        margin: 0 0 80px 0;
    }
    .OfMain .ecL{
        width: 350px;
        height: 100%;
        overflow: hidden;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    }
    .OfMain .ecR{
        width: calc(100% - 380px);
        height: 100%;
    }
    .OfMain .ecR .OfSw{
        height: 100%;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    }
    .OfMain .ecR .OfSw .ecIm{
        height: 100%;
    }
    .OfMain .ecR .OfSw .SwBtn{
        width: 30px;
        height: 30px;
        background-color: rgba(255, 255, 255, 0.42);
        border-radius: 50%;
        overflow: hidden;
        opacity: 0;
        transition: all 0.5s;
    }
    .OfMain .ecR .OfSw .SwBtn:after{
        font-size: 14px;
        font-weight: 700;
        color: #666666;
    }
    .OfMain .ecR .OfSw .SwBtn.swiper-button-next{
        right: 4%;
    }
    .OfMain .ecR .OfSw .SwBtn.swiper-button-prev{
        left: 4%;
    }
    .OfMain .ecR .OfSw:hover .SwBtn{
        opacity: 1;
    }
    .OfMain .ecR .OfSw .swiper-pagination{
        bottom: 4%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .OfMain .ecR .OfSw .swiper-pagination .swiper-pagination-bullet{
        width: 10px;
        height: 10px;
        transition: all 0.5s;
        border: 2px solid transparent;
        opacity: 1;
    }
    .OfMain .ecR .OfSw .swiper-pagination .swiper-pagination-bullet-active{
        background: transparent;
        border: 2px solid #000000;
    }

}

/*菜单-位置*/
@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) * 60px ) 0;
    }
    .CntMain .CntCon{
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 0 0 calc( var(--bili) * 60px ) 0;
    }
    .CntMain .CntCon .EcL{
        width: 35%;
    }
    .CntMain .CntCon .EcR{
        width: 60%;
    }
    .CntMain .CntCon .ecTit{
        font-size: calc( var(--bili) * 24px );
        color: var(--colorZT);
        position: relative;
        margin: 0 0 calc( var(--bili) * 60px ) 0;
    }
    .CntMain .CntCon .ecTit:after{
        content: '';
        position: absolute;
        width: calc( var(--bili) * 80px );
        height: 1px;
        background-color: #d2d2d2;
        bottom: calc( var(--bili) * -30px );
        left: 0;
    }
    .CntMain .CntCon .ecRX{
        font-size: calc( var(--bili) * 20px );
        color: var(--colorZT);
        font-weight: 700;
        margin: 0 0 calc( var(--bili) * 40px ) 0;
    }
    .CntMain .CntCon .EcLs{
        display: flex;
        flex-wrap: wrap;
        margin: calc( var(--bili) * -20px );
    }
    .CntMain .CntCon .EcLs .EcIe{
        width: 100%;
        padding: calc( var(--bili) * 20px );
    }
    .CntMain .CntCon .EcLs .EcIe .EcBx{
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }
    .CntMain .CntCon .EcLs .EcIe .EcBx .ecIm{
        width: calc( var(--bili) * 74px );
        height: calc( var(--bili) * 74px );
        border-radius: 65%;
        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: 40% !important;
        filter: brightness(0.6);
        /*transition: all 0.5s;*/
    }
    .CntMain .CntCon .EcLs .EcIe .EcBx .ecIm.ic1:after{
        background: url(../images/lx1.svg) no-repeat center;
    }
    .CntMain .CntCon .EcLs .EcIe .EcBx .ecIm.ic2:after{
        background: url(../images/lx2.svg) no-repeat center;
    }
    .CntMain .CntCon .EcLs .EcIe .EcBx .ecIm.ic3:after{
        background: url(../images/lx3.svg) no-repeat center;
    }
    .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) * 100px ));
    }
    .CntMain .CntCon .EcLs .EcIe .EcBx .ecCn .ecA{
        font-size: calc( var(--bili) * 20px );
        color: #aaaaaa;
        text-transform: uppercase;
        margin: calc( var(--bili) * 10px ) 0 0 0;
    }
    .CntMain .CntCon .EcLs .EcIe .EcBx .ecCn .ecB{
        font-size: calc( var(--bili) * 18px );
        color: #555555;
        line-height: 2;
    }
    .CntMain .CntLs{
        display: flex;
        flex-wrap: wrap;
        margin: calc( var(--bili) * -40px );
    }
    .CntMain .CntLs .EcIe{
        width: calc(100%/2);
        padding: calc( var(--bili) * 40px );
    }
    .CntMain .CntLs .EcIe .EcBx{
        display: block;
    }
    .CntMain .CntLs .EcIe .EcBx .ecIm{
        position: relative;
        width: 100%;
        padding-top: 58%;
        overflow: hidden;
        margin: 0 0 calc( var(--bili) * 30px ) 0;
    }
    .CntMain .CntLs .EcIe .EcBx .ecCn{
        padding: 0 calc( var(--bili) * 10px );
    }
    .CntMain .CntLs .EcIe .EcBx .ecCn .ecA{
        font-size: calc( var(--bili) * 30px );
        color: #555555;
        margin: 0 0 calc( var(--bili) * 15px ) 0;
    }
    .CntMain .CntLs .EcIe .EcBx .ecCn .ecB{
        font-size: calc( var(--bili) * 18px );
        color: #888888;
        margin: 0 0 calc( var(--bili) * 20px ) 0;
        line-height: calc( var(--bili) * 30px );
        height: calc( var(--bili) * 60px );
    }
    .CntMain .CntLs .EcIe .EcBx .ecCn .ecC{
        display: inline-block;
        font-size: calc( var(--bili) * 18px );
        color: #FFFFFF;
        background-color: #959595;
        padding: calc( var(--bili) * 10px ) calc( var(--bili) * 40px );
    }
    .CntMain .CntLs .EcIe .EcBx .ecCn .ecC:hover{
        background-color: var(--colorZT);
    }

    .Map-Box{
        width: 100%;
        height: calc( var(--bili) * 560px );
        /*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) * 30px );
        color: #666666;
        margin: 0 0 calc( var(--bili) * 30px ) 0;
    }
    .single-intro .EcB{
        font-size: calc( var(--bili) * 18px );
        color: #666666;
        line-height: 1.6;
    }
    .single-intro .EcB *{
        max-width: 100%;
        font-size: calc( var(--bili) * 18px );
        color: #666666;
        line-height: 1.6;
    }
}

/*图片展示*/
@media screen{
    .Zoom-list {
        display: flex;
        flex-wrap: wrap;
        margin: calc(var(--bili) * -20px);
    }
    .Zoom-list .Ec-item {
        width: calc(100%/3);
        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{
    .Partners-list{
        display: flex;
        flex-wrap: wrap;
        margin: calc( var(--bili) * -10px );
    }
    .Partners-list .Ec-item{
        width: calc(100%/5);
        padding: calc( var(--bili) * 10px );
    }
    .Partners-list .Ec-item .ecBox{
        display: block;
        border-radius: 4px;
        background: rgba(255, 255, 255, 1);
        padding: 5% 15%;
        position: relative;
        transition: all .5s;
        z-index: 1;
        overflow: hidden;
        border: 1px solid #eee;
    }
    .Partners-list .Ec-item .ecBox .ec-im{
        position: relative;
        overflow: hidden;
        padding-top: 66.675%;
    }
    .Partners-list .Ec-item .ecBox .ec-im img{
        object-fit: contain;
    }
    .Partners-list .Ec-item .ecBox .ec-mc{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 2;
        text-align: center;
        background: rgba(255, 255, 255, 0.9);
        color: var(--colorZT);
        transition: all .5s;
        padding: 5%;
        opacity: 0;
        font-size: calc( var(--bili) * 18px );
    }
    .Partners-list .Ec-item .ecBox:hover .ec-mc{
        opacity: 1;
    }
    .Partners-list .Ec-item .ecBox:hover{
        z-index: 2;
        transform: scale(1.1);
        box-shadow: 0 calc( var(--bili) * 12px ) calc( var(--bili) * 40px ) rgba(0, 0, 0, 0.2);
    }
}

/*详情*/
@media screen{

    .DetConMain{
        position: relative;
        width: 100%;
    }
    .DetConMain .DcTitle{
        font-size: calc( var(--bili) * 36px );
        color: #666666;
        font-weight: 600;
        margin: 0 0 calc( var(--bili) * 20px );
    }
    .DetConMain .DcContent{
        font-size: calc( var(--bili) * 16px );
        color: #666666;
        line-height: 2;
    }
    .DetConMain .DcContent *{
        max-width: 100%;
        line-height: 2;
    }
    .DetConMain .DcContent img{
        height: auto;
    }

    .Around{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        margin: calc( var(--bili) * 50px ) 0;
        border-top: 1px solid rgba(0, 0, 0, 0.1);
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        padding: 20px 0;
    }
    .Around .AroundMore{
        width: 30px;
        height: 30px;
        background: url(../images/w46.svg) no-repeat center;
        background-size: 100%;
        filter: brightness(0);
        opacity: 0.4;
    }
    .Around .AroundMore:hover{
        filter: brightness(1);
        opacity: 1;
    }
    .Around .Aroundul{
        width: 36%;
        display: flex;
        align-items: center;
        font-size: calc( var(--bili) * 16px );
        color: #666666;
    }
    .Around .Aroundul:last-child{
        text-align: right;
    }
    .Around .Aroundul .As{
        white-space:nowrap;
        width: 100%;
        line-height: 1.8;
    }
    .Around .Aroundul .Acls{
        -webkit-line-clamp: 2;
        width: 100%;
    }
    .Around .Aroundul .Acls:hover{
        color: var(--colorZT);
    }

    .AroundYsA{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .AroundYsA .Acls{
        max-width: 45%;
        font-size: calc( var(--bili) * 15px );
        color: #FFFFFF;
        background-color: #626262;
        line-height: calc( var(--bili) * 70px );
        padding: 0 calc( var(--bili) * 40px );
        position: relative;
        letter-spacing: 1px;
    }
    .AroundYsA .Acls:after{
        content: '';
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: calc( var(--bili) * 20px );
        height: calc( var(--bili) * 20px );
        background: url(../images/icons/sxA.svg) no-repeat left center;
        background-size: 100%;
    }
    .AroundYsA .Acls:first-child{
        padding: 0 calc( var(--bili) * 40px ) 0 calc( var(--bili) * 60px );
    }
    .AroundYsA .Acls:first-child:after{
        left: calc( var(--bili) * 20px );
    }
    .AroundYsA .Acls:last-child{
        padding: 0 calc( var(--bili) * 60px ) 0 calc( var(--bili) * 40px );
    }
    .AroundYsA .Acls:last-child:after{
        right: calc( var(--bili) * 20px );
        transform: translateY(-50%) rotate(180deg);
    }
    .AroundYsA .Acls:hover{
        background-color: var(--colorZT);
    }
}

/*疾病专题*/
@media screen{
    .PdfMain{
        padding: 0 0 60px 0;
        margin: 0 0 60px 0;
        border-bottom: 2px solid #ebebeb;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .PdfMain .ecTit{
        font-weight: 600;
        font-size: 30px;
        color: #666666;
        margin: 0 0 20px 0;
    }
    .PdfMain .ecIm{
        width: 225px;
        margin: 0 0 20px 0;
    }
    .PdfMain .ecIn{
        font-size: 18px;
        color: #666666;
        margin: 0 0 20px 0;
    }
    .PdfMain .ecCk{
        padding: 20px 30px 20px 75px;
    }
    .PdfMain .ecCk:before{
        content: '';
        position: absolute;
        width: 30px;
        height: 30px;
        left: 30px;
        top: 50%;
        transform: translateY(-50%);
        background: url(../images/w47.svg) no-repeat center;
        background-size: 100%;
    }
    .JbTit{
        font-weight: 600;
        font-size: 30px;
        color: #666666;
        margin: 0 0 50px 0;
        text-align: center;
    }
    .SolLs{
        display: flex;
        flex-wrap: wrap;
        margin: -15px;
        padding: 0 0 40px 0;
    }
    .SolLs .EcIe{
        width: calc(100%/3);
        padding: 15px;
    }
    .SolLs .EcIe .EcBx{
        display: block;
        padding: 10px;
        border: 2px solid rgba(0, 0, 0, 0.1);
    }
    .SolLs .EcIe .EcBx .ecMc{
        font-size: 18px;
        color: #666666;
        text-align: center;
        line-height: 2;
    }
    .SolLs .EcIe .EcBx:hover{
        border: 2px solid var(--colorZT);
    }
    .SolLs .EcIe .EcBx:hover .ecMc{
        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) * 60px ) 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);
    }

    .News-Main{
        display: flex;
        justify-content: space-between;
    }
    .News-Main .ecL{
        width: 750px;
    }
    .News-Main .ecR{
        width: 290px;
    }

    .NewsLs{
        display: flex;
        flex-wrap: wrap;
        margin: -15px;
    }
    .NewsLs .EcIe{
        width: 100%;
        padding: 15px;
    }
    .NewsLs .EcIe .EcBx{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .NewsLs .EcIe .EcBx .ecIm{
        width: 230px;
        height: 250px;
        overflow: hidden;
        position: relative;
    }
    .NewsLs .EcIe .EcBx .ecIm:after{
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: rgba(0, 0, 0, 0.5) url(../images/w45.svg) no-repeat center;
        background-size: 60px;
        opacity: 0;
        transition: all 0.5s;
    }
    .NewsLs .EcIe .EcBx .ecCn{
        width: 490px;
    }
    .NewsLs .EcIe .EcBx .ecCn .ecMc{
        font-size: 20px;
        color: #666666;
    }
    .NewsLs .EcIe .EcBx .ecCn .ecIn{
        margin: 15px 0 0 0;
        font-size: 16px;
        color: #666666;
        line-height: 1.8;
    }
    .NewsLs .EcIe .EcBx .ecCn .ecCk{
        margin: 15px 0 0 0;
        padding: 15px 30px;
    }
    .NewsLs .EcIe .EcBx:hover .ecIm:after{
        opacity: 1;
    }
    .NewsLs .EcIe .EcBx:hover .ecIm img{
        transform: scale(1.1);
    }

    .CaseLs{
        display: flex;
        flex-wrap: wrap;
        margin: -15px;
    }
    .CaseLs .EcIe{
        width: 100%;
        padding: 15px;
    }
    .CaseLs .EcIe .EcBx{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .CaseLs .EcIe .EcBx .ecIm{
        width: 335px;
        height: 225px;
        overflow: hidden;
        position: relative;
    }
    .CaseLs .EcIe .EcBx .ecIm:after{
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: rgba(0, 0, 0, 0.5) url(../images/w45.svg) no-repeat center;
        background-size: 60px;
        opacity: 0;
        transition: all 0.5s;
    }
    .CaseLs .EcIe .EcBx .ecCn{
        width: 740px;
    }
    .CaseLs .EcIe .EcBx .ecCn .ecMc{
        font-size: 24px;
        color: #666666;
    }
    .CaseLs .EcIe .EcBx .ecCn .ecIn{
        margin: 15px 0 0 0;
        font-size: 18px;
        color: #666666;
        line-height: 1.8;
    }
    .CaseLs .EcIe .EcBx .ecCn .ecCk{
        margin: 15px 0 0 0;
        padding: 15px 30px;
    }
    .CaseLs .EcIe .EcBx:hover .ecIm:after{
        opacity: 1;
    }
    .CaseLs .EcIe .EcBx:hover .ecIm img{
        transform: scale(1.1);
    }

    .PubMes{
        background: #ffffff;
        padding: 30px;
        box-shadow: -5px 3px 25px 0 rgba(0, 0, 0, 0.1);
        border-top: 3px solid var(--colorZT);
    }
    .PubMes .ecA{
        font-size: 24px;
        color: var(--colorZT);
        text-align: center;
        padding: 0 0 35px 0;
        position: relative;
    }
    .PubMes .ecA:after{
        content: '';
        position: absolute;
        width: 40px;
        height: 3px;
        background-color: var(--colorZT);
        bottom: 20px;
        left: 50%;
        transform: translateX(-50%);
        border-radius: 4px;
    }
    .PubMes .srkA,.PubMes .srkB,.PubMes .BtnA{
        height: 55px!important;
    }



}

/*医院*/
@media screen{
    .ProMain{
        position: relative;
    }
    .ProMain .EcLRA{
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 0 0 30px 0;
    }
    .ProMain .N2Ls .EcLRA:nth-child(2n){
        flex-direction: row-reverse;
    }
    .ProMain .EcLRA.FStart{
        align-items: flex-start;
    }
    .ProMain .EcLRA .ecIm{
        width: 48.65%;
    }
    .ProMain .EcLRA .ecCn{
        width: 48.65%;
    }
    .ProMain .EcLRA .ecCn .ecA{
        font-size: 30px;
        color: #666666;
        margin: 0 0 25px 0;
    }
    .ProMain .EcLRA .ecCn .ecB{
        font-size: 18px;
        color: #666666;
        line-height: 1.8;
    }
    .ProMain .EcLRA .ecCn .ecB *{
        font-size: 18px;
        color: #666666;
        line-height: 1.8;
    }
    .ProMain .EcLRA .ecCn .ecB ul{
        padding: 0 0 0 25px;
    }
    .ProMain .EcLRA .ecCn .ecB ul li{
        list-style: disc;
    }
    .ProMain .EcImA{
        width: 957px;
        margin: 0 auto;
    }
    .ProMain .EcTitA{
        text-align: center;
        font-size: 30px;
        color: #666666;
        padding: 40px 0;
    }
    .ProMain .EcConB{
        font-size: 18px;
        color: #666666;
        line-height: 1.8;
        margin: 0 0 40px 0;
    }
    .ProMain .EcLRB{
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }
    .ProMain .EcLRB .ecCn{
        width: 48.65%;
    }
    .ProMain .EcLRB .ecCn *{
        font-size: 18px;
        color: #666666;
        line-height: 1.8;
    }
    .ProMain .EcLRB .ecCn p{
        position: relative;
        padding: 0 0 0 20px;
        margin: 0 0 10px 0;
    }
    .ProMain .EcLRB .ecCn p:after{
        content: '';
        position: absolute;
        width: 6px;
        height: 6px;
        background-color: #666666;
        border-radius: 50%;
        left: 0;
        top: 12px;
    }
    .ProMain .EcTitB{
        text-align: center;
        font-size: 24px;
        color: #666666;
        margin: 80px 0;
    }
    .ProMain .EcTitB a:hover{
        color: var(--colorZT);
    }
    .ProMain .EcConA{
        position: relative;
    }
    .ProMain .EcConA .ecA{
        font-size: 24px;
        color: #666666;
        margin: 30px 0;
    }
    .ProMain .EcConA .ecB{
        font-size: 18px;
        color: #666666;
        line-height: 1.8;
    }
    .ProMain .EcConA .ecC{
        font-size: 18px;
        color: #666666;
        font-weight: 700;
        margin: 30px 0;
    }
    .ProMain .EcConA ul{
        padding: 0 0 0 25px;
        margin: 30px 0;
    }
    .ProMain .EcConA ul li{
        list-style: disc;
        font-size: 18px;
        color: #666666;
        line-height: 1.8;
    }

}

/*关于我们*/
@media screen{
    .AuMenu {
        background-color: #FFFFFF;
    }
    .AuMenu .EcLs {
        display: flex;
        margin: -5px;
    }
    .AuMenu .EcLs .EcIe {
        width: 100%;
        padding: 5px;
    }
    .AuMenu .EcLs .EcIe .EcBx {
        display: block;
        font-size: calc(var(--bili) * 24px);
        color: #ffffff;
        background-color: var(--colorZT);
        text-align: center;
        padding: calc(var(--bili) * 30px) calc(var(--bili) * 20px);
        cursor: pointer;
    }
    .AuMenu .EcLs .EcIe.on .EcBx {
        background-color: #b9b9b9;
        color: #666666;
    }

    .SinMain{
        position: relative;
    }
    .SinContent{
        width: 100%;
    }
    .SinContent .SinBox{
        display: none;
    }
    .SinContent .SinBox.on{
        display: block;
    }
    .SinContent.PD60{
        padding: 60px;
    }

    .AuCA{
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
    }
    .AuCA .ecL{
        width: 735px;
        border-bottom: 2px solid #ebebeb;
    }
    .AuCA .ecL .ecA{
        font-size: 30px;
        color: #666666;
        margin: 0 0 50px 0;
    }
    .AuCA .ecR{
        padding: 0 0 40px 0;
    }
    .AuCB{
        margin: 40px 0 0 0;
    }
    .AuCB .EcLs{
        display: flex;
        flex-wrap: wrap;
        margin: -35px;
    }
    .AuCB .EcLs .EcIe{
        width: calc(100%/3);
        padding: 35px;
    }
    .AuCB .EcLs .EcIe .EcBx{
        display: block;
    }
    .AuCB .EcLs .EcIe .EcBx .ecA{
        font-weight: 700;
        font-size: 18px;
        color: #666666;
        margin: 0 0 20px 0;
    }
    .AuCB .EcLs .EcIe .EcBx .ecB{
        font-size: 18px;
        color: #666666;
        line-height: 1.8;
    }
    .AuCC{
        margin: 50px 0 0 0;
    }
    .AuCC .ecA{
        font-size: 30px;
        color: #666666;
        font-weight: 700;
        text-align: center;
        margin: 0 0 50px 0;
    }
    .AuCC .ecB{
        font-size: 18px;
        color: #666666;
        line-height: 1.8;
        margin: 0 0 50px 0;
    }
    .AuCC .ecB *{
        font-size: 18px;
        color: #666666;
        line-height: 1.8;
    }
    .AuCCSw{
        width: 650px;
        height: 500px;
    }
    .AuCCSw.SwYsB{
        width: 730px;
        height: 550px;
        margin: 0 auto 80px;
    }
    .AuCCSw .ecIm{
        height: 100%;
    }
    .AuCCSw .SwBtn{
        width: 70px;
        height: 70px;
        background-color: rgba(255, 255, 255, 0.42);
        overflow: hidden;
        opacity: 0;
        transition: all 0.5s;
    }
    .AuCCSw .SwBtn:after{
        font-size: 22px;
        font-weight: 700;
        color: #333333;
    }
    .AuCCSw .SwBtn.swiper-button-next{
        right: 0;
    }
    .AuCCSw .SwBtn.swiper-button-prev{
        left: 0;
    }
    .AuCCSw:hover .SwBtn{
        opacity: 1;
    }
    .AuCCSw .SwBtn:hover{
        background-color: rgba(255, 255, 255, 0.8);
    }
    .AuCCSw .swiper-pagination{
        bottom: 4%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .AuCCSw .swiper-pagination .swiper-pagination-bullet{
        width: 14px;
        height: 14px;
        transition: all 0.5s;
        border: 2px solid transparent;
        opacity: 1;
        background: #ffffff;
        position: relative;
    }
    .AuCCSw .swiper-pagination .swiper-pagination-bullet-active{
        width: 20px;
        height: 20px;
    }
    .AuCCSw .swiper-pagination .swiper-pagination-bullet-active:after{
        content: '';
        position: absolute;
        width: 8px;
        height: 8px;
        background-color: var(--colorZT);
        border-radius: 50%;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
    }
    .ContactMain{
        position: relative;
        overflow: hidden;
        padding: 80px 0;
    }
    .ContactMain:after{
        content: "";
        position: absolute;
        top: 220px;
        bottom: 0;
        left: -2500px;
        right: -2500px;
        background: linear-gradient(0deg, transparent, #eef2f6) transparent no-repeat;
        z-index: -1;
        transform: rotate(-5deg);
    }
    .ContactMain .Econ{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .ContactMain .Econ .ecL{

    }
    .ContactMain .Econ .ecL .ecA{
        font-size: 30px;
        color: #666666;
        margin: 20px 0 30px 0;
    }
    .ContactMain .Econ .ecL .ecB{
        font-size: 18px;
        font-weight: 700;
        color: #666666;
        margin: 0 0 20px 0;
    }
    .ContactMain .Econ .ecL .ecC{
        font-size: 18px;
        color: #666666;
        line-height: 2;
        margin: 0 0 20px 0;
        display: flex;
    }
    .ContactMain .Econ .ecL .ecEwm{
        width: 110px;
        height: 110px;
    }
    .ContactMain .Econ .ecR{
        width: 540px;
    }
    .ContactMain .ContactForm{
        width: 100%;
        padding: 50px;
        border-bottom: 3px solid var(--colorZT);
        box-shadow: -5px 3px 25px 0 rgba(0, 0, 0, 0.1);
        background: #ffffff url(../images/w11.png) repeat-x top;
        background-size: 58px 5px;
    }
    .ContactMain .ContactForm .ecIe{
        width: 100%;
        margin: 0 0 30px 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .ContactMain .ContactForm .ecIe .srk{
        background-color: var(--colorZT);
        color: #ffffff;
        font-size: 16px;
        font-weight: 700;
    }
    .ContactMain .ContactForm .ecIe .srk::placeholder{
        color: #ffffff;
    }
    .ContactMain .ContactForm .ecIe .srk.w1{
        width: 100%;
    }
    .ContactMain .ContactForm .ecIe .srk.w2{
        width: 48%;
    }
    .ContactMain .ContactForm .ecIe .srkA{
        height: 60px;
        padding: 20px;
    }
    .ContactMain .ContactForm .ecIe .srkB{
        padding: 20px;
        height: 140px;
    }
    .ContactMain .ContactForm .BtnA{
        width: 100%;
        background-color: var(--colorZT);
        color: #ffffff;
        font-size: 16px;
        font-weight: 700;
        height: 60px;
        letter-spacing: 2px;
        cursor: pointer;
    }

    .DszCA{
        display: flex;
        justify-content: space-between;
    }
    .DszCA .ecL{
        width: 310px;
    }
    .DszCA .ecL .ecA{
        border: 1px solid #ebebeb;
        border-radius: 50%;
        padding: 6px;
        overflow: hidden;
        margin: 0 0 20px 0;
    }
    .DszCA .ecL .ecA img{
        border-radius: 50%;
    }
    .DszCA .ecL .ecB{
        font-size: 18px;
        color: #666666;
        line-height: 1.8;
    }
    .DszCA .ecR{
        width: 650px;
    }
    .DszCA .ecR .ecA{
        font-size: 18px;
        color: #666666;
        line-height: 1.8;
        margin: 0 0 30px 0;
    }
    .DszCA .ecR .ecA *{
        font-size: 18px;
        color: #666666;
        line-height: 1.8;
    }
    .DszCA .ecR .ecB{
        display: flex;
        justify-content: center;
    }

    .HzCA{
        position: relative;
    }
    .HzCA .ecA{
        font-size: 30px;
        color: #666666;
        text-align: center;
        font-weight: 700;
        margin: 0 0 30px 0;
    }
    .HzCA .ecB{
        font-size: 18px;
        color: #666666;
        line-height: 1.8;
    }
    .HzCA .ecB *{
        line-height: 1.8;
    }

    .HzCA .EcLs{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin: -15px;
        padding: 0 0 40px 0;
    }
    .HzCA .EcLs .EcIe{
        width: calc(100%/3);
        padding: 15px;
    }
    .HzCA .EcLs .EcIe .EcBx{
        height: 100%;
    }
    .HzCA .EcLs .EcIe .EcBx .ecIm{
        position: relative;
        padding-top: 67.5%;
        overflow: hidden;
    }
    .HzCA .EcLs .EcIe .EcBx .ecMb{
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        background: rgba(52, 190, 185, 0.8);
        font-size: 24px;
        color: #ffffff;
        opacity: 0;
        transform: scale(1.2);
        transition: all 0.5s;
        padding: 30px;
        text-align: center;
        line-height: 1.6;
    }
    .HzCA .EcLs .EcIe .EcBx .ecMc{
        font-size: 16px;
        color: #666666;
        padding: 30px 20px;
        text-align: center;
    }
    .HzCA .EcLs .EcIe .EcBx:hover .ecMb{
        opacity: 1;
        transform: scale(1);
    }

    .SvCA{
        margin: 0 0 40px 0;
    }
    .SvCA .ecL{
        position: relative;
    }
    .SvCA .ecL .ecA{
        font-size: 30px;
        color: #666666;
        font-weight: 700;
        margin: 0 0 40px 0;
    }
    .SvCA .ecL .ecLR{
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }
    .SvCA .ecL .ecMA{
        display: flex;
        justify-content: space-between;
    }
    .SvCA .ecL .ecMA .ecLine{
        width: 160px;
        height: 2px;
        background-color: var(--colorZT);
    }
    .SvCA .ecL .ecMA .ecCon{
        width: 540px;
        margin: 0 0 0 30px;
        font-size: 18px;
        color: #666666;
        font-weight: 700;
        line-height: 1.8;
    }
    .SvCA .ecL .ecMB{
        position: relative;
    }
    .SvCA .ecL .ecMB .ecBA{
        width: 540px;
        font-size: 24px;
        color: #666666;
        line-height: 1.8;
        margin: 30px auto;
    }
    .SvCA .ecL .ecMB .ecBB{
        position: relative;
    }

    .SvCA .ecAn{
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }
    .SvCA .ecAn a{
        margin: 0 0 10px 0;
    }

    .InPubTit{
        position: relative;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }
    .InPubTit .inA{
        font-size: 30px;
        font-weight: 700;
        color: #666666;
        text-align: center;
        position: relative;
        margin: 0 0 70px 0;
    }
    .InPubTit .inA:after{
        content: '';
        position: absolute;
        width: 110%;
        height: 2px;
        background-color: var(--colorZT);
        left: -5%;
        bottom: -15px;
    }
    .InPubTit .inB{
        font-size: 18px;
        color: #666666;
        line-height: 1.6;
        width: 50%;
        margin: 0 0 70px 0;
        position: relative;
    }
    .InPubTit .inB:after{
        content: '';
        position: absolute;
        width: 45%;
        height: 2px;
        background-color: var(--colorZT);
        left: -50%;
        top: 12px;
    }
    .InPubTit .inB:before{
        content: '';
        position: absolute;
        width: 45%;
        height: 2px;
        background-color: var(--colorZT);
        right: -50%;
        top: 12px;
    }
    .InPubTit2{
       margin: 0 0 60px 0;
    }
    .InPubTit2 .inA{
        font-size: 24px;
        font-weight: 700;
        color: #666666;
        text-align: center;
        text-decoration: underline;
    }

    .SinPubConA{
        font-size: 18px;
        color: #666666;
        line-height: 1.6;
    }
    .SinPubConA *{
        font-size: 18px;
        color: #666666;
        line-height: 1.6;
    }

    .SvCB{
        position: relative;
    }
    .SvCB .EcLsA{
        display: flex;
        flex-wrap: wrap;
        margin: -8px;
        padding: 0 0 60px 0;
    }
    .SvCB .EcLsA .EcIe{
        width: calc(100%/3);
        padding: 8px;
    }
    .SvCB .EcLsA .EcIe .EcBx{
        height: 100%;
        border: 2px solid var(--colorZT);
        padding: 30px 50px;
        border-radius: 20px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .SvCB .EcLsA .EcIe .EcBx .ecA{
        width: 58px;
        margin: 0 0 30px 0;
    }
    .SvCB .EcLsA .EcIe .EcBx .ecB{
        font-weight: 700;
        font-size: 24px;
        color: #666666;
        text-align: center;
        line-height: 1.6;
        margin: 0 0 20px 0;
    }
    .SvCB .EcLsA .EcIe .EcBx .ecC{
        font-size: 16px;
        color: #666666;
        line-height: 1.6;
    }

    .SvCB .EcLsB{
        display: flex;
        flex-wrap: wrap;
        margin: -18px;
        padding: 0 0 60px 0;
    }
    .SvCB .EcLsB .EcIe{
        width: calc(100%/2);
        padding: 18px;
    }
    .SvCB .EcLsB .EcIe .EcBx{
        height: 100%;
        border: 2px solid var(--colorZT);
        padding: 30px 20px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .SvCB .EcLsB .EcIe .EcBx .ecA{
        font-size: 24px;
        color: #666666;
        text-align: center;
    }
    .SvCB .EcLsB .EcIe .EcBx .ecB{
        font-size: 18px;
        color: #666666;
        line-height: 1.6;
        margin: 15px 0 0 0;
        width: 100%;
    }
    .SvCB .EcLsB .EcIe .EcBx .ecC{
        width: 100%;
        margin: 15px 0 0 0;
    }

    .SvCB .EcLsC{
        display: flex;
        flex-wrap: wrap;
        margin: -8px;
        padding: 0 0 60px 0;
    }
    .SvCB .EcLsC .EcIe{
        width: calc(100%/4);
        padding: 8px;
    }
    .SvCB .EcLsC .EcIe .EcBx{
        height: 100%;
        border: 2px solid var(--colorZT);
        padding: 30px 30px;
        border-radius: 20px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .SvCB .EcLsC .EcIe .EcBx .ecA{
        width: 58px;
        margin: 0 0 30px 0;
    }
    .SvCB .EcLsC .EcIe .EcBx .ecB{
        font-size: 24px;
        color: #666666;
        text-align: center;
        line-height: 1.6;
    }

    .SvCB .EcIms{
        margin: 0 0 60px 0;
    }

    .SvCB .XzCon{
        position: relative;
        margin: 0 0 60px 0;
    }
    .SvCB .XzCon .EcIe{
        display: none;
    }
    .SvCB .XzCon .EcIe.on{
        display: block;
    }
    .SvCB .XzCon .EcIe .EcBx{
        padding: 60px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .SvCB .XzCon .EcIe .EcBx .ecA{
        width: 480px;
        font-family: Quicksand;
        font-weight: 500;
        color: #666666;
        text-align: center;
        font-size: 30px;
        margin: 0 0 30px 0;
    }
    .SvCB .XzCon .EcIe .EcBx .ecB{
        width: 600px;
        font-size: 18px;
        color: #666666;
        line-height: 1.8;
    }
    .SvCB .XzCon .EcIe .EcBx .ecB *{
        width: 480px;
        font-size: 18px;
        color: #666666;
        line-height: 2;
    }
    .SvCB .XzCon .EcIe .EcBx .ecC{
        font-size: 18px;
        color: #666666;
        line-height: 1.8;
        margin: 30px 0 0 0;
    }
    .SvCB .XzCon .EcIe .EcBx .ecC *{
        width: 480px;
        font-size: 18px;
        color: #666666;
        line-height: 2;
    }
    .SvCB .XzCon .EcIe .EcBx .ecC ul{
        padding: 0 0 0 25px;
    }
    .SvCB .XzCon .EcIe .EcBx .ecC li{
        list-style: disc;
    }

    .PubQA{
        display: flex;
        justify-content: space-between;
        padding: 30px 0 80px 0;
    }
    .PubQA .ecL{
        width: 530px;
    }
    .PubQA .ecR{
        width: 510px;
    }
    .PubQA.YsB .ecL{
        width: 680px;
    }
    .PubQA.YsB .ecR{
        width: 340px;
    }
    .PubQA .EcTit{
        font-size: 30px;
        color: #666666;
        margin: 0 0 30px 0;
    }
    .QaLs{
        position: relative;
    }
    .QaLs .QaIe{
        border-top: 1px solid rgba(0, 0, 0, 0.07);
    }
    .QaLs .QaIe .QaMc{
        font-size: 18px;
        color: #666666;
        padding: 15px 0 15px 30px;
        position: relative;
        cursor: pointer;
    }
    .QaLs .QaIe .QaCn{
        padding: 0 0 15px 30px;
        font-size: 15px;
        color: #666666;
        line-height: 2;
        position: relative;
        display: none;
    }
    .QaLs .QaIe .QaMc:after{
        content: "";
        width: 2px;
        height: 14px;
        position: absolute;
        left: 6px;
        top: 50%;
        margin-top: -7px;
        background-color: var(--colorZT);
    }
    .QaLs .QaIe.on .QaMc:after{
        display: none;
    }
    .QaLs .QaIe .QaMc:before{
        content: "";
        width: 14px;
        height: 2px;
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -1px;
        background-color: var(--colorZT);
    }
    .QaLs .QaIe .QaCn *{
        font-size: 15px;
        color: #666666;
        line-height: 2;
    }
    .PubFormA{
        position: relative;
    }
    .PubFormA .ecIe{
        width: 100%;
        margin: 0 0 10px 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .PubFormA .ecIe .srk{
        background-color: var(--colorZT);
        color: #ffffff;
        font-size: 16px;
        font-weight: 700;
    }
    .PubFormA .ecIe .srk::placeholder{
        color: #ffffff;
    }
    .PubFormA .ecIe .srk.w1{
        width: 100%;
    }
    .PubFormA .ecIe .srk.w2{
        width: 48%;
    }
    .PubFormA .ecIe .srkA{
        height: 60px;
        padding: 0 20px;
        border: 0;
    }
    .PubFormA .ecIe .srkB{
        padding: 20px;
        height: 140px;
    }
    .PubFormA .BtnA{
        width: 100%;
        background-color: var(--colorZT);
        color: #ffffff;
        font-size: 16px;
        font-weight: 700;
        height: 60px;
        letter-spacing: 2px;
        cursor: pointer;
    }

    .SvCC{
        padding: 0 0 120px 0;
    }
    .SvCC .incA{
        font-size: 24px;
        color: #666666;
        font-weight: 600;
        margin: 0 0 20px 0;
    }
    .SvCC .incB{
        font-size: 18px;
        color: #666666;
        line-height: 1.8;
        margin: 0 0 40px 0;
    }
    .SvCC .incB *{
        font-size: 18px;
        color: #666666;
        line-height: 1.8;
    }
    .SvCC .ecCon{
        display: flex;
        justify-content: space-between;
    }
    .SvCC .ecCon .ecL{
        width: 530px;
    }
    .SvCC .ecCon .ecR{
        width: 540px;
    }
    .SvCC .ecCon .ecR .ecIm{
        width: 100%;
        margin: 50px 0 40px 0;
    }
    .SvCC .ecCon .ecL .ecA{
        font-size: 18px;
        color: #666666;
        font-weight: 600;
        margin: 0 0 20px 0;
    }
    .SvCC .ecCon .ecLs{
        position: relative;
    }
    .SvCC .ecCon .ecLs .ecIe{
        font-size: 18px;
        color: #666666;
        line-height: 1.6;
        margin: 10px 0 0 0;
    }
    .SvCC .ecCon .ecLs .ecIe em{
        width: 16px;
        height: 16px;
        background: url(../images/w20.svg) no-repeat center;
        background-size: 100%;
        display: inline-block;
        border-radius: 50%;
        margin: 0 5px 0 0;
    }

    .SvCD{
        font-size: 18px;
        color: #666666;
        line-height: 1.6;
        margin: 0 0 60px 0;
    }
    .SvCD *{
        font-size: 18px;
        color: #666666;
        line-height: 1.6;
    }
    .ScCE{
        position: relative;
    }
    .LRConA{
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 0 0 80px 0;
    }
    .LRConA .ecL{
        width: 540px;
    }
    .LRConA .ecR{
        width: 540px;
        font-size: 18px;
        color: #666666;
        line-height: 1.6;
    }
    .LRConA .ecR *{
        font-size: 18px;
        color: #666666;
        line-height: 1.6;
    }
    .XmLsA{
        display: flex;
        flex-wrap: wrap;
        margin: -20px;
        padding: 0 0 80px 0;
    }
    .XmLsA .EcIe{
        width: calc(100%/2);
        padding: 20px;
    }
    .XmLsA .EcIe .EcBx{
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 100%;
    }
    .XmLsA .EcIe .EcBx .ecL{
        width: 70px;
        height: 70px;
        margin: 0 0 30px 0;
    }
    .XmLsA .EcIe .EcBx .ecR{
        width: 410px;
    }
    .XmLsA .EcIe .EcBx .ecR .ecA{
        font-weight: 600;
        font-size: 24px;
        color: #666666;
        margin: 0 0 30px 0;
        text-align: center;
    }
    .XmLsA .EcIe .EcBx .ecR .ecB{
        font-size: 18px;
        color: #666666;
        line-height: 1.6;
    }

    .BkLsA{
        display: flex;
        flex-wrap: wrap;
        margin: -20px;
        padding: 0 0 80px 0;
    }
    .BkLsA .EcIe{
        width: calc(100%/1);
        padding: 20px;
    }
    .BkLsA .EcIe .EcBx{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .BkLsA .EcIe:nth-child(2n) .EcBx{
        flex-direction: row-reverse;
    }
    .BkLsA .EcIe .EcBx .ecIm{
        width: 420px;
    }
    .BkLsA .EcIe .EcBx .ecCn{
        width: 610px;
    }
    .BkLsA .EcIe .EcBx .ecCn .ecA{
        font-weight: 600;
        font-size: 24px;
        color: #666666;
        margin: 0 0 20px 0;
        text-align: center;
    }
    .BkLsA .EcIe .EcBx .ecCn .ecB{
        font-size: 18px;
        color: #666666;
        line-height: 1.8;
        margin: 0 0 20px 0;
    }
    .BkLsA .EcIe .EcBx .ecCn .ecC{
        font-size: 18px;
        color: #666666;
        line-height: 1.8;
    }
    .BkLsA .EcIe .EcBx .ecCn .ecC *{
        font-size: 18px;
        color: #666666;
        line-height: 1.8;
    }
    .BkLsA .EcIe .EcBx .ecCn .ecC p{
        position: relative;
        padding: 0 0 0 20px;
    }
    .BkLsA .EcIe .EcBx .ecCn .ecC p:after{
        content: '';
        position: absolute;
        width: 6px;
        height: 6px;
        background-color: #666666;
        border-radius: 50%;
        left: 0;
        top: 12px;
    }
    .SvPubIm{
        width: 100%;
        margin: 0 0 60px 0;
    }
    .LRConB{
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        margin: 0 0 80px 0;
    }
    .LRConB .ecIm{
        width: 274px;
    }
    .LRConB .ecCn{
        width: 780px;
        font-size: 18px;
        color: #666666;
        line-height: 1.6;
    }

    .TdTit{
        font-size: 30px;
        color: #666666;
        font-weight: 600;
        text-align: center;
        margin: 0 0 50px 0;
    }
    .LRConC{
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        margin: 0 0 80px 0;
    }
    .LRConC .ecL{
        width: 480px;
        font-size: 18px;
        color: #666666;
        line-height: 1.8;
    }
    .LRConC .ecR{
        width: 480px;
    }
    .LRConC .ecR .ecA{
        width: 100%;
        margin: 0 0 20px 0;
    }
    .LRConC .ecR .ecB{
        font-size: 18px;
        color: #666666;
        line-height: 1.8;
        text-align: center;
    }

    .XmLsB{
        display: flex;
        flex-wrap: wrap;
        margin: -20px;
        padding: 0 0 80px 0;
    }
    .XmLsB .EcIe{
        width: calc(100%/1);
        padding: 20px;
    }
    .XmLsB .EcIe .EcBx{
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 100%;
    }
    .XmLsB .EcIe:nth-child(2n) .EcBx{
        flex-direction: row-reverse;
    }
    .XmLsB .EcIe .EcBx .ecIm{
        width: 500px;
    }
    .XmLsB .EcIe .EcBx .ecCn{
        width: 540px;
        position: relative;
    }
    .XmLsB .EcIe .EcBx .ecCn ul{
        padding: 0 0 0 25px;
    }
    .XmLsB .EcIe .EcBx .ecCn li{
        list-style: disc;
    }
    .XmLsB .EcIe .EcBx .ecCn .ecA{
        font-size: 30px;
        font-weight: 600;
        color: #666666;
        text-align: center;
        margin: 0 0 40px 0;
    }
    .XmLsB .EcIe .EcBx .ecCn .ecB{
        font-size: 18px;
        color: #666666;
        line-height: 1.8;
    }
    .XmLsB .EcIe .EcBx .ecCn .ecB li{
        padding: 0 15px;
    }
    .XmLsB .EcIe .EcBx .ecCn .ecB *{
        font-size: 18px;
        color: #666666;
        line-height: 1.8;
    }

}