/*头部*/
@media (min-width: 768px){
    .header{
        position: fixed;
        width: 100%;
        top: 0;
        z-index: 998;
        background: linear-gradient(to top, transparent, rgba(56, 2, 250, 0.2), rgba(56, 2, 250, 0.2), rgba(56, 2, 250, 0.3), rgba(56, 2, 250, 0.4));
        transition: all 0.5s;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }
    .header.menu-none {
        transform: translateY(-110%);
    }
    .header.on{
        background-color: rgba(39, 9, 150, 0.75);
        box-shadow: 0 0 calc( var(--bili) * 20px ) rgba(56, 2, 250, 0.2);
    }

    .header .headerMain{
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 100%;
    }
    .headerLogo{
        width: calc( var(--bili) * var(--logoW)*1px );
        z-index: 9;
    }
    .header-menu{
        width: 100%;
        position: relative;
        margin: 0 calc( var(--bili) * 50px ) 0 0;
    }
    .header-menu .CAul{
        display: flex;
        width: 100%;
    }
    .header-menu .CAli{
        width: 100%;
        display: flex;
        align-items: center;
    }
    .header-menu .CAli.isDm{
        position: relative;
    }
    .header-menu .CAli .CAa{
        color: #FFFFFF;
        width: 100%;
        font-size: calc( var(--bili) * 21px );
        line-height: calc(var(--bili) * var(--hedaH)*1px);
        display: block;
        text-align: center;
        white-space:nowrap;
        padding: 0 calc( var(--bili) * 25px );
        transition: all 0.5s;
    }
    .header-menu .CAli.isDm .CAa:before{
        content: "";
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: 15%;
        border: calc(var(--bili)* 8px) solid transparent;
        border-bottom: calc(var(--bili)* 12px) solid #ffffff;
        display: none;
    }
    .header-menu .CAli.isDm:hover .CAa:before{
        display: block;
    }

    .header.on .header-menu .CAli .CAa{
        line-height: calc(var(--bili) * var(--hedaH2)*1px);
    }

    .header-menu .Language{
        width: 100%;
        position: relative;
        display: flex;
        align-items: center;
        color: #FFFFFF;
        font-size: calc( var(--bili) * 12px );
    }
    .header-menu .Language a{
        display: inline-block;
    }
    .header-menu .Language img{
        display: inline-block;
vertical-align: middle;
    }
    .header-menu .Language .lang_ch,
    .header-menu .Language .lang_en{
        width: calc( var(--bili) * 40px );
        /*background:rgba(178, 157, 252, 0.15) no-repeat left!important;*/
        background-size: 30% !important;
        text-align: center;
        padding: 0 calc( var(--bili) * 20px ); 
        /*border: 1px solid rgba(178, 157, 252, 0.5);*/
        /*border-radius: 2px;*/
    }
    /*.header-menu .Language .lang_ch{ background-image: url(../image/flag_ch.png)!important; }*/
    /*.header-menu .Language .lang_en{ */
    /*    background-image: url(../image/flag_en.png)!important;*/
    /*    margin: 0 0 0 calc( var(--bili) * 1px );*/
    /*}*/

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

    .headerTel{
        display: block;
        width: calc( var(--bili) * 30px );
        height: calc( var(--bili) * 30px );
        background: url(../image/w1.svg) no-repeat center!important;
        background-size: 100% !important;
    }
    .headerLine{
        width: calc( var(--bili) * 2px );
        height: calc( var(--bili) * 22px );
        background-color: #ffffff;
        margin: 0 0 0 calc( var(--bili) * 40px );
    }
    .headerZx{
        display: block;
        width: calc( var(--bili) * 30px );
        height: calc( var(--bili) * 30px );
        background: url(../image/w2.svg) no-repeat center!important;
        background-size: 100% !important;
        margin: 0 0 0 calc( var(--bili) * 40px );
    }

    .down-menu{
        display: none;
        position: absolute;
        top: 85%;
        left: 50%;
        transform: translateX(-50%);
        overflow: hidden;
        z-index: 99;
        box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    }
    .down-menu .CBul{
        height: 100%;
        background-color:rgba(255, 255, 250, 0.9);
        border: 5px solid rgba(104, 104, 103, 0.2);
        box-shadow: 0 1px 8px rgba(0, 0, 0, 0.06);
        padding: calc( var(--bili) * 10px ) 0;
        border-radius: 10px;
    }
    .down-menu .CBa{
        display: block;
        width: 100%;
        line-height: calc( var(--bili) * 52px );
        font-size: calc( var(--bili) * 18px );
        min-width: calc( var(--bili) * 170px );
        color: #333333;
        padding: 0 calc( var(--bili) * 25px );
        white-space:nowrap;
        text-overflow: ellipsis;
        text-align: center;
    }
    .down-menu .CBli:hover .CBa{
        color: #FFFFFF;
        background-color:rgba(56, 2, 250,0.7);
        border: 1px solid #4623c4;
        border-radius: 2px;
    }
    
}

/*地图菜单*/
.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: #cccccc!important;
        position: relative;
        /*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%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: flex-start;
    }
    .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;
        letter-spacing: calc( var(--bili) * 4px );
    }
    .detail-banner .ADcon .EcB{
        font-size: calc( var(--bili) * 24px );
        letter-spacing: calc(var(--bili) * 2px);
        text-transform: uppercase;
        font-weight: lighter;
        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;
    }
    .WhBanner .BnMain {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        /*z-index: 3;*/
        overflow: hidden;
    }
    .WhBanner .BnFx {
        height: 100%;
        position: relative;
    }
    .WhBanner .SwBtn.swiper-button-next{
        right: 3%;
    }
    .WhBanner .SwBtn.swiper-button-prev{
        left: 3%;
    }
    .WhBanner .SwBtn:after{
        font-size: calc( var(--bili) * 16px );
        color: #FFFFFF;
    }
    .swiper-pagination.swiper-page-banner{
        width: 100%;
        bottom: calc(var(--bili)* 60px) !important;
        left: 0;
    }
    .swiper-page-banner .swiper-pagination-bullet{
        background: #fff;
        width: calc(var(--bili)* 14px);
        height: calc(var(--bili)* 14px);
        border-radius: 50%;
        margin: 0 calc(var(--bili)* 10px)!important;
        position: relative;
        transition: all 0.5s;
        opacity: 1;
    }
    .swiper-page-banner .swiper-pagination-bullet.swiper-pagination-bullet-active{
        background: var(--colorZT);
    }
    .WhBanner .SwBtn{
        width: calc(var(--bili)* 40px);
        height: calc(var(--bili)* 40px);
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: all 0.3s;
    }
    .WhBanner .SwBtn:hover{
        background-color: var(--colorZT);
    }

    .BnRcWz{
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
    }
    .BnRcWz .EcBox{
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .BnRcWz .EcBox .ecA{
        color: #FFFFFF;
        font-weight: 700;
        font-size: calc(var(--bili) * 54px);
        margin: calc(var(--bili) * 100px) 0 calc(var(--bili) * 40px) 0;
        letter-spacing: calc(var(--bili) * 6px);
        opacity: 0;
        transform: translateY(calc(var(--bili) * 240px));
        transition: all 0.8s;
    }
    .BnRcWz .EcBox .ecB{
        color: #FFFFFF;
        font-size: calc(var(--bili) * 40px);
        text-transform: uppercase;
        margin: 0 0 calc(var(--bili) * 40px) 0;
        letter-spacing: calc(var(--bili) * 4px);
        opacity: 0;
        transform: translateY(calc(var(--bili) * 240px));
        transition: all 1.2s;
    }
    .BnRcWz .EcBox .ecC{
        display: block;
        margin: 0;
        color: #FFFFFF;
        font-size: calc(var(--bili) * 30px);
        padding: calc( var(--bili) * 15px ) calc( var(--bili) * 50px );
        background-color: var(--colorZT);
        border-radius: calc( var(--bili) * 12px );
        letter-spacing: calc(var(--bili) * 4px);
        opacity: 0;
        transform: translateY(calc(var(--bili) * 240px));
        transition: all 1.8s;
    }

    .WhBanner .swiper-slide-active .BnRcWz * {
        opacity: 1 !important;
        transform: scale3d(1, 1, 1) !important;
    }

}

/*banner*/
.WhBanner {
    height: calc(var(--bili) * var(--bannerH) * 1px);
    overflow: hidden;
}
.WhBanner .BnBox {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 5;
}
.WhBanner .BnMain {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
}
.WhBanner .BnFx {
    height: 100%;
    position: relative;
}
.WhBanner .SwBtn{
    width: calc(var(--bili)* 40px);
    height: calc(var(--bili)* 40px);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s;
}
.WhBanner .SwBtn.swiper-button-next{ right: 3%; }
.WhBanner .SwBtn.swiper-button-prev{ left: 3%; }
.WhBanner .SwBtn:after{
    font-size: calc( var(--bili) * 16px );
    color: #FFFFFF;
}
.WhBanner .SwBtn:hover{
    background-color: var(--colorZT);
}

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

