.wow {
    visibility: visible!important;
    animation-name: none!important;
    animation-delay: 0s!important;
}
.header{
    width: 100%;
    z-index: 99;
    background-color: #ffffff;
    transition: all 0.3s;
    top: 0;
    position: fixed;
    /*box-shadow: 0 0 15px rgba(0,0,0,.2);*/
    border-bottom: 1px solid #d0d0d0;
}
.header:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    /*background-color: hsla(0,0%,100%,.05);*/
    bottom: 0;
    left: 0;
}
.header .header-wrap{
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

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

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

.header-search{
    /*margin: 0 30px 0 0;*/
}
.hs-trigger{
    width: calc( var(--bili) * 24px );
    height: calc( var(--bili) * 24px );
    cursor: pointer;
    overflow: hidden;
    background: url(../images/u111.svg) no-repeat center;
    background-size: 100% 100%;
    opacity: 0.7;
}
.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-menu{
    position: relative;
}
.header-menu .CAul{
    display: flex;
    width: 100%;
    margin: 0;
}
.header-menu .CAli{
    position: relative;
}
.header-menu .CAli .CAa{
    color: #212121;
    width: 100%;
    /*font-weight: 700;*/
    font-size: calc( var(--bili) * 18px );
    line-height: calc( var(--bili) * var(--hedaH)*1px );
    display: block;
    text-align: center;
    padding: 0 calc( var(--bili) * 25px );
    white-space:nowrap;
}
.header-menu .CAli .CAa:hover{
    /*font-weight: 700;*/
}
.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.hmon .CAa{
    color: var(--colorZT);
}

/*头部-菜单*/












/*下拉菜单*/
.down-menu{
    animation: fadeInUp50 0.5s forwards;
    display: none;
    position: absolute;
    left: -20%;
    top: 100%;
    width: 140%;
    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: 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: #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%);
    /*padding: 0 0 0 20%;*/
}
.down-menu .CBli:hover .CBa{
    opacity: 1;
    color: var(--colorZT);
}

/*下拉菜单*/



/*内页banner-s*/
.detail-banner{
    margin: calc( var(--bili) * var(--hedaH)*1px ) 0 0 0;
    width: 100%;
    /*height: calc( var(--bili) * var(--inner_bannerH) * 1px );*/
    height: 0;
    overflow: hidden;
    display: flex;
    align-items: center;
    background-size: 100% 100%!important;
    background-color: #cccccc!important;
    position: relative;
}
/*内页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;
}
.wn-banner{
    position: relative;
    overflow: hidden;
}
/*点切换*/

/*banner-tab-s*/
.swiper-pagination.swiper-page-banner{
    bottom: 130px!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-切换按钮*/
.wn-banner .swiper-button-next, .wn-banner .swiper-button-prev{
    width: calc( var(--bili) * 60px );
    height: calc( var(--bili) * 60px );
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: all .4s;
    border: 1px solid #ffffff;
    z-index: 100;
    opacity: 0;
    outline: none;
}
.wn-banner:hover .swiper-button-next, .wn-banner:hover .swiper-button-prev{
    opacity: 1;
    transform: translateX(0);
}

.wn-banner .swiper-button-next{
    right: calc( var(--bili) * 20px );
    background: url(../images/banner/ar_bs.png) no-repeat 50%;
    background-size: calc( var(--bili) * 21px )!important;
    transform: translateX(100%);
}
.wn-banner .swiper-button-prev{
    left: calc( var(--bili) * 20px );
    background: url(../images/banner/al_bs.png) no-repeat 50%;
    background-size: calc( var(--bili) * 21px )!important;
    transform: translateX(-100%);
}
.wn-banner .swiper-button-next:after,.wn-banner .swiper-button-prev:after{
    display: none;
}
.wn-banner .swiper-button-next:hover{
    border-color: #ff7500;
    background: #ff7500 url(../images/banner/ar_bs.png) no-repeat 70%;
}
.wn-banner .swiper-button-prev:hover{
    border-color: #ff7500;
    background: #ff7500 url(../images/banner/al_bs.png) no-repeat 30%;
}
.wn-banner .swiper-slide-next *, .wn-banner .swiper-slide-prev *{
    transition-delay: 0s!important;
}
/*banner-切换按钮*/

.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;
    margin: 0 0 4% 0;
}
.banner-word .word-con{
    font-weight: 700;
    font-size: calc( var(--bili) * 46px );
    padding: 0 0 calc( var(--bili) * 10px ) 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) * 20px );
    padding: 0 0 calc( var(--bili) * 100px ) 0;
    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);
}


/*banner*/







/*foot-s*/

