/*头部-s*/

.header{
    position: fixed;
    width: 100%;
    top: 0;
    transition: all 0.3s;
    z-index: 99;
    /*box-shadow: 0 0 calc( var(--bili) * 10px ) rgb(0 0 0 / 0.1);*/
}

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

.header-icon{
    width: calc( var(--bili) * 50px );
    height: calc( var(--bili) * 50px );
    background: url(../images/w90.png) no-repeat center;
    background-size: 100%;
}


.header-DcR {
    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/w41s.svg) no-repeat center;
    background-size: 100% 100%;
    opacity: 0.8;
}
.header-contact{
    color: var(--colorZT);
    font-size: calc( var(--bili) * 20px );
    background: url(../images/w1.svg) no-repeat 0 center;
    background-size: calc( var(--bili) * 24px );
    padding: 0 0 0 calc( var(--bili) * 40px );
    margin: 0 0 0 calc( var(--bili) * 50px );
    letter-spacing: 1px;
}

/*头部-菜单-s*/
.header-menu{
    position: relative;
    transition: opacity 0.5s;
    opacity: 1;
    margin: 0 calc( var(--bili) * 150px ) 0 0;
}
.header-menu .CAul{
    display: flex;
    width: 100%;
}
.header-menu .CAli{
    position: relative;
}
.header-menu .CAli .CAa{
    color: #333333;
    width: 100%;
    font-size: calc( var(--bili) * 18px );
    line-height: calc( var(--bili) * var(--hedaH)*1px );
    padding: 0 calc( var(--bili) * 40px );
    display: block;
    text-align: center;
    white-space:nowrap;

}
.on-line{
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: var(--colorZT);
    transition: all 0.3s ease;
    height: 2px;
    z-index: 9;
}
.header-menu .CAli.on .CAa{
    color: var(--colorZT) !important;
}

.down-menu{
    /*animation: fadeInUp50 0.5s forwards;*/
    display: none;
    position: absolute;
    left: -15%;
    top: 100%;
    width: 130%;
    overflow: hidden;
    background-color: transparent;
    z-index: 99;
    box-shadow: 0 5px 5px rgb(0 0 0 / 10%);
}
.down-menu .CBul{
    height: 100%;
    background-color: #ffffff;
    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: #333333;
    text-align: center;
    padding: 0 calc( var(--bili) * 5px );
    white-space:nowrap;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    word-break: break-all;
    transition: all 0.5s;
    border-top: 1px solid #eeeeee;
    background: rgb(255 255 255 / 90%);
}
.down-menu .CBli:hover .CBa{
    opacity: 1;
    color: var(--colorZT);
}
/*头部-菜单-e*/


/*头部菜单效果-s*/
.header.ion .header-menu{
    opacity: 0;
    padding-bottom: calc( var(--bili) * var(--hedaH)*1px );
    margin-top: calc( var(--bili) * var(--hedaH)*-1px );
}
.header.onZS .header-map .map-trigger{
    color: var(--colorZT);
    background: url(../images/w1s.svg) no-repeat 100% center;
    background-size: calc( var(--bili) * 26px );
}

.header.menu-none{
    transform: translateY(-110%);
}
.header.on{
    background: #ffffff;
    /*background:-webkit-linear-gradient(top,rgba(0, 0, 0, 0.8) 50%,rgba(0, 0, 0, 0.4) 80%,transparent);*/
}


/*头部菜单效果-e*/


/*地图菜单-s*/
.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;
}
/*地图菜单-e*/


