.header{
    width: 100%;
    z-index: 99;
    /*background-color: transparent;*/
    /*background: linear-gradient(rgb(0 0 0 / 50%), transparent);*/
    transition: all 0.8s;
    top: 0;
    position: fixed;
    /*box-shadow: 0 0 15px rgba(0,0,0,.2);*/
    padding: calc( var(--bili) * var(--hedaPH)*1px ) 0;

}
/*.header:after{*/
/*    content: '';*/
/*    position: absolute;*/
/*    width: 100%;*/
/*    height: 2px;*/
/*    !*background-color: hsla(0,0%,100%,.05);*!*/
/*    bottom: 0;*/
/*    left: 0;*/
/*}*/
.header .inner{
    /*width: 90%;*/
    /*margin: 0 auto;*/
}
.header .header-wrap{
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.header-logo{
    width: calc( var(--bili) * 220px );
    max-height: calc( var(--bili) * var(--hedaH)*1px );
    z-index: 9;
}

.header-Dcnr{
    display: flex;
    align-items: center;
}

.header-search{
    margin: 0 0 0 calc( var(--bili) * 30px );
}
.hs-trigger{
    width: calc( var(--bili) * 24px );
    height: calc( var(--bili) * 24px );
    cursor: pointer;
    overflow: hidden;
    background: url(../images/icons/w42s.svg) no-repeat center;
    background-size: 100% 100%;
    opacity: 0.8;
}
.hs-search{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background-color: #ffffff;
    display: none;
}
.hs-search form{
    width: 100%;
    height: 100%;
}
.hs-search .search-con{
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    background: #fff;
}
.hs-search .search-con .search-btn{
    background: url(../images/u111.svg) no-repeat center;
    cursor: pointer;
    width: calc( var(--bili) * 26px );
    height: calc( var(--bili) * 26px );
    background-size: 100% 100%;
    margin: 0 calc( var(--bili) * 10px ) 0 0;
}
.hs-search .search-con .search-srk{
    font-size: calc( var(--bili) * 16px );
    width: calc( var(--bili) * 500px );
    /*border: 1px solid #eee;*/
    border-radius: 30px;
    padding: calc( var(--bili) * 10px ) calc( var(--bili) * 30px );
}
.hs-search .search-con .search-close{
    background: url(../images/icons/close1.svg) no-repeat center;
    width: calc( var(--bili) * 26px );
    height: calc( var(--bili) * 26px );
    background-size: 100% 100%;
    opacity: 1;
    cursor: pointer;
    margin: 0 0 0 calc( var(--bili) * 10px );
}


.header-link{
    display: flex;
}
.header-link .hl-item{
    width: calc( var(--bili) * 32px );
    height: calc( var(--bili) * 32px );
    line-height: calc( var(--bili) * 32px );
    text-align: center;
    border-radius: 50%;
    background-color: var(--colorZT);
    font-size: calc( var(--bili) * 14px );
    font-weight: 400;
    color: #ffffff;
    margin: 0 0 0 calc( var(--bili) * 15px );
}


.header-map{
    width: 100px;
    height: calc( var(--bili) * var(--hedaH)*1px );
    border-left: 1px solid #c8c8c8;
    display: flex;
    align-items: center;
}
.hm-trigger{
    width: calc( var(--bili) * 30px );
    height: calc( var(--bili) * 30px );
    cursor: pointer;
    overflow: hidden;
    background: url(../images/hmic.svg) no-repeat center;
    background-size: 100% 100%;
    margin: 0 auto;
}



.header.head-black{
    background: rgba(0,0,0,0.8);
}
.header.head-black .header-menu .CAli .CAa{
    color: #ffffff;
}
.header.head-black .header-menu .CAli .CAa:after{
    background-color: #70DFD5;
}
.head-black .hs-trigger{
    /*filter: invert(0.5);*/
}

.header.on{
    background-color: rgb(0 0 0 / 80%);
}
.header.menu-none{
    top: -100%;
}










/*菜单*/
.header-menu{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.header-menu .CAul{
    display: flex;
    width: 100%;
}
.header-menu .CAli{
    position: relative;
    /*padding: 0 calc( var(--bili) * 25px );*/
    padding: 0 calc( var(--bili) * 34px );
}
.header-menu .CAli .CAa{
    color: #ffffff;
    width: 100%;
    /*font-weight: 700;*/
    font-size: calc( var(--bili) * 20px );
    line-height: calc( var(--bili) * var(--hedaH)*1px );
    /*padding: 0 0 0 calc( var(--bili) * 34px );*/
    display: block;
    text-align: center;
    white-space:nowrap;
    position: relative;
    background-size: calc( var(--bili) * 22px )!important;
}
.header-menu .CAli .CAa:hover{
    /*font-weight: 700;*/
}
.header-menu .CAli .CAa:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: #70DFD5;
    transition: all .3s;
    transform: scaleX(0);
}
.header-menu .CAli .CAa:hover:after{
    transform: scaleX(1);
}
.header-menu .CAli.cur .CAa:after{
    transform: scaleX(1);
}

/*.header-menu .CAli:nth-child(1) .CAa{*/
/*    background: url(../images/h1.svg) no-repeat 0 center;*/
/*}*/
/*.header-menu .CAli:nth-child(2) .CAa{*/
/*    background: url(../images/h2.svg) no-repeat 0 center;*/
/*}*/
/*.header-menu .CAli:nth-child(3) .CAa{*/
/*    background: url(../images/h3.svg) no-repeat 0 center;*/
/*}*/
/*.header-menu .CAli:nth-child(4) .CAa{*/
/*    background: url(../images/h4.svg) no-repeat 0 center;*/
/*}*/
/*.header-menu .CAli:nth-child(5) .CAa{*/
/*    background: url(../images/h5.svg) no-repeat 0 center;*/
/*}*/
/*.header-menu .CAli:nth-child(6) .CAa{*/
/*    background: url(../images/h6.svg) no-repeat 0 center;*/
/*}*/
/*.header-menu .CAli:nth-child(7) .CAa{*/
/*    background: url(../images/h7.svg) no-repeat 0 center;*/
/*}*/
/*头部-菜单*/












/*下拉菜单*/
.down-menu{
     display: none;
    position: absolute;
    left: -25%;
    top: 90%;
    width: 150%;
    overflow: hidden;
    z-index: 99;
    border-radius: 5px;
    padding: 10%;
}
.down-menu:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
    filter: blur(4px);
    z-index: -1;
}
.down-menu .CBul{
    height: 100%;
    background-color: transparent;
    box-shadow: 0 1px 8px rgb(0 0 0 / 6%);
}
.down-menu .CBli{
    /*padding: 0 5px;*/
}
.down-menu .CBa{
    display: block;
    width: 100%;
    line-height: calc( var(--bili) * 48px );
    font-size: calc( var(--bili) * 16px );
    color: #ffffff;
    text-align: center;
    padding: 0 calc( var(--bili) * 5px );
    white-space:nowrap;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    word-break: break-all;
    transition: all 0.5s;
    /*padding: 0 0 0 20%;*/
}
.down-menu .CBli:hover .CBa{
    opacity: 1;
    color: var(--colorZT);
}

/*下拉菜单*/



/*内页banner-s*/
.detail-Top{
    position: relative;
    width: 100%;
    height: calc( var(--bili) * var(--inner_bannerH) * 1px );
}
.detail-banner{
    /*margin: calc( var(--bili) * var(--hedaH)*1px ) 0 0 0;*/
    height: calc( var(--bili) * var(--inner_bannerH) * 1px );
    width: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    background-size: cover!important;
    background-color: #999999!important;
}
.detail-banner .DB-Word{
    text-align: center;
}
.detail-banner .DB-Word .EcA{
    font-size: calc( var(--bili) * 48px );
    color: #ffffff;
    letter-spacing: 1px;
    margin: 0 0 calc( var(--bili) * 20px ) 0;
}
.detail-banner .DB-Word .EcB{
    font-size: calc( var(--bili) * 24px );
    color: #ffffff;
    letter-spacing: 1px;
}


/*内页banner-e*/
/*banner*/
.index-banner{
    /*margin:  calc( var(--bili) * var(--hedaH)*1px ) 0 0 0;*/
    width: 100%;
    height: calc( var(--bili) * var(--bannerH) * 1px );
    overflow: hidden;
    /*height: 100vh;*/
}
.wn-banner{
    position: relative;
    width: 100%;
    height: 100%;
}
.banner-cons{
    width: 100%;
    height: 100%;
    position: relative;
}
.index-banner .Ec-mask{
    background: url(../images/w01.png) no-repeat center;
    background-size: 100%;
    width: calc( var(--bili) * 530px );
    height: calc( var(--bili) * 454px );
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 9;
}

/*点切换*/

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

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

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

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

    50%, 100% {
        transform: rotate(225deg);
    }
}

@keyframes circleProgressLoad_left {
    0%, 50% {
        transform: rotate(45deg);
    }

    100% {
        transform: rotate(225deg);
    }
}


/*banner-tab-e*/


.wn-banner .swiper-slide{
    text-align: center;
    background: #fff;
    overflow: hidden;
}

.wn-banner .slide-inner{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-size: cover;
    background-position: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}

.banner-word{
    position: absolute;
    width: 100%;
    left: 0;
    transition: all 0.8s;
    opacity: 1;
    transform: none;
    z-index: 9;
}
.banner-word.none{
    opacity: 0;
    transform: translateY(calc( var(--bili) * 300px ));
}
.banner-word .word-con{
    font-weight: 700;
    font-size: calc( var(--bili) * 46px );
    padding: 4% 0 calc( var(--bili) * 30px ) 0;
    color: #FFFFFF;
    text-align: center;
    opacity: 0;
    transform: translateY(calc( var(--bili) * 300px ));
    transition: all 1s;
    text-shadow: 0 0 8px rgba(89, 89, 89, 0.5);
    letter-spacing: 1px;
}
.banner-word .word-eon{
    font-weight: 400;
    font-size: calc( var(--bili) * 24px );
    color: #FFFFFF;
    text-align: center;
    opacity: 0;
    transform: translateY(calc( var(--bili) * 300px ));
    transition: all 1.4s;
    text-shadow: 0 0 8px rgba(89, 89, 89, 0.5);
    letter-spacing: 1px;

}
.wn-banner .swiper-slide-active .banner-word .word-con{
    opacity: 1;
    transform: translateY(0) translateX(0);
}
.wn-banner .swiper-slide-active .banner-word .word-eon{
    opacity: 1;
    transform: translateY(0) translateX(0);
}