.foot{
    background: #f4f4f4;
    /*background: url(../images/foot.jpg) no-repeat center;*/
    background-size: cover;
    overflow: hidden;
}


.foot-content{
    display: flex;
    justify-content: space-between;


}
.foot-contact{
    font-weight: 400;
    font-size: calc( var(--bili) * 14px );
    color: #333333;
    line-height: 2.4;
    border-left: 1px solid #DDDDDD;
    /*margin: 0 calc( var(--bili) * 40px ) 0 0;*/
    padding: calc( var(--bili) * 80px ) 0 calc( var(--bili) * 40px ) calc( var(--bili) * 80px );
    max-width: 34%;
}
.foot-contact .fcA{
    font-size: calc( var(--bili) * 20px );
    color: #333333;
    /*font-weight: bold;*/
    margin: 0 0 calc( var(--bili) * 10px ) 0;
}
.foot-contact .fcB{
    font-weight: bold;
    font-size: calc( var(--bili) * 36px );
    color: var(--colorZT);
    margin: 0 0 calc( var(--bili) * 10px ) 0;
}
.foot-contact .fcC{
    font-size: calc( var(--bili) * 16px );
    color: #555555;
    margin: 0 0 calc( var(--bili) * 20px ) 0;
}
.foot-contact .fcD{
    font-size: calc( var(--bili) * 16px );
    line-height: 2;
    color: #333333;
}





.foot-menu{
    display: flex;
    padding: calc( var(--bili) * 80px ) 0 calc( var(--bili) * 40px );
}
.foot-menu .fm-item{
    display: flex;
    flex-direction: column;
    /*align-items: center;*/
    margin: 0 calc( var(--bili) * 60px );
}
.foot-menu .fm-item:first-child{
    margin: 0 calc( var(--bili) * 60px ) 0 0;
}
.foot-menu .fm-item .fmaA{
    font-weight: 400;
    font-size: calc( var(--bili) * 20px );
    color: #333333;
    margin: 0 0 calc( var(--bili) * 15px ) 0;
    white-space:nowrap;
}
.foot-menu .fm-item .fmaB{
    font-weight: 400;
    font-size: calc( var(--bili) * 16px );
    color: #555555;
    margin: 0 0 calc( var(--bili) * 15px ) 0;
    white-space:nowrap;
}
.foot-menu .fm-item .fmaB:hover{
    color: var(--colorZT);
}
.foot-ewm{
    text-align: center;
}
.foot-ewm .ewm-im{
    width: calc( var(--bili) * 110px );
    height: calc( var(--bili) * 110px );
}
.foot-ewm .ewm-mc{
    font-weight: 400;
    font-size: calc( var(--bili) * 14px );
    color: #E8E8E8;
    line-height: 3;
}


.copyright{
    padding: calc( var(--bili) * 35px ) 0;
    font-weight: 400;
    font-size: calc( var(--bili) * 14px );
    overflow: hidden;
    border-top: 1px solid #dddddd;
}
.copyright .infx{
    display: flex;
    justify-content: center;
    align-items: center;
}
.copyright *{
    color: #333333;
}



/*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: 2;
}
.eject-index .eject-content{
    position: absolute;
    /*width: 100%;*/
    /* height: 100%; */
    left: 50%;
    top: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
    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*/

.swiper-container {
    width: 100%;
    height: 100%;
}

/*01-s*/
.wi-DcA{
    z-index: 9;
    position: relative;
    margin: 0 0 calc( var(--bili) * 60px ) 0;
}
.wi-DcA .ev-list{
    box-shadow: 0 0 15px #aaa;
    display: flex;
    justify-content: space-around;
    align-items: center;
    background-color: #ffffff;
    margin: calc( var(--bili) * -90px ) 0 0 0;
    padding: calc( var(--bili) * 40px ) 0;
    border-radius: 4px;
}
.wi-DcA .ev-list .ev-item{
    width: 15%;
    padding: 0 0 0 calc( var(--bili) * 64px );
}
.wi-DcA .ev-list .ev-item:nth-child(1){
    background: url(../images/ia1.svg) no-repeat left 4px;
    background-size: calc( var(--bili) * 40px );
}
.wi-DcA .ev-list .ev-item:nth-child(2){
    background: url(../images/ia2.svg) no-repeat left 4px;
    background-size: calc( var(--bili) * 40px );
}
.wi-DcA .ev-list .ev-item:nth-child(3){
    background: url(../images/ia3.svg) no-repeat left 4px;
    background-size: calc( var(--bili) * 40px );
}
.wi-DcA .ev-list .ev-item:nth-child(4){
    background: url(../images/ia4.svg) no-repeat left 4px;
    background-size: calc( var(--bili) * 40px );
}
.wi-DcA .ev-list .ev-item .ev-num{
    font-size: calc( var(--bili) * 16px );
    color: #3b3b3b;
    display: flex;
    align-items: flex-start;
    line-height: 1.8;
    margin: 0 0 calc( var(--bili) * 10px ) 0;
}
.wi-DcA .ev-list .ev-item .ev-num .ev-roll{
    font-size: calc( var(--bili) * 46px );
    font-weight: lighter;
    line-height: 1;
    margin: 0 calc( var(--bili) * 10px ) 0 0;
    color: #555555;
}
.wi-DcA .ev-list .ev-item .ev-mc{
    font-size: calc( var(--bili) * 16px );
    color: #767676;
}