/*内页banner-s*/
.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 .ad-con{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.detail-banner .ad-con .infx{
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: flex-start;
}
.detail-banner .ad-con .ad-cn{
    font-size: calc( var(--bili) * 36px );
    font-weight: 700;
    color: #ffffff;
    margin: 0 0 calc( var(--bili) * 30px ) 0;
    letter-spacing: 5px;
}
.detail-banner .ad-con .ad-en{
    font-size: calc( var(--bili) * 36px );
    color: #ffffff;
    letter-spacing: 1px;
    font-weight: lighter;
}
.detail-banner .ad-con.Cfff *{
    color: #ffffff;
}

.detail-banner .ad-menu{
    margin: calc( var(--bili) * 50px ) 0 0 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.detail-banner .ad-menu .ec-ie{
    width: 22%;
    background-color: #eeeeee;
    border-radius: 0 20px 0 20px;
}
.detail-banner .ad-menu .ec-ie .Acls{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    padding: calc( var(--bili) * 15px );
}
.detail-banner .ad-menu .ec-ie .ec-ic{
    width: calc( var(--bili) * 60px );
    height: calc( var(--bili) * 60px );
    overflow: hidden;
    filter: grayscale(1);
}
.detail-banner .ad-menu .ec-ie .ec-mc{
    font-size: calc( var(--bili) * 20px );
    color: #555555;
}
.detail-banner .ad-menu .ec-ie.on{
    /*background-color: var(--colorZT);*/
}
.detail-banner .ad-menu .ec-ie.on .ec-ic{
    filter: grayscale(0);
}
.detail-banner .ad-menu .ec-ie.on .ec-mc{
    color: var(--colorZT);
}


/*内页banner-e*/

/*内容banner搜索-s*/
.detail-banner .ad-search{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.detail-banner .ad-search .infx{
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: flex-start;
}
.detail-banner .ad-search .ad-cn{
    font-size: calc( var(--bili) * 36px );
    font-weight: 700;
    color: #ffffff;
    margin: 0 0 calc( var(--bili) * 80px ) 0;
    letter-spacing: 5px;
}
.detail-banner .ad-search .ad-Form{
    width: 100%;
}
.detail-banner .ad-search .ad-Form .ecForm{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.detail-banner .ad-search .ad-Form .ecForm .ecXl{
    width: 48%;
}
.detail-banner .ad-search .ad-Form .ecForm .ecXl .layui-form-select .layui-input{
    height: calc( var(--bili) * 60px );
    padding-left: 3%;
}
.detail-banner .ad-search .ad-Form .ecForm .ecXl .layui-form-select dl{
    top: calc( var(--bili) * 62px );
}
.detail-banner .ad-search .ad-Form .ecForm .ecXl .layui-form-select dl dd{
    line-height: calc( var(--bili) * 40px );
}

/*内容banner搜索-e*/





/*banner-s*/
.wn-banner{
    height: calc( var(--bili) * var(--bannerH) * 1px );
    overflow: hidden;
    margin: calc( var(--bili) * var(--hedaH)*1px ) 0 0 0;
}

/*banner-文字-s*/
.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%;
    height: 100%;
    left: 0;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.banner-word .word-con{
    width: max-content;
    font-weight: 700;
    font-size: calc( var(--bili) * 36px );
    margin: 0 auto calc( var(--bili) * 40px );
    color: #FFFFFF;
    opacity: 0;
    transform: translateY(calc( var(--bili) * 300px ));
    transition: all 1s;
    /*text-shadow: 0 0 8px rgba(89, 89, 89, 0.5);*/
    letter-spacing: 2px;
}
.banner-word .word-eon{
    display: inline-block;
    font-weight: 400;
    font-size: calc( var(--bili) * 24px );
    margin: 0 0 calc( var(--bili) * 40px );
    color: #FFFFFF;
    opacity: 0;
    transform: translateY(calc( var(--bili) * 300px ));
    transition: all 1.4s;
    /*text-shadow: 0 0 8px rgba(89, 89, 89, 0.5);*/
    letter-spacing: 2px;
    border-radius: 10px;
}
.banner-word .word-btn{
    width: max-content;
    font-weight: 400;
    font-size: calc( var(--bili) * 20px );
    padding: calc( var(--bili) * 20px ) calc( var(--bili) * 70px );
    margin: 0 auto calc( var(--bili) * 40px );
    color: #FFFFFF;
    background-color: var(--colorZT);
    opacity: 0;
    transform: translateY(calc( var(--bili) * 300px ));
    transition: all 1.6s;
    /*text-shadow: 0 0 8px rgba(89, 89, 89, 0.5);*/
    letter-spacing: 2px;
    border-radius: 60px;
}
.banner-word .word-aws{
    width: 1px;
    height: calc( var(--bili) * 180px );
    position: absolute;
    bottom: 0;
    left: 50%;
    background-color: rgba(255, 255, 255, 0.5);
    opacity: 0;
    transform: translateY(calc( var(--bili) * 300px ));
    transition: all 1.6s;
}
.banner-word .word-aws:after{
    content: '';
    position: absolute;
    width: calc( var(--bili) * 50px );
    height: calc( var(--bili) * 50px );
    background: rgba(255, 255, 255, 0.5) url(../images/w31.svg) no-repeat center;
    background-size: 40%;
    border-radius: 50%;
    top: calc( var(--bili) * -50px );
    left: calc( var(--bili) * -25px );
}
.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);
}
.wn-banner .swiper-slide-active .banner-word .word-btn{
    opacity: 1;
    transform: translateY(0) translateX(0);
}
.wn-banner .swiper-slide-active .banner-word .word-aws{
    opacity: 1;
    transform: translateY(0) translateX(0);
}
/*banner-文字-e*/

/*banner-tab-s*/
.swiper-pagination.swiper-page-banner{
    display: none;
    bottom: calc( var(--bili) * 40px )!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*/



/*banner-s*/


/*foot-s*/

.footer{
    width: 100%;
    overflow: hidden;
    padding: calc( var(--bili) * 60px ) 0 calc( var(--bili) * 30px ) 0;
    background-color: #e5e5e4;
}
.footer .dbA{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px dashed #9f9fa0;
    padding: 0 calc( var(--bili) * 30px ) calc( var(--bili) * 40px );
    margin: 0 0 calc( var(--bili) * 40px ) 0;
}
.footer .ea-logo{
    display: flex;
    align-items: center;
}
.footer .ea-logo .ea-im{
    width: calc( var(--bili) * 390px );
}
.footer .ea-tfe{
    display: flex;
    justify-content: flex-end;
}
.footer .ea-tfe .ea-ie{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 calc( var(--bili) * 80px );
}


.footer .ea-tfe .ea-ie .ea-im{
    width: calc( var(--bili) * 80px );
    height: calc( var(--bili) * 80px );
    margin: 0 0 calc( var(--bili) * 10px ) 0;
}
.footer .ea-tfe .ea-ie .ea-ca{
    font-size: calc( var(--bili) * 22px );
    color: var(--colorZT);
    margin: 0 0 calc( var(--bili) * 10px ) 0;
}
.footer .ea-tfe .ea-ie .ea-cb{
    font-size: calc( var(--bili) * 18px );
    color: #555555;
}

.footer .dbB{
    display: flex;
    justify-content: space-between;
    border-bottom: 1px dashed #9f9fa0;
    padding: 0 calc( var(--bili) * 30px ) calc( var(--bili) * 40px );
    margin: 0 0 calc( var(--bili) * 40px ) 0;
}
.footer .eb-menu{
    display: flex;
}
.footer .eb-menu .em-ie{
    margin: 0 calc( var(--bili) * 140px ) 0 0;
}
.footer .eb-menu .em-ie .em-ta{
    font-size: calc( var(--bili) * 24px );
    color: #555555;
    display: block;
    margin: 0 0 calc( var(--bili) * 25px ) 0;
    white-space:nowrap;
}
.footer .eb-menu .em-ie .em-tb{
    font-size: calc( var(--bili) * 16px );
    color: #555555;
    display: block;
    margin: 0 0 calc( var(--bili) * 10px ) 0;
    max-width: calc( var(--bili) * 250px );
}
.footer .eb-menu .em-ie .em-tb:hover{
    color: var(--colorZT);
}
.footer .eb-msg{
    width: calc( var(--bili) * 400px );
}
.footer .eb-msg .es-title{
    font-size: calc( var(--bili) * 24px );
    color: #555555;
    display: block;
    margin: 0 0 calc( var(--bili) * 25px ) 0;
    white-space:nowrap;
}
.footer .eb-msg .es-sr{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.footer .eb-msg .es-sr .es-srk{
    width: 48%;
    height: calc( var(--bili) * 40px );
    padding: 0 calc( var(--bili) * 15px );
    font-size: calc( var(--bili) * 14px );
}
.footer .eb-msg .es-sr .es-txt{
    margin: 4% 0 0 0;
    width: 100%;
    padding: calc( var(--bili) * 10px ) calc( var(--bili) * 15px );
    height: calc( var(--bili) * 80px );
    font-size: calc( var(--bili) * 14px );
}
.footer .eb-msg .es-an{
    display: flex;
    align-items: center;
    margin: 4% 0 0 0;
}
.footer .eb-msg .es-an .es-btn{
    font-size: calc( var(--bili) * 14px );
    color: #FFFFFF;
    margin: 0 4% 0 0;
    padding: calc( var(--bili) * 8px ) calc( var(--bili) * 40px );
    cursor: pointer;
}
.footer .eb-msg .es-an .es-btn.ok{
    background-color: var(--colorZT);
}
.footer .eb-msg .es-an .es-btn.no{
    background-color: #535353;
}
.footer .dbC{
    display: flex;
    justify-content: space-between;
    padding: 0 calc( var(--bili) * 30px );
}
.footer .dbC .ecl{

}
.footer .dbC .ecl .ec-cn{
    font-size: calc( var(--bili) * 14px );
    color: #555555;
    line-height: 2;
}
.footer .dbC .ecr{

}
.footer .dbC .ecr .ec-share{
    display: flex;
}
.footer .dbC .ecr .ec-share .share-box{
    width: calc( var(--bili) * 30px );
    height: calc( var(--bili) * 30px );
    position: relative;
    margin: 0 0 0 calc( var(--bili) * 20px );
    filter: grayscale(1);
}
.footer .dbC .ecr .ec-share .share-box:hover{
    filter: grayscale(0);
}
.footer .dbC .ecr .ec-share .share-box .share-ewm{
    display: none;
    box-shadow: 0 3px 8px 0 rgb(0 0 0 / 28%);
    background: #fff;
    padding: calc( var(--bili) * 15px ) calc( var(--bili) * 10px );
    position: absolute;
    bottom: 120%;
    left: 0;
}
.footer .dbC .ecr .ec-share .share-box:hover .share-ewm{
    display: block;
}
.footer .dbC .ecr .ec-share .share-box .share-ewm:after{
    content: "";
    position: absolute;
    left: calc( var(--bili) * 15px );
    margin-left: 0;
    bottom: calc( var(--bili) * -10px );
    border: calc( var(--bili) * 5px ) solid transparent;
    border-top: calc( var(--bili) * 5px ) solid #fff;
}
.footer .dbC .ecr .ec-share .share-box.ec-wx{
    background: url(../images/ec_wx.svg) no-repeat center;
    background-size: 100%;
}
.footer .dbC .ecr .ec-share .share-box.ec-wb{
    background: url(../images/ec_wb.svg) no-repeat center;
    background-size: 100%;
}
.footer .dbC .ecr .ec-share .share-box.ec-qq{
    background: url(../images/ec_qq.svg) no-repeat center;
    background-size: 100%;
}
.copyright{
    font-size: calc( var(--bili) * 14px );
    line-height: 2;
    color: #ffffff;
    text-align: center;
}
.copyright *{
    font-size: calc( var(--bili) * 14px );
    line-height: 2;
    color: #ffffff;
}
/*foot-e*/


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


.Pub-title{
    text-align: center;
    margin: 0 0 calc( var(--bili) * 40px ) 0;
}
.Pub-title .ec-en{
    font-size: calc( var(--bili) * 48px );
    color: #cccccc;
    font-weight: 700;
    margin: 0 0 calc( var(--bili) * 20px ) 0;
}
.Pub-title .ec-cn{
    font-size: calc( var(--bili) * 30px );
    color: #333333;
}



/*main-s*/
.main-conter{
    padding: calc( var(--bili) * 80px ) 0;
}
.wnBgs{
    background: linear-gradient(180deg, rgba(236, 239, 244, 1) 3%, rgba(255, 255, 255, 1) 81%);
}
.det-content{
    position: relative;
    background-color: #ffffff;
    /*padding: calc( var(--bili) * 50px ) calc( var(--bili) * 50px );*/
}
/*main-e*/

/*公共-e*/



/*首页-s*/

.IcnA{
    padding: calc( var(--bili) * 100px ) 0 0;

}
.IcnA .Econ{
    background: linear-gradient(to right, #eeeeee 0%, #eeeeee 50%, #ffffff 50%, #ffffff 100%);
}
.IcnA .Econ .IcnASw{

}
.IcnA .Econ .iACon{
    width: 100%;
    display: flex;
    justify-content: space-between;
    background-color: #EEEEEE;
}
.IcnA .Econ .iACon .ecL{
    width: 50%;
    padding: calc( var(--bili) * 50px ) calc( var(--bili) * 50px ) 0 0;
    height: calc( var(--bili) * 660px );
}
.IcnA .Econ .iACon .ecL .CA-mc{
    width: 75%;
    font-size: calc( var(--bili) * 28px );
    font-weight: 700;
    margin: 0 0 calc( var(--bili) * 60px ) 0;
}
.IcnA .Econ .iACon .ecL .CB-tab{
    display: flex;
    align-items: center;
    margin: 0 0 calc( var(--bili) * 60px ) 0;
    overflow: auto;
    padding: 0 0 calc( var(--bili) * 10px ) 0;
}
.IcnA .Econ .iACon .ecL .CB-tab .tabs{
    background-color: #555555;
    color: #ffffff;
    font-size: calc( var(--bili) * 18px );
    padding: calc( var(--bili) * 10px ) calc( var(--bili) * 40px );
    margin: 0 calc( var(--bili) * 30px ) 0 0;
    cursor: pointer;
}
.IcnA .Econ .iACon .ecL .CB-tab .tabs:last-child{
    margin: 0;
}
.IcnA .Econ .iACon .ecL .CB-tab .tabs.on{
    background-color: var(--colorZT);
}
.IcnA .Econ .iACon .ecL .CB-list{

}
.IcnA .Econ .iACon .ecL .CB-item{
    display: none;
}
.IcnA .Econ .iACon .ecL .CB-item.on{
    display: block;
}
.IcnA .Econ .iACon .ecL .CB-item .ec-in{
    font-size: calc( var(--bili) * 18px );
    color: #333333;
    line-height: 2;
    margin: 0 0 calc( var(--bili) * 20px ) 0;
}
.IcnA .Econ .iACon .ecL .CB-item .ec-ie{
    font-size: calc( var(--bili) * 18px );
    color: #333333;
    line-height: 2;
    margin: 0 0 calc( var(--bili) * 20px ) 0;
}
.IcnA .Econ .iACon .ecL .CB-item .ec-an{
    display: inline-block;
    color: #ffffff;
    background-color: var(--colorZT);
    font-size: calc( var(--bili) * 18px );
    font-weight: 700;
    padding: calc( var(--bili) * 12px ) calc( var(--bili) * 50px );
    border-radius: 60px;
    margin: calc( var(--bili) * 30px ) 0 0 0;
}

.IcnA .Econ .iACon .ecR{
    width: 50%;
    height: calc( var(--bili) * 600px );
}

.IcnASw .IcnASw-Page{
    width: 50%;
    position: absolute;
    top: 11%;
}
.IcnASw .IcnASw-Page .Ec-an{
    width: calc( var(--bili) * 45px );
    height: calc( var(--bili) * 45px );
    background-color: #CCCCCC;
}
.IcnASw .IcnASw-Page .Ec-an:after{
    font-size: calc( var(--bili) * 20px );
    color: #ffffff;
}
.IcnASw .IcnASw-Page .swiper-button-prev{
    left: auto;
    right: calc( var(--bili) * 120px );
}
.IcnASw .IcnASw-Page .swiper-button-next{
    right: calc( var(--bili) * 50px );
}
.IcnASw .IcnASw-Page .Ec-an.swiper-button-disabled{
    opacity: 0.5;
}




.IcnB{
    padding: calc( var(--bili) * 100px ) 0 calc( var(--bili) * 40px );
}
.IcnB .Econ{
    display: flex;
    justify-content: space-between;
}
.IcnB .Econ .ecL{
    width: 47%;
}
.IcnB .Econ .ecL .ec-in{
    font-size: calc( var(--bili) * 24px );
    color: #555555;
    line-height: 2;
    margin: calc( var(--bili) * 40px ) 0 calc( var(--bili) * 60px ) 0;
}
.IcnB .Econ .ecL .ec-in span{
    color: var(--colorZT);
}
.IcnB .Econ .ecL .ec-ls{

}
.IcnB .Econ .ecL .ec-ls .ec-ie{
    margin: 0 0 calc( var(--bili) * 15px ) 0;
    cursor: pointer;
}
.IcnB .Econ .ecL .ec-ls .ec-ie .ec-mA{
    display: flex;
    align-items: center;
    margin: 0 0 calc( var(--bili) * 15px ) 0;
}
.IcnB .Econ .ecL .ec-ls .ec-ie .ec-mA .eca{
    width: calc( var(--bili) * 60px );
    height: calc( var(--bili) * 60px );
    overflow: hidden;
    filter: grayscale(1);
}
.IcnB .Econ .ecL .ec-ls .ec-ie .ec-mA .ecb{
    font-size: calc( var(--bili) * 18px );
    color: #434242;
    width: calc(100% - calc( var(--bili) * 90px ));
    padding: 0 calc( var(--bili) * 20px );
}
.IcnB .Econ .ecL .ec-ls .ec-ie .ec-mA .ecc{
    width: calc( var(--bili) * 26px );
    height: calc( var(--bili) * 26px );
    background: url(../images/icons/w13s.svg) no-repeat center;
    background-size: 100%;
    transition: all 0.5s;
}
.IcnB .Econ .ecL .ec-ls .ec-ie .ec-mB{
    font-size: calc( var(--bili) * 14px );
    color: #434242;
    width: calc(100% - calc( var(--bili) * 90px ));
    margin: 0 0 0 calc( var(--bili) * 60px );
    line-height: calc( var(--bili) * 30px );
    height: 0;
    padding: 0 calc( var(--bili) * 20px );
    transition: all 0.5s;
}
.IcnB .Econ .ecL .ec-an{
    display: inline-block;
    font-size: calc( var(--bili) * 18px );
    color: #FFFFFF;
    background-color: var(--colorZT);
    padding: calc( var(--bili) * 14px ) calc( var(--bili) * 60px );
    border-radius: 10px;
    margin: calc( var(--bili) * 50px ) 0 0 0;
}
.IcnB .Econ .ecL .ec-ls .ec-ie.on .ec-mA .eca{
    filter: grayscale(0);
}
.IcnB .Econ .ecL .ec-ls .ec-ie.on .ec-mB{
    height: 90px;
}
.IcnB .Econ .ecL .ec-ls .ec-ie.on .ec-mA .ecc{
    transform:rotate(-180deg);
}


.IcnB .Econ .ecR{
    width: 48.5%;
}
.IcnB .Econ .ecR .IBsw{
    width: 100%;
}
.IcnB .Econ .ecR .IBsw .ec-im{
    width: 100%;
    height: calc( var(--bili) * 664px );
}
.IBsw .Sw-Page .swiper-button-next{
    right: 3%;
}
.IBsw .Sw-Page .swiper-button-prev{
    left: 3%;
}
.IBsw .Sw-Page .SwBtn:after{
    font-size: calc( var(--bili) * 20px );
    color: #ffffff;
}

.IcnSearch{
    margin: calc( var(--bili) * -60px ) 0 0 0;
    position: relative;
    z-index: 2;
}
.IcnSearch .Econ{
    background-color: var(--colorZT);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: calc( var(--bili) * 40px ) calc( var(--bili) * 60px );
}
.IcnSearch .Econ .ecA{
    display: flex;
    align-items: center;
}
.IcnSearch .Econ .ecA .eca{
    color: #ffffff;
    font-size: calc( var(--bili) * 18px );
    margin: 0 calc( var(--bili) * 30px ) 0 0;
    background: url(../images/w2.svg) no-repeat 0 center;
    background-size: calc( var(--bili) * 40px );
    padding: 0 0 0 calc( var(--bili) * 50px );
    line-height: 2;
}
.IcnSearch .Econ .ecA .ec-form{
    display: flex;
    align-items: center;
    background-color: #ffffff;
    border-radius: 60px;
    padding: 0 calc( var(--bili) * 30px );
    width: calc( var(--bili) * 420px );
    position: relative;
}
.IcnSearch .Econ .ecA .ec-form .layui-form-select{
    width: 100%;
}
.IcnSearch .Econ .ecA .ec-form .layui-form-select .layui-input{
    width: 100%;
    height: calc( var(--bili) * 45px );
    background: transparent;
    border: 0;
    font-size: calc( var(--bili) * 16px );
}
.IcnSearch .Econ .ecA .ec-form .layui-form-select dl{
    top: calc( var(--bili) * 47px );
    border: 0;
    padding: 0;
}
.IcnSearch .Econ .ecA .ec-form .layui-form-select dl dd{
    line-height: calc( var(--bili) * 40px );
}
.IcnSearch .Econ .ecA .ec-form .ec-srk{

}
.IcnSearch .Econ .ecA .ec-form .ec-btn{
    width: calc( var(--bili) * 80px );
    height: 100%;
    position: absolute;
    right: 0;
    font-size: calc( var(--bili) * 16px );
    background: transparent;
    color: var(--colorZT);
    cursor: pointer;
}
.IcnSearch .Econ .ecB{
    display: flex;
    align-items: center;
}
.IcnSearch .Econ .ecB .ec{
    width: calc( var(--bili) * 20px );
    height: calc( var(--bili) * 20px );
    border-radius: 50%;
    background-color: #ffffff;
    border: 2px solid #ffffff;
    margin: 0 calc( var(--bili) * 10px );
}
.IcnSearch .Econ .ecB .ec:last-child{
    border: 2px solid #ffffff;
    background-color: transparent;
}
.IcnSearch .Econ .ecC{
    color: #ffffff;
    font-size: calc( var(--bili) * 20px );
    font-weight: 700;
}



.IcnC{
    padding: calc( var(--bili) * 40px ) 0 calc( var(--bili) * 140px ) 0;
}
.IcnC .Econ{
    position: relative;
}
.IcnC .Econ .ec-iA{
    font-size: calc( var(--bili) * 14px );
    color: #969494;
    text-align: center;
    margin: 0 0 calc( var(--bili) * 15px ) 0;
}
.IcnC .Econ .ec-iB{
    font-size: calc( var(--bili) * 18px );
    color: #555555;
    text-align: center;
    margin: 0 0 calc( var(--bili) * 40px ) 0;
}
.IcnC .Econ .ec-tab{
    display: flex;
    justify-content: center;
    margin: 0 0 calc( var(--bili) * 50px ) 0;
}
.IcnC .Econ .ec-tab .tabs{
    width: 12.5%;
    margin: 0 1.5%;
    position: relative;
    cursor: pointer;
}
.IcnC .Econ .ec-tab .tabs:before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgb(0 0 0 / 20%);
    z-index: 1;
}
.IcnC .Econ .ec-tab .tabs .ec-im{
    width: 100%;
    height: calc( var(--bili) * 130px );
    overflow: hidden;
}
.IcnC .Econ .ec-tab .tabs .ec-mc{
    font-size: calc( var(--bili) * 18px );
    position: absolute;
    width: 100%;
    padding: 0 5%;
    text-align: center;
    left: 0;
    height: 100%;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    z-index: 2;
    transition: all 0.5s;
}
.IcnC .Econ .ec-tab .tabs:after{
    content: '';
    position: absolute;
    width: calc( var(--bili) * 40px );
    height: calc( var(--bili) * 40px );
    left: 50%;
    top: 50%;
    border-radius: 50%;
    overflow: hidden;
    background: var(--colorZT) url(../images/icons/w13.svg) no-repeat center;
    background-size: 40%;
    transform: translate(-50%,-50%);
    z-index: 2;
    opacity: 0;
    transition: all 0.5s;
}
.IcnC .Econ .ec-tab .tabs.on:after{
    opacity: 1;
    transform: translate(-50%,-50%) rotate(360deg);
}
.IcnC .Econ .ec-tab .tabs.on .ec-mc{
    opacity: 0;
}
.IcnC .Econ .ec-list{
    width: 100%;
}
.IcnC .Econ .ec-list .ec-item{
    width: 100%;
    display: none;
}
.IcnC .Econ .ec-list .ec-item.on{
    display: block;
}
.IcnC .Econ .ec-list .ec-item .Acls{
    display: flex;
    justify-content: space-between;
}
.IcnC .Econ .ec-list .ec-item .ecL{
    width: 68%;
    position: relative;
}
.IcnC .Econ .ec-list .ec-item .ecL .ec-im{
    height: calc( var(--bili) * 480px );
}
.IcnC .Econ .ec-list .ec-item .ecL .ec-cn{
    position: absolute;
    width: 100%;
    height: 30%;
    left: 0;
    bottom: 0;
    padding: 2% 5%;
    background: rgb(0 0 0 / 50%);
    color: #FFFFFF;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.IcnC .Econ .ec-list .ec-item .ecL .ec-cn .ec-mc{
    font-size: calc( var(--bili) * 18px );
    margin: 0 0 calc( var(--bili) * 15px ) 0;
}
.IcnC .Econ .ec-list .ec-item .ecL .ec-cn .ec-in{
    font-size: calc( var(--bili) * 14px );
}
.IcnC .Econ .ec-list .ec-item .ecR{
    width: 30%;
    background-color: var(--colorZT);
    color: #ffffff;
    padding: 4%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.IcnC .Econ .ec-list .ec-item .ecR .ec-ca{
    font-size: calc( var(--bili) * 20px );
    font-weight: 700;
    line-height: 2;
}
.IcnC .Econ .ec-list .ec-item .ecR .ec-cb{
    font-size: calc( var(--bili) * 18px );
    text-align: right;
    line-height: 2;
}


/*首页-e*/



/*菜单-位置-s*/

.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;
}
.wn-inNav{
    display: flex;
    justify-content: flex-start;
    overflow: auto;
}
.in-item{
    font-style: normal;
    color: #333333;
    width: auto;
    text-align: center;
    position: relative;
    white-space:nowrap;
    z-index: 2;
}

.in-item .Acls{
    width: 100%;
    height: calc( var(--bili) * 100px );
    line-height: calc( var(--bili) * 100px );
    font-size: calc( var(--bili) * 24px );
    display: inline-block;
    padding: 0 calc( var(--bili) * 70px );
}
.in-item.on .Acls{
    color: #ffffff;
    background: var(--colorZT);
}
.in-item:hover .Acls{
    /*color: var(--colorZT);*/
    /*border-bottom: 3px solid var(--colorZT);*/
}
.menu-line{
    position: absolute;
    width: 0;
    height: 100%;
    background-color: var(--colorZT);
    bottom: 0;
    left: 0;
    /*transition: all 0.5s;*/
    z-index: 1;
}


.ad-location{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: auto;
    z-index: 2;
}
.wn-location{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.wn-location .Acls{
    font-size: calc( var(--bili) * 18px );
    color: #333333;
    line-height: calc( var(--bili) * 80px );
    margin: 0 0 0 calc( var(--bili) * 30px );
    position: relative;
}
.wn-location .Acls:after{
    content: '-';
    font-size: calc( var(--bili) * 18px );
    position: absolute;
    right: calc( var(--bili) * -20px );
    top: 0;
}
.wn-location .Acls:first-child{
    margin: 0;
}
.wn-location .Acls:last-child{
    /*color: var(--colorZT);*/
}
.wn-location .Acls:last-child:after{
    display: none;
}

/*菜单-位置-e*/







/*关于我们-s*/
.ab-mA{
    padding: calc( var(--bili) * 80px ) 0 calc( var(--bili) * 120px );
}
.ab-mA .ew-title{
    text-align: center;
    margin: 0 0 calc( var(--bili) * 60px ) 0;
}
.ab-mA .ew-title .ew-en{
    font-size: calc( var(--bili) * 48px );
    color: #cccccc;
    margin: 0 0 calc( var(--bili) * 20px ) 0;
    font-weight: 700;
}
.ab-mA .ew-title .ew-cn{
    font-size: calc( var(--bili) * 36px );
    color: #333333;
    font-weight: 700;
}
.ab-mA .ab-intro{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.ab-mA .ab-intro .ec-im{
    width: calc( var(--bili) * 706px );
    height: calc( var(--bili) * 614px );
    position: relative;
}
.ab-mA .ab-intro .ec-wz{
    position: absolute;
    background-color: var(--colorZT);
    color: #ffffff;
    width: calc( var(--bili) * 94px );
    right: calc( var(--bili) * -47px );
    height: 80%;
    top: 10%;
    font-size: calc( var(--bili) * 30px );
    font-weight: 700;
    writing-mode: vertical-lr;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 2px;
}
.ab-mA .ab-intro .ec-cn{
    width: calc(100% - calc( var(--bili) * 830px ));
    padding: 0 calc( var(--bili) * 30px ) 0 0;
}
.ab-mA .ab-intro .ec-cn .eca{
    font-size: calc( var(--bili) * 30px );
    color: var(--colorZT);
    font-weight: 700;
    margin: 0 0 calc( var(--bili) * 60px ) 0;
}
.ab-mA .ab-intro .ec-cn .ecb{
    font-size: calc( var(--bili) * 24px );
    font-weight: 700;
    color: #333333;
    margin: 0 0 calc( var(--bili) * 20px ) 0;
}
.ab-mA .ab-intro .ec-cn .ecc{
    font-size: calc( var(--bili) * 18px );
    color: #555555;
    line-height: 2;
}

.ab-mB{
    padding: calc( var(--bili) * 65px ) 0 calc( var(--bili) * 85px );
}

.ab-mB .inner{
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.ab-mB .ec-tit{
    position: absolute;
    font-size: calc( var(--bili) * 36px );
    font-weight: 700;
    color: #ffffff;
    background-color: var(--colorZT);
    top: calc( var(--bili) * -60px );
    padding: calc( var(--bili) * 20px ) calc( var(--bili) * 40px );
}
.ab-mB .ec-tit:after{
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: calc( var(--bili) * 60px ) solid #0f244f;
    border-right: calc( var(--bili) * 22px ) solid transparent;
    right: calc( var(--bili) * -22px );
    top: 0;
}
.ab-mB .ec-tit:before{
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: calc( var(--bili) * 60px ) solid #0f244f;
    border-left: calc( var(--bili) * 22px ) solid transparent;
    left: calc( var(--bili) * -22px );
    top: 0;
}
.ab-mB .ec-int{
    text-align: center;
    background:  url(../images/w5.jpg) no-repeat center;
    width: 100%;
    height: calc( var(--bili) * 430px );
    background-size: cover;
}
.ab-mB .ec-int .eca{
    padding: calc( var(--bili) * 110px ) 0 calc( var(--bili) * 40px );
    color: #cccccc;
    font-size: calc( var(--bili) * 48px );
    font-weight: 700;
}
.ab-mB .ec-int .ecb{
    font-size: calc( var(--bili) * 18px );
    color: #555555;
    line-height: 2;
}

.ab-mC{

}
.ab-mC .Econ{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.ab-mC .Econ .ec-im{
    width: calc( var(--bili) * 640px );
    height: calc( var(--bili) * 540px );
}
.ab-mC .Econ .ec-cn{
    width: calc(100% - calc( var(--bili) * 680px ));
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.ab-mC .Econ .ec-cn .eca{
    font-weight: 700;
    font-size: calc( var(--bili) * 36px );
    color: #cccccc;
    text-align: right;
    margin: 0 0 calc( var(--bili) * 50px ) 0;
    line-height: 2;
}
.ab-mC .Econ .ec-cn .ecb{
    width: calc( var(--bili) * 150px );
    height: calc( var(--bili) * 10px );
    background-color: var(--colorZT);
    margin: 0 0 calc( var(--bili) * 50px ) 0;
}
.ab-mC .Econ .ec-cn .ecc{
    font-size: calc( var(--bili) * 36px );
    font-weight: 700;
    color: #333333;
}

.ab-mD{
    padding: calc( var(--bili) * 65px ) 0 calc( var(--bili) * 150px ) 0;
}
.ab-mD .Econ{

}
.ab-mD .Econ .ew-title{
    text-align: center;
    margin: 0 0 calc( var(--bili) * 40px ) 0;
}
.ab-mD .Econ .ew-title .ew-en{
    font-size: calc( var(--bili) * 48px );
    color: #cccccc;
    margin: 0 0 calc( var(--bili) * 20px ) 0;
    font-weight: 700;
}
.ab-mD .Econ .ew-title .ew-cn{
    font-size: calc( var(--bili) * 36px );
    color: #333333;
    font-weight: 700;
}
.ab-mD .Econ .ec-list{
    display: flex;
    flex-wrap: wrap;
}
.ab-mD .Econ .ec-list .ec-item{
    width: 22.5%;
    margin: 0 3.3% 2% 0;
}
.ab-mD .Econ .ec-list .ec-item:nth-child(4n){
    margin: 0 0 2% 0;
}
.ab-mD .Econ .ec-list .ec-item .ec-im{
    width: 100%;
    height: calc( var(--bili) * 170px );
    overflow: hidden;
    margin: 0 0 calc( var(--bili) * 20px ) 0;
    background-color: #eeeeee;
}
.ab-mD .Econ .ec-list .ec-item .ec-mc{
    font-size: calc( var(--bili) * 18px );
    color: #555555;
    text-align: center;
}

/*关于我们-e*/



/*单内容-s*/
.single-intro{
    padding: calc( var(--bili) * 60px ) 0 calc( var(--bili) * 80px );
}
.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*/

.culture-con{
    display: flex;
    flex-wrap: wrap;
}
.culture-con .culture-item{
    width: 50%;
    position: relative;
    display: flex;
    justify-content: space-between;
}
.culture-con .culture-item .el-im{
    width: 50%;
    height: calc( var(--bili) * 300px );
    overflow: hidden;
}
.culture-con .culture-item .el-con{
    width: 50%;
    height: 100%;
    background-color: #f6f9fb;
    padding: 4% 6%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.culture-con .culture-item .el-ca{
    font-weight: 700;
    font-size: calc( var(--bili) * 24px );
    color: #333333;
    margin: 0 0 calc( var(--bili) * 40px ) 0;
}
.culture-con .culture-item .el-cb{
    font-weight: 400;
    font-size: calc( var(--bili) * 18px );
    color: #555555;
    line-height: 2;
}
.culture-con .culture-item:nth-child(4n-1){
    flex-direction: row-reverse;
}
.culture-con .culture-item:nth-child(4n){
    flex-direction: row-reverse;
}

/*企业文化-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;
}
.honor-item:nth-child(4n){
    margin: 0 0 3% 0;
}
.honor-item .dca {
    width: 100%;
    border: 1px solid #dbdbdb;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc( var(--bili) * 360px );
}
.honor-item .dca .him {
    max-width: 80%;
    max-height: 80%;
}
.honor-item .dcb{
    font-weight: 400;
    font-style: normal;
    font-size: calc( var(--bili) * 18px );
    color: #333333;
    text-align: center;
    padding: calc( var(--bili) * 25px ) 0 0;
}
.honor-item:hover{
    transform:translateY(-10px);
}
.honor-item:hover .dcb{
    color:var(--colorZT);
}

/*荣誉资质-e*/





/*详情A-s*/
.detail-content{
    position: relative;
    width: 100%;
}
.detail-content .title {
    /*font-weight: 700;*/
    font-size: calc( var(--bili) * 30px );
    color: #333333;
    text-align: center;
    margin: 0 0 calc( var(--bili) * 30px );
}
.detail-content .title.Pd-title{
    font-size: calc( var(--bili) * 40px );
    color: var(--colorZT);
    font-weight: 700;
}
.detail-content .info{
    font-weight: 400;
    font-size: calc( var(--bili) * 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 #e3e3e3;
}
.detail-content .info *{
    color: #555555;
}
.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) * 16px );
    color: #555555;
    line-height: 2;
}
.detail-content .content *{
    max-width: 100%;
    line-height: 2;
}
.detail-content .content img{
    height: auto;
}
.Around{
    border-top: 1px dashed #e3e3e3;
    /*border-bottom: 1px solid #eeeeee;*/
    padding: calc( var(--bili) * 40px ) 0;
    margin: calc( var(--bili) * 40px ) 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 );
    display: flex;
    align-items: center;
}
.Around .Aroundul a{
    color: #666666;
    line-height: 2;
}
.Around .Aroundul .As{
    white-space:nowrap;
}
.Around .Aroundul:first-child{
    text-align: left;
}
.Around .Aroundul:first-child:hover *{
    color: var(--colorZT);
}
.Around .Aroundul:last-child{
    background-color: #98a0b5;
}
.Around .Aroundul:last-child{
    color: #ffffff;
}
.Around .Aroundul:last-child *{
    color: #ffffff;
}
.Around .Aroundul:last-child:hover{
    background-color: var(--colorZT);
    color: #ffffff;
}
.Around .Aroundul:last-child:hover *{
    color: #ffffff;
}
/*.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;
}

/*详情A-e*/




/*新闻-s*/
.news-item{
    padding: calc( var(--bili) * 40px ) 0;
    border-bottom: 1px solid #d1d3d4;
}
.news-item:first-child{
    padding: 0 0 calc( var(--bili) * 40px ) 0;
}
.news-item:last-child{
    margin: 0 0 calc( var(--bili) * 30px ) 0;
}
.news-item .Acls{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.news-item .news-con{
    width: calc(100% - calc( var(--bili) * 400px ));
}
.news-item .news-con .nca{
    font-size: calc( var(--bili) * 26px );
    color: #333333;
    margin: 0 0 calc( var(--bili) * 20px ) 0;
}
.news-item .news-con .ncb{
    font-size: calc( var(--bili) * 16px );
    color: #666666;
    margin: 0 0 calc( var(--bili) * 20px ) 0;
    line-height: 2;
}
.news-item .news-con .ncc{
    font-size: calc( var(--bili) * 16px );
    color: var(--colorZT);
}
.news-item .news-im{
    width: calc( var(--bili) * 320px );
    height: calc( var(--bili) * 200px );
    overflow: hidden;
    border-radius: 20px 20px 0 20px;
}
.news-item:hover .news-con .nca{
    color: var(--colorZT);
}
.news-item:hover .news-im img{
    transform: scale(1.1);
}
/*新闻-e*/

/*ItemD-s*/
.LD-list{
    margin: 0 0 calc( var(--bili) * 40px ) 0;
}
.ItemD{
    width: 100%;
    border-bottom: 1px solid #eeeeee;
    padding: calc( var(--bili) * 40px ) 0;
}
.ItemD:first-child{
    border-top: 1px solid #eeeeee;
}
.ItemD .Acls{
    display: flex;
    justify-content: space-between;
}
.ItemD .ev-date{
    font-size: calc( var(--bili) * 20px );
    color: #646464;
}
.ItemD .ev-line{
    width: calc( var(--bili) * 40px );
    height: 1px;
    background: #bfbfbf;
    margin: calc( var(--bili) * 15px ) 0 0 0;
}
.ItemD .ev-cons{
    width: 65%;
}
.ItemD .ev-cons .ev-tit{
    color: #555555;
    font-size: calc( var(--bili) * 24px );
    font-weight: 400;
    margin: 0 0 calc( var(--bili) * 20px ) 0;
}
.ItemD .ev-cons .ev-int{
    color: #888888;
    font-size: calc( var(--bili) * 16px );
    line-height: 2;
}
.ItemD .ev-im{
    width: calc( var(--bili) * 240px );
    height: calc( var(--bili) * 140px );
    overflow: hidden;
}
.ItemD:hover .ev-cons .ev-tit{
    color: var(--colorZT);
}
/*ItemD-e*/



/*Item-1-s*/
.ItemA{
    width: calc(100%/3 - 3%);
    margin: 0 4.5% 3% 0;
    background-color: #eeeeee;
    padding: calc( var(--bili) * 15px );
}
.ItemA:nth-child(3n){
    margin: 0 0 3% 0;
}
.ItemA .Acls{

}
.ItemA .ec-im{
    width: 100%;
    height: calc( var(--bili) * 365px );
    overflow: hidden;
    margin: 0 0 calc( var(--bili) * 15px ) 0;
}
.ItemA .ec-cn{
    background-color: #ffffff;
    padding: calc( var(--bili) * 40px ) calc( var(--bili) * 30px ) calc( var(--bili) * 30px );
    transition: all 0.2s;
}
.ItemA .ec-cn .ec-mc{
    font-size: calc( var(--bili) * 18px );
    color: #555555;
    margin: 0 0 calc( var(--bili) * 25px ) 0;
    font-weight: 700;
    transition: all 0.2s;
}
.ItemA .ec-cn .ec-ck{
    font-size: calc( var(--bili) * 14px );
    font-weight: 700;
    color: var(--colorZT);
    transition: all 0.2s;
}
.ItemA:hover .ec-cn{
    background-color: var(--colorZT);
}
.ItemA:hover .ec-cn *{
    color: #ffffff;
}
/*Item-1-e*/

/*Item-2-s*/

.ItemB{
    width: 48%;
    margin: 0 0 4% 0;
}
.ItemB .Acls{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.ItemB .ec-im{
    width: 48%;
    height: calc( var(--bili) * 218px );
    overflow: hidden;
}
.ItemB .ec-cn{
    width: 48%;
}
.ItemB .ec-cn .ec-mc{
    font-size: calc( var(--bili) * 24px );
    color: #6b6e6e;
    /*font-weight: 700;*/
    margin: 0 0 calc( var(--bili) * 30px ) 0;
    transition: all 0.2s;
}
.ItemB .ec-cn .ec-in{
    font-size: calc( var(--bili) * 16px );
    color: #555555;
    line-height: 2;
    margin: 0 0 calc( var(--bili) * 30px ) 0;
}
.ItemB .ec-cn .ec-ck{
    font-size: calc( var(--bili) * 16px );
    color: #6b6e6e;
    font-weight: 700;
    transition: all 0.2s;
}
.ItemB:hover .ec-cn .ec-mc{
    color: var(--colorZT);
}
.ItemB:hover .ec-cn .ec-ck{
    color: var(--colorZT);
}

/*Item-2-e*/

/*Item-3-s*/
.ItemC{
    width: calc(100%/2 - 1%);
    height: calc( var(--bili) * 475px );
    margin: 0 2% 2% 0;
    background-color: #eeeeee;
    display: flex;
    justify-content: space-between;
}
.ItemC:nth-child(2n){
    margin: 0 0 2% 0;
}
.ItemC .ecL{
    width: 50%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: calc( var(--bili) * 50px ) calc( var(--bili) * 30px );
}
.ItemC .ecR{
    width: 50%;
    height: 100%;
}
.ItemC .ec-cA{
    font-size: calc( var(--bili) * 24px );
    color: #333333;
    font-weight: 700;
}
.ItemC .ec-lB{
    max-height: 75%;
    overflow: auto;
    padding: 0 calc( var(--bili) * 30px );
}
.ItemC .ec-cB{
    font-size: calc( var(--bili) * 18px );
    color: #333333;
    text-align: right;
    margin: calc( var(--bili) * 30px ) 0 0 0;
}

.ItemC .ec-cB:first-child{
    margin: 0;
}
.ItemC .ec-im{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.ItemC .ec-cA:hover{
    color: var(--colorZT);
}
.ItemC .ec-cB:hover{
    color: var(--colorZT);
}


/*Item-3-e*/



/*合作伙伴-s*/
.brand-list{
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    border: 1px solid #e7ecf8;
    border-right: none;
    border-bottom: none;
}
.brand-list .brand-item{
    width: calc(20% - 1px);
    border: 1px solid #e7ecf8;
    border-left: none;
    border-top: none;
    background: #fff;
    transition: all 0.5s;
}
.brand-list .brand-item .Acls{
    transition: all 0.5s;
    width: 100%;
    display: block;
    padding: 5% 0;
    background: #fff;
}
.brand-list .brand-item .ev-im{
    width: 60%;
    height: calc( var(--bili) * 90px );
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.brand-list .brand-item .ev-im .brand-im{
    max-width: 100%;
    max-height: 100%;
}
.brand-list .brand-item:hover{
    z-index: 2;
}
.brand-list .brand-item:hover .Acls{
    transform: scale(1.2);
    box-shadow: 0 12px 60px -12px #e3e7f0;
}

/*合作伙伴-e*/


/*联系-s*/
.contactBg{
    background:  url(../images/b9.jpg) no-repeat center;
    background-size: cover;
    margin: calc( var(--bili) * var(--hedaH)*1px ) 0 0 0;

}
.contact-tit{
    font-size: calc( var(--bili) * 48px );
    font-weight: 700;
    color: #ffffff;
    text-align: center;
    margin: 0 0 calc( var(--bili) * 70px ) 0;
    letter-spacing: 2px;
}
.contact-main{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.contact-main .lxmy{
    width: 33.4375%;
    background-color: #f8f8f8;
}
.contact-main .lxme{
    width: 27.8125%;
}
.contact-main .lxmy .lx-tie{
    height: calc( var(--bili) * 50px );
    font-size: calc( var(--bili) * 24px );
    color: var(--colorZT);
    position: relative;
    margin: calc( var(--bili) * 40px ) calc( var(--bili) * 40px ) calc( var(--bili) * 25px );
    padding: 0 0 calc( var(--bili) * 15px );
}
.contact-main .lxmy .lx-tie:after{
    content: '';
    position: absolute;
    width: calc( var(--bili) * 60px );
    height: 1px;
    background-color: #e5e5e5;
    left: 0;
    bottom: 0;
}
.contact-main .lxmy .lx-zst{
    width: 100%;
    height: calc( var(--bili) * 165px );
    overflow: hidden;
}
.contact-main .lxmy .lx-lst{
    height: calc( var(--bili) * 440px );
    margin: 0 calc( var(--bili) * 40px );
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.contact-main .lxmy .lx-lst .lx-box{
    display: flex;
    margin: 0 0 calc( var(--bili) * 30px );
}
.contact-main .lxmy .lx-lst .lx-box .lba{
    width: calc( var(--bili) * 74px );
    height: calc( var(--bili) * 74px );
    border-radius: 50%;
    overflow: hidden;
    background: #e5e5e5;
    position: relative;
}
.contact-main .lxmy .lx-lst .lx-box .lbb{
    margin: 0 0 0 calc( var(--bili) * 20px );
}
.contact-main .lxmy .lx-lst .lx-box .lbb .lbc{
    font-size: calc( var(--bili) * 18px );
    color: #aaaaaa;
    line-height: 2;
}
.contact-main .lxmy .lx-lst .lx-box .lbb .lbd{
    font-size: calc( var(--bili) * 20px );
    color: #555555;
    line-height: 2;

}
.contact-main .lxmy .lx-lst .lx-box .lba:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    filter: brightness(0.5);
    background-size: 100% !important;
}
.contact-main .lxmy .lx-lst .lx-box:nth-of-type(1) .lba:after{
    background: url(../images/s31.png)no-repeat center;
}
.contact-main .lxmy .lx-lst .lx-box:nth-of-type(2) .lba:after{
    background: url(../images/s32.png)no-repeat center;
}
.contact-main .lxmy .lx-lst .lx-box:nth-of-type(3) .lba:after{
    background: url(../images/s33.png)no-repeat center;
}
.contact-main .lxmy .lx-lst .lx-box:nth-of-type(4) .lba:after{
    background: url(../images/s34.png)no-repeat center;
}

.contact-main .lxmy .lx-lst .lx-box:hover .lba:after{
    filter: brightness(1);
}
.contact-main .lxmy .lx-lst .lx-box:hover .lba{
    background: var(--colorZT);
}

.contact-main .lxmy .lx-lst .lx-box:hover .lbd{
    color: var(--colorZT);
}
.contact-main .lxmy .lx-fom{
    margin: 0 calc( var(--bili) * 40px );
    height: calc( var(--bili) * 440px );
}
.contact-main .lxmy .lx-fom .lfc{
    margin: 0 0 calc( var(--bili) * 10px ) 0;
}
.contact-main .lxmy .lx-fom .srk{
    width: 100%;
    height: calc( var(--bili) * 60px );
    background: transparent;
    border-bottom: 1px solid #e5e5e5;
    border-radius: 0;
}
.contact-main .lxmy .lx-fom .srks{
    margin: calc( var(--bili) * 10px ) 0 calc( var(--bili) * 20px );
    width: 100%;
    height: calc( var(--bili) * 100px );
    background: transparent;
    border-bottom: 1px solid #e5e5e5;
    resize:none;
}
.contact-main .lxmy .lx-fom .lfcs{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.contact-main .lxmy .lx-fom .lfcsl{
    display: flex;
    width: 62%;
}

.contact-main .lxmy .lx-fom .lfcsr{

}
.contact-main .lxmy .lx-fom .lfcsl .srk-sm{
    width: 70%;
    height: calc( var(--bili) * 45px );
    background: transparent;
    border-bottom: 1px solid #e5e5e5;
}
.contact-main .lxmy .lx-fom .lfcsl .sz-token{
    height: calc( var(--bili) * 45px );
    line-height: calc( var(--bili) * 45px );
}
.contact-main .lxmy .lx-fom .lfcsr{
    width: 35%;
}
.contact-main .lxmy .lx-fom .ann{
    width: 100%;
    height: calc( var(--bili) * 45px );
    background-color: var(--colorZT);
    border-radius: 15px;
    color: #FFFFFF;
    font-size: calc( var(--bili) * 16px );
}
.contact-main input::-webkit-input-placeholder {
    color: #111111;
    font-size: calc( var(--bili) * 18px );
    letter-spacing: 1px;
}
.contact-main textarea::-webkit-input-placeholder {
    color: #111111;
    font-size: calc( var(--bili) * 18px );
    letter-spacing: 1px;
}


.contact-main .lxme .map-container{
    width: 100%;
    height: calc( var(--bili) * 340px );
}
.contact-main .lxme .lx-met{
    position: relative;
    height: calc( var(--bili) * 340px );
    margin: 0 0 calc( var(--bili) * 40px );
    background-color: #ffffff
;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: calc( var(--bili) * 40px ) calc( var(--bili) * 50px );
}
.contact-main .lxme .lx-met .lx-ie{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.contact-main .lxme .lx-met .lx-ie .ec-num{
    width: calc( var(--bili) * 60px );
    height: calc( var(--bili) * 60px );
    font-size: calc( var(--bili) * 30px );
    font-weight: 700;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.contact-main .lxme .lx-met .lx-ie .ec-num .ecsz{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 3;
}
.contact-main .lxme .lx-met .lx-ie .ec-num:before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: var(--colorZT);
    z-index: 2;
}
.contact-main .lxme .lx-met .lx-ie .ec-num:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 6%;
    top: 6%;
    background-color: #54a495;
    z-index: 1;
}
.contact-main .lxme .lx-met .lx-ie .ec-cn{
    width: calc(100% - calc( var(--bili) * 120px ));
}
.contact-main .lxme .lx-met .lx-ie .ec-cn .ec-mc{
    font-size: calc( var(--bili) * 18px );
    font-weight: 700;
    margin: calc( var(--bili) * 2px ) 0 calc( var(--bili) * 10px ) 0;
}
.contact-main .lxme .lx-met .lx-ie .ec-cn .ec-in{
    font-size: calc( var(--bili) * 16px );
}


/*联系-e*/






/*精品工程-s*/
.project-con{
    display: flex;
    justify-content: space-between;
}
.project-con .el-clas{
    width: 20%;
}
.project-con .clas-title{
    padding: 0 0 calc( var(--bili) * 20px ) 0;
    border-bottom: 1px solid #eeeeee;
}
.project-con .clas-title .elcn{
    font-weight: 700;
    font-size: calc( var(--bili) * 26px );
    color: #333333;
    margin: 0 0 calc( var(--bili) * 4px ) 0;
}
.project-con .clas-title .elen{
    font-size: calc( var(--bili) * 14px );
    color: #9B9B9B;
}

.project-con .clas-list{
    position: relative;
}
.project-con .clas-list .navA{
    width: 100%;
    border-bottom: 2px solid #EEEEEE;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.project-con .clas-list .navA .cA{
    width: calc(100% - calc( var(--bili) * 50px ));
    line-height: calc( var(--bili) * 70px );
    color: #333333;
    font-size: calc( var(--bili) * 18px );
    display: block;
    cursor: pointer;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    word-break: break-all;
}
.project-con .clas-list .navA .cAI{
    width: calc( var(--bili) * 50px );
    height: calc( var(--bili) * 70px );
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: relative;
    cursor: pointer;
}
.project-con .clas-list .navA .cAI:after{
    content: '';
    position: absolute;
    width: calc( var(--bili) * 20px );
    height: calc( var(--bili) * 20px );
    background: url(../images/icons/w18.svg) no-repeat 90% center;
    background-size: 100%;
    transition: all 0.5s;
}

.project-con .clas-list .eBls{
    width: 100%;
    overflow: hidden;
    display: none;
}
.project-con .clas-list .eBls .cB{
    line-height: calc( var(--bili) * 50px );
    padding: 0 calc( var(--bili) * 20px );
    font-size: calc( var(--bili) * 16px );
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    word-break: break-all;
}
.project-con .clas-list .eBls .cB:hover{
    color: var(--colorZT);
}
.project-con .clas-list .eBls .cB.on{
    color: var(--colorZT);
}
.project-con .clas-list .navA.on .eBls{
    display: block;
}
.project-con .clas-list .navA.open .cAI:after{
    transform:rotate(90deg);

}


.project-con .clas-list .navA.on .cA{
    color: var(--colorZT);
}
.project-con .clas-list .navA:hover{
    color: var(--colorZT);
}

.project-con .el-list{
    width: 78%;
}
.project-con .project-list{
    display: flex;
    flex-wrap: wrap;
}
.project-item{
    width: 32%;
    margin: 0 2% 2% 0;
    border: 1px solid #e2e2e2;
    padding: calc( var(--bili) * 20px );
}
.project-item:nth-child(3n){
    margin: 0 0 2% 0;
}
.project-item .Acls{
    position: relative;
}
.project-item .el-im{
    width: 100%;
    height: calc( var(--bili) * 260px );
    overflow: hidden;
    margin: 0 0 calc( var(--bili) * 20px ) 0;
}
.project-item .el-mc{
    width: 100%;
    font-size: calc( var(--bili) * 18px );
    font-weight: 700;
    color: #333333;
    margin: 0 0 calc( var(--bili) * 20px ) 0;
    text-align: center;
}
.project-item .el-le{
    width: 100%;
    height: 1px;
    background-color: #e2e2e2;
    margin: 0 0 calc( var(--bili) * 20px ) 0;
}
.project-item .el-ck{
    font-size: calc( var(--bili) * 16px );
    color: #444444;
    text-align: center;
}
.project-item:hover .el-ck{
    color: var(--colorZT);
}

/*精品工程-e*/



/*左右式列表-s*/
.Clr-list{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.Clr-list .eCl{
    width: 60%;
}
.Clr-list .eCr{
    width: 32.5%;
    background-color: #f1f1f1;
    padding: calc( var(--bili) * 30px ) calc( var(--bili) * 20px );
}

/*左右式列表-e*/



/*服务项目-s*/
.service-mA{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 calc( var(--bili) * 80px ) 0;
}
.service-mA .ec-cn{
    width: calc(100% - calc( var(--bili) * 850px ));
}
.service-mA .ec-cn .eca{
    font-size: calc( var(--bili) * 30px );
    margin: 0 0 calc( var(--bili) * 20px ) 0;
    color: #555555;
}
.service-mA .ec-cn .ecb{
    font-size: calc( var(--bili) * 36px );
    font-weight: 700;
    color: var(--colorZT);
    margin: 0 0 calc( var(--bili) * 40px ) 0;
}
.service-mA .ec-cn .ecc{
    font-size: calc( var(--bili) * 24px );
    line-height: 2;
    margin: 0 0 calc( var(--bili) * 40px ) 0;
    color: #555555;
}
.service-mA .ec-cn .ecd{
    display: inline-block;
    padding: calc( var(--bili) * 10px ) calc( var(--bili) * 100px );
    border-radius: calc( var(--bili) * 20px );
    font-size: calc( var(--bili) * 30px );
    color: #ffffff;
    background-color: var(--colorZT);
}
.service-mA .ec-im{
    width: calc( var(--bili) * 790px );
    height: calc( var(--bili) * 455px );
    overflow: hidden;
}

.service-mB{
    position: relative;
    margin: 0 0 calc( var(--bili) * 50px ) 0;
}
.service-mB .ec-tit{
    font-size: calc( var(--bili) * 30px );
    font-weight: 700;
    margin: 0 0 calc( var(--bili) * 40px ) 0;
    color: #555555;
}
.service-mB .ec-tit span{
    color: var(--colorZT);
}
.Fw-list{
    position: relative;
}
.Fw-list .Fw-item{
    border: 1px solid transparent;
    margin: -1px 0 0 0;
}
.Fw-list .Fw-item .ec-mA{
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #CCCCCC;
    padding: calc( var(--bili) * 30px );
    cursor: pointer;
}
.Fw-list .Fw-item .ec-mA .eca{
    font-size: calc( var(--bili) * 30px );
    color: #333333;
    font-weight: 700;
    position: relative;
    padding: 0 calc( var(--bili) * 30px );
    width: 78%;
    letter-spacing: 3px;
}
.Fw-list .Fw-item .ec-mA .eca:after{
    content: '';
    position: absolute;
    width: 5px;
    height: 100%;
    left: 0;
    top: 0;
    background-color: var(--colorZT);
}
.Fw-list .Fw-item .ec-mA .ecb{
    font-size: calc( var(--bili) * 18px );
    color: #333333;
    padding: 0 calc( var(--bili) * 50px ) 0 0;
    position: relative;
}
.Fw-list .Fw-item .ec-mA .ecb:after{
    content: '';
    position: absolute;
    width: calc( var(--bili) * 20px );
    height: calc( var(--bili) * 20px );
    right: 0;
    background:  url(../images/w21s.svg) no-repeat right center;
    background-size: 100%;
    transition: all 0.5s;
}
.Fw-list .Fw-item .ec-mB{
    display: none;
    padding: calc( var(--bili) * 30px );
}
.Fw-list .Fw-item .ec-mB .ec-cn{
    background-color: #eeeeee;
    padding: calc( var(--bili) * 30px );
    font-size: calc( var(--bili) * 18px );
    color: #555555;
    line-height: 2;
}
.Fw-list .Fw-item .ec-mB .ec-cn .ec-im{
    margin: calc( var(--bili) * 20px ) 0 0 0;
}
.Fw-list .Fw-item.on{
    border: 1px solid #CCCCCC;
    border-top: 0;
}
.Fw-list .Fw-item:first-child.on{
    border-top: 1px solid #CCCCCC;
}
.Fw-list .Fw-item.on .ec-mA .ecb:after{
    transform:rotate(180deg);
}

/*服务项目-e*/


/*产品注塑加工-s*/
.PcnBBg{
    position: relative;
}
.PcnBBg:after{
    content: '';
    position: absolute;
    width: calc( var(--bili) * 1000px );
    height: calc( var(--bili) * 720px );
    right: 0;
    top: calc( var(--bili) * 450px );
    background: url(../images/w10.png) no-repeat center;
    background-size: cover;
    z-index: -1;
}
.PcnB{

}
.PcnB .Comp-Rce{
    background:  url(../images/w9.png) no-repeat center;
    width: 100%;
    height: calc( var(--bili) * 600px );
    background-size: cover;
    position: relative;
    margin: calc( var(--bili) * 100px ) 0 calc( var(--bili) * 130px ) 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
}
.PcnB .Comp-Rce .ec-Titcn{
    position: absolute;
    top: calc( var(--bili) * -60px );
    right: calc( var(--bili) * 100px );
    display: inline-block;
    font-size: calc( var(--bili) * 36px );
    background-color: var(--colorZT);
    color: #FFFFFF;
    font-weight: 700;
    padding: calc( var(--bili) * 20px ) calc( var(--bili) * 80px );
}
.PcnB .Comp-Rce .ec-Titcn:after{
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: calc( var(--bili) * 60px ) solid #0f244f;
    border-left: calc( var(--bili) * 22px ) solid transparent;
    left: calc( var(--bili) * -22px );
    top: 0;
}
.PcnB .Comp-Rce .ec-Titen{
    position: absolute;
    font-size: calc( var(--bili) * 18px );
    color: #555555;
    top: calc( var(--bili) * 90px );
    right: calc( var(--bili) * 100px );
}
.PcnB .Comp-Rce .CompSw{
    width: 66%;
    margin: calc( var(--bili) * 100px ) calc( var(--bili) * 120px ) 0 0;
    padding: 0 0 calc( var(--bili) * 100px ) 0;
}
.PcnB .Comp-Rce .CompSw .ec-item{
    position: relative;
}
.PcnB .Comp-Rce .CompSw .ec-item .ec-mc{
    font-size: calc( var(--bili) * 30px );
    font-weight: 700;
    color: var(--colorZT);
    margin: 0 0 calc( var(--bili) * 30px ) 0;
}
.PcnB .Comp-Rce .CompSw .ec-item .ec-ic{
    width: calc( var(--bili) * 120px );
    height: calc( var(--bili) * 7px );
    background:  url(../images/w15.png) no-repeat center;
    background-size: 100% 100%;
    margin: 0 0 calc( var(--bili) * 30px ) 0;
}
.PcnB .Comp-Rce .CompSw .ec-item .ec-in{
    font-size: calc( var(--bili) * 15px );
    color: #555555;
    line-height: 2.2;
}

.PcnB .Comp-Rce .CompSw .CompSw-Page{

}
.PcnB .Comp-Rce .CompSw .CompSw-Page .Ec-an{
    color: #555555;
}
.PcnB .Comp-Rce .CompSw .CompSw-Page .Ec-an:after{
    font-size: calc( var(--bili) * 24px );
    font-weight: 700;
}
.PcnB .Comp-Rce .CompSw .CompSw-Page .swiper-button-prev{
    top: auto;
    bottom: 0;
    left: auto;
    right: calc( var(--bili) * 80px );
}
.PcnB .Comp-Rce .CompSw .CompSw-Page .swiper-button-next{
    top: auto;
    bottom: 0;
    left: auto;
    right: 0;
}

.PcnB .Comp-Con{

}
.PcnB .Comp-Con .Ec-tit{
    position: relative;
}
.PcnB .Comp-Con .Ec-tit .eca{
    font-size: calc( var(--bili) * 36px );
    color: #555555;
    margin: 0 0 calc( var(--bili) * 30px ) 0;
}
.PcnB .Comp-Con .Ec-tit .ecb{
    font-size: calc( var(--bili) * 20px );
    color: #777777;
    margin: 0 0 calc( var(--bili) * 40px ) 0;

}

.PcnB .Comp-tab{
    display: flex;
    margin: 0 0 calc( var(--bili) * 55px ) 0;
}
.PcnB .Comp-tab .tabs{
    font-size: calc( var(--bili) * 20px );
    color: #555555;
    font-weight: 700;
    border-bottom: 1px solid transparent;
    margin: 0 calc( var(--bili) * 40px ) 0 0;
}
.PcnB .Comp-tab .tabs .Acls{
    display: block;
    width: 100%;
    padding: calc( var(--bili) * 12px ) calc( var(--bili) * 10px );
}
.PcnB .Comp-tab .tabs.on{
    color: var(--colorZT);
    border-bottom: 1px solid var(--colorZT);
}

.PcnB .Comp-list{
    display: flex;
    flex-wrap: wrap;
}
.Comp-item{
    width: calc(100%/3 - 3%);
    margin: 0 4.5% 3% 0;
    background-color: #eeeeee;
    padding: calc( var(--bili) * 15px );
}
.Comp-item:nth-child(3n){
    margin: 0 0 3% 0;
}
.Comp-item .Acls{

}
.Comp-item .ec-im{
    width: 100%;
    height: calc( var(--bili) * 356px );
    overflow: hidden;
    margin: 0 0 calc( var(--bili) * 15px ) 0;
}
.Comp-item .ec-cn{
    background-color: #ffffff;
    padding: calc( var(--bili) * 25px );
    transition: all 0.3s;
}
.Comp-item .ec-cn .ec-mc{
    font-weight: 700;
    font-size: calc( var(--bili) * 18px );
    color: #333333;
    margin: 0 0 calc( var(--bili) * 20px ) 0;
}
.Comp-item .ec-cn .ec-ck{
    font-size: calc( var(--bili) * 14px );
    color: var(--colorZT);
}
.Comp-item:hover .ec-cn{
    background-color: var(--colorZT);
}
.Comp-item:hover .ec-cn *{
    color: #FFFFFF;
}

/*产品注塑加工-e*/



/*产品机械加工-s*/
.brandC-1{
    position: relative;
}
.brandC-1 .inner{
    display: flex;
    justify-content: space-between;
    background:  url(../images/b7.png) no-repeat calc( var(--bili) * 65px ) 0;
    background-size: calc( var(--bili) * 84px ) auto;
    padding: calc( var(--bili) * 160px ) 0 calc( var(--bili) * 50px ) 0;
}
.brandC-1 .ecL{
    width: calc( var(--bili) * 822px );
    padding: calc( var(--bili) * 20px ) 0 0 0;
}
.brandC-1 .ecL .ec-im{
    width: 100%;
    height: calc( var(--bili) * 590px );
    overflow: hidden;
    margin: 0 0 calc( var(--bili) * 75px ) 0;
}
.brandC-1 .ecL .ec-in{
    font-size: calc( var(--bili) * 14px );
    line-height: 2;
    color: #434242;
    padding: 0 0 0 calc( var(--bili) * 220px );
}
.brandC-1 .ecR{
    width: calc( var(--bili) * 582px );
}
.brandC-1 .ecR .ec-mc{
    font-size: calc( var(--bili) * 36px );
    color: #555555;
    font-weight: 700;
    margin: 0 0 calc( var(--bili) * 30px ) 0;
}
.brandC-1 .ecR .ec-en{
    font-size: calc( var(--bili) * 14px );
    color: var(--colorZT);
    margin: 0 0 calc( var(--bili) * 80px ) 0;
}
.brandC-1 .ecR .ec-in{
    font-size: calc( var(--bili) * 14px );
    line-height: 2;
    color: #434242;
    margin: 0 0 calc( var(--bili) * 100px ) 0;
}
.brandC-1 .ecR .ec-im{
    width: 100%;
    height: calc( var(--bili) * 346px );
    overflow: hidden;
}
.brandC-2{
    padding: calc( var(--bili) * 50px ) 0;
}
.brandC-2 .ec-title{
    margin: 0 0 calc( var(--bili) * 60px ) 0;
    text-align: center;
    position: relative;
}
.brandC-2 .ec-title:after{
    content: '';
    position: absolute;
    width: 50%;
    height: 1px;
    left: 0;
    bottom: calc( var(--bili) * 25px );
    background-color: #555555;
}
.brandC-2 .ec-title .ec-mc{
    font-size: calc( var(--bili) * 36px );
    font-weight: 700;
    color: #555555;
    margin: 0 0 calc( var(--bili) * 35px ) 0;
}
.brandC-2 .ec-title .ec-in{
    font-size: calc( var(--bili) * 18px );
    color: #ffffff;
    background-color: var(--colorZT);
    display: inline-block;
    padding: calc( var(--bili) * 12px ) calc( var(--bili) * 100px );
    border-radius: 10px;
    z-index: 2;
    position: relative;
}

.brandC-2 .ec-list{
    display: flex;
    flex-wrap: wrap;
    margin: 0 1.5%;
    position: relative;
}
.brandC-2 .ec-list .ec-item{
    width: 50%;
    height: calc( var(--bili) * 223px );
    display: flex;
    justify-content: space-between;
}
.brandC-2 .ec-list .ec-im{
    width: 50%;
    height: 100%;
    overflow: hidden;
}
.brandC-2 .ec-list .ec-cn{
    width: 50%;
    padding: 4%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #555555;
}
.brandC-2 .ec-list .ec-cn .ec-mc{
    font-size: calc( var(--bili) * 20px );
    margin: 0 0 calc( var(--bili) * 15px ) 0;
    font-weight: 700;
}
.brandC-2 .ec-list .ec-cn .ec-in{
    font-size: calc( var(--bili) * 14px );
    line-height: 2;
}
.brandC-2 .ec-list .ec-item:first-child .ec-cn{
    color: #555555;
    background-color: #dcdbdb;
}

.brandC-2 .ec-list .ec-item:nth-child(6n-4){
    position: absolute;
    left: 0;
    top: calc( var(--bili) * 223px );
    flex-direction: row-reverse;
}
.brandC-2 .ec-list .ec-item:nth-child(6n-4) .ec-cn{
    color: #ffffff;
    background-color: #2db7c2;
}

.brandC-2 .ec-list .ec-item:nth-child(3n){
    height: calc( var(--bili) * 446px );
}
.brandC-2 .ec-list .ec-item:nth-child(3n) .ec-im{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.brandC-2 .ec-list .ec-item:nth-child(3n) .ec-cn{
    display: none;
}
.brandC-2 .ec-list .ec-item:nth-child(4n){
    height: calc( var(--bili) * 320px );
}
.brandC-2 .ec-list .ec-item:nth-child(4n) .ec-im{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.brandC-2 .ec-list .ec-item:nth-child(4n) .ec-cn{
    display: none;
}
.brandC-2 .ec-list .ec-item:nth-child(5n){
    height: calc( var(--bili) * 320px );
}
.brandC-2 .ec-list .ec-item:nth-child(5n) .ec-im{
    width: 62%;
}
.brandC-2 .ec-list .ec-item:nth-child(5n) .ec-cn{
    color: #ffffff;
    background-color: var(--colorZT);
   width: 38%;
}
.brandC-2 .ec-list .ec-item:nth-child(6n){
    display: none;
}



.brandC-3{
    padding: calc( var(--bili) * 50px ) 0 calc( var(--bili) * 120px ) 0;
}
.brandC-3 .ec-title{
    text-align: center;
    margin: 0 0 calc( var(--bili) * 40px ) 0;
}
.brandC-3 .ec-title .ec-mc{
    font-size: calc( var(--bili) * 36px );
    font-weight: 700;
    color: #555555;
    margin: 0 0 calc( var(--bili) * 25px ) 0;
}
.brandC-3 .ec-title .ec-in{
    font-size: calc( var(--bili) * 18px );
    color: var(--colorZT);
}

.brandC-3 .ec-list{
    display: flex;
    flex-wrap: wrap;
}
.brandC-3 .ec-list .ec-item{
    width: 30%;
    margin: 0 5% 3% 0;
}
.brandC-3 .ec-list .ec-item:nth-child(3n){
    margin: 0 0 3% 0;
}
.brandC-3 .ec-list .ec-item .ec-im{
    width: 100%;
    height: calc( var(--bili) * 278px );
    position: relative;
    overflow: hidden;
    margin: 0 0 calc( var(--bili) * 20px ) 0;
    cursor: pointer;
}
.brandC-3 .ec-list .ec-item .ec-im .ec-mb{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.2) url(../images/w6.png) no-repeat center;
    background-size: calc( var(--bili) * 83px );
    opacity: 0;
    transition: all 0.5s;
    z-index: 2;
}
.brandC-3 .ec-list .ec-item .ec-im:after{

}
.brandC-3 .ec-list .ec-item .ec-mc{
    font-size: calc( var(--bili) * 18px );
    color: #555555;
    text-align: center;
}
.brandC-3 .ec-list .ec-item:hover .ec-im .ec-mb{
    opacity: 1;
}
.brandC-3 .ec-list .ec-item:hover .ec-im img{
    transform: scale(1.1);
}

/*产品机械加工-e*/


/*热处理（回火处理）-s*/
.PcnDBg{
    position: relative;
}
.PcnDBg:after{
    content: '';
    position: absolute;
    width: calc( var(--bili) * 348px );
    height: calc( var(--bili) * 754px );
    right: 0;
    top: 26%;
    background: url(../images/s22.png) no-repeat center;
    background-size: cover;
    z-index: -1;
}
.PcnD{
    position: relative;
}
.PcnD .ec-title{
    text-align: center;
}
.PcnD .ec-title .eca{
    font-size: calc( var(--bili) * 36px );
    color: #555555;
    margin: 0 0 calc( var(--bili) * 20px ) 0;
}
.PcnD .ec-title .ecb{
    font-size: calc( var(--bili) * 36px );
    font-weight: 700;
    color: var(--colorZT);
    margin: 0 0 calc( var(--bili) * 40px ) 0;
}
.PcnD .ec-mA{
    margin: 0 0 calc( var(--bili) * 80px ) 0;
}
.PcnD .ec-mA .ec-im{
    margin: 0 0 calc( var(--bili) * 40px ) 0;
}
.PcnD .ec-mA .ec-cn{
    font-size: calc( var(--bili) * 18px );
    color: #555555;
    line-height: 2;
}
.PcnD .ec-mB{
    position: relative;
}
.PcnD .ec-mB .eca{
    font-size: calc( var(--bili) * 30px );
    color: #555555;
    margin: 0 0 calc( var(--bili) * 20px ) 0;
}
.PcnD .ec-mB .ecb{
    font-size: calc( var(--bili) * 36px );
    font-weight: 700;
    color: var(--colorZT);
    margin: 0 0 calc( var(--bili) * 40px ) 0;
}
.PcnD .ec-mB .ecc{
    font-size: calc( var(--bili) * 18px );
    color: #555555;
    margin: 0 0 calc( var(--bili) * 40px ) 0;
}
.PcnD .ec-mCLs{
    position: relative;
}
.PcnD .ec-mC{
    position: relative;
}
.PcnD .ec-mC .ec-tit{
    display: flex;
    align-items: center;
    margin: 0 0 calc( var(--bili) * 40px ) 0;
}
.PcnD .ec-mC .ec-tit .ec-im{
    width: calc( var(--bili) * 198px );
    height: calc( var(--bili) * 198px );
    overflow: hidden;
    position: relative;
    z-index: 2;
}
.PcnD .ec-mC .ec-tit .ec-nr{
    display: inline-block;
    font-size: calc( var(--bili) * 36px );
    color: #FFFFFF;
    font-weight: 700;
    padding: calc( var(--bili) * 10px ) calc( var(--bili) * 60px ) calc( var(--bili) * 10px ) calc( var(--bili) * 90px );
    background-color: var(--colorZT);
    border-radius: 20px;
    margin: 0 0 0 calc( var(--bili) * -50px );
}
.PcnD .ec-mC .ec-cn{
    font-size: calc( var(--bili) * 18px );
    color: #333333;
    line-height: 2;
    margin: 0 0 calc( var(--bili) * 50px ) 0;
    padding: 0 calc( var(--bili) * 25px );
}
.PcnD .ec-mC .ec-ls{
    display: flex;
    flex-wrap: wrap;
    padding: 0 calc( var(--bili) * 25px );
    margin: 0 0 calc( var(--bili) * 20px ) 0;
}
.PcnD .ec-mC .ec-ls .ec-ie{
    width: 31%;
    margin: 0 3.5% 3.5% 0;
    height: calc( var(--bili) * 346px );
    overflow: hidden;
}
.PcnD .ec-mC .ec-ls .ec-ie:nth-child(3n){
    margin: 0 0 3.5% 0;
}
.PcnD .ec-mC:nth-child(2n) .ec-ls{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 calc( var(--bili) * 25px );
    margin: 0 0 calc( var(--bili) * 50px ) 0;
}
.PcnD .ec-mC:nth-child(2n) .ec-ls .ec-ie{
    width: 48%;
    height: calc( var(--bili) * 406px );
    overflow: hidden;
    margin: 0 0 4% 0;
}



/*热处理（回火处理）-e*/





.service-conter{
    display: flex;
    justify-content: space-between;
    padding: calc( var(--bili) * 60px ) 0;
    position: relative;
    overflow: hidden;
}
.service-conter:after{
    content: '';
    position: absolute;
    width: calc((100% - calc( var(--bili) * 1600px ))/2 + ((calc( var(--bili) * 1600px ))*0.3));
    height: 100%;
    background-color: #eeeeee;
    left: 0;
    top: 0;
    z-index: -2;
}
.service-conter .inner{
    display: flex;
    justify-content: space-between;
}
.service-conter .ecL{
    width: 30%;
    position: relative;
}
.service-conter .ecR{
    width: 66%;
}

.service-conter .ecL .clas-Tit{
    background: url(../images/w16.svg) no-repeat 0 center;
    background-size: calc( var(--bili) * 40px );
    font-size: calc( var(--bili) * 24px );
    font-weight: 700;
    padding: 0 0 0 calc( var(--bili) * 60px );
    color: #555555;
    line-height: 2;
    margin: 0 0 calc( var(--bili) * 30px ) 0;
}

.clas-list{
    position: relative;
}
.clas-list .navA{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    position: relative;
}
.clas-list .navA .cA{
    width: 100%;
    height: calc( var(--bili) * 90px );
    color: #333333;
    font-weight: 700;
    font-size: calc( var(--bili) * 26px );
    padding: 0 calc( var(--bili) * 100px ) 0 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;

}
.clas-list .navA .cA:before{
    content: '';
    position: absolute;
    width: calc( var(--bili) * 30px );
    height: calc( var(--bili) * 30px );
    right: 9.5%;
    top: calc((100% - calc( var(--bili) * 30px ))/2);
    background: url(../images/w18.svg) no-repeat center;
    background-size: 100%;
    transition: transform 0.5s;
}

.clas-list .eBls{
    width: 100%;
    /*overflow: revert!important;*/
    display: none;
    position: relative;
    margin: 0 0 calc( var(--bili) * 60px ) 0;
}
.clas-list .navA:after{
    content: '';
    position: absolute;
    width: 0;
    bottom: calc( var(--bili) * 30px );
    right: 0;
    transition: all 0.5s 0.5s;
}

.clas-list .eBls .cB{
    height: calc( var(--bili) * 80px );
    font-size: calc( var(--bili) * 20px );
    color: #555555;
    padding: 0 calc( var(--bili) * 100px ) 0 calc( var(--bili) * 10px );
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background: url(../images/w17s.svg) no-repeat 90% center;
    background-size: calc( var(--bili) * 30px );
}
.clas-list .eBls .cB:hover{
    color: var(--colorZT);
}
.clas-list .eBls .cB.on{
    color: var(--colorZT);
    background: url(../images/w17.svg) no-repeat 90% center;
    background-size: calc( var(--bili) * 30px );
}
.clas-list .navA.open .cA{
    color: #ffffff;

}
.clas-list .navA.open .cA:after{
    content: '';
    position: absolute;
    width: 1920px;
    height: 100%;
    background-color: var(--colorZT);
    right: 0;
    top: 0;
    z-index: -1;
}
.clas-list .navA.open .cA:before{
    background: url(../images/w18s.svg) no-repeat center;
    background-size: 100%;
    transform:rotate(90deg);
}

.clas-list .navA.on .eBls{
    display: block;
}
.clas-list .navA.open:after{
    width: 1000px;
    border-bottom: 1px dashed #cccccc;
}
.clas-list .navA.on .cA{
    /*color: var(--colorZT);*/
}
.clas-list .navB:hover{
    color: var(--colorZT);
}


/*产品详情-s*/
.Pro-detail{
    padding: 0 0 calc( var(--bili) * 30px ) 0;
}
.Pro-detail .Pro-tit{
    margin: 0 0 calc( var(--bili) * 50px ) 0;
}
.Pro-detail .Pro-tit .ev-cn{
    font-size: calc( var(--bili) * 36px );
    color: #555555;
    font-weight: 700;
    margin: 0 0 calc( var(--bili) * 20px ) 0;
    letter-spacing: 1px;
}
.Pro-detail .Pro-con{
    font-size: calc( var(--bili) * 18px );
    line-height: 2;
    color: #555555;
}
/*产品详情-e*/