.BnRcWz{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.BnRcWz .EcBox{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.BnRcWz .EcBox .ecA{
    color: #FFFFFF;
    font-weight: 700;
    font-size: calc(var(--bili) * 65px);
    margin: calc(var(--bili) * 100px) 0 calc(var(--bili) * 40px) 0;
    letter-spacing: calc(var(--bili) * 6px);
    opacity: 0;
    transform: translateY(calc(var(--bili) * 240px));
    transition: all 0.8s;
}
.BnRcWz .EcBox .ecB{
    color: #FFFFFF;
    font-size: calc(var(--bili) * 40px);
    text-transform: uppercase;
    margin: 0 0 calc(var(--bili) * 40px) 0;
    letter-spacing: calc(var(--bili) * 4px);
    opacity: 0;
    transform: translateY(calc(var(--bili) * 240px));
    transition: all 1.2s;
}
.BnRcWz .EcBox .ecC{
    display: block;
    margin: 0;
    color: #FFFFFF;
    font-size: calc(var(--bili) * 30px);
    padding: calc( var(--bili) * 15px ) calc( var(--bili) * 50px );
    background-color: var(--colorZT);
    border-radius: calc( var(--bili) * 12px );
    letter-spacing: calc(var(--bili) * 4px);
    opacity: 0;
    transform: translateY(calc(var(--bili) * 240px));
    transition: all 1.8s;
}

.WhBanner .swiper-slide-active .BnRcWz * {
    opacity: 1 !important;
    transform: scale3d(1, 1, 1) !important;
}

/*foot*/
.footer {
    width: 100%;
    overflow: hidden;
    padding: calc(var(--bili) * 80px) 0 0 0;
    background: #26282c;
    background-size: cover;
}
.footer .EcMain{
    display: flex;
    justify-content: space-between;
}
.footer .FootLx{
    margin: 0 calc( var(--bili) * 20px ) 0 0;
}
.footer .FootTit{
    color: #FFFFFF;
    display: flex;
    align-items: flex-end;
    margin: 0 0 calc( var(--bili) * 30px ) 0;
}
.footer .FootTit .FtCn{
    font-size: calc( var(--bili) * 24px );
}
.footer .FootTit .FtEn{
    margin: 0 0 0 calc( var(--bili) * 20px );
    font-size: calc( var(--bili) * 16px );
    text-transform: uppercase;
    opacity: 0.7;
    font-weight: lighter;
    letter-spacing: 1px;
}
.footer .FootLx .EcContent{
    font-size: calc( var(--bili) * 18px );
    color: #cccccc;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.footer .FootLx .EcContent .EcA{
    display: block;
    margin: 0 0 calc( var(--bili) * 15px ) 0;
}
.footer .FootLx .EcContent a:hover{
    color: var(--colorHD);
}
.footer .FootEwm .EwmCon{
    display: flex;
    width: calc( var(--bili) * 300px );
}
.footer .FootEwm .EwmCon .EwmIm{
    width: 100%;
    height: 100%;
    align-items: center;
    padding:0  calc( var(--bili) * 5px );
}
.footer .FootEwm .EwmCon .EwmMc{
    text-align: center;
    font-size: calc( var(--bili) * 14px );
    color: #cccccc;
    margin: calc( var(--bili) * 10px ) 0 0 0;
}

.Copyright {
    border-top: 1px solid #626467;
    font-size: calc(var(--bili) * 14px);
    color: #CCCCCC;
    text-align: center;
    padding: calc( var(--bili) * 15px ) 0;
    margin: calc( var(--bili) * 30px ) 0 0 0;
}

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

.InPD{ padding: calc( var(--bili) * 90px ) 0 calc( var(--bili) * 120px ); }
.InPD2{ padding: calc( var(--bili) * 100px ) 0; }
.InPD3{ padding: calc( var(--bili) * 80px ) 0 calc( var(--bili) * 120px ); }
.InPD4{ padding: calc( var(--bili) * 80px ) 0 0; }
.InPD-IfLs{ padding: 0 0 calc( var(--bili) * 120px ) 0; }

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

.InPubTit{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin: 0 0 calc( var(--bili) * 50px ) 0;
}
.InPubTit .InPA{
    font-size: calc( var(--bili) * 36px );
    color: var(--colorZT);
    margin: 0 0 calc( var(--bili) * 20px ) 0;
    letter-spacing: calc( var(--bili) * 2px );
}
.InPubTit .InPB{
    width: calc( var(--bili) * 80px );
    height: calc( var(--bili) * 2px );
    background-color: var(--colorZT);
}
.InPubTit .InPC{
    font-size: calc( var(--bili) * 20px );
    color: #aaaaaa;
    line-height: 1.6;
    margin: calc( var(--bili) * 20px ) 0 0 0;
    text-transform: uppercase;
}

.LoadMoreMain{
    display: flex;
    justify-content: center;
    margin: calc( var(--bili) * 80px ) 0 0 0;
}
.LoadMoreMain .LoadMore{
    border: 1px solid var(--colorZT);
    background-color: var(--colorZT);
    color: #ffffff;
    font-size: calc( var(--bili) * 16px );
    padding: calc( var(--bili) * 12px ) calc( var(--bili) * 70px );
    border-radius: 8px;
    letter-spacing: 2px;
    cursor: pointer;
}
.LoadMoreMain .LoadMore.End{
    border-color: transparent;
    color: #555555;
    background-color: transparent;
}
.LoadMoreMain .LoadMore.End:hover{
    border-color: transparent;
    color: #555555;
}
.LoadMoreMain .LoadMore:hover{
    background-color: var(--colorZT);
    border-color: var(--colorZT);
    color: #ffffff;
}

/*首页*/
.PubTitle{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 0 calc( var(--bili) * 40px ) 0;
}
.PubTitle .inA{
    font-size: calc( var(--bili) * 36px );
    font-weight: 700;
    color: var(--colorZT);
    letter-spacing: calc( var(--bili) * 2px );
}
.PubTitle .inB{
    margin: calc( var(--bili) * 20px ) 0 0 0;
    font-size: calc( var(--bili) * 20px );
    color: var(--colorZTB);
    letter-spacing: calc( var(--bili) * 2px );
}
.PubTitle.YsF *{ color: #FFFFFF!important; }
.PubTitle.YsB *{ color: #555555!important; }

.PubDot{
    margin: calc( var(--bili) * 30px ) 0 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.PubDot i{
    display: block;
    background-color: var(--colorZT);
    width: calc( var(--bili) * 14px );
    height: calc( var(--bili) * 14px );
    border-radius: 50%;
    animation: dot-pulse2 1.5s ease-in-out infinite;
    margin: 0 calc( var(--bili) * 5px );
}
.PubDot i:nth-of-type(2){ animation-delay: 0.3s; }
.PubDot i:nth-of-type(3){ animation-delay: 0.6s; }
.PubDot i:nth-of-type(4){ animation-delay: 0.9s; }
.PubDot i:nth-of-type(5){ animation-delay: 1.2s; }

@keyframes dot-pulse2 {
    0%, 100% { transform: scale(0.6); }
    50% { transform: scale(1); }
}

.IcnA{
    padding: calc( var(--bili) * 70px ) 0 calc( var(--bili) * 40px ) 0;
}
.IcnA .EcLs{
    display: flex;
    flex-wrap: wrap;
    margin: calc( var(--bili) * -14px );
}
.IcnA .EcLs .EcIe{
    width: calc(100%/2);
    padding: calc( var(--bili) * 15px );
}
.IcnA .EcLs .EcIe .EcAc{
    display: flex;
    justify-content: space-between;
    border: 1px solid #7c6ecf;
    background: linear-gradient(to right, #f7f6f8 50% , #dcd8f7);
    border-radius: 20px;
    overflow: hidden;
}
.IcnA .EcLs .EcIe .EcAc .EcIm{
    width: 50%;
    position: relative;
    padding-top: 48.5%;
    overflow: hidden;
}
.IcnA .EcLs .EcIe .EcAc .EcCn{
    width: 50%;
    padding: calc( var(--bili) * 20px );
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    transition: all 0.3s;
    
}
.IcnA .EcLs .EcIe .EcAc .EcCn .ecA{
    font-weight: 700;
    font-size: calc( var(--bili) * 26px );
    color: #4623c4;
    padding: 0 0 0 calc( var(--bili) * 45px );   
    white-space: nowrap
}
.IcnA .EcLs .EcIe .EcAc .EcCn .ico1{ background: url(../image/shipping.png) no-repeat left;background-size: 12%;}
.IcnA .EcLs .EcIe .EcAc .EcCn .ico2{ background: url(../image/aircargo.png) no-repeat left;background-size: 12%; }
.IcnA .EcLs .EcIe .EcAc .EcCn .ico3{ background: url(../image/express.png) no-repeat left; background-size: 12%;}
.IcnA .EcLs .EcIe .EcAc .EcCn .ico4{ background: url(../image/ico4.png) no-repeat left; background-size: 12%;}
.IcnA .EcLs .EcIe .EcAc .EcCn .ico5{ background: url(../image/ico5.png) no-repeat left; background-size: 12%;}
.IcnA .EcLs .EcIe .EcAc .EcCn .ico6{ background: url(../image/ico6.png) no-repeat left; background-size: 12%;}

.IcnA .EcLs .EcIe .EcAc .EcCn .ecB{
    margin: calc( var(--bili) * 20px ) 0 0 0;
    font-size: calc( var(--bili) * 18px );
    color: #333333;
    line-height: 1.6;
}
.IcnA .EcLs .EcIe .EcAc .EcCn .ecC{
    display: inline-block;
    margin: calc( var(--bili) * 40px ) 0 0 0;
    font-size: calc( var(--bili) * 18px );
    border: 1px solid var(--colorZT);
    background: var(--colorZT) url("../image/w3.svg") no-repeat 80%;
    background-size: calc( var(--bili) * 30px );
    border-radius: calc( var(--bili) * 30px );
    padding: calc( var(--bili) * 10px ) calc( var(--bili) * 80px ) calc( var(--bili) * 10px ) calc( var(--bili) * 30px );
    color: #ffffff;
    transition: all 0.3s;
}
.IcnA .EcLs .EcIe .EcAc:hover .EcCn{
    background-color: var(--colorZT);
}
.IcnA .EcLs .EcIe .EcAc:hover .EcCn .ecA,
.IcnA .EcLs .EcIe .EcAc:hover .EcCn .ecB{
    color: #ffffff;
}
.IcnA .EcLs .EcIe .EcAc:hover .EcCn .ecC{
    color: #ffffff;
    border-color: #ffffff;
}

/* 首页关于我们 */
.UScontent {
    display: flex;
    border-radius: 10px;
    border: 1px solid var(--colorZTB);
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    margin-bottom: 30px;
    background-color: var(--colorHD);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.UScontent:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(84, 18, 238, 0.25);
}
.UScontent .USIMG {
    width: 45%;
    padding: calc(var(--bili) * 15px);
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.UScontent .USIMG img {
    max-width: 100%;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.UScontent .UStext {
    width: 55%;
    padding: calc(var(--bili) * 30px);
    text-align: left;
}
.UScontent .UStext .TITH {
    color: var(--colorZT);
    font-weight: 700;
    font-size: calc(var(--bili) * 35px);
    margin-bottom: 20px;
    position: relative;
    padding-bottom: 15px;
}
.UScontent .UStext .TITH::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 60px;
    height: 3px;
    background: linear-gradient(to right, var(--colorZT), var(--colorZTB));
    border-radius: 2px;
}
.UScontent .UStext .TITP {
    color: #666;
    line-height: 1.75;
    font-size: calc(var(--bili) * 18px);
    margin: calc(var(--bili) * 20px) 0 0 0;
}
.UScontent .UStext  .features {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: calc(var(--bili) * 20px);
    margin-top: calc(var(--bili) * 20px);
}
.UScontent .UStext  .feature {
    background: rgba(182, 131, 248, 0.15);
    border-radius: 10px;
    text-align: center;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
    transition: all 0.3s;
}
.UScontent .UStext .feature .feature-title {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--colorZT);
    font-weight: 700;
    font-size: calc(var(--bili) * 20px);
    line-height: 1;
    padding: 8px 16px;
    border-radius: 6px;
    gap: 8px;
}
.UScontent .UStext .feature .feature-title .feature-iocA,
.UScontent .UStext .feature .feature-title .feature-iocB,
.UScontent .UStext .feature .feature-title .feature-iocC,
.UScontent .UStext .feature .feature-title .feature-iocD {
    width: 30px;
    height: 30px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.UScontent .UStext .feature .feature-title .feature-iocA { background-image: url('../image/feature-iocA.png'); }
.UScontent .UStext .feature .feature-title .feature-iocB { background-image: url('../image/feature-iocB.png'); }
.UScontent .UStext .feature .feature-title .feature-iocC { background-image: url('../image/feature-iocC.png'); }
.UScontent .UStext .feature .feature-title .feature-iocD { background-image: url('../image/feature-iocD.png'); }

.UScontent .UStext .feature .feature-text {
    color: #333;
    line-height: 1.5;
    font-size: calc(var(--bili) * 18px);
    margin: 0 0 calc(var(--bili) * 14px) 0;
}

/* 其他区块样式保持不变，仅删除重复代码 */
/* ... 其余样式代码保持原样，仅优化重复部分 ... */

/* 响应式设计 */
@media (max-width: 992px) {
    .UScontent .USIMG,
    .UScontent .UStext {
        width: 100%;
    }
    .UScontent {
        flex-direction: column;
    }
    .UScontent .USIMG {
        min-height: 250px;
    }
}

    .IcnB{
        padding: calc( var(--bili) * 40px ) 0;
    }
    .WorldMain{
        position: relative;
    }
    .WorldMain .EcLs{
        display: flex;
        flex-wrap: wrap;
        margin: calc( var(--bili) * -20px );
    }
    .WorldMain .EcLs .EcIe{
        width: calc(100%/4);
        padding: calc( var(--bili) * 20px );
    }
    .WorldMain .EcLs .EcIe .EcAc{
        height: 100%;
        background: #dadae4;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: calc( var(--bili) * 10px ) calc( var(--bili) * 0px );
        transition: all 0.3s;
        border-radius: 5px;
    }
    .WorldMain .EcLs .EcIe .EcAc .EcIm{
        width: calc( var(--bili) * 230px );
        height: calc( var(--bili) * 230px );
        filter: brightness(0.6);
        transition: all 0.3s;
    }
    .WorldMain .EcLs .EcIe .EcAc .EcCn{
        width: calc( var(--bili) * 220px );
        color: #555555;
    }
    .WorldMain .EcLs .EcIe .EcAc .EcCn .ecA{
        font-weight: 700;
        font-size: calc( var(--bili) * 30px );
        transition: all 0.3s;
    }
    .WorldMain .EcLs .EcIe .EcAc .EcCn .ecB{
        text-transform: uppercase;
        transition: all 0.3s;
        margin: calc( var(--bili) * 25px ) 0 0 0;
        font-size: calc( var(--bili) * 14px );
        font-weight: 700;
    }
    .WorldMain .EcLs .EcIe .EcAc .EcCn .ecC{
        transition: all 0.3s;
        /*margin: calc( var(--bili) * 20px ) 0 0 0;*/
        font-size: calc( var(--bili) * 17px );
        line-height: 1.8;
        display: none;
    }
    .WorldMain .EcLs .EcIe:hover .EcAc{
        background: var(--colorZL);
    }
    .WorldMain .EcLs .EcIe:hover .EcAc .EcCn{
        color: #ffffff;
    }
    .WorldMain .EcLs .EcIe:hover .EcAc .EcMc{
        color: #ffffff;
    }
    .WorldMain .EcLs .EcIe:hover .EcAc .EcCn .ecB{
        margin: calc( var(--bili) * 10px ) 0 0 0;
        font-weight: 700;
    }
    .WorldMain.Iwm .EcLs .EcIe:hover .EcAc .EcCn .ecB{
        /*margin: calc( var(--bili) * 25px ) 0 0 0;*/
    }
    .WorldMain .EcLs .EcIe .EcAc:hover .EcCn .ecC{
        display: block;
    }
    .WorldMain .EcLs .EcIe .EcAc:hover .EcIm{
        filter: brightness(1);
    }
    .IcnC{
        padding: calc( var(--bili) * 40px ) 0 calc( var(--bili) * 80px ) 0;
    }
    .IcnC .EcMain{
       position: relative;
    }
    .IcnC .EcMain .EcLs{
        display: flex;
        flex-wrap: wrap;
        margin: calc( var(--bili) * -8px );
    }
    .IcnC .EcMain .EcLs .EcIe{
        width: calc(100%/4);
        padding: calc( var(--bili) * 8px );
    }
    .IcnC .EcMain .EcLs .EcIe .EcAc{
        color: #555555;
        background-color: #eeeeee;
        padding: calc( var(--bili) * 50px ) calc( var(--bili) * 30px );
        transition: all 0.2s;
        border-radius: 4px;
    }
    .IcnC .EcMain .EcLs .EcIe .EcAc .EcIm{
        width: calc( var(--bili) * 70px );
        height: calc( var(--bili) * 70px );
        filter: brightness(0.4);
        transition: all 0.3s;
    }
    .IcnC .EcMain .EcLs .EcIe .EcAc .EcMc{
        margin: calc( var(--bili) * 30px ) 0 0 0;
        font-size: calc( var(--bili) * 36px );
        font-weight: 700;
        color: #4623c4;
    }
    .IcnC .EcMain .EcLs .EcIe .EcAc .EcLe{
        margin: calc( var(--bili) * 20px ) 0 0 0;
        width: calc( var(--bili) * 100%);
        height: calc( var(--bili) * 5px );
        background-color: var(--colorZT);
        border-radius: calc( var(--bili) * 20px );
        transition: all 0.3s;
    }
    .IcnC .EcMain .EcLs .EcIe .EcAc .EcIn{
        margin: calc( var(--bili) * 50px ) 0 0 0;
        font-size: calc( var(--bili) * 18px );
        line-height: calc( var(--bili) * 30px );
        height: calc( var(--bili) * 90px );
    }
    .IcnC .EcMain .EcLs .EcIe .EcAc:hover{
        background-color: var(--colorZT);
        color: #ffffff;
    }
    .IcnC .EcMain .EcLs .EcIe .EcAc:hover .EcIm{
        filter: brightness(1);
    }
     .IcnC .EcMain .EcLs .EcIe .EcAc:hover .EcMc{
        color: #ffffff;
    }
    .IcnC .EcMain .EcLs .EcIe .EcAc:hover .EcLe{
        background-color: #ffffff;
    }

    .PubBtnMain{
        display: flex;
        justify-content: center;
        margin: calc( var(--bili) * 40px ) 0 0 0;
    }
    .PubBtnMain .inBtn{
        background: var(--colorZT);
        color: #ffffff;
        font-size: calc( var(--bili) * 24px );
        letter-spacing: calc( var(--bili) * 2px );
        padding: calc( var(--bili) * 12px ) calc( var(--bili) * 80px );
        border-radius: calc( var(--bili) * 60px );
    }

    .IcnD{
        padding: calc( var(--bili) * 60px ) 0 calc( var(--bili) * 70px ) 0;
        background: url(../image/BG1.jpg) no-repeat center top;
    }
    .IcnD .EcMain{
        position: relative;
        padding: calc( var(--bili) * 10px ) 0 0 0;
    }
    .IcnD .EcMain .EcLs{
        display: flex;
        justify-content: space-around;
        position: relative;
    }
    .IcnD .EcMain .EcLs:after{
        content: '';
        position: absolute;
        width: 100%;
        height: calc( var(--bili) * 5px );
        background: #c9c9c9;
        border-radius: 10px;
        top: 50%;
        transform: translateY(-50%);
    }
    .IcnD .EcMain .EcLs .EcIe{
        width: calc(100%/10);
        position: relative;
        z-index: 2;
    }
    .IcnD .EcMain .EcLs .EcIe .EcAc{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .IcnD .EcMain .EcLs .EcIe .EcAc .EcMA{
        font-size: calc( var(--bili) * 24px );
        color: var(--colorZT);
        text-align: center;
        margin: 0 0 calc( var(--bili) * 20px ) 0;
    }
    .IcnD .EcMain .EcLs .EcIe .EcAc .EcMc{
        font-weight: 700;
        white-space: nowrap;
    }
    .IcnD .EcMain .EcLs .EcIe .EcAc .EcIn{
        white-space: nowrap;
        margin: calc( var(--bili) * 5px ) 0 0 0;
    }
    .IcnD .EcMain .EcLs .EcIe .EcAc .EcIm{
        width: calc( var(--bili) * 118px );
    }
    .IcnD .EcMain .EcLs .EcIe:nth-child(2n) .EcAc{
        flex-direction: column-reverse;
        margin: calc( var(--bili) * 120px ) 0 0 0;
    }
    .IcnD .EcMain .EcLs .EcIe:nth-child(2n) .EcAc .EcMA{
        margin: calc( var(--bili) * 20px ) 0 0 0;
        color: #7d7d7d;
    }

    .IcnD .EcMain{
        position: relative;
        padding: calc( var(--bili) * 10px ) 0 0 0;
    }
    .IcnD .EcMainA .EcLs{
        display: flex;
        position: relative;
        justify-content: space-between;
    }
    .IcnD .EcMainA .EcLs .EcIe{
        width: calc( var(--bili) * 161px );
        position: relative;
        z-index: 2;
    }
    .IcnD .EcMainA .EcLs .EcIe .EcAc{
        display: flex;
        flex-direction: column;
        align-items: center;
        color: #555555;
        font-size: calc( var(--bili) * 20px );
        position: relative;
    }

    .IcnD .EcMainA .EcLs .EcIe .EcAc .EcIm{
        width: 100%;
        position: relative;
    }
    .IcnD .EcMainA .EcLs .EcIe .EcAc .EcIm:after{
        content: '';
        position: absolute;
        width: calc( var(--bili) * 31px );
        height: calc( var(--bili) * 36px );
        background: url("../image/w100.png") no-repeat center;
        background-size: 100%;
        right: calc( var(--bili) * -58px );
        top: 50%;
        transform: translateY(-50%);
    }
    .IcnD .EcMainA .EcLs .EcIe:last-child .EcAc .EcIm:after{
        display: none;
    }
    .IcnD .EcMainA .EcLs .EcIe .EcAc .EcMc{
        margin: calc( var(--bili) * 40px ) 0 0 0;
        font-weight: 700;
        white-space: nowrap;
    }
    .IcnD .EcMainA .EcLs .EcIe .EcAc .EcIn{
        white-space: nowrap;
        margin: calc( var(--bili) * 10px ) 0 0 0;
    }

    .IcnE{
        padding: calc( var(--bili) * 70px ) 0 0 0;
        /*background: #ffffff url(../images/BG2.jpg) no-repeat center bottom;*/
        background-size: 100%!important;
    }
    .IcnE .EcMain{
        padding: calc( var(--bili) * 10px ) 0 0 0;
        position: relative;
    }
    .IcnE .EcMain .EcLs{
        display: flex;
        flex-wrap: wrap;
        margin: calc( var(--bili) * -25px );
    }
    .IcnE .EcMain .EcLs .EcIe{
        width: calc(100%/3);
        padding: calc( var(--bili) * 25px );
    }
    .IcnE .EcMain .EcLs .EcIe .EcAc{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .IcnE .EcMain .EcLs .EcIe .EcAc .EcIm{
        width: calc( var(--bili) * 93px );
        height: calc( var(--bili) * 93px );
    }
    .IcnE .EcMain .EcLs .EcIe .EcAc .EcCn{
        width: calc(100% - calc( var(--bili) * 120px ));
    }
    .IcnE .EcMain .EcLs .EcIe .EcAc .EcCn .ecA{
        font-weight: 700;
        color: #555555;
        font-size: calc( var(--bili) * 24px );
    }
    .IcnE .EcMain .EcLs .EcIe .EcAc .EcCn .ecB{
        color: #888888;
        font-size: calc( var(--bili) * 18px );
        margin: calc( var(--bili) * 5px ) 0 0 0;
    }

    .IcnF{
        padding: calc( var(--bili) * 70px ) 0 calc( var(--bili) * 40px ) 0;
        background: #ffffff;
    }
    .IcnF .EcMain{
        position: relative;
    }
    .IcnF .EcMain .EcLs{
        display: flex;
        flex-wrap: wrap;
        margin: calc( var(--bili) * -25px );
    }
    .IcnF .EcMain .EcLs .EcIe{
        width: calc(100%/3);
        padding: calc( var(--bili) * 25px );
    }

    .IcnF .EcMain .EcLs .EcIe .EcAc{
        display: block;
    }
    .IcnF .EcMain .EcLs .EcIe .EcAc .EcIm{
        width: 100%;
        position: relative;
        padding-top: 62%;
        overflow: hidden;
    }
    .IcnF .EcMain .EcLs .EcIe .EcIm .EcTm{
         position: absolute;
         top: 10px; /* 距离图片顶部的距离 */
        left: 10px; /* 距离图片左侧的距离 */
         background: var(--light-purple); /* 半透明背景，提高文字可读性 */
        color: white;
        padding: 8px 8px;
        border-radius: 4px;
        border: 1px solid var(--light-purple);
        font-size: calc(var(--bili) * 16px);
        font-weight: 600;
        z-index: 1; /* 确保日期显示在图片上方 */

    }
    .IcnF .EcMain .EcLs .EcIe .EcAc .EcIm:after{
        content: '';
        position: absolute;
        width: calc(var(--bili)* 210px);
        height: calc(var(--bili)* 210px);
        background: rgba(80, 80, 80, 0.15) url(../image/w9.svg) no-repeat center;
        background-size: 50%;
        z-index: 2;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        opacity: 0;
        transition: all 0.5s;
        border-radius: 5px;
    }
    .IcnF .EcMain .EcLs .EcIe .EcAc .EcMc{
        font-size: calc( var(--bili) * 20px );
        font-weight: 700;
        color: #333333;
        margin: calc( var(--bili) * 30px ) 0 0 0;
    }
    .IcnF .EcMain .EcLs .EcIe .EcAc .EcIn{
        margin: calc( var(--bili) * 20px ) 0 0 0;
        font-size: calc( var(--bili) * 20px );
        color: #777777;
        line-height: 1.8;
    }
    .IcnF .EcMain .EcLs .EcIe .EcAc:hover .EcIm img{
        transform: scale(1.1);
    }
    .IcnF .EcMain .EcLs .EcIe .EcAc:hover .EcIm:after{
        opacity: 1;
    }
    .IcnF .EcMain .EcLs .EcIe .EcAc:hover .EcMc{
        color: var(--colorZT);
    }

    .IcnG{
        padding: calc( var(--bili) * 40px ) 0 calc( var(--bili) * 160px ) 0;
    }
    .IcnG .EcCon{
        position: relative;
        margin: 0 0 calc( var(--bili) * 50px ) 0;
    }
    .IcnG .EcCon .EcLs{
        display: flex;
        flex-wrap: wrap;
        margin: calc( var(--bili) * -14px );
    }
    .IcnG .EcCon .EcLs .EcIe{
        width: calc(100%/7);
        padding: calc( var(--bili) * 14px );
    }
    .IcnG .EcCon .EcLs .EcIe .EcBx{
        display: block;
        background-color: #FFFFFF;
        transition: all 0.5s;
        /*border: 1px solid #dcdcdc;*/
    }
    .IcnG .EcCon .EcLs .EcIe .EcBx .ecIm{
        position: relative;
        width: 100%;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-top: 58.5%;
    }
    .IcnG .EcCon .EcLs .EcIe .EcBx .ecIm img{
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
    }
    .IcnG .EcCon .EcLs .EcIe .EcBx:hover{
        transform: translateY(calc( var(--bili) * -10px ));
    }
}

/*菜单-位置*/
@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) * 25px ) 0;
        background-color: #e6e6e6;
    }
    .Position{
        padding: 0 0 0 calc( var(--bili) * 26px );
        white-space:nowrap;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .Position.NoMbx{
        display: none;
    }
    .Position .Acls{
        font-size: calc( var(--bili) * 16px );
        color: var(--colorZT);
        margin: 0 calc( var(--bili) * 90px ) 0 0;
        position: relative;
        display: inline-block;
        line-height: 2;
    }
    .Position .Acls:after{
        content: '';
        position: absolute;
        width: calc( var(--bili) * 14px );
        height: calc( var(--bili) * 14px );
        background-size: 100%;
        color: #999999;
        right:calc( var(--bili) * -50px );
        top: 50%;
        transform: translateY(-50%);
        font-weight: bold;
    }
    .Position .Acls:first-child{
        color: #333333;
        padding: 0 0 0 calc( var(--bili) * 30px );
    }
    .Position .Acls:first-child:before{
        content: '';
        position: absolute;
        width: calc( var(--bili) * 17px );
        height: calc( var(--bili) * 17px );
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        background-size: 100%;
    }
    .Position .Acls:last-child{
        margin: 0;
    }
    .Position .Acls:last-child:after{
        display: none;
    }



    .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{
    .Map-Box{
        width: 100%;
        height: calc( var(--bili) * 500px );
        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;
    }
    .ContentMap .BMap_Marker{
        margin: calc( var(--bili) * -25px ) 0 0 0 !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{
    .SingleMain{
        position: relative;
    }
    .SingleMain .SingleCon{
        font-size: calc( var(--bili) * 16px );
        line-height: 2;
        color: #555555;
    }
    .SingleMain .SingleCon. *{
        line-height: 2;
        color: #555555;
    }
}

/*图片展示*/
@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{
    .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: 50%;
    }
    .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{
    .Det-Content {
        display: flex;
        justify-content: space-between;
        margin: 0 0 calc(var(--bili) * 120px) 0;
        padding: calc(var(--bili) * 30px) 0 0 0;
    }
    .Det-Content .inL {
        width: 25%;        
        padding: 0 0 calc(var(--bili) * 30px) calc(var(--bili) * 20px);
        /* border: 1px solid #c9c9c9; */

    }
    .Det-Content .inR {
        width: 75%;
        /* border: 1px solid red; */
        padding: 0 calc(var(--bili) * 60px) 0 calc(var(--bili) * 30px);
    }
    .Det-Content .inR .inTit {
        font-size: calc(var(--bili) * 30px);
        color: #555555;
        line-height: 1.6;
        margin: 0 0 calc(var(--bili) * 20px) 0;
    }
    .Det-Content .inR .inDate {
        width: 100%;
        font-size: calc(var(--bili) * 16px);
        color: #555555;
        margin: 0 0 calc(var(--bili) * 20px) 0;
        border-bottom: 1px solid #e0e0e0;
        display: inline-block;
    }
      .Det-Content .inR .inDate span {
        margin-right: calc(var(--bili) * 30px);
    }
    .Det-Content .inR .WH-content {
        font-size: calc(var(--bili) * 18px);
        color: #555555;
        line-height: 2;
    }
    .Det-Content .inR .WH-content * {
        max-width: 100%;
        line-height: 2;
    }
    .Det-Content .inR .WH-content img {
        height: auto;
    }

    .RecA {
        width: 100%;
        position: relative;
        margin: 0 0 calc(var(--bili) * 50px) 0;
    }
    .RecA:last-child {
        margin: 0;
    }
    .RecA .RecTit {
        font-size: calc(var(--bili) * 30px);
        color: #555555;
        border-left: calc(var(--bili) * 5px) solid var(--colorZT);
        padding: 0 0 0 calc(var(--bili) * 30px);
        margin: 0 0 calc(var(--bili) * 15px) 0;
    }
    .RecA .RecList {
        display: flex;
        flex-wrap: wrap;
    }
    .RecA .RecList .inItem {
        width: 100%;
    }
    .RecA .RecList .inItem .ecBox {
        display: block;
        padding: calc(var(--bili) * 20px) 0;
        border-bottom: 1px dashed #c2c2c2;
    }
    .RecA .RecList .inItem:last-child .ecBox {
        border-bottom: 0;
    }
    .RecA .RecList .inItem .ecBox .inA {
        position: relative;
        font-size: calc(var(--bili) * 18px);
        color: #555555;
        margin: 0 0 calc(var(--bili) * 10px) 0;
        padding: 0 calc(var(--bili) * 30px);
        transition: all 0.3s;
    }
    .RecA .RecList .inItem .ecBox .inA:after {
        content: '';
        position: absolute;
        width: calc(var(--bili) * 10px);
        height: calc(var(--bili) * 10px);
        background-color: #d2d2d2;
        border-radius: 50%;
        top: 50%;
        left: calc(var(--bili) * 4px);
        transform: translateY(-50%);
        transition: all 0.3s;
    }
    .RecA .RecList .inItem .ecBox .inB {
        font-size: calc(var(--bili) * 14px);
        color: #999999;
        padding: 0 calc(var(--bili) * 30px);
    }
    .RecA .RecList .inItem .ecBox:hover .inA {
        color: var(--colorZT);
    }
    .RecA .RecList .inItem .ecBox:hover .inA:after {
        background-color: var(--colorZT);
    }

    .RecB {
        width: 100%;
        position: relative;
    }
    .RecB .RecTit {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        margin: 0 0 calc(var(--bili) * 50px) 0;
    }
    .RecB .RecTit .inA {
        font-size: calc(var(--bili) * 36px);
        color: var(--colorZT);
        font-weight: 700;
    }
    .RecB .RecTit .inB {
        font-size: calc(var(--bili) * 24px);
        color: var(--colorZT);
        font-weight: 700;
    }
    .RecB .RecList {
        display: flex;
        flex-wrap: wrap;
        margin: calc(var(--bili) * -25px);
    }
    .RecB .RecList .inItem {
        width: calc(100%/3);
        padding: calc(var(--bili) * 25px);
    }
    .RecB .RecList .inItem .ecBox {
        width: 100%;
    }
    .RecB .RecList .inItem .ecBox .inIm {
        width: 100%;
        position: relative;
        padding-top: 62%;
        overflow: hidden;
        margin: 0 0 calc(var(--bili) * 20px) 0;
    }
    .RecB .RecList .inItem .ecBox .inIm:after {
        content: '';
        position: absolute;
        width: calc(var(--bili) * 100px);
        height: calc(var(--bili) * 100px);
        background: rgba(236, 117, 23, 0.4) url(../image/w9.svg) no-repeat center;
        background-size: 50%;
        z-index: 2;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        opacity: 0;
        transition: all 0.5s;
        border-radius: 50%;
    }
    .RecB .RecList .inItem .ecBox .inTm {
        font-size: calc(var(--bili) * 30px);
        color: #aaaaaa;
        font-weight: 700;
        margin: 0 0 calc(var(--bili) * 15px) 0;
    }
    .RecB .RecList .inItem .ecBox .inMc {
        font-size: calc(var(--bili) * 18px);
        color: #333333;
        font-weight: 700;
    }
    .RecB .RecList .inItem .ecBox .inIn {
        font-size: calc(var(--bili) * 15px);
        color: #555555;
        margin: calc(var(--bili) * 15px) 0 0 0;
    }
    .RecB .RecList .inItem .ecBox .inCk {
        font-size: calc(var(--bili) * 18px);
        color: var(--colorZT);
        font-weight: 700;
        margin: calc(var(--bili) * 15px) 0 0 0;
    }
    .RecB .RecList .inItem .ecBox:hover .inMc {
        color: var(--colorZT);
    }
    .RecB .RecList .inItem .ecBox:hover .inIm:after {
        opacity: 1;
    }

    .Around {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: 0 0 calc(var(--bili) * 100px) 0;
    }
    .Around .Aroundul {
        width: 100%;
        display: flex;
        align-items: center;
        border-bottom: 1px solid #7c6ecf;
        padding: calc(var(--bili) * 30px) 0;
        font-size: calc(var(--bili) * 18px);
        color: var(--colorZT);
    }
    .Around .Aroundul:last-child {
        border-bottom: 0;
    }
    .Around .Aroundul .As {
        white-space: nowrap;
        width: 37.5%;
        padding: 0 calc(var(--bili) * 80px) 0 calc(var(--bili) * 50px);
    }
    .Around .Aroundul .Acls {
        display: block;
        width: 62.5%;
        padding: 0 0 0 calc(var(--bili) * 80px);
        font-weight: 700;
    }
    .Around .Aroundul .Acls:hover {
        color: var(--colorZT);
    }

}

/*左侧悬浮*/
@media screen{
    .FRMain{
        position: fixed;
        right: calc( var(--bili) * 20px );
        bottom: 20%;
        transform: translate3d(0px, 20%, 0);
        z-index: 10001;
        display: none;
    }
    .FRMain.on{
        display: block;
    }
    .FRMain .FlLs{
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        margin: calc( var(--bili) * -5px );
    }
    .FRMain .FlLs .FlIe{
        padding: calc( var(--bili) * 5px );
        transition: all 0.3s;
    }
    .FRMain .FlLs .FlIe .FlBx{
        position: relative;
    }
    .FRMain .FlLs .FlIe .FlBx .inA{
        width: calc( var(--bili) * 60px );
        height: calc( var(--bili) * 60px );
        border-radius: 50%;
        background-size: 50% !important;
        background-color: var(--colorZT) !important;
        cursor: pointer;
    }
    .FRMain .FlLs .FlIe .FlBx .inA.ic1{
        background: url(../image/fr1.svg) no-repeat center;
    }
    .FRMain .FlLs .FlIe .FlBx .inA.ic2{
        background: url(../image/fr2.svg) no-repeat center;
    }
    .FRMain .FlLs .FlIe .FlBx .inA.ic3{
        background: url(../image/fr3.svg) no-repeat center;
    }
    .FRMain .FlLs .FlIe .FlBx .inA.ic4{
        background: url(../image/fr4.svg) no-repeat center;
    }
    .FRMain .FlLs .FlIe:hover .FlBx .inA{
        background-color: var(--colorZT)!important;
    }
    .FRMain .FlLs .FlIe .FlBx .FlEwm{
        display: none;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: calc(100% + calc( var(--bili) * 10px ));
        width: calc( var(--bili) * 140px );
        height: calc( var(--bili) * 140px );
        border: 1px solid #eee;
        padding: calc( var(--bili) * 8px );
        background-color: #ffffff;
        border-radius: calc( var(--bili) * 10px );
    }
    .FRMain .FlLs .FlIe .FlBx:hover .FlEwm{
        display: block;
    }
    .FRMain .FlLs .FlIe .FlBx .FlCon{
        display: none;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: calc(100% + calc( var(--bili) * 10px ));
        background-color: var(--colorZT);
        border-radius: calc( var(--bili) * 60px );
        padding: calc( var(--bili) * 18px ) calc( var(--bili) * 25px );
        font-size: calc( var(--bili) * 16px );
        color: #ffffff;
        white-space: nowrap;        
    }
    .FRMain .FlLs .FlIe .FlBx:hover .FlCon{
        display: block;
    }
}

/*关于我们*/
@media screen{
    .Content-Main .inner_nav_bg{
        
        background-color: #f4f5f6;
    }
    .Content-Main .inner_nav{
            width: -moz-calc( var(--bili) * 1600px );
    width: -webkit-calc( var(--bili) * 1600px );
    width: calc( var(--bili) * 1600px );
    margin: 0 auto;
        overflow: hidden;
    }
    .Content-Main .inner_nav_fl{
        float: left;
    }
    .Content-Main .inner_nav_fl li{
        float: left;
    }
    .Content-Main .inner_nav_fl li a{
        display: block;
        font-size: calc(var(--bili) * 18px);
        color: #353535;
        line-height: calc(var(--bili) * 80px) ;
        padding: 0 32px;
        position: relative;
    }
    .Content-Main .inner_nav_fl li a:after{
        content: '';
        display: none;
        height: 0;
        width: 0;
        border-bottom: 15px solid #fff;
        border-left: 9px solid transparent;
        border-right: 9px solid transparent;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translate(-50%, 0);
    }
    .Content-Main .inner_nav_fl li a:hover{
        background-color: var(--colorZT);
        color: #fff;
    }
    .Content-Main .inner_nav_fl li a:hover:after{
        display: block;
    }
    .Content-Main .inner_nav_fl li a.current{
        background-color: var(--colorZT);
        line-height: calc(var(--bili) * 80px) ;
        color: #fff;
    }
    .Content-Main .inner_nav_fl li a.current:after{
        display: block;
    }
    .Content-Main .inner_nav_fr{
        float: right;
    }
    .Content-Main .inner_nav_fr p{
        font-size: calc(var(--bili) * 18px);
        color: var(--colorZTB);
        line-height: calc(var(--bili) * 80px) ;
        background: url("../image/home.png") no-repeat left center;
        padding-left: 23px;
        margin: 0 calc(var(--bili) * 20px) 0  0;
    }
    .Content-Main .inner_nav_fr p a{
        font-size: calc(var(--bili) * 18px);
        color: var(--colorZTB)
    }
    /* 公司简介 */
    .Content-Main .inner_title{
        font-size: calc(var(--bili) * 32px);
        font-weight: 700;
        color: var(--colorZT);
        text-align: center;
    }
    .Content-Main .inner_title::after{
    margin: 15px auto 0 auto;
    content: '';
    display: block;
    width: calc(var(--bili) * 110px);
    height: calc(var(--bili) * 3px);
    background-color: var(--colorZT);

    }
    .Content-Main .inner_about{
        overflow: hidden;
        margin: calc(var(--bili) * 50px) 0;
    }

    .Content-Main .inner_about .iabout1{
        overflow: hidden;
        margin: calc(var(--bili) * 50px) 0;        
    }

    .Content-Main .inner_about .iabout1 .iabout1_con{
        margin-top: calc(var(--bili) * 30px);
        height: auto;
    }
    .Content-Main .inner_about .iabout1 .iabout1_con_fl{
        float: left;
        width: 40%;
        overflow: hidden;
        /
    }
    .Content-Main .inner_about .iabout1 .iabout1_con_fl img{
        display: block;
        max-width: 100%;
        height: auto;
        margin: auto;
        transition: .5s;
    }
    .Content-Main .inner_about .iabout1 .iabout1_con_fr{
        float: right;
        width: 57%;        
    }
    .Content-Main .inner_about .iabout1 .iabout1_con_fr1{
        font-size: calc(var(--bili) * 24px);
        letter-spacing: 5px;
        font-weight: 700;
        color: var(--colorZT);
        line-height: 1;
    }
    .Content-Main .inner_about .iabout1 .iabout1_con_fr2{     
        margin: calc(var(--bili) * 20px) 0 calc(var(--bili) * 20px) 0;
    }
    .Content-Main .inner_about .iabout1 .iabout1_con_fr2 p{
        font-size: calc(var(--bili) * 18px);
        color: #606060;
        line-height: 33px;
       }
.Content-Main .inner_about .iabout1 .iabout1_con_fr3{
    overflow: hidden;
    width: 100%;
}
    .Content-Main .inner_about .iabout1 .iabout1_con_fr3 ul{
        display: flex; 
        flex-wrap: wrap;
    }
    .Content-Main .inner_about .iabout1 .iabout1_con_fr3 ul li{
        width: 24%;
        height: calc(var(--bili) * 120px);
        text-align: center;
        cursor: default;
        padding: 0 calc(var(--bili) * 8px);
        background-color: #f5f6f7;
        border-radius: 5px;
        margin:  0 calc(var(--bili) * 8px);
    }
    .Content-Main .inner_about .iabout1 .iabout1_con_fr3 ul li h3 {
        color: var(--colorZT);
        font-size: calc(var(--bili) * 35px);
        margin-top: calc(var(--bili) * 10px);
        line-height: 0.8;
        font-weight: bold;

    }
    .Content-Main .inner_about .iabout1 .iabout1_con_fr3 ul li h3 span{
        font-size: calc(var(--bili) * 35px);
        font-weight: bold;
    }
    .Content-Main .inner_about .iabout1 .iabout1_con_fr3 ul li p{
        color: var(--colorZT);
        font-size: calc(var(--bili) * 24px);        
        line-height: 1.5;
    }


    /* 企业荣誉 */
    .iabout2{
        overflow: hidden;
        background-color: #f5f6f7;
        margin: calc(var(--bili) * 50px) 0;        
    }
    .iabout2 .iabout2_con{
        margin: calc(var(--bili) * 50px) 0;  
        position: relative;
    }
    .iabout2 .iabout2_con .swiper-container{
        width: 90%;
        margin: 0 auto;
    }
    .iabout2 .iabout2_con .swiper-slide{
        display: initial;
    }
    .iabout2 .iabout2_con .swiper-container .iabout2s a{
        display:block;
        overflow: hidden;
        position: relative;        
    }
    .iabout2 .iabout2_con .swiper-container .iabout2s .tp{
         overflow: hidden;
    }

    .iabout2 .iabout2_con .swiper-container .iabout2s a:hover .tp img{
        transform: scale(1.05);
        -moz-transform: scale(1.05);
        -webkit-transform: scale(1.05);
    }
    
    .iabout2 .iabout2_con .swiper-button-next3, .iabout2_con .swiper-button-prev3{
        display: block;
        position: absolute;
        top: 50%;
        width: 46px;
        height: 46px;
        margin-top: -23px;
        z-index: 10;
        cursor: pointer;
        outline: none;
        text-align: center;
        border-radius: 0;
        background: rgba(0,0,0,.1) url("../image/adv_jt.png") no-repeat center;
    }
    .iabout2 .iabout2_con .swiper-button-next3:hover ,.iabout2_con .swiper-button-prev3:hover{
        background: var(--colorZT) url("../image/adv_jt.png") no-repeat center;
    }
    .iabout2 .iabout2_con .swiper-button-prev3{
        right: auto;
        left: 0;
    }
    .iabout2 .iabout2_con .swiper-button-next3{
        left: auto;
        right: 0;
        transform:rotateY(-180deg);
    }

    .iabout3{
        margin: calc(var(--bili) * 50px) 0;
        overflow: hidden;
    }

    .iabout3 .iabout3_con .iabout3_con1{
        margin: calc(var(--bili) * 50px) 0;  
        font-size: calc(var(--bili) * 18px);
        color: #666;
        line-height: calc(var(--bili) * 30px);
        text-align: center;
    }
    .iabout3 .iabout3_con .iabout3_con2 ul{
        display: flex;
        flex-wrap: wrap;
    }
    .iabout3 .iabout3_con .iabout3_con2 ul li{
        width: 33.3%;
        padding: 0 40px;
    }
    .iabout3 .iabout3_con .iabout3_con2s{
        cursor: pointer;
        position: relative;
    }
    .iabout3 .iabout3_con .iabout3_con2_b{
        position: absolute;
        left: 0;
        bottom: 32px;
        width: 198px;
        height: 37px;
        background-color: var(--colorZT);
        transform: rotateY(0deg);
        transition: .5s;
    }
    .iabout3 .iabout3_con2_b h3{
        text-align: center;
        font-size: calc(var(--bili) * 18px);
        font-weight: bold;
        color: #fff;
        line-height: 37px;
    }
    .iabout3 .iabout3_con .iabout3_con2s:hover .tp img{
        transform: scale(1.05);
        -moz-transform: scale(1.05);
        -webkit-transform: scale(1.05);
    }
    .iabout3 .iabout3_con .iabout3_con2s:hover .iabout3_con2_b{
        transform: rotateY(90deg);
    }
    .iabout3 .iabout3_con2_a{
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(37,15,171,0.65);    
        transform: rotateY(90deg);
        transition: .5s;
        font-size: calc(var(--bili) * 18px);
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    .iabout3 .iabout3_con2_a1{
        font-size: calc(var(--bili) * 18px);
        line-height: 1;
        margin-bottom: calc(var(--bili) * 30px);
        text-align: center;

    }
    .iabout3 .iabout3_con2_a2{
        line-height: 25px;
        padding: 0 8%;
        height: 200px;
        overflow: hidden;
        width: 100%;
    }
    .iabout3 .iabout3_con2s:hover .iabout3_con2_a{
        transform: rotateY(0deg);
    }
    /*  团队建设 */
    .iabout4{
        margin: calc(var(--bili) * 50px) 0;
        overflow: hidden;
    } 
    .iabout4_con{
        margin-top: 60px;
    }
    .iabout4_con li{
        float: left;
        width: 25%;
    }
    .iabout4_con_txt{
        height: 279px;
        background-color: #f4f5f6;
        display: flex;
        /*align-items: flex-start;*/
        justify-content: center;
        flex-direction: column;
        padding: 0 40px;
    }
    .iabout4_con_txt1{
        display: none;
        font-size: calc(var(--bili) * 18px);
        color: #202020;
        margin-bottom: 20px;
        width: 100%;
    }
    .iabout4_con li:nth-child(odd) .iabout4_con_txt1{
        text-align: right;
    }
    .iabout4_con_txt2{
        font-size: calc(var(--bili) * 18px);
        color: #666;
        line-height: 25px;
        height: 200px;
    }
    .iabout4_con li:hover .tp img{
        transform: scale(1.05);
        -moz-transform: scale(1.05);
        -webkit-transform: scale(1.05);
    }


      
}

/*联系*/
@media screen{
    .CntMain{
        position: relative;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: calc(var(--bili) * 10px) 0 calc(var(--bili) * 90px) 0;
    }
    .CntMain .EcL{
        width: 45%;
    }
    .CntMain .EcL .inTit{
        font-size: calc(var(--bili) * 30px);
        color: var(--colorZT);
        position: relative;
        letter-spacing: 2px;
        margin: 0 0 calc(var(--bili)* 70px) 0;
    }
    .CntMain .EcL .inTit:after{
        content: '';
        position: absolute;
        width: calc(var(--bili)* 60px);
        height: 1px;
        background-color: #d2d2d2;
        bottom: calc(var(--bili)* -20px);
        left: 0;
    }
    .CntMain .InLs{
        display: flex;
        flex-wrap: wrap;
        margin: calc(var(--bili)* -15px);
    }
    .CntMain .InLs .InIe{
        width: 100%;
        padding: calc(var(--bili)* 15px);
    }
    .CntMain .InLs .InIe .InBx{
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }
    .CntMain .InLs .InIe .InBx .ecIm{
        width: calc(var(--bili)* 80px);
        height: calc(var(--bili)* 80px);
        border-radius: 50%;
        background-color: #e5e5e5;
        position: relative;
    }
    .CntMain .InLs .InIe .InBx .ecIm:after{
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        filter: brightness(0.5);
    }
    .CntMain .InLs .InIe .InBx .ecIm.ic1:after{
        background: url(../image/lx1.svg) no-repeat center;
        background-size: 50%;
    }
    .CntMain .InLs .InIe .InBx .ecIm.ic2:after{
        background: url(../image/lx2.svg) no-repeat center;
        background-size: 45%;
    }
    .CntMain .InLs .InIe .InBx .ecIm.ic3:after{
        background: url(../image/lx3.svg) no-repeat center;
        background-size: 50%;
    }
    .CntMain .InLs .InIe .InBx .ecIm.ic4:after{
        background: url(../image/lx4.svg) no-repeat center;
        background-size: 45%;
    }
    .CntMain .InLs .InIe .InBx:hover .ecIm{
        background-color: var(--colorZT);
    }
    .CntMain .InLs .InIe .InBx:hover .ecIm:after{
        filter: brightness(1);
    }
    .CntMain .InLs .InIe .InBx .ecCn{
        width: calc(100% - calc(var(--bili)* 100px));
        padding: calc(var(--bili) * 6px) 0 0 0;
    }
    .CntMain .InLs .InIe .InBx .ecCn .ecA{
        font-size: calc(var(--bili) * 18px);
        color: #aaaaaa;
        text-transform: uppercase;
    }
    .CntMain .InLs .InIe .InBx .ecCn .ecB{
        font-size: calc(var(--bili) * 20px);
        color: #555555;
        line-height: 1.8;
    }
    .CntMain .EcR{
        width: 55%;
    }
    /* 联系我们-在线留言 */
    /* .CntMain .EcR .contact-form-section{
        border: 1px solid red;
    } */
    .CntMain .EcR .contact-form-section .section-title{       
        text-align: center;
        margin: 0 0 calc(var(--bili)* 60px) 0;
        letter-spacing: 2px;

    }
    .CntMain .EcR .contact-form-section .section-title h2{
        font-size: calc(var(--bili)* 40px);
        color: var(--colorZT);
    }
    .CntMain .EcR .contact-form-section .section-title p{
        font-size: calc(var(--bili)* 20px);
        color: #666;
    }
    .CntMain .EcR .contact-form-section .form-group{
        width: 100%;
        
        margin: 0 0 calc(var(--bili)* 25px) 0;
    }
    .CntMain .EcR .contact-form-section .form-group label{
        width: 15%;
        font-size: calc(var(--bili)* 26px);
        color: var(--colorZT);
        display: inline-block;
    }
    .CntMain .EcR .contact-form-section .form-control{
        width: 79%;
        padding: calc(var(--bili)* 15px) calc(var(--bili)* 20px);
        font-size: calc(var(--bili)* 24px);
        color: #333;
        border: 1px solid #e0e0e0;
        border-radius: calc(var(--bili)* 5px);
        outline: none;        
    }
    .CntMain .EcR .contact-form-section .form-group textarea{
        height: calc(var(--bili)* 150px);
    }
    .CntMain .EcR .contact-form-section .submit-btn{
        background: var(--colorZT);
        color: white;
        border: none;
        padding: 14px 30px;
        border-radius: 6px;
        font-size: 1rem;
        font-weight: 600;
        cursor: pointer;
        transition: background 0.3s;
        width: 100%;
    }





































    .CntBsc .EcLs{
        display: flex;
        flex-wrap: wrap;
        margin: calc(var(--bili)* -25px);
    }
    .CntBsc .EcLs .EcIe{
        width: calc(100%/3);
        padding: calc(var(--bili)* 25px);
    }
    .CntBsc .EcLs .EcIe .EcAc{
        display: block;
    }
    .CntBsc .EcLs .EcIe .EcAc .EcIm{
        width: 100%;
        position: relative;
        padding-top: 65%;
        overflow: hidden;
    }
    .CntBsc .EcLs .EcIe .EcAc .EcCn{
        padding: calc(var(--bili)* 20px) calc(var(--bili)* 10px) 0;
    }
    .CntBsc .EcLs .EcIe .EcAc .EcCn .EcMc{
        font-size: calc(var(--bili)* 30px);
        color: #555555;
        text-align:center;
    }
    .CntBsc .EcLs .EcIe .EcAc .EcCn .EcAn{
        margin: calc(var(--bili)* 20px) 0 0 0;
        font-size: calc(var(--bili)* 18px);
        color: #ffffff;
        background-color: var(--colorZT);
        padding: calc(var(--bili)* 10px) calc(var(--bili)* 40px);
        display: inline-block;
        cursor: pointer;
        letter-spacing: 1px;
    }

    .ContentMap{
        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 {
    .Info-Cate {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin: calc(var(--bili) * -15px);
        padding: 0 0 calc(var(--bili) * 50px) 0;
    }
    .Info-Cate.Pts {
        padding-top: calc(var(--bili) * 50px);
    }
    .Info-Cate .Ec-item {
        /*min-width: calc(100%/6);*/
        padding: calc(var(--bili) * 15px);
    }
    .Info-Cate .Ec-item .ecBox {
        display: block;
        font-size: calc(var(--bili) * 18px);
        color: #777777;
        border: 1px solid #b5b5b5;
        text-align: center;
        padding: calc(var(--bili) * 10px) calc(var(--bili) * 40px);
        border-radius: calc(var(--bili) * 60px);
    }
    .Info-Cate .Ec-item .ecBox:hover {
        background-color: var(--colorZT);
        color: #FFFFFF;
        border-color: var(--colorZT);
    }
    .Info-Cate .Ec-item.on .ecBox {
        background-color: var(--colorZT);
        color: #FFFFFF;
        border-color: var(--colorZT);
    }
    .IFRecBG {
        padding: calc(var(--bili) * 100px) 0 0 0;
        /*background: linear-gradient(*/
        /*        to right,*/
        /*        #eeeeee 0%,*/
        /*        #eeeeee 34%,*/
        /*        var(--colorZT) 34%,*/
        /*        var(--colorZT) 100%*/
        /*);*/
    }
    .Info-Rec {
        width: 100%;
    }
    .Info-Rec .InItem {
        width: 100%;
    }
    .Info-Rec .InItem .ecBox {
        display: flex;
        justify-content: space-between;
    }
    .Info-Rec .InItem .ecBox .inIm {
        width: 60%;
        position: relative;
        padding-top: 31.25%;
        overflow: hidden;
    }
    .Info-Rec .InItem .ecBox .inCn {
        width: 40%;
        color: #ffffff;
        background-color: var(--colorZT);
        padding: calc(var(--bili) * 40px) calc(var(--bili) * 50px);
    }
    .Info-Rec .InItem .ecBox .inCn .inA {
        font-size: calc(var(--bili) * 30px);
        margin: 0 0 calc(var(--bili) * 30px) 0;
        line-height: 1.6;
    }
    .Info-Rec .InItem .ecBox .inCn .inB {
        font-size: calc(var(--bili) * 14px);
    }
    .Info-Rec .InItem .ecBox .inCn .inC {
        font-size: calc(var(--bili) * 18px);
        line-height: 2;
        padding: 0 calc(var(--bili) * 50px) 0 0;
        margin: 0 0 calc(var(--bili) * 30px) 0;
    }
    .Info-Rec .SwBtnLs {
        position: absolute;
        left: calc(60% + calc(var(--bili) * 50px));
        bottom: calc(var(--bili) * 50px);
        display: flex;
        align-items: center;
    }
    .Info-Rec .SwBtn {
        position: relative;
        width: calc(var(--bili) * 40px);
        height: calc(var(--bili) * 40px);
        background-color: transparent;
        border: 1px solid #ffffff;
        border-radius: 50%;
        transition: all 0.3s;
        left: auto;
        right: auto;
        margin: 0;
    }
    .Info-Rec .SwBtn:after {
        font-size: calc(var(--bili) * 14px);
        color: #ffffff;
    }
    .Info-Rec .SwR {
        margin: 0 0 0 calc(var(--bili) * 20px);
    }
    .Info-Rec .SwBtn:hover {
        background-color: #ffffff;
    }
    .Info-Rec .SwBtn:hover:after {
        color: var(--colorZT);
    }
    .Info-Search {
        position: absolute;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        padding: calc(var(--bili) * 30px) 0 0 0;
        z-index: 2;
    }
    .Info-Search .inSrk {
        height: calc(var(--bili) * 48px);
        border: 1px solid #cccccc;
        padding: 0 calc(var(--bili) * 20px);
        border-radius: 60px;
        width: calc(var(--bili) * 140px);
        font-size: calc(var(--bili) * 16px);
        color: #555555;
        margin: 0 calc(var(--bili) * 20px) 0 0;
        text-align: center;
    }
    .Info-Search .inBtn {
        height: calc(var(--bili) * 48px);
        background-color: var(--colorZT);
        font-size: calc(var(--bili) * 18px);
        color: #ffffff;
        padding: 0 calc(var(--bili) * 30px);
        border-radius: calc(var(--bili) * 60px);
        cursor: pointer;
    }
    .Info-list {
        display: flex;
        flex-wrap: wrap;
    }
    .Info-list .InItem {
        width: 100%;
        background-color: #ffffff;
    }
    .Info-list .InItem .ecBox {
        padding: calc(var(--bili) * 20px) 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid #bbb6d3;
    }
    .Info-list .InItem:first-child .ecBox {
        border-top: 1px solid #bbb6d3;
    }
    .Info-list .InItem:last-child .ecBox {
        border-bottom: 0;
    }
    .Info-list .InItem .ecBox .inIm {
        width: 30%;
        position: relative;
        padding-top: 18%;
        overflow: hidden;
    }
        .Info-list .InItem .ecBox .inDt {
        width: calc(var(--bili)*130px);
        padding-right: 15px;
        border-right: 1px solid #bbb6d3;
    }
    .Info-list .InItem .ecBox .inDt .inDt_D{
        font-size: calc(var(--bili) * 60px);
        height: calc(var(--bili) * 100px);
        line-height: calc(var(--bili) * 100px);
        text-align: center;
        color: #fff;
        background-color: var(--colorZT);

    }
        .Info-list .InItem .ecBox .inDt .inDt_M{
        font-size: calc(var(--bili) * 25px);
        height: calc(var(--bili) * 50px);
        line-height: calc(var(--bili) * 50px);
        text-align: center;
        color: #fff;
        background-color: var(--colorZTB);
    }
    .Info-list .InItem .ecBox .inCn {
        width: 50%;
        color: #555555;
    }
    .Info-list .InItem .ecBox .inCn .inA {
        font-size: calc(var(--bili) * 14px);
        margin: 0 0 calc(var(--bili) * 20px) 0;
        transition: all 0.3s;
    }
    .Info-list .InItem .ecBox .inCn .inB {
        font-size: calc(var(--bili) * 30px);
        margin: 0 0 calc(var(--bili) * 50px) 0;
    }
    .Info-list .InItem .ecBox .inCn .inC {
        font-size: calc(var(--bili) * 18px);
        line-height: 2;
    }
    .Info-list .InItem .ecBox .inCk {
        width: calc(var(--bili) * 150px);
        height: calc(var(--bili) * 150px);
        background: url(../image/w9.svg) no-repeat center;
        background-size: 50%;
        transform: scale(0);
        transition: all 0.3s;
    }
    .Info-list .InItem:hover {
        background-color: #f5f5f5;
    }
    .Info-list .InItem .ecBox:hover .inCk {
        transform: scale(1);
    }
    .Info-list .InItem .ecBox:hover .inCn .inB {
        color: var(--colorZT);
    }
}

/*案例*/
@media screen {
    .CaseCate{
        position: relative;
        padding: 0 0 calc(var(--bili) * 60px) 0;
    }
    .CaseCate .EcLs{
        display: flex;
        margin: -1px;
    }
    .CaseCate .EcLs .EcIe{
        width: 100%;
        padding: 1px;
    }
    .CaseCate .EcLs .EcIe .EcAc{
        font-size: calc(var(--bili) * 18px);
        color: var(--colorZT);
        background-color: #eeeeee;
        text-align: center;
        line-height: calc(var(--bili) * 66px);
        padding: 0 calc(var(--bili) * 15px);
        display:-webkit-box;
        overflow:hidden;
        -webkit-box-orient:vertical;
        -webkit-line-clamp:1;
        text-overflow:ellipsis;
        word-break:break-all;
    }
    .CaseCate .EcLs .EcIe.on .EcAc{
        background-color: var(--colorZT);
        border-left: 1px solid var(--colorZT);
        border-bottom: 1px solid var(--colorZT);
        border-right: 1px solid var(--colorZT);
        font-size: calc(var(--bili) * 20px);
        font-weight: 400;
        color: #ffffff;
    }
    .CaseCate .EcLs .EcIe .EcAc:hover{
       background-color: var(--colorZT);
        border-left: 1px solid var(--colorZT);
        border-bottom: 1px solid var(--colorZT);
        border-right: 1px solid var(--colorZT);
        font-size: calc(var(--bili) * 20px);
        font-weight: 400;
        color: #ffffff;
    }

    .CaseLs{
        display: flex;
        flex-wrap: wrap;
        margin: calc(var(--bili) * -15px);
    }
    .CaseLs .EcIe{
        width: calc(100%/4);
        padding: calc(var(--bili) * 15px);
    }
    .CaseLs .EcIe .EcAc{
        display: block;
    }
    .CaseLs .EcIe .EcAc .EcIm{
        width: 100%;
        position: relative;
        padding-top: 80.5%;
        overflow: hidden;
    }
    .CaseLs .EcIe .EcAc .EcCn{
        padding: calc(var(--bili) * 20px);
        background-color: #eeeeee;
    }
    .CaseLs .EcIe .EcAc .EcCn .EcMc{
        font-size: calc(var(--bili) * 20px);
        color: #333333;
    }
    .CaseLs .EcIe .EcAc .EcCn .EcMA{
        font-size: calc(var(--bili) * 18px);
        color: var(--colorZT);
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: calc(var(--bili) * 15px) 0 0 0;
    }
    .CaseLs .EcIe .EcAc:hover .EcCn{
        background-color: var(--colorZT);
    }
    .CaseLs .EcIe .EcAc:hover .EcCn .EcMc{
        color: #ffffff;
    }
    .CaseLs .EcIe .EcAc:hover .EcCn .EcMA{
        color: #ffffff;
    }

    .CaseSw{
       position: relative;
    }
    .CaseSw .EcAc{
        display: block;
    }
    .CaseSw .EcAc .EcIm{
        width: 100%;
        position: relative;
        padding-top: 80.5%;
        overflow: hidden;
    }
    .CaseSw .EcAc .EcCn{
        padding: calc(var(--bili) * 20px);
        background-color: #eeeeee;
    }
    .CaseSw .EcAc .EcCn .EcMc{
        font-size: calc(var(--bili) * 16px);
        color: #333333;
    }
    .CaseSw .EcAc .EcCn .EcMA{
        font-size: calc(var(--bili) * 14px);
        color: var(--colorZT);
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: calc(var(--bili) * 15px) 0 0 0;
    }
    .CaseSw .EcAc:hover .EcCn{
        background-color: var(--colorZT);
    }
    .CaseSw .EcAc:hover .EcCn .EcMc{
        color: #ffffff;
    }
    .CaseSw .EcAc:hover .EcCn .EcMA{
        color: #ffffff;
    }

    .CaseDet{
        display: flex;
        justify-content: space-between;
        padding: 0 0 calc(var(--bili) * 65px) 0;
    }
    .CaseDet .CsIm{
        position: relative;
        width: calc(var(--bili) * 690px);
        height: calc(var(--bili) * 575px);
        overflow: hidden;
    }
    .CaseDet .CsCn{
        width: 50%;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: flex-start;
    }
    .CaseDet .CsInfo{
        width: 100%;
    }
    .CaseDet .CsInfo .CsMc{
        font-size: calc(var(--bili) * 30px);
        color: #555555;
    }
    .CaseDet .CsInfo .CsTh{
        font-size: calc(var(--bili) * 18px);
        color: #555555;
        margin: calc(var(--bili) * 40px) 0 0 0;
        display: flex;
        align-items: center;
    }
    .CaseDet .CsInfo .CsTh .csIn{
        margin: 0 calc(var(--bili) * 40px) 0 0;
    }
    .CaseDet .CsInfo .CsLe{
        margin: calc(var(--bili) * 40px) 0 0 0;
        border-top: 1px dashed #a0a0a0;
    }
    .CaseDet .CsInfo .CsIn{
        margin: calc(var(--bili) * 40px) 0;
        font-size: calc(var(--bili) * 20px);
        color: #555555;
        line-height: 2;
    }

    .CaseDet .ZxInfo{
        display: flex;
        align-items: center;
    }
    .CaseDet .ZxInfo .ZxAn{
        font-size: calc(var(--bili) * 24px);
        color: #ffffff;
        background-color: var(--colorZT);
        padding: calc(var(--bili) * 15px) calc(var(--bili) * 40px);
        border-radius: calc(var(--bili) * 8px);
        display: inline-block;
        margin: 0 calc(var(--bili) * 50px) 0 0;
    }
    .CaseDet .ZxInfo .ZxTel{
        font-size: calc(var(--bili) * 30px);
        color: #555555;
        font-weight: 700;
    }
    .CaseDet .ZxInfo .ZxTel span{
        color: var(--colorZT);
    }

    .CaseRec{
        position: relative;
    }
    .CaseRec .EcTit{
        margin: 0 0 calc(var(--bili) * 50px) 0;
    }
    .CaseRec .EcTit .EcA{
        font-size: calc(var(--bili) * 24px);
        color: #333333;
        text-align: center;
    }
    .CaseRec .EcTit .EcB{
        margin: calc(var(--bili) * 25px) 0 0 0;
        border-top: 1px dashed #a0a0a0;
    }

    .AroundYsA{
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 0 0 calc( var(--bili) * 60px ) 0;
    }
    .AroundYsA .Acls{
        max-width: 45%;
        font-size: calc( var(--bili) * 18px );
        color: #FFFFFF;
        background-color: #626262;
        line-height: calc( var(--bili) * 66px );
        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) * 18px );
        height: calc( var(--bili) * 18px );
        background: url(../image/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) * 25px );
    }
    .AroundYsA .Acls:last-child{
        padding: 0 calc( var(--bili) * 60px ) 0 calc( var(--bili) * 40px );
    }
    .AroundYsA .Acls:last-child:after{
        right: calc( var(--bili) * 25px );
        transform: translateY(-50%) rotate(180deg);
    }
    .AroundYsA .Acls:hover{
        background-color: var(--colorZT);
    }

}

/*服务项目*/
@media screen {

    .LscPubTit{
        color: #555555;
        margin: 0 0 calc( var(--bili) * 40px ) 0;
    }
    .LscPubTit.BsYs{
        color: #ffffff;
    }
    .LscPubTit .inA{
        font-size: calc( var(--bili) * 36px );
        color: var(--colorZT);
        font-weight: 700;
        text-align: center;
    }
    .LscPubTit .inB{
        font-size: calc( var(--bili) * 18px );
        text-align: center;
        margin: calc( var(--bili) * 25px ) 0 0 0;
        line-height: 2;
    }
    .LscPubImA{
        width: 100%;
    }
    .PubRecCase{
        padding: 0 0 calc( var(--bili) * 120px ) 0;
    }
    .PubRecCase.YsT{
        padding-top: calc( var(--bili) * 90px );
    }

    .Lsc1ConA{
        position: relative;
        padding: calc( var(--bili) * 90px ) 0 calc( var(--bili) * 80px ) 0;
    }
    .Lsc1ConB{
        padding: 0 0 calc( var(--bili) * 80px ) 0;
    }
    .Lsc1ConB .EcLs{
        display: flex;
        flex-wrap: wrap;
        margin: calc( var(--bili) * -14px );
    }
    .Lsc1ConB .EcLs .EcIe{
        width: calc(100%/3);
        padding: calc( var(--bili) * 14px );
    }
    .Lsc1ConB .EcLs .EcIe .EcAc{
        position: relative;
        display: block;
    }
    .Lsc1ConB .EcLs .EcIe .EcAc .EcIm{
        position: relative;
        width: 100%;
        padding-top: 73.5%;
        overflow: hidden;
        border-radius: calc( var(--bili) * 30px );
    }
    .Lsc1ConB .EcLs .EcIe .EcAc .EcCn{
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        color: #555555;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .Lsc1ConB .EcLs .EcIe .EcAc .EcCn .EcMc{
        font-size: calc( var(--bili) * 30px );
        font-weight: 700;
        margin: 0 0 calc( var(--bili) * 40px ) 0;
        color:var(--colorZT);
    }
    .Lsc1ConB .EcLs .EcIe .EcAc .EcCn .EcIn{
        font-size: calc( var(--bili) * 24px );
        font-weight: 700;
        margin: 0 0 calc( var(--bili) * 28px ) 0;
    }
    .Lsc1ConC{
        position: relative;
        padding: 0 0 calc( var(--bili) * 90px ) 0;
    }
    .Lsc1ConC .EcLs{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin: calc( var(--bili) * -15px );
    }
    .Lsc1ConC .EcLs .EcIe{
        width: calc(100%/6);
        padding: calc( var(--bili) * 15px );
    }
    .Lsc1ConC .EcLs .EcIe .EcAc{
        color: #555555;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .Lsc1ConC .EcLs .EcIe .EcAc .EcIm{
        width: calc( var(--bili) * 170px );
        height: calc( var(--bili) * 170px );
        overflow: hidden;
    }
    .Lsc1ConC .EcLs .EcIe .EcAc .EcMc{
        margin: calc( var(--bili) * 30px ) 0 0 0;
        font-size: calc( var(--bili) * 24px );
        font-weight: 700;
        white-space: nowrap;
    }
    .Lsc1ConC .EcLs .EcIe .EcAc .EcIn{
        margin: calc( var(--bili) * 15px ) 0 0 0;
        font-size: calc( var(--bili) * 18px );
        white-space: nowrap;
    }
    .Lsc1ConD{
        background-color: #f5f5f5;
        padding: calc( var(--bili) * 70px ) 0 calc( var(--bili) * 100px ) 0;
    }
    .Lsc1ConD .TabLs{
        display: flex;
        margin: 0 0 calc( var(--bili) * 60px ) 0;
    }
    .Lsc1ConD .TabLs .EcIe{
        width: 100%;
    }
    .Lsc1ConD .TabLs .EcIe .EcAc{
        background-color: #ffffff;
        font-size: calc( var(--bili) * 24px );
        color: #555555;
        display: block;
        text-align: center;
        line-height: calc( var(--bili) * 80px );
        cursor: pointer;
    }
    .Lsc1ConD .TabLs .EcIe.on .EcAc{
        background-color: var(--colorZT);
        color: #ffffff;
    }
    .Lsc1ConD .SwcLs{
        width: 100%;
    }
    .Lsc1ConD .SwcLs .EcIe{
        display: none;
    }
    .Lsc1ConD .SwcLs .EcIe.on{
        display: block;
    }
    .Lsc1ConD .SwcLs .EcIe .EcAc{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .Lsc1ConD .SwcLs .EcIe .EcAc .EcCn{
        width: calc( var(--bili) * 700px );
        padding: 0 0 0 calc( var(--bili) * 30px );
        color: #555555;
    }
    .Lsc1ConD .SwcLs .EcIe .EcAc .EcCn .ecA{
        font-size: calc( var(--bili) * 36px );
        font-weight: 700;
    }
    .Lsc1ConD .SwcLs .EcIe .EcAc .EcCn .ecB{
        font-size: calc( var(--bili) * 30px );
        margin: calc( var(--bili) * 10px ) 0 0 0;
        text-transform: uppercase;
    }
    .Lsc1ConD .SwcLs .EcIe .EcAc .EcCn .ecC{
        margin: calc( var(--bili) * 60px ) 0 0 0;
        font-size: calc( var(--bili) * 24px );
        line-height: 2;
    }
    .Lsc1ConD .SwcLs .EcIe .EcAc .EcIm{
        width: calc( var(--bili) * 835px );
        height: calc( var(--bili) * 440px );
        overflow: hidden;
    }

    .Lsc2ConA{
        padding: calc( var(--bili) * 90px ) 0 calc( var(--bili) * 70px ) 0;
    }
    .Lsc2ConB{
        position: relative;
        padding: 0 0 calc( var(--bili) * 80px ) 0;
    }
    .Lsc2ConC{
        padding: 0 0 calc( var(--bili) * 70px ) 0;
    }
    .Lsc2ConC .EcLs{
        display: flex;
        flex-wrap: wrap;
        margin: calc( var(--bili) * -6px );
    }
    .Lsc2ConC .EcLs .EcIe{
        width: calc(100%/5);
        padding: calc( var(--bili) * 6px );
    }
    .Lsc2ConC .EcLs .EcIe .EcAc{
        position: relative;
    }
    .Lsc2ConC .EcLs .EcIe .EcAc .EcIm{
        width: 100%;
        position: relative;
        border-radius: calc( var(--bili) * 10px );
        overflow: hidden;
        padding-top: 74.5%;
    }
    .Lsc2ConC .EcLs .EcIe .EcAc .EcMc{
        text-align: center;
        font-size: calc( var(--bili) * 24px );
        color: #555555;
        margin: calc( var(--bili) * 20px ) 0 0 0;
    }
    .Lsc2ConD{
        padding: 0 0 calc( var(--bili) * 80px ) 0;
    }
    .Lsc2ConD .EcLs{
        display: flex;
        flex-wrap: wrap;
        margin: calc( var(--bili) * -10px );
    }
    .Lsc2ConD .EcLs .EcIe{
        width: calc(100%/4);
        padding: calc( var(--bili) * 10px );
    }
    .Lsc2ConD .EcLs .EcIe .EcAc{
        background-color: #eeeeee;
        height: 100%;
        padding: calc( var(--bili) * 100px ) calc( var(--bili) * 50px );
        border-radius: calc( var(--bili) * 8px );
        overflow: hidden;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        color: #555555;
        transition: all 0.2s;
        box-shadow: 0 0 0 transparent;
    }
    .Lsc2ConD .EcLs .EcIe .EcAc .EcIm{
        width: calc( var(--bili) * 104px );
        height: calc( var(--bili) * 104px );
    }
    .Lsc2ConD .EcLs .EcIe .EcAc .EcIm .imA{
        display: block;
    }
    .Lsc2ConD .EcLs .EcIe .EcAc .EcIm .imB{
        display: none;
    }
    .Lsc2ConD .EcLs .EcIe .EcAc .EcMc{
        font-size: calc( var(--bili) * 24px );
        font-weight: 700;
        margin: calc( var(--bili) * 30px ) 0 0 0;
    }
    .Lsc2ConD .EcLs .EcIe .EcAc .EcIn{
        font-size: calc( var(--bili) * 18px );
        margin: calc( var(--bili) * 40px ) 0 0 0;
        line-height: 2;
    }
    .Lsc2ConD .EcLs .EcIe .EcAc:hover{
        background-color: var(--colorZT);
        color: #ffffff;
        box-shadow: 0 0 calc( var(--bili) * 10px ) rgba(0, 0, 0, 0.2);
    }
    .Lsc2ConD .EcLs .EcIe .EcAc:hover .EcIm .imA{
        display: none;
    }
    .Lsc2ConD .EcLs .EcIe .EcAc:hover .EcIm .imB{
        display: block;
    }

    .Lsc3ConA{
        position: relative;
        padding: calc( var(--bili) * 90px ) 0 calc( var(--bili) * 80px ) 0;
    }
    .Lsc3ConB{
        padding: 0 0 calc( var(--bili) * 80px ) 0;
    }
    .Lsc3ConB .EcLs{
        display: flex;
        flex-wrap: wrap;
        margin: calc( var(--bili) * -20px );
    }
    .Lsc3ConB .EcLs .EcIe{
        width: 100%;
        padding: calc( var(--bili) * 20px );
    }
    .Lsc3ConB .EcLs .EcIe .EcAc{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .Lsc3ConB .EcLs .EcIe:nth-child(2n) .EcAc{
        flex-direction: row-reverse;
    }
    .Lsc3ConB .EcLs .EcIe .EcAc .EcIm{
        width: 50%;
        position: relative;
        padding-top: 26.875%;
        overflow: hidden;
        border-radius: calc( var(--bili) * 10px );
    }
    .Lsc3ConB .EcLs .EcIe .EcAc .EcCn{
        width: 50%;
        padding: 0 calc( var(--bili) * 100px );
    }
    .Lsc3ConB .EcLs .EcIe .EcAc .EcCn .ecA{
        font-size: calc( var(--bili) * 30px );
        color: #555555;
        font-weight: 700;
        position: relative;
        padding: 0 0 0 calc( var(--bili) * 25px );
        line-height: 1.1;
    }
    .Lsc3ConB .EcLs .EcIe .EcAc .EcCn .ecA:after{
        content: '';
        position: absolute;
        width: calc( var(--bili) * 8px );
        height: 100%;
        background-color: var(--colorZT);
        border-radius: calc( var(--bili) * 6px );
        left: 0;
        top: 50%;
        transform: translateY(-50%);
    }
    .Lsc3ConB .EcLs .EcIe .EcAc .EcCn .ecB{
        margin: calc( var(--bili) * 50px ) 0 0 0;
        font-size: calc( var(--bili) * 18px );
        color: #555555;
        line-height: 2.5;
    }
    .Lsc3ConB .EcLs .EcIe .EcAc .EcCn .ecB p{
        font-size: calc( var(--bili) * 18px );
        color: #555555;
        line-height: 2.5;
        position: relative;
        padding: 0 0 0 calc( var(--bili) * 20px );
    }
    .Lsc3ConB .EcLs .EcIe .EcAc .EcCn .ecB p:after{
        content: '';
        position: absolute;
        width: calc( var(--bili) * 10px );
        height: calc( var(--bili) * 10px );
        background-color: var(--colorZT);
        border-radius: 50%;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
    }
    .Lsc3ConB .EcLs .EcIe .EcAc .EcCn .ecC{
        display: inline-block;
        margin: calc( var(--bili) * 50px ) 0 0 0;
        font-size: calc( var(--bili) * 18px );
        color: #ffffff;
        background-color: var(--colorZT);
        padding: calc( var(--bili) * 12px ) calc( var(--bili) * 55px );
        border-radius: calc( var(--bili) * 60px );
        cursor: pointer;
    }
    .Lsc3ConC{
        padding: 0 0 calc( var(--bili) * 90px ) 0;
    }
    .Lsc3ConC .EcLs{
        display: flex;
        justify-content: space-between;
    }
    .Lsc3ConC .EcLs .EcIe{
        width: calc(100%/7);
    }
    .Lsc3ConC .EcLs .EcIe .EcAc{
        color: #555555;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .Lsc3ConC .EcLs .EcIe .EcAc .EcIm{
        width: calc( var(--bili) * 170px );
        height: calc( var(--bili) * 170px );
        overflow: hidden;
        transition: all 0.8s;
    }
    .Lsc3ConC .EcLs .EcIe .EcAc .EcMc{
        font-size: calc( var(--bili) * 24px );
        font-weight: 700;
        margin: calc( var(--bili) * 25px ) 0 0 0;
        white-space: nowrap;
    }
    .Lsc3ConC .EcLs .EcIe .EcAc .EcIn{
        font-size: calc( var(--bili) * 18px );
        margin: calc( var(--bili) * 12px ) 0 0 0;
        white-space: nowrap;
    }
    .Lsc3ConC .EcLs .EcIe .EcAc:hover .EcIm{
        transform: rotate(360deg);
    }
    .Lsc3ConD{
        padding: 0 0 calc( var(--bili) * 90px ) 0;
    }
    .Lsc3ConD .EcLR{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .Lsc3ConD .EcLR .EcIm{
        width: 62.5%;
    }
    .Lsc3ConD .EcLR .EcCn{
        width: 22%;
        margin: 0 4% 0 0;
    }
    .Lsc3ConD .EcLR .EcCn .ecA{
        font-weight: 700;
        font-size: calc( var(--bili) * 36px );
        color: var(--colorZT);
    }
    .Lsc3ConD .EcLR .EcCn .ecB{
        border-top: calc( var(--bili) * 3px ) dashed #b6b6b6;
        margin: calc( var(--bili) * 40px ) 0 calc( var(--bili) * 40px ) -15%;
    }
    .Lsc3ConD .EcLR .EcCn .ecC{
        font-size: calc( var(--bili) * 30px );
        color: #555555;
        font-weight: 700;
        display: flex;
        flex-wrap: wrap;
    }
    .Lsc3ConD .EcLR .EcCn .ecC p{
        width: 50%;
        position: relative;
        padding: 0 0 0 calc( var(--bili) * 30px );
        margin: calc( var(--bili) * 12px ) 0;
    }
    .Lsc3ConD .EcLR .EcCn .ecC p:after{
        content: '';
        position: absolute;
        width: calc( var(--bili) * 12px );
        height: calc( var(--bili) * 12px );
        background-color: var(--colorZT);
        border-radius: 50%;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
    }

    .Lsc4ConA{
        padding: calc( var(--bili) * 90px ) 0 calc( var(--bili) * 100px ) 0;
    }
    .Lsc4ConB{
        padding: calc( var(--bili) * 90px ) 0 calc( var(--bili) * 100px ) 0;
        /*background: url("../images/logistics/BG1.jpg") no-repeat center top;*/
        background-size: cover!important;
    }
    .Lsc4ConB .EcLs{
        padding: calc( var(--bili) * 40px ) 0 0 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .Lsc4ConB .EcLs .EcIe{
        width: calc(100%/8);
    }
    .Lsc4ConB .EcLs .EcIe .EcAc{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .Lsc4ConB .EcLs .EcIe .EcAc .EcIm{
        width: calc( var(--bili) * 114px );
        height: calc( var(--bili) * 114px );
        transition: all 0.5s;
    }
    .Lsc4ConB .EcLs .EcIe .EcAc .EcMc{
        letter-spacing: 1px;
        font-weight: 700;
        font-size: calc( var(--bili) * 24px );
        color: #ffffff;
        margin: calc( var(--bili) * 25px ) 0 0 0;
    }
    .Lsc4ConB .EcLs .EcIe .EcAc:hover .EcIm{
        transform: rotate(360deg);
    }

    .Lsc4ConC{
        padding: calc( var(--bili) * 60px ) 0 calc( var(--bili) * 50px ) 0;
    }
    .Lsc4ConC .EcLs{
        display: flex;
        flex-wrap: wrap;
        margin: calc( var(--bili) * -15px );
    }
    .Lsc4ConC .EcLs .EcIe{
        width: calc(100%/4);
        padding: calc( var(--bili) * 15px );
    }
    .Lsc4ConC .EcLs .EcIe .EcAc{
        display: block;
        position: relative;
    }
    .Lsc4ConC .EcLs .EcIe .EcAc .EcIm{
        width: 100%;
        position: relative;
        padding-top: 88%;
        overflow: hidden;
        border-radius: calc( var(--bili) * 24px );
    }
    .Lsc4ConC .EcLs .EcIe .EcAc:hover .EcIm img{
        transform: scale(1.1);
    }
    .Lsc4ConC .EcLs .EcIe .EcAc .EcCn{
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .Lsc4ConC .EcLs .EcIe .EcAc .EcCn .EcSz{
        font-size: calc( var(--bili) * 100px );
        font-weight: 700;
        line-height: 1;
        mix-blend-mode: color-dodge;
        color: var(--colorZT);
    }
    .Lsc4ConC .EcLs .EcIe .EcAc .EcCn .EcMc{
        font-weight: 700;
        font-size: calc( var(--bili) * 24px );
        color: #ffffff;
        text-align: center;
        line-height: 1.6;
        margin: calc( var(--bili) * 15px ) 0 0 0;
        letter-spacing: 1px;
    }
    .Lsc4ConC .EcLs .EcIe .EcAc .EcCn .EcMc span{
        font-weight: 400;
    }
    .Lsc4ConD{
        overflow: hidden;
        padding: calc( var(--bili) * 50px ) 0 calc( var(--bili) * 90px ) 0;
    }
    .Lsc4ConD .EcLs{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .Lsc4ConD .EcLs .EcIe{
        /*width: calc(100%/6);*/
        position: relative;
    }
    .Lsc4ConD .EcLs .EcIe .EcAc{
        display: flex;
        position: relative;
        flex-direction: column;
        align-items: center;
    }
    .Lsc4ConD .EcLs .EcIe .EcAc .EcIm{
        width: calc( var(--bili) * 200px );
        height: calc( var(--bili) * 200px );
        position: relative;
    }
    .Lsc4ConD .EcLs .EcIe .EcAc .EcIm:after{
        content: '';
        position: absolute;
        width: calc( var(--bili) * 26px );
        height: calc( var(--bili) * 26px );
        background: url("../image/w12s.svg") no-repeat center;
        background-size: 100%;
        left: 115%;
        top: 50%;
        transform: translateY(-50%);
        filter: brightness(0.8);
    }
    .Lsc4ConD .EcLs .EcIe:last-child .EcAc .EcIm:after{
        display: none;
    }
    .Lsc4ConD .EcLs .EcIe:first-child .EcAc .EcIm:before{
        content: '';
        position: absolute;
        width: 1920px;
        border-top: 1px dashed #e5e5e5;
        left: calc(((1920px - calc( var(--bili) * 1600px ))/2)*-1);
        top: 50%;
        transform: translateY(-50%);
        z-index: -1;
    }
    .Lsc4ConD .EcLs .EcIe .EcAc .EcMc{
        margin: calc( var(--bili) * 30px ) 0 0 0;
        font-size: calc( var(--bili) * 24px );
        color: #555555;
        font-weight: 700;
        text-align: center;
    }

    .Lsc5ConA{
        padding: calc( var(--bili) * 90px ) 0 calc( var(--bili) * 80px ) 0;
    }
    .Lsc5ConB{
        padding: 0 0 calc( var(--bili) * 80px ) 0;
    }
    .Lsc5ConB .EcLs{
        display: flex;
        flex-wrap: wrap;
        margin: calc( var(--bili) * -18px );
    }
    .Lsc5ConB .EcLs .EcIe{
        width: calc(100%/4);
        padding: calc( var(--bili) * 18px );
    }
    .Lsc5ConB .EcLs .EcIe .EcAc{
        height: 100%;
        background-color: #eeeeee;
        padding: calc(var(--bili)* 25px);
        display: flex;
        transition: all 0.2s;
        box-shadow: 0 0 0 transparent;
        color: #555555;
        justify-content: space-between;
        align-items: center;
    }
    .Lsc5ConB .EcLs .EcIe .EcAc .EcIm{
        width: calc( var(--bili) * 90px );
        height: calc( var(--bili) * 90px );
        filter: brightness(0.5);
        transition: all 0.2s;
    }
    .Lsc5ConB .EcLs .EcIe .EcAc .EcMc{
        width: calc(100% - calc( var(--bili) * 140px ));
        font-size: calc( var(--bili) * 24px );
        font-weight: 700;
    }
    .Lsc5ConB .EcLs .EcIe .EcAc:hover{
        background-color: var(--colorZT);
        color: #ffffff;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    }
    .Lsc5ConB .EcLs .EcIe .EcAc:hover .EcIm{
        filter: brightness(1);
    }
    .Lsc5ConC{
        background-color: #eeeeee;
        padding: calc( var(--bili) * 60px ) 0 calc( var(--bili) * 80px ) 0;
    }
    .Lsc5ConC .inner{
        overflow: hidden;
    }
    .Lsc5ConC .PubBtnMain{
        margin: calc(var(--bili)* 60px) 0 0 0;
    }
    .Lsc5ConC .PubBtnMain .inBtn{
        padding: calc(var(--bili)* 20px) calc(var(--bili)* 80px);
    }
    .Lsc5ConC .EcLs{
        display: flex;
        flex-wrap: wrap;
        margin: calc( var(--bili) * -40px );
    }
    .Lsc5ConC .EcLs.LsB{
        display: flex;
        justify-content: flex-start;
        flex-direction: row-reverse;
    }
    .Lsc5ConC .EcLs .EcIe{
        width: calc(100%/5);
        padding: calc( var(--bili) * 45px );
        position: relative;
    }
    .Lsc5ConC .EcLs .EcIe .EcAc{
        width: calc( var(--bili) * 200px );
        height: calc( var(--bili) * 200px );
        background-color: #ffffff;
        border-radius: 50%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: relative;
        margin: 0 auto;
    }
    .Lsc5ConC .EcLs.LsA .EcIe .EcAc:after{
        content: '';
        position: absolute;
        width: calc( var(--bili) * 36px );
        height: calc( var(--bili) * 36px );
        background: url(../image/w12s.svg) no-repeat center;
        background-size: 100%;
        left: 122%;
        top: 50%;
        transform: translateY(-50%);
        filter: brightness(0.8);
    }
    .Lsc5ConC .EcLs.LsA .EcIe:nth-child(5n) .EcAc:after{
        display: none;
    }
    .Lsc5ConC .EcLs.LsB .EcIe .EcAc:after{
        content: '';
        position: absolute;
        width: calc( var(--bili) * 36px );
        height: calc( var(--bili) * 36px );
        background: url(../image/w12s.svg) no-repeat center;
        background-size: 100%;
        right: 122%;
        top: 50%;
        transform: translateY(-50%) rotate(180deg);
        filter: brightness(0.8);
    }
    .Lsc5ConC .EcLs.LsB .EcIe:nth-of-type(5n) .EcAc:after{
        display: none;
    }
    .Lsc5ConC .EcLs .EcIe:last-child .EcAc:after{
        display: none;
    }
    .Lsc5ConC .EcLs.LsA .EcIe .EcAc:before{
        content: '';
        position: absolute;
        width: 100%;
        top: 50%;
        transform: translateY(-50%);
        left: 100%;
        border-top: 1px dashed #bfbfbf;
        z-index: 0;
    }
    .Lsc5ConC .EcLs.LsA .EcIe:last-child .EcAc:before{
        display: none;
    }
    .Lsc5ConC .EcLs.LsB .EcIe .EcAc:before{
        content: '';
        position: absolute;
        width: 100%;
        top: 50%;
        transform: translateY(-50%);
        left: -100%;
        border-top: 1px dashed #bfbfbf;
        z-index: 0;
    }
    .Lsc5ConC .EcLs.LsB .EcIe:last-child .EcAc:before{
        display: none;
    }
    .Lsc5ConC .EcLs.LsB .EcIe:nth-of-type(1):before{
        content: '';
        position: absolute;
        height: calc( var(--bili) * 40px );
        top: 0;
        transform: translateX(-50%);
        left: 50%;
        border-left: 1px dashed #bfbfbf;
        z-index: 0;
    }
    .Lsc5ConC .EcLs.LsB .EcIe:nth-of-type(1):after{
        content: '';
        position: absolute;
        width: calc( var(--bili) * 36px );
        height: calc( var(--bili) * 36px );
        background: url(../image/w12s.svg) no-repeat center;
        background-size: 100%;
        left: 50%;
        top: calc( var(--bili) * 5px );
        transform: translateX(-50%) rotate(90deg);
        filter: brightness(0.8);
    }
    .Lsc5ConC .EcLs .EcIe .EcAc .EcIm{
        width: calc( var(--bili) * 100px );
        height: calc( var(--bili) * 100px );
    }
    .Lsc5ConC .EcLs .EcIe .EcAc .EcMc{
        margin: calc( var(--bili) * 10px ) 0;
        font-size: calc( var(--bili) * 14px );
        color: #555555;
        font-weight: 700;
    }

    .Lsc6ConA{
        padding: calc( var(--bili) * 90px ) 0 calc( var(--bili) * 90px ) 0;
    }
    .Lsc6ConB{
        padding: calc( var(--bili) * 80px ) 0 calc( var(--bili) * 70px ) 0;
        background-color: #eeeeee;
    }
    .Lsc6ConB .EcLs{
        display: flex;
        flex-wrap: wrap;
        margin: calc( var(--bili) * -12px );
        padding: 0 0 calc( var(--bili) * 20px ) 0;
    }
    .Lsc6ConB .EcLs .EcIe{
        width: calc(100%/4);
        padding: calc( var(--bili) * 12px );
    }
    .Lsc6ConB .EcLs .EcIe .EcAc{
        /*height: 100%;*/
        display: flex;
        align-items: center;
        background-color: #ffffff;
        padding: calc(var(--bili)* 30px);
        border-radius: calc(var(--bili)* 6px);
        overflow: hidden;
        flex-direction: column;
        text-align: center;
    }
    .Lsc6ConB .EcLs .EcIe .EcAc .EcIm{
        width: calc( var(--bili) * 114px );
        height: calc( var(--bili) * 114px );
        overflow: hidden;
    }
    .Lsc6ConB .EcLs .EcIe .EcAc .EcCn{
        width: 100%;
        color: #555555;
        margin: calc(var(--bili)* 15px) 0 0 0;
    }
    .Lsc6ConB .EcLs .EcIe .EcAc .EcCn .EcMc{
        font-size: calc( var(--bili) * 22px );
        font-weight: 700;
    }
    .Lsc6ConB .EcLs .EcIe .EcAc .EcCn .EcIn{
        margin: calc( var(--bili) * 15px ) 0 0 0;
        font-size: calc( var(--bili) * 18px );
        /*line-height: 2;*/
        height: calc( var(--bili) * 60px );
        min-height: calc( var(--bili) * 60px );
        line-height: calc( var(--bili) * 30px );
        overflow: hidden;
    }
    .Lsc6ConB .EcLs .EcIe .EcAc:hover .EcCn .EcIn{
        height: auto;
    }
    .Lsc6ConC{
        padding: calc( var(--bili) * 90px ) 0;
        position: relative;
        background-color: #ffffff;
    }
    .Lsc6ConC .EcLs{
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
        margin: calc( var(--bili) * -35px ) calc( var(--bili) * -60px );
    }
    .Lsc6ConC .EcLs .EcIe{
        width: calc(100%/5);
        padding: calc( var(--bili) * 35px ) calc( var(--bili) * 60px );
    }
    .Lsc6ConC .EcLs .EcIe .EcAc{
        height: 100%;
        background-color: #efefef;
        padding: calc( var(--bili) * 30px );
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        border-radius: calc( var(--bili) * 20px );
        color: #555555;
        box-shadow: 0 0 0 transparent;
        transition: all 0.3s;
        position: relative;
    }
    .Lsc6ConC .EcLs .EcIe .EcAc:after{
        content: '';
        position: absolute;
        width: calc( var(--bili) * 40px );
        height: calc( var(--bili) * 40px );
        background: url(../image/w12s.svg) no-repeat center;
        background-size: 100%;
        right: calc( var(--bili) * -75px );
        top: 50%;
        transform: translateY(-50%);
        filter: brightness(0.8);
    }
    .Lsc6ConC .EcLs .EcIe:nth-child(5n) .EcAc:after,.Lsc6ConC .EcLs .EcIe:last-child .EcAc:after{
        display: none;
    }
    .Lsc6ConC .EcLs .EcIe:nth-child(n+5) .EcAc:after{
        transform: translateY(-50%) rotate(180deg);
    }
    .Lsc6ConC .EcLs .EcIe:last-child .EcAc:before{
        content: '';
        position: absolute;
        width: calc( var(--bili) * 40px );
        height: calc( var(--bili) * 40px );
        background: url(../image/w12s.svg) no-repeat center;
        background-size: 100%;
        top: calc( var(--bili) * -55px );
        left: 50%;
        transform: translateX(-50%) rotate(90deg);
        filter: brightness(0.8);
    }
    .Lsc6ConC .EcLs .EcIe .EcAc .EcIm{
        width: calc( var(--bili) * 90px );
        height: calc( var(--bili) * 90px );
        position: relative;
        overflow: hidden;
    }
    .Lsc6ConC .EcLs .EcIe .EcAc .EcIm .imA{
        display: block;
    }
    .Lsc6ConC .EcLs .EcIe .EcAc .EcIm .imB{
        display: none;
    }
    .Lsc6ConC .EcLs .EcIe .EcAc .EcMc{
        margin: calc( var(--bili) * 10px ) 0 0 0;
        font-size: calc( var(--bili) * 20px );
        text-align: center;
    }
    .Lsc6ConC .EcLs .EcIe .EcAc:hover{
        background-color: var(--colorZT);
        color: #ffffff;
        box-shadow: 0 0 calc( var(--bili) * 10px ) rgba(0, 0, 0, 0.2);
    }
    .Lsc6ConC .EcLs .EcIe .EcAc:hover .EcIm .imA{
        display: none;
    }
    .Lsc6ConC .EcLs .EcIe .EcAc:hover .EcIm .imB{
        display: block;
    }
}