/*01-e*/

.idx-title{
    position: relative;
}
.idx-title .eva{
    font-weight: bold;
    color: #646464;
    font-size: calc( var(--bili) * 34px );
    margin: 0 0 calc( var(--bili) * 20px ) 0;
}
.idx-title .evb{
    font-size: calc( var(--bili) * 16px );
    color: #666666;
    margin: 0 0 calc( var(--bili) * 20px ) 0;
}
.idx-title .evc{
    width: calc( var(--bili) * 50px );
    height: 3px;
    background: var(--colorZT);
    margin: 0 0 calc( var(--bili) * 30px ) 0;
}

/*02-s*/
.wi-DcB{
    padding: 0;
}
.wi-DcB .iB-lor{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 calc( var(--bili) * 60px ) 0;
}
.wi-DcB .iB-lor .evl{
    width: 48%;
}
.wi-DcB .iB-lor .evr{
    width: 48%;
    height: calc( var(--bili) * 400px );
}
.wi-DcB .iB-lor .evl .evd{
    color: #7b7b7b;
    font-size: calc( var(--bili) * 16px );
    line-height: 2.4;
    margin: 0 0 calc( var(--bili) * 30px ) 0;
}
.wi-DcB .iB-lor .evl .eve{
    font-size: calc( var(--bili) * 16px );
    color: #ffffff;
    background: var(--colorZT);
    border-radius: 50px;
    display: inline-block;
    padding: calc( var(--bili) * 10px ) calc( var(--bili) * 40px );
    cursor: pointer;
    transition: all 0.5s;
}
.wi-DcB .iB-lor .evl .eve:hover{
    margin: 0 0 0 calc( var(--bili) * 10px );
}
.wi-DcB .ev-list{
    display: flex;
}
.wi-DcB .ev-list .ev-item{
    width: 31%;
    margin: 0 3.5% 0 0;
    height: calc( var(--bili) * 160px );
}
.wi-DcB .ev-list .ev-item:nth-child(3n){
    margin: 0;
}

/*02-e*/

.wi-DcC{
    padding: calc( var(--bili) * 60px ) 0;
    background: #f8f8f8;
}
.wi-DcC .iCsA{

}
.wi-DcC .iCsA .ev-item{
    position: relative;
}
.wi-DcC .iCsA .ev-item .Acls{

}
.wi-DcC .iCsA .ev-item .ev-im{
    width: 100%;
    height: calc( var(--bili) * 220px );
    overflow: hidden;
    margin: 0 0 calc( var(--bili) * 20px ) 0;
}
.wi-DcC .iCsA .ev-item .ev-mc{
    font-size: calc( var(--bili) * 16px );
    color: #757575;
    margin: 0 0 calc( var(--bili) * 20px ) 0;
    height: calc( var(--bili) * 50px );
    line-height: calc( var(--bili) * 25px );
}
.wi-DcC .iCsA .ev-item .ev-date{
    font-size: calc( var(--bili) * 16px );
    color: #767676;
    padding: 0 0 calc( var(--bili) * 20px ) 0;
    border-bottom: 2px solid #a3a3a3;
}
.wi-DcC .iCsA .ev-item:hover .ev-mc{
    color: var(--colorZT);
}
.wi-DcC .iCsA .ev-item:hover .ev-date{
    border-bottom: 2px solid var(--colorZT);
}

.iCsA-page{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}
.iCsA-page .slr-an{
    z-index: 2;
    width: calc( var(--bili) * 40px );
    height: calc( var(--bili) * 40px );
    border-radius: 50%;
    cursor: pointer;
    border: 1px solid var(--colorZT);
    margin: 0 0 0 30px;
    background: url(../images/w3.svg) no-repeat center;
    background-size: calc( var(--bili) * 16px );
    filter: grayscale(1);
}
.iCsA-page .anl{
    transform:rotate(180deg);
}
.iCsA-page .anr{
    position: relative;
}
.iCsA-page .slr-an:hover{
    filter: grayscale(0);
}