/*图片放大-s*/
.wn-banner .banner-cons img{
    transform: scale(1);
    transition: all 3s linear;
}
.wn-banner .swiper-slide-active .banner-cons img{
    transform: scale(1.05);
}
/*图片放大-e*/

/*banner*/







/*foot-s*/


.foot{
    padding:  calc( var(--bili) * 60px ) 0;
    overflow: hidden;
    background-color: #f0f0f0;
    border-bottom: 1px solid rgba(0,0,0,.08);
}

.foot-content{
    display: flex;
    justify-content: space-between;
}
.foot-contact{
    font-weight: 400;
    font-size: calc( var(--bili) * 14px );
    color: #ffffff;
    line-height: 2.4;
    /*padding: 0 calc( var(--bili) * 40px ) 0 0;*/
    margin: 0 calc( var(--bili) * 40px ) 0 0;
}
.foot-contact .el-tit{
    font-size: calc( var(--bili) * 24px );
    color: var(--colorFU);
    margin: 0 0 calc( var(--bili) * 10px ) 0;
}
.foot-menu{
    display: flex;
}
.foot-menu .fm-item{
    display: flex;
    flex-direction: column;
    /*align-items: center;*/
    margin: 0 calc( var(--bili) * 130px ) 0 0;
}
.foot-menu .fm-item:last-child{
    margin: 0;
}
.foot-menu .fm-item .fmaA{
    font-weight: 400;
    font-size: calc( var(--bili) * 20px );
    color: #333333;
    margin: 0 0 calc( var(--bili) * 20px ) 0;
    white-space:nowrap;
}
.foot-menu .fm-item .fmaB{
    font-weight: 400;
    font-size: calc( var(--bili) * 16px );
    color: #333333;
    margin: 0 0 calc( var(--bili) * 15px ) 0;
    white-space:nowrap;
}
.foot-menu .fm-item .fmaB:hover{
    color: var(--colorZT);
}

.foot-menu .fm-item .fmals{
    display: flex;
    flex-wrap: wrap;
    width: calc( var(--bili) * 340px );
}
.foot-menu .fm-item .fmals .fmaB{
    width: calc( var(--bili) * 170px );
}


.foot-ewm{
    position: relative;
    text-align: center;
}
.foot-ewm .ewm-im{
    width: calc( var(--bili) * 150px );
    height: calc( var(--bili) * 150px );
    overflow: hidden;
    margin: 0 0 calc( var(--bili) * 20px ) 0;
}

.foot-ewm .ewm-in{
    font-size: calc( var(--bili) * 16px );
    color: #999999;
}