.wi-DcD{
    padding: calc( var(--bili) * 60px ) 0;
    background: #ffffff;
}
.wi-DcD .iD-lor{
    display: flex;
    justify-content: space-between;
}
.wi-DcD .iD-lor .evl{
    width: 45%;
    height: calc( var(--bili) * 400px );
    overflow: hidden;
}
.wi-DcD .iD-lor .evr{
    width: 55%;
    background: #f8f8f8;
    padding: calc( var(--bili) * 40px );
    flex: 1;
}
.wi-DcD .iD-lor .ev-list{
    width: 100%;
}
.wi-DcD .iD-lor .ev-list .ev-item{
    position: relative;
}
.wi-DcD .iD-lor .ev-list .ev-item .Acls{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: calc( var(--bili) * 15px ) 0;
}
.wi-DcD .iD-lor .ev-list .ev-item .ev-mc{
    color: #767676;
    font-size: calc( var(--bili) * 18px );
    width: calc(100% - 150px);
    position: relative;
    padding: 0 0 0 calc( var(--bili) * 8px );
}
.wi-DcD .iD-lor .ev-list .ev-item .ev-mc:after{
    content: '';
    position: absolute;
    width: calc( var(--bili) * 6px );
    height: 1px;
    border-radius: 50%;
    left: 0;
    top: 49.5%;
    background-color: #767676;
}
.wi-DcD .iD-lor .ev-list .ev-item .ev-date{
    width: calc( var(--bili) * 140px );
    text-align: right;
    font-size: calc( var(--bili) * 16px );
    color: #767676;
}
.wi-DcD .iD-lor .ev-list .ev-item:hover .ev-mc{
    color: var(--colorZT);
}
.wi-DcD .iD-lor .ev-list .ev-item:hover .ev-mc:after{
    background-color:  var(--colorZT);
}


.wi-DcD .iD-more{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}
.wi-DcD .iD-more .ev-more{
    font-size: calc( var(--bili) * 16px );
    color: #767676;
    transition: 0.3s;
    border: 1px solid #767676;
    padding: calc( var(--bili) * 10px ) calc( var(--bili) * 30px );
}
.wi-DcD .iD-more .ev-more:hover{
    border: 1px solid var(--colorZT);
    background-color: var(--colorZT);
    color: #ffffff;
}

/*首页-e*/






/*菜单-位置-s*/

.wn-SubNav{
    /*margin: 0 0 calc( var(--bili) * 20px );*/
    background-color: #ffffff;
    position: relative;
    /*border-bottom: 1px solid #f3f3f3;*/
    border-bottom: 1px solid #d0d0d0;
    padding: calc( var(--bili) * 15px ) 0;
}

.wap-header + .wn-SubNav {
    margin: calc( var(--bili) * var(--hedaH)*1px ) 0 0 0;
}

.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;
    font-size: calc( var(--bili) * 16px );
    color: #333333;
    width: auto;
    text-align: center;
    position: relative;
    margin: 0 0 0 10px;
    white-space:nowrap;
    border-radius: 20px;
    background: #f8f8f8;
}
.in-item .mCa{
    width: 100%;
    /*height: calc( var(--bili) * 110px );*/
    line-height: calc( var(--bili) * 40px );
    display: inline-block;
    padding: 0 calc( var(--bili) * 28px );
    min-width: calc( var(--bili) * 120px );
}
.in-item.on{
    color: #ffffff;
    background-color: var(--colorZT);
}
.in-item:hover{
    color: #ffffff;
    background-color: var(--colorZT);
}


.wn-location{
    background: url(../images/icons/wn-location.svg) no-repeat left;
    background-size: calc( var(--bili) * 20px ) calc( var(--bili) * 20px );
    padding: 0 0 0 calc( var(--bili) * 20px );
    line-height: calc( var(--bili) * 80px );
}
.wn-location .wla{
    font-size: calc( var(--bili) * 16px );
    color: #555555;
    margin: 0 calc( var(--bili) * 12px ) 0 0;
    position: relative;
    display: inline-block;
}
.wn-location .wla:after{
    content: '';
    position: absolute;
    width: 6px;
    height: 1px;
    background-color: #999999;
    /*border-radius: 50%;*/
    right: -12px;
    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*/

.wap-header + .wn-content {
    margin: calc( var(--bili) * var(--hedaH)*1px ) 0 0 0;
}

.wn-content{
    position: relative;
    padding: calc( var(--bili) * 60px ) 0;
}
.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;
}
.det-conw{
    width: 1200px;
    margin: 0 auto;
}
.Bghs{
    background: #fafafa;
}
@media screen and (max-width: 1200px) {
    .det-conw{
        width: auto;
    }
}

/*基础页面-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;
}
.single-intro .si-content .el-con .him{
    width: auto;
    max-width: 100%;
    margin: 0 auto;
    height: auto;
    display: block;
}

/*单内容-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*/



/*新闻-s*/
.common-info{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0 calc( var(--bili) * 50px ) 0;
    margin: 0 0 calc( var(--bili) * 50px ) 0;
    border-bottom: 1px solid #d0d0d0;
}
.common-info .com-info{
    position: relative;
}
.common-info .com-info .com-en{
    font-size: calc( var(--bili) * 16px );
    color: #333;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0 0 calc( var(--bili) * 10px ) 0;
}
.common-info .com-info .com-mc{
    font-size: calc( var(--bili) * 34px );
    color: #490f0f;
    font-weight: lighter;
    position: relative;
    padding: 0 0 calc( var(--bili) * 20px ) 0;
    display: flex;
    align-items: flex-end;
}
.common-info .com-info .com-mc:after{
    content: '';
    position: absolute;
    width: calc( var(--bili) * 80px );
    height: 2px;
    background-color: var(--colorZT);
    left: 0;
    bottom: 0;
}

.common-info .com-nav{
    position: relative;
    display: flex;
}
.common-info .com-nav .cnav-item{
    position: relative;
}
.common-info .com-nav .cnav-item .mCa{
    font-size: calc( var(--bili) * 16px );
    color: #333;
    padding: 0 calc( var(--bili) * 15px );
    font-weight: lighter;
    position: relative;
}
.common-info .com-nav .cnav-item .mCa:after{
    content: '';
    position: absolute;
    width: 1px;
    height: 100%;
    background: #555555;
    left: 0;
    top: 0;
}
.common-info .com-nav .cnav-item:first-child .mCa:after{
    display: none;
}
.common-info .com-nav .cnav-item.on .mCa{
    color: var(--colorZT);
    font-weight: bold;
}




.news-list{
    position: relative;
}
.news-item{
    padding: calc( var(--bili) * 40px ) 0;
    border-bottom: 1px solid #d0d0d0;
}
.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: #000;
    margin: 0 0 calc( var(--bili) * 20px ) 0;
}
.news-item .news-con .ncb{
    font-size: calc( var(--bili) * 16px );
    color: #4f4f4f;
    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;
}
.news-item:hover .news-con .nca{
    color: var(--colorZT);
}
.news-item:hover .news-im img{
    transform: scale(1.1);
}








/*新闻-e*/