.copyright{
    padding: calc( var(--bili) * 30px ) 0;
    font-weight: 400;
    color: #666666;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #f0f0f0;
    overflow: hidden;
}
.copyright .infx{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.copyright *{
    font-size: calc( var(--bili) * 14px );
    color: #666666;
}
/*foot-e*/




.eject-index{
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 999;
    display: none;
}
.eject-index.on{
    display: block;
}
.eject-index .eject-inner-mask{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 99;
}
.eject-index .eject-content{
    position: absolute;
    width: 70%;
    /* height: 100%; */
    left: 50%;
    top: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 101;
    transform: translate(-50%,-50%);
}
.eject-index .eject-close{
    position: absolute;
    font-size: 18px;
    width: 40px;
    height: 40px;
    background-color: rgb(0 0 0 / 50%);
    color: #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 3%;
    top: 3%;
    z-index: 2;
    cursor: pointer;
    opacity: 0;
    transition: all 0.3s;
}
.eject-index .eject-close-et{
    position: absolute;
    font-size: 24px;
    width: 40px;
    height: 40px;
    color: #333333;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 3%;
    top: 3%;
    z-index: 2;
    cursor: pointer;
    transition: all 0.3s;
}
.eject-index .eject-box{
    margin: 0 10%;
    width: 80%;
    background-color: #000000;
    position: relative;
    overflow: hidden;
}
.eject-index .eject-box .ab-video{
    width: 100%;
}
.eject-index .eject-box:hover .eject-close{
    opacity: 1;
}






/*首页-e*/
.index-full{
    width: 100%;
    height: 100vh;
}
.main-content{
    width: 100%;
    height: 100%;
}
.main-content.mc-hide{
    opacity: 0;
}
.main-content.mc-show{
    opacity: 1;
}

.container{
    height: max-content;
}
.swiper-container {
    width: 100%;
    height: 100%;
}
.full-page{
    width: 100%;
    height: 100%;
}


.Pub-Title{
    color: #333333;
    margin: 0 0 calc( var(--bili) * 40px ) 0;
    position: relative;
}
.Pub-Title .EcA{
    display: inline-block;
    width: 100px;
    height: 3px;
    background-color: var(--colorZT);
    margin: 0 0 calc( var(--bili) * 20px ) 0;
}
.Pub-Title .EcB{
    font-size: calc( var(--bili) * 38px );
    font-weight: 700;
    margin: 0 0 calc( var(--bili) * 10px ) 0;
    color: #333333;
    letter-spacing: -1px;
}
.Pub-Title .EcC{
    font-size: calc( var(--bili) * 32px );
    color: #666666;
    letter-spacing: 1px;
}
.Pub-Title.YsF *{
    color: #ffffff;
}
.Pub-Title.YsF .EcA{
    background-color: #ffffff;
}


.IMainA{
    padding: calc( var(--bili) * 100px ) 0;
}
.IMainA .ec-list{
    display: flex;
    flex-wrap: wrap;
    margin: calc( var(--bili) * -15px );
    padding: 0 0 0 33.3%;
    position: relative;
}
.IMainA .ec-list .ec-item{
    width: 50%;
    padding: calc( var(--bili) * 15px );
}
.IMainA .ec-list .ec-item .ecBox{
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}
.IMainA .ec-list .ec-item .ecBox .ec-im{
    width: 100%;
    padding-top: 70%;
    overflow: hidden;
    position: relative;
}
.IMainA .ec-list .ec-item .ecBox .ec-cn{
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    color: #ffffff;
    padding: 4%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.IMainA .ec-list .ec-item .ecBox .ec-cn .ecL{
    width: calc(100% - calc( var(--bili) * 60px ));
}
.IMainA .ec-list .ec-item .ecBox .ec-cn .ecL .ec-mc{
    font-size: calc( var(--bili) * 30px );
    font-weight: 700;
    margin: 0 0 calc( var(--bili) * 10px ) 0;
}
.IMainA .ec-list .ec-item .ecBox .ec-cn .ecL .ec-en{
    font-size: calc( var(--bili) * 20px );
    font-weight: lighter;
    font-style: italic;
}
.IMainA .ec-list .ec-item .ecBox .ec-cn .ecR{

}



.IMainA .ec-list .ec-item:first-child{
    width: 32.5%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.IMainA .ec-list .ec-item:first-child .ecBox .ec-im{
    height: 100%;
    padding-top: 0;
}
.IMainA .ec-anls{
    margin: calc( var(--bili) * 40px ) 0 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
}



/*按钮-s*/
.More-AnA{
    font-size: calc( var(--bili) * 18px );
    display: inline-block;
    vertical-align: top;
    margin: 0;
    overflow: hidden;
    position: relative;
    padding: calc( var(--bili) * 15px ) calc( var(--bili) * 80px ) calc( var(--bili) * 15px ) calc( var(--bili) * 50px );
    border-radius: 30px;
    border: 2px solid var(--colorZT);
    text-align: center;
    background: var(--colorZT);
    color: #ffffff;
    transition: all .6s ease;
}
.More-AnA:after{
    content: '';
    position: absolute;
    width: calc( var(--bili) * 20px );
    height: calc( var(--bili) * 20px );
    right: calc( var(--bili) * 40px );
    top: calc((100% - calc( var(--bili) * 20px ))/2);
    background: url(../images/w3.svg) no-repeat center;
    background-size: 100%;
    transform: rotate(-40deg);
    transition: all 0.4s ease;
}
.More-AnA:hover{
}
.More-AnA:hover:after{
    transform: rotate(0deg);
}

.More-AnB{
    font-size: calc( var(--bili) * 18px );
    display: inline-block;
    margin: 0;
    overflow: hidden;
    position: relative;
    padding: calc( var(--bili) * 15px ) calc( var(--bili) * 45px ) calc( var(--bili) * 15px ) calc( var(--bili) * 10px );
    border-bottom: 3px solid var(--colorZT);
    text-align: center;
    color: var(--colorZT);
    transition: all .6s ease;
    letter-spacing: 1px;
    filter: grayscale(1);
}
.More-AnB:after{
    content: '';
    position: absolute;
    width: calc( var(--bili) * 20px );
    height: calc( var(--bili) * 20px );
    right: calc( var(--bili) * 10px );
    top: calc((100% - calc( var(--bili) * 20px ))/2);
    background: url(../images/w3ss.svg) no-repeat center;
    background-size: 100%;
    transform: rotate(-40deg);
    transition: all 0.4s ease;
}
.More-AnB:hover{
    filter: grayscale(0);
}
.More-AnB:hover:after{
    transform: rotate(0deg);
}


.IMainB{
    padding: 150px 0;
    background: url(../images/banner2.jpg) no-repeat center;
    background-size: cover;
}
.IMainB .Econ{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.IMainB .Econ .ecL{
    width: 60%;
}
.IMainB .Econ .ecL .ec-cn{
    margin: 0 0 calc( var(--bili) * 40px ) 0;
    line-height: 3;
    font-size: calc( var(--bili) * 18px );
    color: #ffffff;
}
.IMainB .Econ .ecL .ec-ck{
    display: flex;
    align-items: center;
}
.IMainB .Econ .ecL .ec-ck .Eck{
    font-size: calc( var(--bili) * 18px );
    color: #ffffff;
    margin: 0 0 0 calc( var(--bili) * 15px );
}

.IMainB .Econ .ecR{
    width: 30%;
}
.IMainB .Econ .ec-list{
    display: flex;
    flex-wrap: wrap;
    margin: calc( var(--bili) * -10px );
}
.IMainB .Econ .ec-list .ec-item{
    width: 50%;
    padding: calc( var(--bili) * 10px );
}
.IMainB .Econ .ec-list .ec-item .ecBox{
    background: rgba(112,223,213,.8);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: calc( var(--bili) * 40px ) calc( var(--bili) * 10px );
}
.IMainB .Econ .ec-list .ec-item .ecBox .ec-im{
    width: calc( var(--bili) * 80px );
    height: calc( var(--bili) * 80px );
    margin: 0 0 calc( var(--bili) * 20px ) 0;
}
.IMainB .Econ .ec-list .ec-item .ecBox .ec-mc{
    color: #fff;
    font-size: calc( var(--bili) * 18px );
}

.IMainC{
    padding: calc( var(--bili) * 80px ) 0 calc( var(--bili) * 40px ) 0;
}
.Ent-list{
    display: flex;
    flex-wrap: wrap;
    margin: calc( var(--bili) * -30px );
}
.Ent-list .ec-item{
    width: 33.3%;
    padding: calc( var(--bili) * 30px );
}
.Ent-list .ec-item .ecBox{
    box-shadow: 0 2px 20px 2px rgb(112 223 213 / 30%);
    border-radius: 10px;
    overflow: hidden;
}
.Ent-list .ec-item .ecBox .ec-im{
    width: 100%;
    position: relative;
    padding-top: 50%;
    overflow: hidden;
}
.Ent-list .ec-item .ecBox .ec-logo{
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    width: 70%;
    padding-top: 35%;
    margin: -20% auto 0;
}
.Ent-list .ec-item .ecBox .ec-cn{
    padding: 10% 5%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.Ent-list .ec-item .ecBox .ec-mc{
    font-size: calc( var(--bili) * 28px );
    font-weight: bold;
    color: #333;
    margin: 0 0 calc( var(--bili) * 10px ) 0;
}
.Ent-list .ec-item .ecBox .ec-in{
    color: #333;
    font-size: calc( var(--bili) * 16px );
    margin: 0 0 calc( var(--bili) * 30px ) 0;
}
.Ent-list .ec-item .ecBox .ec-btn{
    color: #ffffff;
    background-color: var(--colorZT);
    padding: calc( var(--bili) * 10px ) calc( var(--bili) * 40px );
    border-radius: 60px;
    cursor: pointer;
}
.IMainC .ec-anls{
    margin: calc( var(--bili) * 50px ) 0 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
}


.IMainD{
    padding: calc( var(--bili) * 40px ) 0 calc( var(--bili) * 80px ) 0;
}
.IMainD .ec-mA{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.IMainD .ec-mA .ec-tab{
    display: flex;
}
.IMainD .ec-mA .ec-tab .tabs{
    font-size: calc( var(--bili) * 16px );
    display: block;
    padding: calc( var(--bili) * 8px ) calc( var(--bili) * 30px );
    border-radius: 30px;
    border: 1px solid #eee;
    margin: 0 0 0 calc( var(--bili) * 30px );
    cursor: pointer;
}
.IMainD .ec-mA .ec-tab .tabs.on{
    border: 1px solid var(--colorZT);
    color: var(--colorZT);
}


.IMainD .ec-mB{

}
.IMainD .ec-all{

}
.IMainD .ec-box{
    display: flex;
    justify-content: space-between;
}
.IMainD .ec-box .ecL{
    width: 50%;
}
.IMainD .ec-box .ecR{
    width: 46%;
}
.IMainD .ec-box .ecL .ec-item{

}
.IMainD .ec-box .ecL .ec-item .ecBox{
    position: relative;
}
.IMainD .ec-box .ecL .ec-item .ecBox .ec-im{
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    padding-top: 45%;
    margin: 0 0 calc( var(--bili) * 20px ) 0;
}
.IMainD .ec-box .ecL .ec-item .ecBox .ec-date{
    position: absolute;
    background-color: var(--colorZT);
    color: #ffffff;
    font-size: calc( var(--bili) * 24px );
    padding: calc( var(--bili) * 10px ) calc( var(--bili) * 30px );
    border-radius: 10px 0 0 0;
    right: 0;
    bottom: 0;
}
.IMainD .ec-box .ecL .ec-item .ecBox .ec-cn{
    width: 100%;
}
.IMainD .ec-box .ecL .ec-item .ecBox .ec-mc{
    font-size: calc( var(--bili) * 20px );
    font-weight: bold;
    color: #333;
    margin: 0 0 calc( var(--bili) * 10px ) 0;
}
.IMainD .ec-box .ecL .ec-item .ecBox .ec-in{
    font-size: calc( var(--bili) * 16px );
    color: #666;
    line-height: 2;
    margin: 0 0 calc( var(--bili) * 20px ) 0;
}

.IMainD .ec-box .ecL .ec-item .ecBox .ec-ck{
    display: flex;
    align-items: center;
}
.IMainD .ec-box .ecL .ec-item .ecBox .ec-ck .ec-an{
    width: calc( var(--bili) * 24px );
    height: calc( var(--bili) * 24px );
    border: 1px solid #8d8d8d;
}
.IMainD .ec-box .ecL .ec-item .ecBox .ec-ck .Eck{
    margin: 0 0 0 calc( var(--bili) * 10px );
    font-size: calc( var(--bili) * 16px );
    color: #555555;
}

.IMainD .ec-box .ecR .ec-item{
    height: 25%;
}
.IMainD .ec-box .ecR .ec-item .ecBox{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #e5e5e5;
}
.IMainD .ec-box .ecR .ec-item:first-child .ecBox{
    border-top: 1px solid #e5e5e5;
}

.IMainD .ec-box .ecR .ec-item .ecBox .ecl{
    width: 80%;
}
.IMainD .ec-box .ecR .ec-item .ecBox .ecl .ec-date{
    font-size: calc( var(--bili) * 18px );
    color: #a6a6a6;
    margin: 0 0 calc( var(--bili) * 20px ) 0;
}
.IMainD .ec-box .ecR .ec-item .ecBox .ecl .ec-mc{
    font-size: calc( var(--bili) * 18px );
    color: #333333;
}
.IMainD .ec-box .ecR .ec-item .ecBox .ecr{

}
.IMainD .ec-box .ecR .ec-item .ecBox .ecr .ec-an{
    width: calc( var(--bili) * 30px );
    height: calc( var(--bili) * 30px );
    border: 1px solid #8d8d8d;
}
.IMainD .ec-box .ecR .ec-item .ecBox:hover .ecl .ec-mc{
    color: var(--colorZT);
}


.More-AnC{
    display: block;
    width: calc( var(--bili) * 46px );
    height: calc( var(--bili) * 46px );
    border-radius: 50%;
    border: 2px solid #fff;
    position: relative;
}
.More-AnC:before{
    content: "";
    display: block;
    width: 26%;
    height: 2px;
    background: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -1px 0 0 -14%;
    transform: rotate(40deg);
    transform-origin: right;
}
.More-AnC:after{
    content: "";
    display: block;
    width: 26%;
    height: 2px;
    background: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -1px 0 0 -14%;
    transform: rotate(-40deg);
    transform-origin: right;
}
.More-AnC.YsA{
    border: 2px solid #8d8d8d;
}
.More-AnC.YsA:before,.More-AnC.YsA:after{
    background: #8d8d8d;
}
.More-AnC:hover:before {
    animation: rota .6s ease 1 forwards;
}
.More-AnC:hover:after {
    animation: rotaf .6s ease 1 forwards;
}
@keyframes rota{from{transform: rotate(0deg);}to{transform: rotate(40deg);}}
@keyframes rotaf{from{transform: rotate(0deg);}to{transform: rotate(-40deg);}}
/*按钮-e*/








/*首页-e*/


/*Item-s*/

/*ItemA-s*/
.ItemA{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.ItemA .Acls{
    border-bottom: 1px solid rgba(255,255,255,.3);
}
.ItemA .ec-ims{
    position: relative;
    width: 100%;
    overflow: hidden;
    margin: 0 0 calc( var(--bili) * 30px ) 0;
}
.ItemA .ec-ims .ec-im{
    width: 100%;
    padding-top: 50%;
}
.ItemA .ec-mc{
    color: #ffffff;
    margin: 0 0 calc( var(--bili) * 20px ) 0;
    font-size: calc( var(--bili) * 22px );
}
.ItemA .ec-date{
    color: #ffffff;
    font-size: calc( var(--bili) * 18px );
    background: url(../images/icons/w22.svg) no-repeat 100% center;
    background-size: calc( var(--bili) * 30px );
    line-height: 2;
    margin: 0 0 calc( var(--bili) * 20px ) 0;
}
/*ItemA-e*/

/*ItemB-s*/
.ItemB{
    margin: 0 0 calc( var(--bili) * 30px ) 0;
}
.ItemB .Acls{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.ItemB .ec-date{
    text-align: center;
    color: #aaaaaa;
    width: calc( var(--bili) * 100px );
    position: relative;
    white-space:nowrap;
    transition: all 0.3s;
}
.ItemB .ec-date:after{
    content: "";
    position: absolute;
    top: 10px;
    bottom: 10px;
    right: -10px;
    width: 1px;
    background: #E2E3E4;
}
.ItemB .ec-date .ec-ri{
    font-size: calc( var(--bili) * 38px );
    font-weight: bold;
    transition: all 0.3s;
}
.ItemB .ec-date .ec-ny{
    font-size: calc( var(--bili) * 18px );
    transition: all 0.3s;
}
.ItemB .ec-mc{
    width: calc(100% - calc( var(--bili) * 130px ));
    font-size: calc( var(--bili) * 18px );
    color: #555555;
    line-height: 2;
    padding: 0 calc( var(--bili) * 10px ) 0 0;
    transition: all 0.3s;
}
.ItemB:hover *{
    color: var(--colorZT);
}
/*ItemB-e*/

/*ItemC-s*/
.ItemC{
    width: calc(100%/4 - 1.5%);
    margin: 0 2% 2% 0;
    overflow: hidden;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
    text-align: center;
}
.ItemC:nth-child(4n){
    margin: 0 0 2% 0;
}
.ItemC .ec-ims{
    position: relative;
    width: 100%;
    overflow: hidden;
}
.ItemC .ec-ims .ec-im{
    width: 100%;
    padding-top: 55%;
}
.ItemC .ec-mc{
    background-color: #ffffff;
    font-size: calc( var(--bili) * 18px );
    line-height: 3;
    padding: 0 5%;
}
/*ItemC-e*/

/*ItemD-s*/
.ItemD{
    position: relative;
}
.ItemD .Acls{

}
.ItemD .ec-ims{
    position: relative;
    width: 100%;
    overflow: hidden;
}
.ItemD .ec-ims:after{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-image: linear-gradient(180deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.2) 59%, rgba(0,0,0,0.6) 100%);
    transition: all .3s;
    overflow: hidden;
}
.ItemD .ec-ims .ec-im{
    width: 100%;
    padding-top: 130%;
}

.ItemD .ec-cn{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 10%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}
.ItemD .ec-cn .ec-ic{
    width: calc( var(--bili) * 50px );
    height: calc( var(--bili) * 50px );
}
.ItemD .ec-cn .ec-mc{
    font-size: calc( var(--bili) * 20px );
    color: #ffffff;
}
.ItemD:hover .ec-ims .ec-im img{
    transform: scale(1.1);
}
/*ItemD-e*/

/*Item-e*/



/*左菜单-s*/
.Main-Nav{
    position: fixed;
    width: calc( var(--bili) * 80px );
    right: -100%;
    bottom: 20%;
    z-index: 100;
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: all 0.5s;
}
.Main-Nav.on{
    right: 2%;
}
.Main-Nav .ev-menu{
    width: calc( var(--bili) * 50px );
    height: calc( var(--bili) * 50px );
    border-radius: 50%;
    background: #8ba4b6 url(../images/w1.svg) no-repeat center;
    background-size: 40%;
    cursor: pointer;
    margin: 0 0 calc( var(--bili) * 30px );
}
.Main-Nav .ev-search{
    width: calc( var(--bili) * 50px );
    height: calc( var(--bili) * 50px );
    border-radius: 50%;
    background: #8ba4b6 url(../images/w2.svg) no-repeat center;
    background-size: 40%;
    cursor: pointer;
    margin: 0 0 calc( var(--bili) * 30px );
}
.Main-Nav .ev-menu:hover{
    background: var(--colorZT) url(../images/w1.svg) no-repeat center;
    background-size: 40%;
}
.Main-Nav .ev-search:hover{
    background: var(--colorZT) url(../images/w2.svg) no-repeat center;
    background-size: 40%;
}
/*左菜单-e*/

/*全屏搜索-s*/
.Main-Search{
    position: fixed;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background-color: rgba(24, 23, 35, 0.95);
    z-index: 110;
    transition: all 0.5s;
}
.Main-Search.on{
    left: 0;
}
.Main-Search .MS-inner{
    width: 100%;
    height: 100%;
    padding: 2%;
    position: relative;
}
.Main-Search .MS-inner .ev-close{
    position: absolute;
    right: 3%;
    top: 3%;
    color: #ffffff;
    font-size: calc( var(--bili) * 26px );
    font-weight: initial;
    cursor: pointer;
    transition: all 0.5s;
    width: calc( var(--bili) * 30px );
    height: calc( var(--bili) * 30px );
    background:  url(../images/icons/w1s.svg) no-repeat center;
    background-size: 100%;
    z-index: 100;
}
.Main-Search .MS-inner .ev-close:hover{
    transform:rotate(360deg);
}
.Main-Search .MS-inner .ev-content{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.Main-Search .MS-inner .ev-content .ev-title{
    text-align: center;
    margin: 0 0 calc( var(--bili) * 50px ) 0;
}
.Main-Search .MS-inner .ev-content .ev-title .even{
    font-size: calc( var(--bili) * 42px );
    color: #ffffff;
    margin: 0 0 calc( var(--bili) * 20px ) 0;
    font-weight: 700;
    letter-spacing: 2px;
}
.Main-Search .MS-inner .ev-content .ev-title .evcn{
    font-size: calc( var(--bili) * 28px );
    color: #ffffff;
    letter-spacing: 4px;
}
.Main-Search .MS-inner .ev-content .ev-form{
    width: calc( var(--bili) * 1000px );
}
.Main-Search .MS-inner .ev-content .ev-dbcn{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 calc( var(--bili) * 50px ) 0;
}
.Main-Search .MS-inner .ev-content .ev-dbcn .ev-srk{
    width: calc(100% - calc( var(--bili) * 100px ));
    height: calc( var(--bili) * 80px );
    padding: 0 4%;
    font-size: calc( var(--bili) * 18px );
}
.Main-Search .MS-inner .ev-content .ev-dbcn .ev-btn{
    width: calc( var(--bili) * 80px );
    height: calc( var(--bili) * 80px );
    cursor: pointer;
    background:  var(--colorZT) url(../images/icons/w42s.svg) no-repeat center;
    background-size: 30%;
}
.Main-Search .MS-inner .ev-content .ev-word{
    display: flex;
    align-items: center;
    margin: 0 0 calc( var(--bili) * 50px ) 0;
}
.Main-Search .MS-inner .ev-content .ev-word .Acls{
    font-size: calc( var(--bili) * 16px );
    color: #ffffff;
    margin: 0 calc( var(--bili) * 15px );
}
.Main-Search .MS-inner .ev-content .ev-word .Acls:hover{
    color: var(--colorZT);
}
/*全屏搜索-e*/

/*全屏菜单-s*/
.Main-Menu{
    position: fixed;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background-color: rgba(24, 23, 35, 0.95);
    z-index: 110;
    transition: all 0.5s;
}
.Main-Menu.on{
    left: 0;
}
.Main-Menu .MS-inner{
    width: 100%;
    height: 100%;
    /*padding: 4%;*/
    position: relative;
}
.Main-Menu .ev-close{
    position: absolute;
    right: 3%;
    top: 3%;
    color: #ffffff;
    font-size: calc( var(--bili) * 26px );
    font-weight: initial;
    cursor: pointer;
    transition: all 0.5s;
    width: calc( var(--bili) * 30px );
    height: calc( var(--bili) * 30px );
    background:  url(../images/icons/w1s.svg) no-repeat center;
    background-size: 100%;
    z-index: 100;
}
.Main-Menu .ev-close:hover{
    transform:rotate(360deg);
}

.Main-Menu .ev-content{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
}
.Main-Menu .ev-content .menu-intro{
    background: linear-gradient(var(--colorZT), #8a15ff);
    overflow: hidden;
    width: 50%;
    height: 100%;
    padding: 10% 4%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
}

.Main-Menu .ev-content .menu-intro .ev-mA{
    position: relative;
    z-index: 10;
}
.Main-Menu .ev-content .menu-intro .ev-mA .eva{
    font-size: calc( var(--bili) * 50px );
    color: #ffffff;
    margin: 0 0 calc( var(--bili) * 40px ) 0;
}
.Main-Menu .ev-content .menu-intro .ev-mA .evb{
    font-size: calc( var(--bili) * 24px );
    color: #ffffff;
}
.Main-Menu .ev-content .menu-intro .ev-mB{
    position: relative;
    z-index: 10;
}
.Main-Menu .ev-content .menu-intro .ev-mB .eva{
    font-size: calc( var(--bili) * 24px );
    color: #ffffff;
    margin: 0 0 calc( var(--bili) * 30px ) 0;
}
.Main-Menu .ev-content .menu-intro .ev-share{
    display: flex;
    align-items: center;
}
.Main-Menu .ev-content .menu-intro .ev-share .share-item{
    width: calc( var(--bili) * 30px );
    height: calc( var(--bili) * 30px );
    border-radius: 50%;
    margin: 0 calc( var(--bili) * 20px ) 0 0;
    position: relative;
    cursor: pointer;
}
.Main-Menu .ev-content .menu-intro .ev-share .share-item.wx{
    background: #ffffff url(../images/icons/w110.svg) no-repeat center;
    background-size: 100%;
}
.Main-Menu .ev-content .menu-intro .ev-share .share-item.qq{
    background: #ffffff url(../images/icons/w111.svg) no-repeat center;
    background-size: 100%;
}
.Main-Menu .ev-content .menu-intro .ev-share .share-item.wb{
    background: #ffffff url(../images/icons/w112.svg) no-repeat center;
    background-size: 100%;
}
.Main-Menu .ev-content .menu-intro .ev-share .share-item .share-ewm{
    position: absolute;
    width: calc( var(--bili) * 160px );
    height: calc( var(--bili) * 160px );
    left: 0;
    bottom: 130%;
    padding: 5px;
    background: #ffffff;
    display: none;
    border-radius: 5px;
}
.Main-Menu .ev-content .menu-intro .ev-share .share-item:hover .share-ewm{
    display: block;
}

.Main-Menu .ev-content .menu-intro .ev-Bg{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
}
.Main-Menu .ev-content .menu-intro .ev-Bg .ecA{
    position: absolute;
    z-index: 3;
    top: 25%;
    right: 0;
    width: 13em;
    height: 13em;
    opacity: 0.7;
    border-radius: 50%;
    background: linear-gradient(#15e0ff, #8a15ff);
    animation: rotation 7s linear infinite;
}
.Main-Menu .ev-content .menu-intro .ev-Bg .ecB{
    position: absolute;
    right: 0;
    bottom: 20%;
    height: 30em;
    width: 30em;
    border-radius: 50%;
    background: linear-gradient(#d35252, #8a15ff);
    align-self: flex-end;
    animation: gradient-fade 8s ease-in-out 3s infinite alternate;
}
.Main-Menu .ev-content .menu-intro .ev-Bg .ecC{
    position: absolute;
    z-index: 3;
    bottom: 0;
    width: 20em;
    height: 20em;
    border-radius: 50%;
    background: linear-gradient(#d000c5, #8a15ff);
    animation: rotation 7s linear infinite;
}

@-webkit-keyframes rotation {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
@keyframes rotation {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
@-webkit-keyframes gradient-fade {
    from {
        transform: translate(10%, -10%) rotate(0deg);
    }
    to {
        transform: translate(50%, -50%) rotate(360deg);
    }
}
@keyframes gradient-fade {
    from {
        transform: translate(10%, -10%) rotate(0deg);
    }
    to {
        transform: translate(50%, -50%) rotate(360deg);
    }
}



.Main-Menu .ev-content .menu-list{
    width: 50%;
    height: 100%;
    padding: 10% 4%;
    display: flex;
    flex-direction: column;
    overflow: auto;
    /*justify-content: center;*/
}
.Main-Menu .ev-content .menu-list{
    position: relative;
}
.Main-Menu .ev-content .menu-list .CAcn{
    width: 100%;
}
.Main-Menu .ev-content .menu-list .CAcn .Acn{
    margin: 0 0 calc( var(--bili) * 50px ) 0;
    padding: 0 calc( var(--bili) * 80px ) 0 0;
    position: relative;
    cursor: pointer;
}
.Main-Menu .ev-content .menu-list .CAcn .Acn:after{
    content: '';
    position: absolute;
    width: calc( var(--bili) * 20px );
    height: 2px;
    right: 0;
    top: 49%;
    background-color: #ffffff;
    transition: all 0.5s;
}
.Main-Menu .ev-content .menu-list .CAcn .Acn .Aa{
    font-size: calc( var(--bili) * 24px );
    color: #ffffff;
}
.Main-Menu .ev-content .menu-list .CBcn{
    display: none;
    padding: 0 0 calc( var(--bili) * 20px ) 0;
    overflow: hidden;
}
.Main-Menu .ev-content .menu-list .CBcn .Bcn{
    margin: 0 0 calc( var(--bili) * 30px ) 0;
    padding: 0 calc( var(--bili) * 10px );
}
.Main-Menu .ev-content .menu-list .CBcn .Bcn .Ba{
    font-size: calc( var(--bili) * 18px );
    color: #ffffff;
}
.Main-Menu .ev-content .menu-list .CAcn .Acn:hover:after{
    width: calc( var(--bili) * 50px );
}
.Main-Menu .ev-content .menu-list .CAcn.on .Acn:after{
    width: calc( var(--bili) * 50px );
}

/*全屏菜单-e*/



/*公共-s*/

.wn-content{
    position: relative;
}
.wn-content.PTsm{
    padding: calc( var(--bili) * 20px ) 0 calc( var(--bili) * 60px );
}
.wn-content.Pno{
    padding: 0;
}
.wn-content.Ptnolx{
    padding: calc( var(--bili) * 50px ) 0 calc( var(--bili) * 80px );
}
.wn-content.Ptno5{
    padding: calc( var(--bili) * 50px ) 0 calc( var(--bili) * 60px );
}
.det-content{
    position: relative;
}
.main-container{
    background: #ffffff;
    padding: calc( var(--bili) * 70px ) 0 calc( var(--bili) * 70px );
}
.det-conw{
    width: 1200px;
    margin: 0 auto;
}
@media screen and (max-width: 1200px) {
    .det-conw{
        width: auto;
    }
}
.BgA{
    background: #fafbfb;
}
.BgF{
    background: #ffffff;
}
.PLR{
    padding: calc( var(--bili) * 80px );
}


.ScTit{
    text-align: center;
    margin: 0 0 calc( var(--bili) * 20px ) 0;
}
.ScTit .ec-cn{
    font-size: calc( var(--bili) * 36px );
    color: #333333;
    font-weight: 700;
    margin: 0 0 calc( var(--bili) * 20px ) 0;
}
.ScTit .ec-ic{
    display: inline-block;
    width: calc( var(--bili) * 70px );
    height: calc( var(--bili) * 5px );
    background-color: var(--colorZT);
    margin: 0 0 calc( var(--bili) * 20px ) 0;
}
.ScTit .ec-in{
    font-size: calc( var(--bili) * 16px );
    color: #707070;
    margin: 0 0 calc( var(--bili) * 30px ) 0;
}


/*公共-e*/


.with-content{
    display: flex;
    justify-content: space-between;
}
.with-content .with-CRcn{
    width: 20%;
}
.with-content .with-Main{
    width: 76%;
}

.with-content .with-CRcn .ev-site{
    font-size: calc( var(--bili) * 24px );
    color: #333333;
    line-height: 2;
    padding: 0 0 calc( var(--bili) * 10px ) 0;
    border-bottom: 1px solid #e5e5e5;
}
.with-content .with-CRcn .ev-tab{
    margin: 0 0 calc( var(--bili) * 50px ) 0;
}
.with-content .with-CRcn .ev-tab .tabs{
    width: 100%;
}
.with-content .with-CRcn .ev-tab .tabs .Acls{
    width: 100%;
    display: block;
    font-size: calc( var(--bili) * 18px );
    color: #555555;
    padding: calc( var(--bili) * 20px ) 0;
    position: relative;
}
.with-content .with-CRcn .ev-tab .tabs .Acls:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: 0;
    right: 0;
    background-color: #e5e5e5;
    z-index: 2;
    transition: all 0.5s;
}
.with-content .with-CRcn .ev-tab .tabs .Acls:before{
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: 0;
    left: 0;
    background-color: var(--colorZT);
    z-index: 1;
}
.with-content .with-CRcn .ev-tab .tabs:hover .Acls:after{
    width: 0;
}
.with-content .with-CRcn .ev-tab .tabs:hover .Acls{
    color: var(--colorZT);
}
.with-content .with-CRcn .ev-tab .tabs.on .Acls{
    color: var(--colorZT);
}

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




/*热门推荐A-s*/
.Rec-listA{
    padding: calc( var(--bili) * 20px ) 0 0 0;
}
.Rec-listA .Rec-item{
    margin: 0 0 calc( var(--bili) * 20px ) 0;
    padding: 0 0 calc( var(--bili) * 20px ) 0;
    position: relative;
}
.Rec-listA .Rec-item:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: 0;
    right: 0;
    background-color: #e5e5e5;
    z-index: 2;
    transition: all 0.5s;
}
.Rec-listA .Rec-item:before{
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: 0;
    left: 0;
    background-color: var(--colorZT);
    z-index: 1;
}
.Rec-listA .Rec-item .Acls{

}
.Rec-listA .Rec-item .eca{
    font-size: calc( var(--bili) * 14px );
    color: #999999;
    margin: 0 0 calc( var(--bili) * 8px ) 0;
}
.Rec-listA .Rec-item .ecb{
    font-size: calc( var(--bili) * 16px );
    color: #333333;
    margin: 0 0 calc( var(--bili) * 6px ) 0;
}
.Rec-listA .Rec-item .ecc{
    font-size: calc( var(--bili) * 14px );
    color: #999999;
}
.Rec-listA .Rec-item:hover .ecb{
    color: var(--colorZT);
}
.Rec-listA .Rec-item:hover:after{
    width: 0;
}
/*热门推荐A-e*/




/*关于我们-s*/

.Ab-Title{
    position: relative;
}
.Ab-Title .EcA{
    font-size: calc( var(--bili) * 30px );
    font-weight: 700;
    color: #333333;
    margin: 0 0 calc( var(--bili) * 10px ) 0;
}
.Ab-Title .EcB{
    font-size: calc( var(--bili) * 18px );
    text-transform: uppercase;
    color: #666666;
    margin: 0 0 calc( var(--bili) * 30px ) 0;
}

.ab-intro{
    padding: calc( var(--bili) * 80px ) 0;
    overflow: hidden;
}
.ab-intro .EconA{
    display: flex;
    justify-content: space-between;
    margin: 0 0 calc( var(--bili) * 100px ) 0;
}
.ab-intro .EconA .ecL{
    width: 48%;
}
.ab-intro .EconA .ecR{
    width: 48%;
}
.ab-intro .EconA .ecL .el-con{
    font-size: calc( var(--bili) * 16px );
    color: #555555;
    line-height: 3;
}
.ab-intro .EconA .ecR .ec-im{
    width: 100%;
    height: 480px;
    overflow: hidden;
}
.ab-intro .EconB{
    position: relative;
}
.ab-intro .EconB .ec-list{
    display: flex;

}
.ab-intro .EconB .ec-list .ec-item{
    width: 25%;
    border: 1px solid #70dfd5;
    margin: 0 -1px 0 0;
    box-shadow: 0 2px 20px 2px rgb(112 223 213 / 30%);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: calc( var(--bili) * 25px );
}
.ab-intro .EconB .ec-list .ec-item .ec-im{
    width: calc( var(--bili) * 70px );
    height: calc( var(--bili) * 70px );
}
.ab-intro .EconB .ec-list .ec-item .ec-cn{
    margin: 0 0 0 calc( var(--bili) * 10px );
}
.ab-intro .EconB .ec-list .ec-item .ec-cn .eca{
    font-size: calc( var(--bili) * 20px );
    color: #666;
    font-weight: bold;
    margin: 0 0 calc( var(--bili) * 10px ) 0;
}
.ab-intro .EconB .ec-list .ec-item .ec-cn .ecb{
    font-size: calc( var(--bili) * 14px );
    font-weight: lighter;
    color: #b2b2b2;
}

.ab-history{
    padding: 0 0 calc( var(--bili) * 80px ) 0;
}
.ab-history .EconA{
    position: relative;
    margin: calc( var(--bili) * 50px ) 0 0 0;
}
.ab-history .Absw1{
    margin: 0 0 calc( var(--bili) * 50px ) 0;
}
.ab-history .Absw1 .ec-item{
    width: calc(100% - calc( var(--bili) * 100px ));
    display: flex;
    justify-content: space-between;
    padding: calc( var(--bili) * 80px );
    background-color: rgb(204 236 232 / 63%);
    border-radius: 10px;
    overflow: hidden;
}
.ab-history .Absw1 .ec-item .ec-im{
    width: 45%;
    height: calc( var(--bili) * 400px );
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 2px 20px 2px rgba(211,10,10,.08);
}
.ab-history .Absw1 .ec-item .ec-cn{
    width: 55%;
    padding: 0 calc( var(--bili) * 60px );
}
.ab-history .Absw1 .ec-item .ec-cn .eca{
    font-size: calc( var(--bili) * 100px );
    line-height: 1;
    color: var(--colorZT);
    font-weight: 700;
    margin: 0 0 calc( var(--bili) * 30px ) 0;
}
.ab-history .Absw1 .ec-item .ec-cn .ecb{
    font-size: calc( var(--bili) * 16px );
    line-height: 1.8;
    color: #555555;
}


.ab-history .Absw2{
    position: relative;
    padding: calc( var(--bili) * 10px ) 0 0 0;
}
.ab-history .Absw2:before{
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: #d3d3d3;
    position: absolute;
    left: 0;
    bottom: 5px;
}
.ab-history .Absw2 .ec-item{
    height: calc( var(--bili) * 80px );
    font-size: calc( var(--bili) * 24px );
    font-weight: 700;
    color: #555555;
    text-align: center;
    position: relative;
    padding: 0 0 calc( var(--bili) * 50px ) 0;
    cursor: pointer;
    line-height: 1;
    transition: all 0.5s;
}
.ab-history .Absw2 .ec-item:before{
    content: '';
    position: absolute;
    bottom: 0;
    left: calc((100% - calc( var(--bili) * 7px ))/2);
    width: calc( var(--bili) * 7px );
    height: calc( var(--bili) * 7px );
    background: #fff;
    border: 2px solid #d3d3d3;
}

.ab-history .Absw2 .swiper-slide-thumb-active .ec-item{
    color: var(--colorZT);
    font-size: calc( var(--bili) * 34px );
}
.ab-history .Absw2 .swiper-slide-thumb-active .ec-item:before{
    border: 2px solid var(--colorZT);
}

.ab-history .Absw1 .SwPage{

}
.ab-history .Absw1 .SwPage .swan{
    width: calc( var(--bili) * 100px );
    height: calc( var(--bili) * 100px );
    background-color: var(--colorZT);
    box-shadow: 0 0 14px rgba(0,0,0,0.2);
    border-radius: 0 5px 5px 0;
    right: 0;
}
.ab-history .Absw1 .SwPage .swan.swiper-button-prev{
    right: calc( var(--bili) * 100px );
    left: auto;
    border-radius: 5px 0 0 5px;
}
.ab-history .Absw1 .SwPage .swan:after{
    font-size: calc( var(--bili) * 24px );
    color: #ffffff;
}


.ab-culture{
  position: relative;
}
.ab-culture .ec-culture{
    background: #ffffff url(../images/ab01.jpg) no-repeat center;
    background-size: cover;
    padding: calc( var(--bili) * 60px ) 0 calc( var(--bili) * 150px ) 0;
}
.ab-culture .ec-culture .ec-list{
    display: flex;
    flex-wrap: wrap;
    margin: calc( var(--bili) * -15px );
}
.ab-culture .ec-culture .ec-list .ec-item{
    width: 50%;
    padding: calc( var(--bili) * 15px );
}
.ab-culture .ec-culture .ec-list .ec-item .ecBox{
    background: rgba(255,255,255,.1);
    display: flex;
    align-items: center;
    padding: calc( var(--bili) * 20px ) calc( var(--bili) * 30px );
}
.ab-culture .ec-culture .ec-list .ec-item .ecl{
    font-size: calc( var(--bili) * 130px );
    font-weight: 700;
    color: rgba(255,255,255,.7);
    line-height: 1;
}
.ab-culture .ec-culture .ec-list .ec-item .ecr{
    font-size: calc( var(--bili) * 48px );
    color: rgba(255,255,255,.9);
    font-weight: lighter;
    margin: 0 0 0 calc( var(--bili) * 20px );
}
.ab-culture .ec-culture .ec-list .ec-item .ecr span{
    font-weight: 700;
    margin: 0 calc( var(--bili) * 10px ) 0 0;
    transition: all 0.5s;
}
.ab-culture .ec-culture .ec-list .ec-item .ecBox:hover .ecr span{
    margin: 0 calc( var(--bili) * 20px ) 0 0;
}


.ab-honor{
    padding: calc( var(--bili) * 80px ) 0 calc( var(--bili) * 40px );
    overflow: hidden;
}

.ab-honor .AHsw1{
    padding: 0 0 calc( var(--bili) * 60px ) 0;
}
.ab-honor .AHsw1 .ec-item{
    transition: all 0.5s;
    cursor: pointer;
    background-color: #ffffff;
    border: 1px solid #eee;
    box-shadow: 0 2px 8px 2px rgba(0,0,0,.01);
    border-radius: 10px;
    overflow: hidden;
}
.ab-honor .AHsw1 .ec-item .ec-im{
    width: 100%;
    /*border: 1px solid #dbdbdb;*/
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc( var(--bili) * 360px );
    padding: calc( var(--bili) * 30px );
}
.ab-honor .AHsw1 .ec-item .ec-im .eim{
    max-width: 100%;
    max-height: 100%;
}
.ab-honor .AHsw1 .ec-item .ec-mc{
    background: #eee;
    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;
}


.ab-honor .AHsw1 .swiper-pagination{
    bottom: 0;
}
.ab-honor .AHsw1 .swiper-pagination-bullet{
    width: calc( var(--bili) * 10px );
    height: calc( var(--bili) * 10px );
    margin: 0 calc( var(--bili) * 5px );
}
.ab-honor .AHsw1 .swiper-pagination-bullet-active{
    background: var(--colorZT);
}

.ab-enterprise{
    padding: calc( var(--bili) * 40px ) 0 calc( var(--bili) * 80px ) 0;
}





/*关于我们-e*/




/*案例-s*/
.project-list{
    display: flex;
    flex-wrap: wrap;
    margin: calc( var(--bili) * -20px );
}
.project-item{
    width: 33.3%;
    padding: calc( var(--bili) * 20px );
}
.project-item .ecBox{
    display: block;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.06);
    border: 20px solid #ffffff;
}
.project-item .ec-im{
    width: 100%;
    height: calc( var(--bili) * 300px );
    overflow: hidden;
    margin: 0 0 calc( var(--bili) * 20px ) 0;
}
.project-item .ec-cn{
    position: relative;
    padding: calc( var(--bili) * 10px );
}
.project-item .ec-mc{
    font-size: calc( var(--bili) * 18px );
    font-weight: 700;
    color: #333333;
    margin: 0 0 calc( var(--bili) * 10px ) 0;
}
.project-item .ec-in{
    font-size: calc( var(--bili) * 16px );
    color: #555555;
    line-height: 1.8;
}
.project-item .ecBox:hover .ec-mc{
    color: var(--colorZT);
}

/*案例-e*/




/*菜单-位置-s*/

.wn-SubNav{
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 9;
    background: #eee;
}
.wn-SubNav .infx{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.no-Bgc{
    background-color: transparent;
}
.wn-inNav{
    display: flex;
    justify-content: center;
    overflow: auto;
}

.in-item{
    font-style: normal;
    font-size: calc( var(--bili) * 18px );
    color: #333333;
    width: auto;
    text-align: center;
    position: relative;
    white-space:nowrap;
}
.in-item:after{
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    background-color: var(--colorZT);
    left: 0;
    bottom: 0;
    transition: all 0.5s;
}
.in-item .mCa{
    width: 100%;
    height: calc( var(--bili) * 80px );
    line-height: calc( var(--bili) * 80px );
    display: inline-block;
    padding: 0 calc( var(--bili) * 50px );
}
.in-item.on{
    background-color: #ffffff;
    color: var(--colorZT);
}
.in-item.on:after{
    width: 100%;
}
.in-item:hover{
    color: var(--colorZT);
}
.in-item:hover:after{
    width: 100%;
}
.wn-location{
    background: url(../images/icons/wn-location.svg) no-repeat left;
    background-size: calc( var(--bili) * 22px ) calc( var(--bili) * 22px );
    padding: 0 0 0 calc( var(--bili) * 20px );
    line-height: calc( var(--bili) * 80px );
}
.wn-location .wla{
    font-size: calc( var(--bili) * 16px );
    color: #999999;
    margin: 0 calc( var(--bili) * 10px ) 0 0;
    position: relative;
    display: inline-block;
}
.wn-location .wla:after{
    content: '';
    position: absolute;
    width: 2px;
    height: 2px;
    background-color: #999999;
    border-radius: 50%;
    right: -8px;
    top: 49%;
}
.wn-location .wla:first-child{
    margin: 0 0 0 calc( var(--bili) * 10px );
}
.wn-location .wla:first-child:after{
    display: none;
}
.wn-location .wla:last-child{
    color: var(--colorZT);
}
.wn-location .wla:last-child:after{
    display: none;
}

/*菜单-位置-e*/



/*基础页面-s*/
.single-content{
    position: relative;
}
.single-title{
    font-weight: 700;
    font-size: calc( var(--bili) * 36px );
    color: #212121;
    text-align: left;
    margin: 0 0 calc( var(--bili) * 30px ) 0;
    display: flex;
    align-items: center;
}
.single-content .sc-content{
    font-size: calc( var(--bili) * 16px );
    color: #666666;
    line-height: 2.2;
}
.single-content .sc-content *{
    max-width: 100%;
    line-height: 2.2;
}
.single-content .sc-content img {
    height: auto;
}
/*基础页面-e*/




/*单内容-s*/
.single-intro{
    padding: calc( var(--bili) * 60px ) 0;
}
.single-intro .si-content{
    width: 100%;
}
.single-intro .si-content .el-tit{
    font-size: calc( var(--bili) * 36px );
    color: #242E35;
    margin: 0 0 calc( var(--bili) * 30px ) 0;
}
.single-intro .si-content .el-ins{
    font-size: calc( var(--bili) * 22px );
    color: #242E35;
    margin: 0 0 calc( var(--bili) * 30px ) 0;
}
.single-intro .si-content .el-con{
    font-size: calc( var(--bili) * 16px );
    color: #808080;
    line-height: 2;
}


/*单内容-e*/

/*荣誉资质-s*/
.honor-list{
    display: flex;
    flex-wrap: wrap;
}
.honor-item{
    width: 22.75%;
    margin: 0 3% 3% 0;
    transition: all 0.5s;
    cursor: pointer;
    border: 1px solid #d0d0d0;
    padding: calc( var(--bili) * 20px ) 0;
}
.honor-item:nth-child(4n){
    margin: 0 0 3% 0;
}
.honor-item .dca {
    border: 1px solid #dbdbdb;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc( var(--bili) * 300px );
    width: 80%;
    margin: 0 auto;
}

.honor-item .dcb{
    font-weight: 400;
    font-style: normal;
    font-size: calc( var(--bili) * 18px );
    color: #333333;
    text-align: center;
    padding: calc( var(--bili) * 20px ) 10% 0;
}
.honor-item:hover{
    transform:translateY(-10px);
}
.honor-item:hover .dcb{
    color:var(--colorZT);
}

/*荣誉资质-e*/


/*产品*/
.product-all{
    position: relative;
    display: flex;
    justify-content: space-between;
    /*align-items: flex-start;*/
}
.product-all .EcnL{
    width: 22%;
    background-color: #fff;
    padding: 0 3% 0 0;
    border-right: 1px solid rgba(0,0,0, .06);
}
.product-all .dcmr{
    width: 75%;
}



.Ca-list{

}
.Ca-list .Cali{
    position: relative;
    border-bottom: 1px solid rgba(0,0,0, .06);

}
.Ca-list .Cali:before{
    content: '';
    position: absolute;
    background: url(../images/icons/w18.svg) no-repeat;
    width: calc( var(--bili) * 16px );
    height: calc( var(--bili) * 16px );
    background-size: 100%;
    right: calc( var(--bili) * 20px );
    top: calc( var(--bili) * 22px );
    opacity: 1;
    transition: all 0.3s;

}
.Ca-list .Cali .Cadca{
    height: calc( var(--bili) * 74px );
    line-height: calc( var(--bili) * 74px );
    font-size: calc( var(--bili) * 20px );
    color: #333333;
    padding: 0 calc( var(--bili) * 40px ) 0 calc( var(--bili) * 20px );
    cursor: pointer;
}
.Ca-list .Cali .Cb-list{
    display: none;
    overflow: hidden;
    /*transition: all 0.3s;*/
    margin: 0 0 calc( var(--bili) * 20px ) 0;
}
.Ca-list .Cali .Cb-list .Cbli{
}
.Ca-list .Cali .Cb-list .Cbli .Cba{
    padding: 0 calc( var(--bili) * 45px );
    height: calc( var(--bili) * 60px );
    line-height: calc( var(--bili) * 60px );
    color: #555555;
    font-size: calc( var(--bili) * 16px );
}
.Ca-list .Cali .Cb-list .Cbli.cur .Cba{
    color: var(--colorZT);
}
.Ca-list .Cali.on .Cb-list{
 display: block;
}
.Ca-list .Cali.on:before{
    transform:rotate(90deg);
}

.Ca-list .Cali.cur .Cb-list{
    height: 100%;
    opacity: 1;
}
.Ca-list .Cali.cur:before{
    transform:rotate(90deg);
}
.Ca-list .Cali.cur .Cadca{
    color: var(--colorZT);
}
.Pro-Tit{
    font-size: calc( var(--bili) * 30px );
    font-weight: 700;
    color: #555555;
    letter-spacing: 1px;
    border-bottom: 1px solid rgba(0,0,0, .06);
    padding: 0 0 calc( var(--bili) * 30px );
    margin: 0 0 calc( var(--bili) * 40px ) 0;
}
.product-list{
    display: flex;
    flex-wrap: wrap;
    margin: calc( var(--bili) * -15px );
}
.product-item{
    width: 33.3%;
    padding: calc( var(--bili) * 15px );
}
.product-item .ecBox{
    display: block;
    width: 100%;
    height: 100%;
    background: #FAFAFA;
    border-radius: 20px;
    overflow: hidden;
    text-align: center;
    padding: calc( var(--bili) * 30px );
    position: relative;
    transition: all 0.5s;
}
.product-item .ecBox .ec-im{
    padding-top: 70%;
    position: relative;
    overflow: hidden;
    margin: 0 0 calc( var(--bili) * 10px ) 0;
}
.product-item .ecBox .ec-cn{
    position: relative;
}
.product-item .ecBox .ec-cn .ec-mc{
    font-size: calc( var(--bili) * 24px );
    color: #333333;
    margin: 0;
    position: relative;
    line-height: 2.4;
    display: inline-block;
}
.product-item .ecBox .ec-cn .ec-mc:after{
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    position: absolute;
    top: 90%;
    left: 0;
    background-color: var(--colorZT);
    transition: transform 0.7s;
    transform: scaleX(0);
}
.product-item .ecBox .ec-cn .ec-in{
    font-size: calc( var(--bili) * 16px );
    color: #555555;
}
.product-item .ecBox .ec-cn .ec-an{
    display: none;
}

.product-item .ecBox:hover{
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}
.product-item .ecBox:hover .ec-cn .ec-mc{
    color: var(--colorZT);
}
.product-item .ecBox:hover .ec-cn .ec-mc:after{
    transform: scaleX(1);
}


.Pro-Det{

}
.Pro-Det .Pro-Info{
    background: #fff;
    padding: calc( var(--bili) * 40px );
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #eee;
}
.Pro-Det .Pro-Info .ec-im{
    width: 40%;
    height: calc( var(--bili) * 400px );
    overflow: hidden;
}

.Pro-Det .Pro-Info .ec-cn{
    width: 55%;
}
.Pro-Det .Pro-Info .ec-cn .ec-mc{
    font-size: calc( var(--bili) * 30px );
    font-weight: 700;
    color: var(--colorZT);
    margin: 0 0 calc( var(--bili) * 30px ) 0;
}
.Pro-Det .Pro-Info .ec-cn .ec-le{
    width: 100%;
    border-top: 1px solid #eee;
    margin: 0 0 calc( var(--bili) * 30px ) 0;
}
.Pro-Det .Pro-Info .ec-cn .ec-in{
    font-size: calc( var(--bili) * 16px );
    color: #555555;
    line-height: 2;
    margin: 0 0 calc( var(--bili) * 60px ) 0;
}
.Pro-Det .Pro-Info .ec-cn .ec-an{
    display: flex;
    align-items: center;
}
.Pro-Det .Pro-Info .ec-cn .ec-an .ec-btn{
    font-size: calc( var(--bili) * 18px );
    cursor: pointer;
    color: #ffffff;
    background-color: var(--colorZT);
    padding: calc( var(--bili) * 15px ) calc( var(--bili) * 50px );
}
.Pro-Det .Pro-Info .ec-cn .ec-an .ec-lxs{
    margin: 0 0 0 calc( var(--bili) * 30px );
    font-size: calc( var(--bili) * 18px );
    color: #555555;
}
.Pro-Det .Pro-Cons{
    background: #fff;
    display: flex;
    justify-content: space-between;
}
.Pro-Det .Pro-Cons .ecL{
    width: 75%;
    padding: calc( var(--bili) * 40px );
}
.Pro-Det .Pro-Cons .ecR{
    width: 25%;
    padding: calc( var(--bili) * 40px );
    background-color: var(--colorFU);
}
.Pro-Det .Pro-Cons .ecL .ec-Tit{
    font-size: calc( var(--bili) * 20px );
    font-weight: 700;
    color: var(--colorZT);
    border-bottom: 1px solid #EEEEEE;
    padding: calc( var(--bili) * 20px ) calc( var(--bili) * 40px );
    margin: calc( var(--bili) * -20px ) 0 calc( var(--bili) * 30px ) 0;
    position: relative;
    background: url(../images/w10.svg) no-repeat 0 center;
    background-size: calc( var(--bili) * 26px );
    letter-spacing: 1px;
}
.Pro-Det .Pro-Cons .ecL .ec-Tit:after{
    content: '';
    position: absolute;
    width: 12%;
    height: 3px;
    left: 0;
    bottom: -2px;
    background-color: var(--colorZT);

}
.Pro-Det .Pro-Cons .ecL .ec-content{
    font-size: calc( var(--bili) * 16px );
    color: #555555;
    line-height: 2.4;
}
.Pro-Det .Pro-Cons .ecL .ec-content *{
    max-width: 100%;
}

.Pro-Det .Pro-Cons .ecR .ec-Tit{
    font-size: calc( var(--bili) * 20px );
    font-weight: 700;
    color: #555555;
    border-bottom: 1px solid #EEEEEE;
    padding: calc( var(--bili) * 20px ) 0;
    margin: calc( var(--bili) * -20px ) 0 calc( var(--bili) * 30px ) 0;
    position: relative;
}
.PRce-list{
    display: flex;
    flex-wrap: wrap;
    margin: calc( var(--bili) * -15px );
}
.PRce-item{
    width: 100%;
    padding: calc( var(--bili) * 15px );
}
.PRce-item .ecBox{
    display: block;
    width: 100%;
    height: 100%;
    background: #FAFAFA;
    border-radius: 10px;
    overflow: hidden;
    text-align: center;
    padding: calc( var(--bili) * 20px );
    position: relative;
    transition: all 0.5s;
}
.PRce-item .ecBox .ec-im{
    padding-top: 70%;
    position: relative;
    overflow: hidden;
    margin: 0 0 calc( var(--bili) * 10px ) 0;
}
.PRce-item .ecBox .ec-cn{
    position: relative;
}
.PRce-item .ecBox .ec-cn .ec-mc{
    font-size: calc( var(--bili) * 18px );
    color: #333333;
    margin: 0;
    position: relative;
    line-height: 2.4;
    display: inline-block;
}
.PRce-item .ecBox .ec-cn .ec-mc:after{
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    position: absolute;
    top: 90%;
    left: 0;
    background-color: var(--colorZT);
    transition: transform 0.7s;
    transform: scaleX(0);
}
.PRce-item .ecBox .ec-cn .ec-in{
    font-size: calc( var(--bili) * 14px );
    color: #555555;
}
.PRce-item .ecBox .ec-cn .ec-an{
    display: none;
}

.PRce-item .ecBox:hover{
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}
.PRce-item .ecBox:hover .ec-cn .ec-mc{
    color: var(--colorZT);
}
.PRce-item .ecBox:hover .ec-cn .ec-mc:after{
    transform: scaleX(1);
}

/*产品*/




/*新闻-s*/
.news-list{
    display: flex;
    flex-wrap: wrap;
    position: relative;
    margin: calc( var(--bili) * -20px );
}
.news-list .news-item{
    width: 33.3%;
    padding: calc( var(--bili) * 20px );
}
.news-item{

}
.news-item .ecBox{
    display: block;
    overflow: hidden;
    background-color: #ffffff;
    position: relative;
}
.news-item .ecBox .ec-im{
    padding-top: 55%;
    overflow: hidden;
    position: relative;
}
.news-item .ecBox:after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 4px;
    background: var(--colorZT);
    transition: all .4s ease;
}
.news-item .ecBox .ec-cn{
    position: relative;
    padding: calc( var(--bili) * 25px ) calc( var(--bili) * 30px );
}

.news-item .ecBox .ec-cn .ec-mc{
    font-size: calc( var(--bili) * 20px );
    color: #333333;
    margin: 0 0 calc( var(--bili) * 10px ) 0;
    transition: all 0.5s;
}
.news-item .ecBox .ec-cn .ec-in{
    font-size: calc( var(--bili) * 14px );
    color: #555555;
    line-height: 2;
    margin: 0 0 calc( var(--bili) * 10px ) 0;
}
.news-item .ecBox .ec-cn .ec-ae{
    font-size: calc( var(--bili) * 14px );
    color: #888888;
}
.news-item .ecBox:hover .ec-cn .ec-mc{
    color: var(--colorZT);
}
.news-item .ecBox:hover:after{
    width: 100%;
    left: 0;
}

/*新闻-e*/




/*新闻-搜索页-s*/
.search-list{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.search-item{
    width: 100%;
    position: relative;
    margin: 0 0 calc( var(--bili) * 40px ) 0;
}
.search-item .Acls{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.search-item .dca{
    width: calc( var(--bili) * 320px );
    height: calc( var(--bili) * 180px );
    overflow: hidden;
}
.search-item .dcb{
    width: 100%;
}
.search-item .dca + .dcb{
    width: calc( 100% - var(--bili) * 360px );
}
.search-item .dcc{
    font-weight: 700;
    font-size: calc( var(--bili) * 24px );
    color: #333333;
    margin: 0 0 calc( var(--bili) * 15px ) 0;
}
.search-item .dcd{
    font-size: calc( var(--bili) * 16px );
    color: #848484;
    line-height: 2;
    margin: 0 0 calc( var(--bili) * 20px ) 0;
}
.search-item .dce{
    font-size: calc( var(--bili) * 16px );
    color: #A4A4A4;
}
.search-item:hover .dcc{
    color: var(--colorZT);
}
.search-item:last-child{
    border-bottom: 0;
    /*margin: 0;*/
}
/*新闻-搜索页-e*/















/*联系-s*/
.ContactA{
    padding: calc( var(--bili) * 80px ) 0;
}
.ContactA .EcConn{

}
.ContactA .ec-list{
    display: flex;
    flex-wrap: wrap;
    margin: calc( var(--bili) * -15px );
}
.ContactA .ec-list .ec-item{
    width: 33.3%;
    padding: calc( var(--bili) * 15px );
}
.ContactA .ec-list .ec-item .ecBox{
    background: #FFFFFF;
    border: 1px solid #F0F0F0;
    padding: calc( var(--bili) * 70px ) calc( var(--bili) * 40px ) calc( var(--bili) * 90px );
    border-radius: 20px;
    transition: all .6s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.ContactA .ec-list .ec-item .ec-im{
    width: calc( var(--bili) * 100px );
    height: calc( var(--bili) * 100px );
    border: 3px solid #ccc;
    padding: calc( var(--bili) * 30px );
    border-radius: 50%;
    overflow: hidden;
    filter: brightness(0.5);
    margin: 0 0 calc( var(--bili) * 30px ) 0;
    position: relative;
}
.ContactA .ec-list .ec-item .ec-im:after{
    content: '';
    position: absolute;
    width: 94%;
    height: 94%;
    left: 3%;
    top: 3%;
    border-radius: 50%;
    overflow: hidden;
    background-color: var(--colorZT);
    z-index: -1;
    opacity: 0;
    transition: all .6s ease;
}
.ContactA .ec-list .ec-item .ec-mc{
    font-size: calc( var(--bili) * 24px );
    font-weight: 700;
    color: #333333;
    margin: 0 0 calc( var(--bili) * 20px ) 0;
}
.ContactA .ec-list .ec-item .ec-in{
    font-size: calc( var(--bili) * 18px );
    color: #555555;
    margin: 0 0 calc( var(--bili) * 30px ) 0;
    line-height: 2;
    padding: 0 calc( var(--bili) * 50px );
}
.ContactA .ec-list .ec-item .ec-ck{

}
.ContactA .ec-list .ec-item .ecBox:hover .ec-im{
    border: 3px solid var(--colorZT);
    filter: brightness(1);
}
.ContactA .ec-list .ec-item .ecBox:hover .ec-im:after{
    opacity: 1;
}

.contact-con .wn-container{
    width: 100%;
    height: calc( var(--bili) * 520px );
}

.ContactA .Map-Box {
    width: 100%;
    height: calc( var(--bili) * 500px );
    margin-top: 20px;
    display: none;
}

/*联系-e*/


/*招聘-s*/

.RecruitA{
    background: #ffffff;
    padding: calc( var(--bili) * 40px ) 0;
    overflow: hidden;
}
.RecruitA .ec-list{
    display: flex;
    flex-wrap: wrap;
    margin: 0 calc( var(--bili) * -15px );
}
.RecruitA .ec-list .ec-item{
    width: 33.3%;
    padding: calc( var(--bili) * 15px );
}
.RecruitA .ec-list .ec-item .ecCn{
    background-color: #ffffff;
    padding: calc( var(--bili) * 40px ) calc( var(--bili) * 30px );
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: all 0.5s;
    border: 1px solid #f4f4f4;
}
.RecruitA .ec-list .ec-item .ec-im{
    width: calc( var(--bili) * 60px );
    height: calc( var(--bili) * 60px );
    margin: 0 0 calc( var(--bili) * 20px ) 0;
    border-radius: 50%;
    overflow: hidden;
}
.RecruitA .ec-list .ec-item .ec-mc{
    font-size: calc( var(--bili) * 24px );
    color: #333333;
    margin: 0 0 calc( var(--bili) * 20px ) 0;
}
.RecruitA .ec-list .ec-item .ec-ic{
    display: inline-block;
    width: calc( var(--bili) * 45px );
    height: calc( var(--bili) * 3px );
    background: var(--colorZT);
    margin: 0 0 calc( var(--bili) * 20px ) 0;
}
.RecruitA .ec-list .ec-item .ec-in{
    font-size: calc( var(--bili) * 16px );
    color: #707070;
    line-height: 2;
}
.RecruitA .ec-list .ec-item .ecCn:hover{
    box-shadow: 0 0 14px rgba(0,0,0,0.2);
}
.RecruitA .ec-list .ec-item .ecCn:hover .ec-mc{
    color: var(--colorZT);
}





.RecruitF{
    background: #ffffff;
    padding: calc( var(--bili) * 40px ) 0;
    overflow: hidden;
}




.recruit-list{
    margin: 0 0 calc( var(--bili) * 40px ) 0;
}
.recruit-list .recruit-title{
    font-weight: 700;
    font-size: calc( var(--bili) * 20px );
    color: #333333;
    display: flex;
    background-color: #f2f2f2;
    border: 1px solid #e5e5e5;
}
.recruit-list .recruit-title .el-mc{
    width: 16.66%;
    text-align: center;
    line-height:  calc( var(--bili) * 70px );
}
.recruit-item{
    margin: -1px 0 0 0;
    overflow: hidden;
}
.recruit-item .recruit-mc{
    /*font-weight: 700;*/
    font-size: calc( var(--bili) * 18px );
    display: flex;
    cursor: pointer;
    background-color: #ffffff;
    color: #333333;
    border: 1px solid #e5e5e5;
}
.recruit-item .recruit-mc .el-mc{
    width: 16.66%;
    text-align: center;
    line-height:  calc( var(--bili) * 70px );
}
.recruit-item .recruit-whnr{
    border: 1px solid #dddddd;
    padding: calc( var(--bili) * 40px );
    background-color: #f8f8f8;
    display: none;
    margin: -1px 0 0 0;
}
.recruit-item .recruit-whnr .el-lar{
    display: flex;
    justify-content: space-between;
}
.recruit-item .recruit-whnr .el-wih{
    width: 45%;
}
.recruit-item .recruit-whnr .el-wih .dca{
    font-weight: 700;
    font-size: calc( var(--bili) * 18px );
    color: #404040;
    margin: 0 0 calc( var(--bili) * 10px );
}
.recruit-item .recruit-whnr .el-wih .dcb{
    font-weight: 400;
    font-size: calc( var(--bili) * 16px );
    color: #666666;
    line-height: 2;
}
.recruit-item.on .recruit-mc{
    color: #ffffff;
    background-color: var(--colorZT);
    border: 1px solid var(--colorZT);
}
.recruit-item.on .recruit-mc .el-mc{
    color: #ffffff;
}
.recruit-item:hover .recruit-mc{
    color: #ffffff;
    background-color: var(--colorZT);
    border: 1px solid var(--colorZT);
}
.recruit-item:hover .recruit-mc .el-mc{
    color: #ffffff;
}


/*招聘-e*/


/*详情-s*/

.content-lar .content{
    width: 100%;
}
.news-content{
    padding: calc( var(--bili) * 80px ) 0;
}
.detail-content{
    position: relative;

}
.detail-content .title {
    font-weight: 700;
    font-size: calc( var(--bili) * 28px );
    color: #333333;
    line-height: calc( var(--bili) * 40px );
    text-align: center;
    margin: 0 0 calc( var(--bili) * 30px );
}
.detail-content .title.Pd-title{
    font-size: calc( var(--bili) * 40px );
    color: var(--colorZT);
    font-weight: 700;
}
.detail-content .info{
    font-weight: 400;
    font-size: calc( var(--bili) * 16px );
    color: #555555;
    margin: 0 0 calc( var(--bili) * 40px );
    padding: 0 0 calc( var(--bili) * 30px );
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px dashed #d0d0d0;
}
.detail-content .info *{
    color: #313131;
}
.detail-content .info span{
    padding: 0 0 0 calc( var(--bili) * 28px );
    margin: 0 calc( var(--bili) * 20px );
}
.detail-content .info .info-time{
    background:  url(../images/icons/info-time.svg) no-repeat 0 center;
    background-size: calc( var(--bili) * 20px );
}
.detail-content .info .info-author{
    background:  url(../images/icons/info-author.svg) no-repeat 0 center;
    background-size: calc( var(--bili) * 20px );
}
.detail-content .info .info-views{
    background:  url(../images/icons/info-views.svg) no-repeat 0 center;
    background-size: calc( var(--bili) * 20px );
}


.detail-content .content{
    font-size: calc( var(--bili) * 18px );
    color: #555555;
    line-height: 2;
}
.detail-content .content *{
    max-width: 100%;
    line-height: 2;
}
.detail-content .content img{
    height: auto;
}
.Around{
    /*border-top: 1px solid #eeeeee;*/
    /*border-bottom: 1px solid #eeeeee;*/
    padding: calc( var(--bili) * 25px ) 0;
    margin: calc( var(--bili) * 50px ) 0 0 0;
    display: flex;
    justify-content: space-between;
}
.Around .Aroundul{
    font-weight: 400;
    color: #333333;
    line-height: 2;
    font-size: calc( var(--bili) * 16px );
    width: 50%;
    background-color: #f1f2f4;
    padding: calc( var(--bili) * 20px );
}
.Around .Aroundul a{
    color: #666666;
    line-height: 2;
}
.Around .Aroundul:first-child{
    text-align: left;
}
.Around .Aroundul:last-child{
    /*text-align: right;*/
    background-color: #98a0b5;
}
.Around .Aroundul:last-child a{
    color: #ffffff;
}

.Around .Aroundul:first-child:hover a{
    color: var(--colorZT);
}
.Around .Aroundul:last-child:hover{
    background-color: var(--colorZT);
}
/*.Around .Aroundul:hover a{*/
/*    color: var(--colorZT);*/
/*}*/



.sx-Around.Around{
    display: flex;
    justify-content: space-between;
}
.sx-Around.Around .Aroundul{
    width: 48%;
    margin: 0 0 calc( var(--bili) * 20px ) 0;
}
.sx-Around.Around .Aroundul:last-child{
    text-align: right;
}

/*详情-e*/