/*新闻一-s*/
.newsA-item{
    position: relative;
    margin: 0 0 calc( var(--bili) * 30px ) 0;
    border-bottom: 1px solid #ddd;
    padding: 0 0 calc( var(--bili) * 30px ) 0;
}
.newsA-item .Acls{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.newsA-item .el-date{
    width: calc( var(--bili) * 140px );
    text-align: center;
}
.newsA-item .el-date .el-ri{
    font-size: calc( var(--bili) * 48px );
    color: #666666;
    background: #e5e5e5;
    line-height: 1.8;
    font-weight: bold;
}
.newsA-item .el-date .el-ny{
    font-size: calc( var(--bili) * 16px );
    color: #9e9e9e;
    line-height: 3;
    /*font-weight: bold;*/
    background: #ececec;
}
.newsA-item .el-con{
    width: calc( 100% - var(--bili) * 180px );
}
.newsA-item .el-con .el-tit{
    font-size: calc( var(--bili) * 24px );
    color: #333333;
    margin: 0 0 calc( var(--bili) * 10px ) 0;
}
.newsA-item .el-con .el-int{
    font-size: calc( var(--bili) * 16px );
    color: #848484;
    line-height: 2;
}
.newsA-item:hover .el-con .el-tit{
    color: var(--colorZT);
}

/*新闻一-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*/
.product-list{
    display: flex;
    flex-wrap: wrap;
}
.product-item{
    width: 23.5%;
    margin: 0 2% 2% 0;
    padding: calc( var(--bili) * 30px ) calc( var(--bili) * 25px ) calc( var(--bili) * 30px );
    background-color: #ffffff;
    transition: all 0.5s;
    cursor: pointer;
    border: 1px solid #d4d4d4;
}
.product-item:nth-child(4n){
    margin: 0 0 2% 0;
}
.product-item .Acls{

}
.product-item .ein-im{
    width: 100%;
    height: calc( var(--bili) * 260px );
    overflow: hidden;
    margin: 0 0 calc( var(--bili) * 30px ) 0;
}
.product-item .ein-con{
    text-align: center;
}
.product-item .ein-con .nca{
    font-size: calc( var(--bili) * 18px );
    color: #242424;
    margin: 0 0 calc( var(--bili) * 10px ) 0;
}
.product-item .ein-con .ncb{
    font-size: calc( var(--bili) * 14px );
    color: #999999;
}
.product-item:hover{
    box-shadow: 0 0 15px rgba(0,0,0,.1);
}
.product-item .eject-index{
    display: block;
    left: -100%;
    width: 0;
    height: 0;
    overflow: hidden;
    opacity: 0;
}
.product-item.on .eject-index{
    display: block;
    left: 0;
    width: 100%;
    height: 100%;
    opacity:1;
}
.product-detail{
    padding: calc( var(--bili) * 70px ) calc( var(--bili) * 50px );
    background: #fafafa;
    width: 84%;
    margin: 0 auto;
    position: relative;
}
.product-detail .et-box{
    display: flex;
    justify-content: space-between;
}
.product-detail .et-ecl{
    width: 48%;
}
.product-detail .et-ecr{
    width: 48%;
}
.product-detail .et-im{
    width: 100%;
    height: calc( var(--bili) * 500px );
}
.product-detail .et-ca{
    font-size: calc( var(--bili) * 14px );
    line-height: calc( var(--bili) * 40px );
    color: #666;
}
.product-detail .et-cb{
    font-size: calc( var(--bili) * 36px );
    line-height: calc( var(--bili) * 50px );
    color: #000;
    font-weight: lighter;
    margin: 0 0 calc( var(--bili) * 20px ) 0;
}
.product-detail .et-cc{
    font-size: calc( var(--bili) * 14px );
    color: #777;
    line-height: calc( var(--bili) * 24px );
    height: calc( var(--bili) * 48px );
    overflow-y: auto;
    margin: 0 0 calc( var(--bili) * 20px ) 0;
}
.product-detail .et-cd{
    font-size: calc( var(--bili) * 18px );
    color: #333;
    font-weight: bold;
    margin-bottom: calc( var(--bili) * 20px );
}
.product-detail .et-sm{
    height: calc( var(--bili) * 240px );
    overflow-y: auto;
}
.product-detail .et-sm *{
    max-width: 100%;
}

.etsw-page{
    position: absolute;
    width: 100%;
    bottom: 40%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
}
.etsw-page .etsw-an{
    z-index: 2;
    width: calc( var(--bili) * 30px );
    height: calc( var(--bili) * 60px );
    cursor: pointer;
}
.etsw-page .etsw-icl{
    background: rgb(0 0 0 / 37%) url(../images/u70.svg) no-repeat center;
    background-size: calc( var(--bili) * 10px );
    transform: rotateY(180deg);
}
.etsw-page .etsw-icr{
    background: rgb(0 0 0 / 37%) url(../images/u70.svg) no-repeat center;
    background-size: calc( var(--bili) * 10px );
}

/*产品中心-e*/






/*公司公告-s*/

.notice-list{
    position: relative;
}
.notice-item{
    border: 1px solid #cdcdcd;
    display: block;
    position: relative;
    margin: 0 0 20px 0;
}
.notice-item .Acls{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.notice-item .el-date{
    width: 120px;
    text-align: center;
    border-right: 1px solid #cdcdcd;
    padding: 15px 0;
}
.notice-item .el-ri{
    font-size: 36px;
    font-weight: bold;
    color: #888;
}
.notice-item .el-ny{
    font-size: 14px;
    line-height: 20px;
    margin-top: 5px;
    color: #888;
}
.notice-item .el-con{
    padding: 0 50px;
    width: calc(100% - 140px);
    display: flex;
    align-items: center;
}
.notice-item .el-ic{
    width: 30px;
    height: 30px;
    background:  url(../images/pdf.svg) no-repeat 0 center;
    background-size: 100%;
}
.notice-item .el-mc{
    font-size: 16px;
    color: #888;
    width: 90%;
    padding: 0 30px;
}
.notice-item .el-ck{
    width: 27px;
    height: 28px;
    background:  url(../images/com_resport.png) no-repeat 0 center;
    background-size: 100% 100%;
}



/*公司公告-e*/

/*社会责任-s*/
.duty-list{
    position: relative;
}
.duty-item{
    border-bottom: 1px solid #d3d3d3;
    padding: calc( var(--bili) * 40px ) 0;
}
.duty-item .Acls{
    display: flex;
    justify-content: space-between;
}
.duty-item .ev-date{
    font-size: calc( var(--bili) * 20px );
    color: #646464;
}
.duty-item .ev-line{
    width: calc( var(--bili) * 35px );
    height: 1px;
    background: #bfbfbf;
    margin: calc( var(--bili) * 10px ) 0 0 0;
}
.duty-item .ev-cons{
    width: 68%;
}
.duty-item .ev-cons .ev-tit{
    color: #333333;
    font-size: calc( var(--bili) * 24px );
    /*font-weight: 600;*/
    margin: 0 0 calc( var(--bili) * 20px ) 0;
}
.duty-item .ev-cons .ev-int{
    color: #848484;
    font-size: calc( var(--bili) * 16px );
    line-height: 2;
}
.duty-item .ev-im{
    width: calc( var(--bili) * 200px );
    height: calc( var(--bili) * 130px );
    overflow: hidden;
}
.duty-item:hover .ev-cons .ev-tit{
    color: var(--colorZT);
}
/*社会责任-e*/



/*联系-s*/
.contact-con{
    display: flex;
    justify-content: space-between;
}
.contact-con .el-cl{
    width: 45%;
}
.contact-con .el-cr{
    width: 53%;
}

.contact-con .el-name{
    font-weight: 700;
    font-size: calc( var(--bili) * 32px );
    color: #000000;
    margin: 0 0 calc( var(--bili) * 20px ) 0;
}
.contact-con .el-intro{
    margin: 0 0 calc( var(--bili) * 30px ) 0;
}
.contact-con .el-intro .el-ia{
    font-weight: 400;
    font-size: calc( var(--bili) * 16px );
    color: #666666;
    margin: 0 0 calc( var(--bili) * 6px ) 0;
}
.contact-con .el-intro .el-ils{
    display: flex;
    flex-wrap: wrap;
}
.contact-con .el-intro .el-ils .el-iem{
    width: 33%;
}
.contact-con .el-intro .el-ib{
    font-weight: 400;
    font-size: calc( var(--bili) * 18px );
    color: #333333;
    margin: 0 0 calc( var(--bili) * 20px ) 0;
}
.contact-con .el-ewm{
    /*display: none;*/
    display: flex;
    align-items: center;
}
.contact-con .el-ewm .ewm-box{
    margin: 0 calc( var(--bili) * 20px ) 0 0;
}
.contact-con .el-ewm .ewm-box .ewm-tit{
    font-weight: 400;
    font-size: calc( var(--bili) * 16px );
    color: #666666;
    margin: 0 0 calc( var(--bili) * 10px ) 0;
}
.contact-con .el-ewm .ewm-box .ewm-img{
    width: calc( var(--bili) * 150px );
    height: calc( var(--bili) * 150px );
}
.contact-con .wn-container{
    width: 100%;
    height: calc( var(--bili) * 550px );
}
/*联系-e*/

/*人才理念-s*/
.idea-intro{
    display: flex;
    justify-content: space-between;
}
.idea-intro .idea-ecl{
    width: 50%;
}
.idea-intro .idea-ecr{
    width: 50%;
}
.idea-intro .idea-cA{
    background: #eeeeee;
}
.idea-intro .idea-cA .el-con{
    padding: 10px 50px;
    height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.idea-intro .idea-cA .el-con .el-tit{
    color: #333;
    font-size: 34px;
    border-left: 3px solid #d71618;
    padding: 0 0 0 13px;
    margin: 0 0 30px 0;
}
.idea-intro .idea-cA .el-con .el-int{
    font-size: 14px;
    color: #333;
    line-height: 2;
}
.idea-intro .idea-cB{
    display: flex;
    justify-content: space-between;
}
.idea-intro .idea-cB .el-im{
    width: 50%;
    height: 300px;
    overflow: hidden;
}
.idea-intro .idea-cB .el-con{
    width: 50%;
    background-color: var(--colorZT);
    padding: 10px 50px;
    height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.idea-intro .idea-cB .el-con .el-tit{
    color: #ffffff;
    font-size: 34px;
    border-left: 3px solid #ffffff;
    padding: 0 0 0 13px;
    margin: 0 0 30px 0;
}
.idea-intro .idea-cB .el-con .el-int{
    font-size: 14px;
    color: #ffffff;
    line-height: 2;
}
.idea-intro .idea-cC{
    width: 100%;
    position: relative;
}
.idea-intro .idea-cC .el-im{
    width: 100%;
    height: 600px;
    overflow: hidden;
}
.idea-intro .idea-cC .el-con{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding: 10% 10% 20px;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.idea-intro .idea-cC .el-con .el-tit{
    color: #ffffff;
    font-size: 34px;
    border-left: 3px solid #ffffff;
    padding: 0 0 0 13px;
    margin: 0 0 30px 0;
}
.idea-intro .idea-cC .el-con .el-int{
    font-size: 14px;
    color: #ffffff;
    line-height: 2;
}
.idea-intro .idea-cC:hover .el-im img{
    transform: scale(1.1);
}

/*人才理念-e*/


/*招聘-s*/

.recruit-content{
    position: relative;
    margin: 0 0 calc( var(--bili) * 60px ) 0;
}
.recruit-content .el-title{
    font-size: calc( var(--bili) * 32px );
    color: var(--colorZT);
    transition-property: all;
    font-weight: 700;
    text-align: center;
    line-height: 1.5;
    margin: 0 0 calc( var(--bili) * 30px ) 0;
}
.recruit-content .rel-con{
    display: flex;
    justify-content: space-between;
}

.recruit-content .rel-box{
    width: 32%;
    background-color: #f5f5f5;
    height: calc( var(--bili) * 250px );
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.recruit-content .rel-box .dca{
    overflow: hidden;
    width: calc( var(--bili) * 30px );
    margin: 0 auto;
}
.recruit-content .rel-box .dcb{
    line-height: 1.5;
    font-size: calc( var(--bili) * 18px );
    font-weight: 700;
    color: #333;
    text-align: center;
    padding-top: calc( var(--bili) * 30px );
    padding-bottom: calc( var(--bili) * 20px );
}
.recruit-content .rel-box .dcc{
    font-size: calc( var(--bili) * 16px );
    color: #8E8E8E;
    line-height: 2;
    text-align: center;
}
.recruit-content .rel-box .dcc.ads{
    padding: 0 20%;
}

.recruit-content .rel-box.on{
    background-color: var(--colorZT);
}
.recruit-content .rel-box.on .dcb{
    color: #ffffff;
}
.recruit-content .rel-box.on .dcc{
    color: #ffffff;
}


.recruit-list{
    margin: 0 0 calc( var(--bili) * 40px ) 0;
}
.recruit-list .recruit-title{
    font-weight: 700;
    font-size: calc( var(--bili) * 18px );
    color: #1F1F1F;
    display: flex;
    background-color: #f2f2f2;
    border: 1px solid #dddddd;
}
.recruit-list .recruit-title .el-mc{
    width: 16.6%;
    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) * 16px );
    display: flex;
    cursor: pointer;
    background-color: #ffffff;
    color: #333333;
    border: 1px solid #dddddd;
}
.recruit-item .recruit-mc .el-mc{
    width: 16.6%;
    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;
}
.recruit-item .recruit-whnr .el-wih .dcb{
    font-weight: 400;
    font-size: calc( var(--bili) * 16px );
    color: #666666;
    line-height: calc( var(--bili) * 36px );
    height: auto;
}

.recruit-item .recruit-whnr .el-wih .dcb textarea{
    font-weight: 400;
    font-size: calc( var(--bili) * 16px );
    color: #666666;
    line-height: calc( var(--bili) * 36px );
    width: 100%;
    min-height: calc( var(--bili) * 5 * 36px );
    background-color: transparent;
}


.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*/
.msg-con{
    width: 80%;
    margin: 0 auto;
}
.msg-con form{
    width: 100%;
}
.msg-con .dcon{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.msg-con .msg-item{
    width: 100%;
    margin: 0 0 calc( var(--bili) * 30px ) 0;
    overflow: hidden;
}
.msg-con .msg-item.w1{
    width: 48.5%;
}
.msg-con .msg-item .msg-srk{
    width: 100%;
    padding: 0 calc( var(--bili) * 20px );
    border: 1px solid #d0d0d0;
    border-radius: 5px;
    height: calc( var(--bili) * 54px );
    font-size: calc( var(--bili) * 16px );
}
.msg-con .msg-item .msg-tex{
    width: 100%;
    padding: calc( var(--bili) * 20px );
    height: calc( var(--bili) * 186px );
    border: 1px solid #d0d0d0;
    border-radius: 5px;
    font-size: calc( var(--bili) * 16px );
    resize:none;
}
.msg-con .btn-con{
    display: flex;
    align-items: center;
    justify-content: center;
}
.msg-con .msg-btn{
    font-size: calc( var(--bili) * 16px );
    color: #FFFFFF;
    width: calc( var(--bili) * 200px );
    height: calc( var(--bili) * 60px );
    line-height: calc( var(--bili) * 60px );
    text-align: center;
    background-color: var(--colorZT);
    cursor: pointer;
    opacity: 0.8;
    transition: all 0.5s;
    letter-spacing: 1px;
    border-radius: 5px;
}
.msg-con .msg-btn:hover{
    opacity: 1;
}

/*留言-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) * 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 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*/