/*头部-s*/
.head-top{
    background-color: #eeeeed;
    padding: 16px 0;
}
.head-top .ifx{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.head-top .ht-cl{
    font-size: 12px;
    color: #323333;
}
.head-top .ht-cr{
    display: flex;
    align-items: center;
}
.head-top .ht-a{
    font-size: 12px;
    color: #323333;
}

.head-middle{
    padding: 30px 0;
}
.head-middle .infx{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.head-middle .hm-cl{
    display: flex;
    align-items: center;
}
.head-middle .hm-logo{

}
.head-middle .hm-logo .Acls{
    display: flex;
    align-items: center;
}
.head-middle .hm-logo .hm-la{
    width: 60px;
}
.head-middle .hm-logo .hm-lb{
    margin: 0 0 0 20px;
}
.head-middle .hm-logo .hm-lb .el-wa{
    font-size: 30px;
    color: #555555;
    font-weight: 700;
    margin: 0 0 6px 0;
}
.head-middle .hm-logo .hm-lb .el-wb{
    font-size: 18px;
    color: #555555;
}
.head-middle .hm-sm{
    border-left: 1px solid #000;
    margin: 0 0 0 30px;
    padding: 0 0 0 30px;
}
.head-middle .hm-sm .el-wa{
    font-size: 14px;
    color: #332c29;
    margin: 0 0 6px 0;
}
.head-middle .hm-sm .el-wb{
    font-size: 18px;
    color: var(--colorZT);
    font-weight: 700;
}
.head-middle .hm-cr{
    display: flex;
    align-items: center;
}
.head-middle .hm-cr .hm-ie{
    display: flex;
    align-items: center;
    margin: 0 0 0 20px;
}
.head-middle .hm-cr .hm-ie .el-im{
    width: 50px;
    height: 50px;
}
.head-middle .hm-cr .hm-ie .el-cn{
    margin: 0 0 0 10px;
}
.head-middle .hm-cr .hm-ie .el-cn .el-wa{
    font-size: 14px;
    color: #313333;
    margin: 0 0 6px 0;
}
.head-middle .hm-cr .hm-ie .el-cn .el-wb{
    font-size: 14px;
    color: #313333;
}

/*头部-e*/

/*头部-菜单-s*/
.header{
    background-color: var(--colorZT);
}
.header-menu{
    position: relative;
}
.header-menu .CAul{
    display: flex;
    width: 100%;
}
.header-menu .CAli{
    position: relative;
    width: 16.666%;
}
.header-menu .CAli .CAa{
    color: #ffffff;
    width: 100%;
    font-size: calc( var(--bili) * 18px );
    line-height:  calc( var(--bili) * 70px );
    display: block;
    text-align: center;
}
.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{
    background-color: var(--colorFU);
}

/*头部-菜单-e*/

/*下拉菜单*/
.drop-down-menu{
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    overflow: hidden;
    z-index: 99;
    background-color: #ffffff;
}
.drop-down-menu .CBul{
    height: 100%;
    background-color: #ffffff;
    box-shadow: 0 1px 8px rgb(0 0 0 / 6%);
}
.drop-down-menu .CBli{
    /*padding: 0 5px;*/
}
.drop-down-menu .CBa{
    display: block;
    width: 100%;
    line-height: calc( var(--bili) * 45px );
    font-size: calc( var(--bili) * 15px );
    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 #f5f5f5;
    /*padding: 0 0 0 20%;*/
}
.drop-down-menu .CBli:hover .CBa{
    opacity: 1;
    color: var(--colorZT);
}
/*下拉菜单*/



/*内页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;
}
.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: center;
}
.detail-banner .ad-con .ad-cn{
    font-size: 46PX;
    color: #FFFFFF;
    margin: 0 0 calc( var(--bili) * 20px ) 0;
    letter-spacing: 6px;
}
.detail-banner .ad-con .ad-en{
    font-size: 24px;
    background-color: var(--colorZT);
    color: #FFFFFF;
    letter-spacing: 1px;
    padding: 12px 30px;
    border-radius: 10px;
}

/*内页banner-e*/

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

/*banner-tab-s*/
.swiper-pagination.swiper-page-banner{
    bottom: 30px!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{
    padding: 60px 0 30px 0;
    background-color: #e5e5e4;
}
.footer .dbA{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px dashed #9f9fa0;
    padding: 0 0 40px 0;
    margin: 0 0 40px 0;
}
.footer .ea-logo{
    display: flex;
    align-items: center;
}
.footer .ea-logo .ea-im{
    width: 90px;
}
.footer .ea-logo .ea-ic{
    margin: 0 0 0 30px;
}
.footer .ea-logo .ea-ic .ea-cn{
    font-size: 32px;
    font-weight: 700;
    color: #555555;
    margin: 0 0 16px 0;
}
.footer .ea-logo .ea-ic .ea-en{
    font-size: 18px;
    color: #555555;
}
.footer .ea-tfe{
    display: flex;
    justify-content: flex-end;
}
.footer .ea-tfe .ea-ie{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 0 0 120px;
}
.footer .ea-tfe .ea-ie:first-child{
    margin: 0 0 0 60px;
}

.footer .ea-tfe .ea-ie .ea-im{
    width: 70px;
    height: 70px;
}
.footer .ea-tfe .ea-ie .ea-ca{
    font-size: 22px;
    color: var(--colorZT);
}
.footer .ea-tfe .ea-ie .ea-cb{
    font-size: 18px;
    color: #555555;
}

.footer .dbB{
    display: flex;
    justify-content: space-between;
    border-bottom: 1px dashed #9f9fa0;
    padding: 0 0 40px 0;
    margin: 0 0 40px 0;
}
.footer .eb-menu{
    display: flex;
}
.footer .eb-menu .em-ie{
    margin: 0 75px 0 0;
}
.footer .eb-menu .em-ie .em-ta{
    font-size: 24px;
    color: #555555;
    display: block;
    margin: 0 0 25px 0;
    white-space:nowrap;
}
.footer .eb-menu .em-ie .em-tb{
    font-size: 16px;
    color: #555555;
    display: block;
    margin: 0 0 8px 0;
    max-width: 250px;
}
.footer .eb-menu .em-ie .em-tb:hover{
    color: var(--colorZT);
}
.footer .eb-msg{
    width: 345px;
}
.footer .eb-msg .es-title{
    font-size: 24px;
    color: #555555;
    display: block;
    margin: 0 0 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: 30px;
    padding: 0 15px;
    font-size: 14px;
}
.footer .eb-msg .es-sr .es-txt{
    margin: 4% 0 0 0;
    width: 100%;
    padding: 10px 15px;
    height: 80px;
    font-size: 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: 14px;
    color: #FFFFFF;
    margin: 0 4% 0 0;
    padding: 5px 30px;
    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;
}
.footer .dbC .ecl{

}
.footer .dbC .ecl .ec-cn{
    font-size: 14px;
    color: #555555;
    line-height: 2;
}
.footer .dbC .ecr{

}
.footer .dbC .ecr .ec-share{
    display: flex;
}
.footer .dbC .ecr .ec-share .share-box{
    width: 30px;
    height: 30px;
    position: relative;
    margin: 0 0 0 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: 15px 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: 15px;
    margin-left: 0;
    bottom: -10px;
    border: 5px solid transparent;
    border-top: 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%;
}
/*foot-e*/







.wi-title{
    text-align: center;
    margin: 0 0 30px 0;
}
.wi-title .wit-cn{
    font-size: 36px;
    font-weight: 700;
    color: #323333;
    margin: 0 0 20px 0;
}
.wi-title .wit-en{
    font-size: 18px;
    color: #aaaaaa;
}







.wi-wcA{
    padding: 80px 0;
    background: #f7f7f7;
}
.wiA-con{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.wiA-con .ell{
    width: 290px;
    background-color: var(--colorZT);
    padding: 30px 12px 0;
}
.wiA-con .el-menu{
    height: 655px;
    background-color: #efefef;
    overflow: hidden;
}
.wiA-con .ell .el-tit{
    font-size: 30px;
    color: #ffffff;
    font-weight: 700;
    text-align: center;
    margin: 0 0 20px 0;
}
.wiA-con .ell .el-lst{
    height: 630px;
    margin: 0 0 20px 0;
    /*background-color: #efefef;*/
}
.wiA-con .ell .el-trx{
    font-size: 22px;
    color: #ffffff;
    text-align: center;
    margin: 0 0 10px 0;
}
.wiA-con .ell .el-tel{
    width: 80%;
    margin: 0 auto -20px;
    font-size: 24px;
    color: #ffffff;
    text-align: center;
    background-color: var(--colorFU);
    border-radius: 10px;
    height: 42px;
    line-height: 42px;
}

.wiA-con .elr{
    width: calc(100% - 340px);
}
.wiA-con .elr .el-tam{
    background-color: #eeeeee;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 3px solid #959595;
    margin: 0 0 30px 0;
}
.wiA-con .elr .el-tam .el-tab{
    display: flex;
    align-items: center;
    max-width: 80%;
    overflow: hidden;
}
.wiA-con .elr .el-tam .el-tab .elt-ie{
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    color: #555555;
    padding: 0 25px;
    position: relative;
    white-space: nowrap;
    cursor: pointer;
}
.wiA-con .elr .el-tam .el-tab .elt-ie.on{
    background-color: var(--colorZT);
    color: #ffffff;
}
.wiA-con .elr .el-tam .el-tab .elt-ie.on:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 3px;
    left: 0;
    bottom: -3px;
    background-color: #004583;
}
.wiA-con .elr .el-tam .el-more{
    font-size: 14px;
    color: #555555;
    margin: 0 20px 0 0;
}

.wiA-con .elr .el-swlst{
    border: 1px solid #eeeeee;
    background-color: #ffffff;
    padding: 30px;
    height: 360px;
    margin: 0 0 30px 0;
    position: relative;
}
.wiA-con .elr .el-swall{
    height: 0;
    opacity: 0;
}
.wiA-con .elr .el-swall.on{
    height: auto;
    opacity: 1;
}
.wiA-con .elr .el-swlst .iasw-btn-prev{
    left: 88%;
    top: 94%;
    width: 30px;
    height: 30px;
    background: #d2d2d2;
    border-radius: 50%;
    opacity: 1;
}
.wiA-con .elr .el-swlst .iasw-btn-prev:after{
    font-size: 14px;
    color: #ffffff;
    padding: 0 2px 0 0;
}
.wiA-con .elr .el-swlst .iasw-btn-next{
    left: 94%;
    top: 94%;
    width: 30px;
    height: 30px;
    background: #d2d2d2;
    border-radius: 50%;
    opacity: 1;
}
.wiA-con .elr .el-swlst .iasw-btn-next:after{
    font-size: 14px;
    color: #ffffff;
    padding: 0 0 0 2px;
}
.wiA-con .elr .el-swlst .iasw-btn-prev:hover,.wiA-con .elr .el-swlst .iasw-btn-next:hover{
    background-color: var(--colorZT);
}

.wiA-con .elr .el-swlst .el-swie{
    width: 100%;
    height: 100%;
}
.wiA-con .elr .el-swlst .el-swie .Acls{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.wiA-con .elr .el-swlst .el-swie .es-im{
    width: 300px;
    height: 220px;
    overflow: hidden;
}
.wiA-con .elr .el-swlst .el-swie .es-con{
    width: 450px;
}
.wiA-con .elr .el-swlst .el-swie .es-tit{
    font-size: 22px;
    color: #333333;
    font-weight: 700;
    margin: 0 0 24px 0;
    position: relative;
}
.wiA-con .elr .el-swlst .el-swie .es-line{
    width: 100%;
    border-bottom: 1px dashed #7d7d7d;
    margin: 0 0 24px 0;
}
.wiA-con .elr .el-swlst .el-swie .es-int{
    font-size: 16px;
    color: #555555;
    line-height: 1.8;
    margin: 0 0 24px 0;
}
.wiA-con .elr .el-swlst .el-swie .es-btn{
    font-size: 16px;
    color: #ffffff;
    background-color: var(--colorFU);
    padding: 8px 28px;
    border-radius: 10px;
    display: inline-block;
    cursor: pointer;
}

.wiA-con .elr .el-rmlst{
    display: flex;
    align-items: center;
}
.wiA-con .elr .el-rmlst .el-rmie{
    width: 32%;
    border: 1px solid #eeeeee;
    margin: 0 2% 0 0;
}
.wiA-con .elr .el-rmlst .el-rmie:nth-child(3n){
    margin: 0;
}
.wiA-con .elr .el-rmlst .el-rmie .er-im{
    background-color: #ffffff;
    width: 100%;
    height: 250px;
    overflow: hidden;
}
.wiA-con .elr .el-rmlst .el-rmie .er-con{
    background-color: #eeeeee;
    padding: 10px 20px;
}
.wiA-con .elr .el-rmlst .el-rmie .er-tit{
    font-size: 16px;
    color: #555555;
    border-bottom: 1px dashed #7d7d7d;
    line-height: 30px;
    height: 34px;
    margin: 0 0 8px 0;
}
.wiA-con .elr .el-rmlst .el-rmie .er-int{
    font-size: 12px;
    color: #555555;
}

.wi-wcB{
    padding: 50px 0 40px 0;
}
.wiB-con{
    display: flex;
    justify-content: space-between;
}
.wiB-con .ell{
    width: 300px;
}
.wiB-con .el-tab{
    width: 100%;
}
.wiB-con .el-tab .elt-ie{
    width: 100%;
    font-size: 16px;
    font-weight: 700;
    color: #555555;
    background-color: #eeeeee;
    height: 60px;
    line-height: 60px;
    text-align: center;
    margin: 0 0 10px 0;
    padding: 0 2%;
    cursor: pointer;
}
.wiB-con .el-tab .elt-ie:last-child{
    margin: 0;
}
.wiB-con .el-tab .elt-ie.on{
    background-color: var(--colorZT);
    color: #ffffff;
}

.wiB-con .elr{
    width: calc(100% - 340px);
    background-color: #eeeeee;
    padding: 25px;
}
.wiB-con .el-lst{

}
.index_wiB_lst > div{
    height: 0!important;
}
.index_wiB_lst > div.on{
    height: auto!important;
}
.wiB-con .el-lst .ell-ie{
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
}
.wiB-con .el-lst .ei-ie:first-child{
    width: 100%;
    margin: 0 0 25px 0;
}
.wiB-con .el-lst .ei-ie:last-child{
    margin: 0;
}

.wiB-con .el-lst .ei-ie{
    width: 250px;
    margin: 0 30px 0 0;
}
.wiB-con .el-lst .ei-ie .ei-im{
    width: 100%;
    height: 140px;
    overflow: hidden;
}


.wiB-con .el-lst .ei-ie:first-child .Acls{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.wiB-con .el-lst .ei-ie:first-child .ei-im{
    width: 430px;
    height: 265px;
    overflow: hidden;
}
.wiB-con .el-lst .ei-ie .ei-con{
    width: calc(100% - 460px);
}
.wiB-con .el-lst .ei-ie .ei-con .ei-tit{
    font-size: 24px;
    color: #555555;
    margin: 0 0 22px 0;
    padding: 0 0 22px 0;
    border-bottom: 1px dotted #ccc;
    font-weight: 700;
}
.wiB-con .el-lst .ei-ie .ei-con .ei-int{
    font-size: 16px;
    color: #555555;
    line-height: 1.8;
    margin: 0 0 30px 0;
}
.wiB-con .el-lst .ei-ie .ei-con .ei-btn{
    display: inline-block;
    font-size: 14px;
    color: #ffffff;
    padding: 5px 30px;
    background-color: var(--colorZT);
    border-radius: 10px;
}


.wi-wcC{
    padding: 40px 0 60px;
}
.wiC-con{
    position: relative;
}
.wiC-con .wc-ela{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 100px 0;
}
.wiC-con .wc-ela .ell{
    width: 600px;
}
.wiC-con .wc-ela .ell .el-im{
    width: 100%;
    height: 380px;
}
.wiC-con .wc-ela .elr{
    width: calc(100% - 650px);
}
.wiC-con .wc-ela .elr .er-wa{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 35px 0 ;
}
.wiC-con .wc-ela .elr .er-wa .er-tit{
    font-size: 24px;
    color: var(--colorZT);
    font-weight: 700;
}
.wiC-con .wc-ela .elr .er-wa .er-ck{
    width: 48px;
    height: 38px;
    line-height: 36px;
    text-align: center;
    background-color: #e5e5e5;
    font-size: 30px;
    color: #555555;
    cursor: pointer;
}
.wiC-con .wc-ela .elr .er-wb{
    font-size: 16px;
    color: #555555;
    line-height: 2.2;
    margin: 0 0 30px 0;
}
.wiC-con .wc-ela .elr .er-wc{
    display: flex;
    align-items: flex-end;
}
.wiC-con .wc-ela .elr .er-wc .er-ia{
    font-size: 60px;
    font-weight: 700;
    color: var(--colorFU);
}
.wiC-con .wc-ela .elr .er-wc .er-ib{
    font-size: 16px;
    color: #555555;
    margin: 0 20px 0 10px;
    padding: 0 0 15px 0;
}

.wiC-con .wc-elb{

}
.wiC-con .wc-elb .wcb-cna{
    font-size: 36px;
    color: #323333;
    font-weight: 700;
    text-align: center;
}
.wiC-con .wc-elb .wcb-cnb{
    font-size: 24px;
    color: #555555;
    background: url(../images/wcb_cnb.jpg) no-repeat center;
    padding: 30px 0;
    text-align: center;
}
.wiC-con .wc-elb .wcb-lar{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.wiC-con .wc-elb .wcb-lar .wll{
    width: 400px;
}
.wiC-con .wc-elb .wcb-lar .wll .wll-im{
    width: 100%;
    height: 333px;
}
.wiC-con .wc-elb .wcb-lar .wlr{
    width: calc(100% - 530px);
    margin: 0 60px 0 0;
    position: relative;
}
.wiC-con .wc-elb .wcb-lar .wlr .wlr-ie{
   position: relative;
}
.wiC-con .wc-elb .wcb-lar .wlr .wlr-ie .el-im{
    height: 212px;
    overflow: hidden;
}
.iah-btn-next{
    right: -60px;
}
.iah-btn-next:after{
    color: var(--colorZT);
}
.iah-btn-prev{
    left: -60px;
}
.iah-btn-prev:after{
    color: var(--colorZT);
}




.wiC-con .wc-elb .wcb-swl{
    display: flex;
    align-items: center;
}
.wiC-con .wc-elb .wcb-swl .ws-ie{
    width: 33.33%;
    position: relative;
}
.wiC-con .wc-elb .wcb-swl .ws-ie .wsi-im{
    width: 100%;
    height: 350px;
    overflow: hidden;
}
.wiC-con .wc-elb .wcb-swl .ws-ie .wsi-con{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 103, 197, 0.7);
    padding: 10%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.wiC-con .wc-elb .wcb-swl .ws-ie .wsi-con .wsi-icon{
    overflow: hidden;
    margin: 0 0 30px 0;
}
.wiC-con .wc-elb .wcb-swl .ws-ie .wsi-con .wsi-tit{
    font-size: 30px;
    color: #FFFFFF;
    font-weight: 700;
    margin: 0 0 30px 0;
}
.wiC-con .wc-elb .wcb-swl .ws-ie .wsi-con .wsi-int{
    font-size: 18px;
    color: #ffffff;
    line-height: 2;
    text-align: center;
}
.wiC-con .wc-elb .wcb-swl .ws-ie:nth-child(2n) .wsi-con{
    background-color: rgba(243, 152, 0, 0.7);
}
.wiC-con .wc-elb .wcb-swl .ws-ie:hover .wsi-im img{
    transform: scale(1.1);
}

.wi-wcD{
    background: #f7f7f7 url(../images/widBg.jpg) no-repeat center top;
    padding: 170px 0 50px 0;
}
.wiD-con{
    position: relative;
}
.wiD-con .wcd-cna{
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    position: relative;
    color: var(--colorZT);
    margin: 0 0 20px 0;
}
.wiD-con .wcd-cna:after{
    content: '';
    position: absolute;
    background: url(../images/wcd_sy.png) no-repeat center;
    width: 40px;
    height: 40px;
    background-size: 100% 100%;
    margin: -20px 0 0 20px;
}
.wiD-con .wcd-cnb{
    font-size: 24px;
    color: #323333;
    text-align: center;
    font-weight: 700;
    margin: 0 0 40px 0;
}
.wiD-con .wcd-lst{
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: -20px 0 0 0;
}
.wiD-con .wcd-lst:nth-of-type(1) .wl-wz{
    background: url(../images/wcd_bg1.png) no-repeat 0 0;
    background-size: 58px 97px;
}
.wiD-con .wcd-lst:nth-of-type(2) .wl-wz{
    background: url(../images/wcd_bg2.png) no-repeat 0 0;
    background-size: 58px 97px;
}
.wiD-con .wcd-lst .wl-wz{
    width: calc(100% - 600px);
    padding: 0 0 0 85px;
}
.wiD-con .wcd-lst .wl-wz .wl-ka{
    font-size: 24px;
    font-weight: 700;
    color: #555555;
    margin: 0 0 6px 0;
}
.wiD-con .wcd-lst .wl-wz .wl-ka span{
    color: var(--colorZT);
}
.wiD-con .wcd-lst .wl-wz .wl-kb{
    font-size: 16px;
    font-weight: 700;
    color: #b5b5b5;
    margin: 0 0 50px 0;
}
.wiD-con .wcd-lst .wl-wz .wl-kc{
    font-size: 18px;
    color: #323333;
    line-height: 2;
    position: relative;
    border-left: 1px solid #ccc;
    padding: 0 30px 0 20px;
}
.wiD-con .wcd-lst .wl-wz .wl-kc:after{
    content: '';
    position: absolute;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    left: -8px;
    top: 0;
    border: 1px solid #ccc;
    background: #fff;
}
.wiD-con .wcd-lst .wl-wz .wl-kc:before{
    content: '';
    position: absolute;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    left: -8px;
    bottom: 0;
    border: 1px solid #ccc;
    background: #fff;
}
.wiD-con .wcd-lst .wl-im{
    width: 550px;
}

.wi-wcE{
    background-color: #ffffff;
    padding: 80px 0 40px 0;
}
.wiE-con{
    display: flex;
    justify-content: space-between;
}
.wiE-con .wce-con{
    width: 550px;
}
.wiE-con .wce-tam{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 12px 0;
}
.wiE-con .wce-tam .wce-tit{
    font-size: 24px;
    color: #555555;
}
.wiE-con .wce-tam .wce-ck{
    font-size: 14px;
    color: var(--colorZT);
}
.wiE-con .wce-lst{

}
.wiE-con .wce-ie{
    position: relative;
}
.wiE-con .wce-ie .Acls{
    display: flex;
    justify-content: space-between;
}
.wiE-con .wce-ie .wi-im{
    width: 200px;
    height: 170px;
    overflow: hidden;
}
.wiE-con .wce-ie .wi-con{
    width: calc(100% - 200px);
    background-color: #eeeeed;
    padding: 2% 5%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.wiE-con .wce-ie .wi-con .wi-tit{
    font-size: 18px;
    color: #323333;
    margin: 0 0 12px 0;
}
.wiE-con .wce-ie .wi-con .wi-int{
    font-size: 14px;
    color: #323333;
    margin: 0 0 12px 0;
    line-height: 2;
}

.wiE-con .wce-ie .wi-con .wi-dam{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.wiE-con .wce-ie .wi-con .wi-dam .wi-date{
    font-size: 12px;
    color: #555555;
}
.wiE-con .wce-ie .wi-con .wi-dam .wi-more{
    font-size: 12px;
    color: var(--colorZT);
}

.wiE-con .wce-ies{
    border-bottom: 1px dashed #cccccc;
    padding: 25px 0;
}
.wiE-con .wce-ies .wis-tad{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 12px 0;
}
.wiE-con .wce-ies .wis-tad .wis-tit{
    width: 80%;
    font-size: 16px;
    color: #323333;
}
.wiE-con .wce-ies .wis-tad .wis-date{
    font-size: 12px;
    color: #323333;
    text-align: right;
}
.wiE-con .wce-ies .wis-int{
    font-size: 12px;
    color: #323333;
}

.wiE-con .wce-he{
    margin: 0 0 20px 0;
}
.wiE-con .wce-he .Acls{
    display: flex;
    justify-content: space-between;
}
.wiE-con .wce-he .wi-im{
    width: 170px;
    height: 145px;
    overflow: hidden;
}
.wiE-con .wce-he .wi-con{
    width: calc(100% - 200px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
.wiE-con .wce-he .wi-con .wi-tit{
    font-size: 16px;
    color: #323333;
    margin: 0 0 12px 0;
}
.wiE-con .wce-he .wi-con .wi-int{
    font-size: 14px;
    color: #323333;
    line-height: 2;
    margin: 0 0 12px 0;
}
.wiE-con .wce-he .wi-con .wi-more{
    font-size: 14px;
    color: #ffffff;
    background-color: var(--colorZT);
    display: inline-block;
    padding: 4px 20px;
    border-radius: 30px;
}
.wiE-con .wce-he:hover .wi-con .wi-more{
    background-color: var(--colorFU);
}


.wi-wcF{
    padding: 40px 0 110px 0;
}
.wiF-con{
    position: relative;
}
.wiF-con .wcf-cna{
    font-size: 36px;
    color: #323333;
    font-weight: 700;
    text-align: center;
}
.wiF-con .wcf-cnb{
    font-size: 24px;
    color: #555555;
    background: url(../images/wcb_cnb.jpg) no-repeat center;
    padding: 30px 0;
    text-align: center;
    margin: 0 0 30px 0;
}
.wiF-con .wcf-lst{
    display: flex;
    flex-wrap: wrap;
    background: url(../images/wcfBg.png) no-repeat center;
    width: 1200px;
    height: 220px;
    background-size: 100% 100%;
    padding: 0 3.3%;
}
.wiF-con .wcf-lst .wcf-iem{
    width: 20%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.wiF-con .wcf-lst .wcf-iem .el-im{
    width: 150px;
    height: 60px;
    overflow: hidden;
}




/*公共搜索-s*/
.middle-cas{
    background-color: #eeeeee;
    padding: 30px 0;
}
.middle-cas .infx{
    display: flex;
    justify-content: space-between;
}
.middle-cas .mc-el{
    display: flex;
    align-items: center;
}
.middle-cas .mc-em{
    width: 390px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.middle-cas .mc-er{
    display: flex;
    align-items: center;
}

.middle-cas .mcl-im{
    width: 55px;
    height: 55px;
    overflow: hidden;
}
.middle-cas .mcl-con{
    margin: 0 0 0 20px;
}
.middle-cas .mcl-con .mcl-ca{
    font-size: 18px;
    font-weight: 700;
    color: var(--colorZT);
    margin: 0 0 5px 0;
}
.middle-cas .mcl-con .mcl-cb{
    font-size: 18px;
    font-weight: 700;
    color: var(--colorZT);
}
.middle-cas form{
    width: 100%;
}
.middle-cas .mcm-form{
    width: 100%;
    position: relative;
    margin: 0 0 12px 0;
}
.middle-cas .mcm-form .mcm-srk{
    width: 100%;
    border: 0;
    font-size: 14px;
    height: 44px;
    padding: 0 30px;
    border-radius: 20px;
}
.middle-cas .mcm-form .mcm-btn{
    position: absolute;
    width: 64px;
    height: 44px;
    right: 0;
    top: 0;
    background: transparent url(../images/mcs_btn.svg) no-repeat center;
    background-size: 20px;
    z-index: 2;
    cursor: pointer;
}
.middle-cas .mcm-kws{
    font-size: 14px;
    color: #888888;
    text-align: center;
}

.middle-cas .mcr-im{
    width: 36px;
    margin: -30px 0 0 0;
}
.middle-cas .mcr-con{
    margin: 0 0 0 45px;
}
.middle-cas .mcr-con .mcr-ca{
    font-size: 24px;
    color: var(--colorFU);
}
.middle-cas .mcr-con .mcr-cb{
    font-size: 30px;
    font-weight: 700;
    color: var(--colorFU);
}
/*公共搜索-e*/


/*公共联系-s*/

.elc-contact{
    background-color: #FFFFFF;
    position: relative;
    border: 10px solid var(--colorZT);
    padding: 30px 0 60px;
    border-bottom-width: 90px;
}
.elc-contact:after{
    content: '';
    position: absolute;
    background: url(../images/elcBg.png) no-repeat center;
    width: 136px;
    height: 146px;
    bottom: -90px;
    left: 70px;
}
.elc-contact .elx-wa{
    font-size: 30px;
    text-align: center;
    font-weight: 700;
    color: #1b84c6;
    margin: 0 0 25px 0;
}
.elc-contact .elx-wb{
    height: 48px;
    line-height: 48px;
    background: transparent url(../images/elx1.png) no-repeat center left;
    background-size: 48px 48px;
    font-size: 24px;
    color: #666666;
    padding: 0 0 0 60px;
    display: inline-block;
    margin: 0 0 20px 45px;
}
.elc-contact .elx-wc{
    font-size: 24px;
    color: #555555;
    font-weight: 700;
    text-align: center;
    margin: 0 0 20px 0;
}
.elc-contact .elx-wd{
    font-size: 14px;
    color: #555555;
    padding: 0 0 0 36px;
    line-height: 26px;
    margin: 0 10px 15px 25px;
}
.elc-contact .elx-ic1{
    background: transparent url(../images/elx_ic1.png) no-repeat left 0;
    background-size: 26px 26px;
}
.elc-contact .elx-ic2{
    background: transparent url(../images/elx_ic2.png) no-repeat left 0;
    background-size: 26px 26px;
}
.elc-contact .elx-ic3{
    background: transparent url(../images/elx_ic3.png) no-repeat left 0;
    background-size: 26px 26px;
}
/*公共联系-e*/


/*关于我们-s*/
.about-conter{
    position: relative;
}
.about-conter .ab-title{
    text-align: center;
    margin: 0 0 50px 0;
}
.about-conter .ab-title .ab-tcn{
    font-weight: 700;
    font-size: 36px;
    color: #333333;
    margin: 0 0 20px 0;
}
.about-conter .ab-title .ab-ten{
    font-size: 20px;
    color: #aaaaaa;
}
.about-conter .ab-intro{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 60px 0;
}
.about-conter .ab-intro .ail{
    width: calc(100% - 590px);
}
.about-conter .ab-intro .air{
    width: 502px;
    height: 535px;
}
.about-conter .ab-intro .ail-tit{
    font-size: 24px;
    font-weight: 700;
    color: var(--colorZT);
    margin: 0 0 40px 0;
    border-left: 4px solid var(--colorZT);
    padding: 0 0 0 20px;
}
.about-conter .ab-intro .ail-con{
    font-size: 16px;
    color: #555555;
    line-height: 2.6;
}
.about-conter .ab-vision{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 60px 0;
}
.about-conter .ab-vision .avl{
    width: 624px;
    height: 535px;
    overflow: hidden;
}
.about-conter .ab-vision .avr{
    width: calc(100% - 700px);
}
.about-conter .ab-vision .avr-iem{
    margin: 0 0 40px 0;
}
.about-conter .ab-vision .avr-iem .avr-con{
    display: flex;
    align-items: center;
    margin: 0 0 30px 0;
}
.about-conter .ab-vision .avr-iem .avr-con .avr-im{
    width: 55px;
    height: 55px;
    margin: 0 20px 0 0;
}
.about-conter .ab-vision .avr-iem .avr-con .avr-mc{
    font-weight: 700;
    font-size: 30px;
    color: #555555;
    letter-spacing: 4px;
}
.about-conter .ab-vision .avr-iem .avr-int{
    font-size: 18px;
    color: #333333;
    line-height: 2;
}
.about-conter .ab-environ{
    margin: 0 0 30px 0;
}
.about-conter .ab-environ .ae-item{
    max-width: 380px;
}
.about-conter .ab-environ .ae-item .ae-im{
    width: 100%;
    height: 260px;
    overflow: hidden;
    cursor: pointer;
}
.about-conter .ab-environ .ae-item .ae-tit{
    font-size: 16px;
    color: #ffffff;
    background-color: var(--colorZT);
    text-align: center;
    padding: 12px 20px;
}

.environ-swiper{
    padding: 0 0 120px 0;
}
.environ-swiper .sw-anA{
    width: 60px;
    height: 60px;
    background-color: #b5b5b5;
    border-radius: 50%;
}
.environ-swiper .sw-anA:after{
    font-size: 18px;
    color: #ffffff;
}
.environ-swiper .sw-anA:hover{
    background-color: var(--colorFU);
}
.environ-swiper .swiper-button-prev{
    left: 43%;
    top: 90%;
}
.environ-swiper .swiper-button-next{
    right: 43%;
    top: 90%;
}

.honor-conter{
    padding: calc( var(--bili) * 110px ) 0 calc( var(--bili) * 100px );
    background: url(../images/honorBg.jpg) no-repeat top;
    background-size: 100%;
}
.honor-conter .hc-title{

}
.honor-conter .hc-title .hc-tcn{
    font-size: 48px;
    color: #ffffff;
    margin: 0 0 24px 0;
}
.honor-conter .hc-title .hc-ten{
    font-size: 24px;
    color: #ffffff;
    position: relative;
    padding: 0 0 30px 0;
    margin: 0 0 80px 0;
}
.honor-conter .hc-title .hc-ten:after{
    content: '';
    position: absolute;
    width: 150px;
    height: 3px;
    background-color: var(--colorFU);
    bottom: 0;
    left: 0;
}
.honor-conter .honor-lst{
    display: flex;
    flex-wrap: wrap;
}
.honor-conter .honor-lst .honor-item{
    width: 32%;
    margin: 0 2% 3% 0;
    text-align: center;
}
.honor-conter .honor-lst .honor-item:nth-child(3n){
    margin: 0 0 3% 0;
}
.honor-conter .honor-lst .honor-item .el-im{
    background-color: #eeeeee;
    padding: 25px;
    border-radius: 10px;
    overflow: hidden;
    margin: 0 0 20px 0;
}
.honor-conter .honor-lst .honor-item .el-ims{
    height: 469px;
    overflow: hidden;
    cursor: pointer;
}
.honor-conter .honor-lst .honor-item .el-im img{
    height: 469px;
}
.honor-conter .honor-lst .honor-item .el-cn{
    font-size: 24px;
    color: #333333;
    margin: 0 0 10px 0;
}
.honor-conter .honor-lst .honor-item .el-en{
    font-size: 18px;
    color: #555555;
}


/*关于我们-e*/


/*联系我们-s*/
.conter-lst{
    display: flex;
    justify-content: space-between;
    margin: 0 0 60px 0;
}
.conter-lst .cl-ie{
    background-color: var(--colorZT);
    width: 24%;
    text-align: center;
    border-radius: 5px;
    overflow: hidden;
    padding: 20px;
}
.conter-lst .cl-ie .cl-im{
    width: 60px;
    height: 60px;
    margin: 0 auto 10px;
}
.conter-lst .cl-ie .cl-mc{
    font-size: 18px;
    font-weight: 700;
    color: #FFFFFF;
    margin: 0 0 10px 0;
}
.conter-lst .cl-ie .cl-nr{
    font-size: 16px;
    color: #FFFFFF;
    line-height: 1.6;
}

.conter-map{

}
.conter-map .cm-title{
    font-size: 30px;
    color: #333333;
    font-weight: 700;
    margin: 0 0 40px 0;
}
.map-container{
    height: 620px;
}


/*联系我们-e*/



/*main-s*/
.main-conter{
    padding: 50px 0;
}
/*main-e*/



/*左右-s*/
.lst_infx{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.ecL{
    width: 290px;
}
.ecR{
    width: calc(100% - 330px);
}
.ecL_det{
    width: 340px;
}
.ecR_det{
    width: calc(100% - 400px);
}

/*左右-e*/

/*左菜单-s*/
.elc-nav{
    margin: 0 0 40px 0;
}
.elc-nav .elc-mc{
    font-size: 30px;
    font-weight: 700;
    color: #FFFFFF;
    text-align: center;
    height: 85px;
    line-height: 85px;
    background-color: var(--colorZT);
    letter-spacing: 2px;
}
.elc-nav .elc-line{
    width: 100%;
    height: 10px;
    background-color: var(--colorZT);
}
.elc-nav .elc-lst{

}
.elc-nav .elc-lst .elc-iem{
    border-bottom: 1px dashed #cccccc;
}
.elc-nav .elc-lst .elc-iem:last-child{
    border-bottom: 0;
}
.elc-nav .elc-lst .elc-iem .CAa{
    padding: 0 50px;
    font-size: 16px;
    font-weight: 700;
    color: #555555;
    line-height: 65px;
    position: relative;
    background-color: #efefef;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    word-break: break-all;
}
.elc-nav .elc-lst .elc-iem .CAa:hover{
    color: var(--colorZT);
}

.elc-nav .elc-lst .elc-iem .CAa:after{
    content: '';
    position: absolute;
    background: transparent url(../images/icons/nav_icon1.svg) no-repeat center;
    width: 16px;
    height: 16px;
    background-size: 100% 100%;
    left: 20px;
    top: calc((100% - 16px)/2);
}
.elc-nav .elc-lst .elc-iem .CAa:before{
    content: '';
    position: absolute;
    background: transparent url(../images/icons/nav_icon2.svg) no-repeat center;
    width: 24px;
    height: 24px;
    background-size: 100% 100%;
    right: 20px;
    top: calc((100% - 24px)/2);
}
.elc-nav .elc-lst .elc-iem .CBls{
    display: none;
}
.elc-nav .elc-lst .elc-iem .CBls.on{
    display: block;
}
.elc-nav .elc-lst .elc-iem .CBls .CBa{
    border-top: 1px dashed #cccccc;
    padding: 0 50px;
    font-size: 14px;
    color: #333333;
    line-height: 65px;
    position: relative;
    background-color: #f5f5f5;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    word-break: break-all;
}
.elc-nav .elc-lst .elc-iem .CBls .CBa:after{
    content: '';
    position: absolute;
    background: transparent url(../images/icons/aw_r.svg) no-repeat center;
    width: 12px;
    height: 12px;
    background-size: 100% 100%;
    left: 22px;
    top: calc((100% - 12px)/2);
    opacity: 0.7;
}
.elc-nav .elc-lst .elc-iem .CBls .CBa:hover{
    color: var(--colorZT);
}
.elc-nav .elc-lst .elc-iem .CBls .CBa.on{
    color: var(--colorZT);
}
.elc-nav .elc-lst .elc-iem.on .CAa{
    color: var(--colorZT);
}
.elc-nav .elc-lst .elc-iem.on .CBls{
     display: block!important;
}



/*左菜单-e*/


/*详情-s*/
.detail-conter{
    position: relative;
}
.detail-conter .dc-title{
    font-size: calc( var(--bili) * 28px );
    color: #333333;
    text-align: left;
    margin: 0 0 3% 0;
    padding: 0 1%;
}
.detail-conter .dc-info{
    text-align: left;
    margin: 0 0 3% 0;
    padding: 0 0 3% 0;
    border-bottom: 1px dashed #dedede;
    position: relative;
}
.detail-conter .dc-info .el-in{
    font-size: calc( var(--bili) * 16px );
    color: #535353;
    padding: 0 1%;
}
.detail-conter .dc-conter{
    /*font-size: calc( var(--bili) * 18px );*/
    color: #333333;
    line-height: 2;
    margin: 0 0 3% 0;
    padding: 0 1%;
}
.detail-conter .dc-conter *{
    max-width: 100%;
    line-height: 2;
}
.detail-conter .dc-conter table,.detail-conter .dc-conter th,.detail-conter .dc-conter td{
    border-collapse: collapse;
}
.detail-conter .dc-conter img{
    width: calc( var(--bili) * 800px );
}
.Around{
    border-top: 1px dashed #dedede;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 4% 0 0 0;
    margin: 0 0 2% 0;
}
.Around .Aroundul{
    max-width: 45%;
    background: #adadad;
}
.Around .Aroundul .Acls{
    font-size: calc( var(--bili) * 16px );
    color: #ffffff;
    display: block;
    line-height: calc( var(--bili) * 70px );
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    word-break: break-all;
}
.Around .Aroundul:first-child .Acls{
    background: url(../images/icons/awel_white.svg) no-repeat 10%;
    background-size: calc( var(--bili) * 18px );
    padding: 0 calc( var(--bili) * 30px ) 0 calc( var(--bili) * 100px );
}
.Around .Aroundul:last-child .Acls{
    background: url(../images/icons/awer_white.svg) no-repeat 90%;
    background-size: calc( var(--bili) * 18px );
    padding: 0 calc( var(--bili) * 100px ) 0 calc( var(--bili) * 30px );
}

/*详情-e*/


/*产品详情-s*/
.wih-conter{

}
.wih-conter .wih-cA{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 40px 0;
    background-color: #f5f5f5;
    padding: 25px;
}
.wih-conter .wih-cB{

}
.wih-conter .wih-cC{
    margin: 0 0 30px 0;
}
.wih-cA .wha-sw{
    width: 350px;
}
.wih-cA .wha-con{
    width: calc(100% - 390px);
}

.mySwiperA{
    margin: 0 0 10px 0;
}
.Pro-imA{
    width: 100%;
    background-color: #ffffff;
    height: 260px;
    overflow: hidden;
}
.Pro-imB{
    background-color: #ffffff;
    height: 60px;
}

.mySwiperB .swiper-slide{
    border: 1px solid #ffffff;
}
.mySwiperB .swiper-slide-thumb-active{
    border: 1px solid var(--colorZT);
}



.wih-cA .wha-con .wha-mc{
    font-weight: 700;
    font-size: 22px;
    color: #333333;
    border-bottom: 1px dashed #cccccc;
    padding: 0 0 20px 0;
    margin: 0 0 20px 0;
}
.wih-cA .wha-con .wha-nr{
    font-size: 16px;
    color: #555555;
    margin: 0 0 30px 0;
    line-height: 2;
}
.wih-cA .wha-con .wha-bal{
    display: flex;
    align-items: center;

}
.wih-cA .wha-con .wha-bal .wha-btn{
    font-size: 18px;
    color: #ffffff;
    background-color: var(--colorFU);
    padding: 10px 40px;
    border-radius: 5px;
    display: inline-block;
}
.wih-cA .wha-con .wha-bal .wha-tel{
    font-size: 16px;
    color: var(--colorZT);
    font-weight: 700;
    background: url(../images/wha_tel.svg) no-repeat 0;
    background-size: 34px;
    padding: 0 0 0 46px;
    margin: 0 0 0 40px;
}

.wih-cB .whb-title{
    display: flex;
    align-items: center;
    border-bottom: 1px dashed #cccccc;
    margin: 0 0 30px 0;
    padding: 0 0 15px 0;
}
.wih-cB .whb-title .whb-cn{
    font-weight: 700;
    font-size: 18px;
    color: #555555;
    border-left: 3px solid var(--colorFU);
    padding: 2px 0 2px 15px;
    letter-spacing: 4px;
}
.wih-cB .whb-title .whb-en{
    font-size: 12px;
    color: #aaaaaa;
    margin: 0 0 0 10px;
}

.wih-cC .whc-tit{
    font-size: 18px;
    color: #FFFFFF;
    font-weight: 700;
    background-color: var(--colorZT);
    display: inline-block;
    padding: 0 45px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    position: relative;
    margin: 0 0 0 30px;
}
.wih-cC .whc-tit:after{
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 25px solid #154374;
    border-right: 12px solid transparent;
    right: -12px;
    top: 0;
}
.wih-cC .whc-con{
    margin: -30px 0 0 0;
    background-color: #f5f5f5;
    padding: 60px 30px 40px;
    line-height: 2;
}
.wih-cC .whc-con *{
    max-width: 100%;
}
.wih-cC .whc-con img{
    height: auto;
    max-width: 100%;
}

.wih-rec{
    display: flex;
}
.wih-rec .rec-ie{
    width: 32%;
    margin: 0 2% 0 0;
}
.wih-rec .rec-ie:nth-child(3n){
    margin: 0;
}
.wih-rec .rec-ie .el-im{
    width: 100%;
    height: 205px;
    overflow: hidden;
    background-color: #e5e5e5;
}
.wih-rec .rec-ie .el-mc{
    background-color: #d2d2d2;
}

/*产品详情-e*/





/*详情推荐-s*/
.rec-conter{
    width: 100%;
    margin: 0 0 40px 0;
}
.rec-conter .rec-title{
    font-size: 30px;
    color: #FFFFFF;
    text-align: center;
    height: 85px;
    line-height: 85px;
    background-color: var(--colorZT);
    letter-spacing: 2px;
}
.rec-conter .rec-line{
    width: 100%;
    height: 10px;
    background-color: var(--colorZT);
}
.rec-conter .rec-lsA{
    position: relative;
}
.rec-conter .rec-ieC{
    border: 2px solid #efefef;
}
.rec-conter .rec-ieC .rec-im{
    width: 100%;
    overflow: hidden;
}
.rec-conter .rec-ieC .rec-mc{
    text-align: center;
    font-size: 14px;
    color: #333333;
    line-height: 50px;
    padding: 0 50px;
}
.rec-conter .rec-ieC:hover .rec-mc{
    color: var(--colorZT);
}
.rec-conter .rec-ieA{
    width: 100%;
    position: relative;
}
.rec-conter .rec-ieA .rec-mc{
    border-top: 2px solid #ffffff;
    padding: 0 50px;
    font-size: 14px;
    color: #333333;
    line-height: 64px;
    position: relative;
    background-color: #efefef;
}
.rec-conter .rec-ieA .rec-mc:before{
    content: '';
    position: absolute;
    background: transparent url(../images/icons/nav_icon2.svg) no-repeat center;
    width: 24px;
    height: 24px;
    background-size: 100% 100%;
    right: 20px;
    top: calc((100% - 24px)/2);
}
.rec-conter .rec-ieA:hover .rec-mc{
    color: var(--colorZT);
}

.rec-conter .rec-lsB{
    position: relative;
}
.rec-conter .rec-ieB{
    width: 100%;
    position: relative;
}
.rec-conter .rec-ieB .rec-mc{
    border-top: 1px dashed #cccccc;
    padding: 0 50px;
    font-size: 14px;
    color: #333333;
    line-height: 64px;
    position: relative;
    background-color: #f5f5f5;
}
.rec-conter .rec-ieB:first-child .rec-mc{
    border-top: 0;
}
.rec-conter .rec-ieB .rec-mc:after{
    content: '';
    position: absolute;
    background: transparent url(../images/icons/aw_r.svg) no-repeat center;
    width: 12px;
    height: 12px;
    background-size: 100% 100%;
    left: 22px;
    top: calc((100% - 12px)/2);
    opacity: 0.7;
}
.rec-conter .rec-ieB:hover .rec-mc{
    color: var(--colorZT);
}




/*详情推荐-e*/








/*列表-s*/

.erc-list{
    position: relative;
}
.cori-item{
    margin: 0 0 30px 0;
    background-color: #e5e5e5;
}
.cori-item .Acls{
    display: flex;
    justify-content: space-between;
}
.cori-item.nsb{
    padding: 10px;
}
.cori-item .el-im{
    width: 340px;
    height: 250px;
    overflow: hidden;
}
.cori-item .el-con{
    width: calc(100% - 385px);
    padding: 0 40px 0 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
.cori-item .el-con .el-tit{
    font-size: 18px;
    color: #555555;
    margin: 0 0 30px 0;
}
.cori-item .el-con .el-int{
    font-size: 14px;
    color: #555555;
    line-height: 2;
    margin: 0 0 20px 0;
}
.cori-item .el-con .el-dam{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.cori-item .el-con .el-dam .el-date{
    font-size: 14px;
    color: #555555;
}
.cori-item .el-con .el-dam .el-more{
    font-size: 14px;
    color: #555555;
}
.cori-item:hover{
    background-color: var(--colorZT);
}
.cori-item:hover *{
    color: #FFFFFF!important;
}
.cori-item:hover .el-im img{
    transform: scale(1.1);
}

.pro-list{
    display: flex;
    flex-wrap: wrap;
}
.product-item{
    width: 32%;
    margin: 0 2% 2% 0;
}
.product-item:nth-child(3n){
    margin: 0 0 2% 0;
}
.product-item .el-im{
    width: 100%;
    height: 205px;
    overflow: hidden;
    background-color: #e5e5e5;
    position: relative;
}
.product-item .el-im .el-ck{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 20%);
    left: 0;
    top: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.5s;
}
.product-item .el-im .el-ck .el-ckan{
    font-size: 14px;
    color: #ffffff;
    border: 1px solid #ffffff;
    padding: 4px 20px;
    border-radius: 30px;
    letter-spacing: 2px;
}
.product-item .el-con{
    background-color: #d2d2d2;
    display: flex;
    justify-content: space-between;
}
.product-item .el-con .el-tit{
    line-height: 45px;
    height: 45px;
    padding: 0 0 0 20px;
    font-size: 14px;
    color: #333333;
    width: 80%;
}
.product-item .el-con .el-aw{
    width: 15%;
    background: transparent url(../images/icons/aw_r.svg) no-repeat center;
    background-size: 12px 12px;
    opacity: 0.4;
}
.product-item:hover .el-con{
    background-color: var(--colorZT);
}
.product-item:hover .el-con .el-tit{
    color: #ffffff;
}
.product-item:hover .el-con .el-aw{
    background: transparent url(../images/icons/aw_r_white.svg) no-repeat center;
    background-size: 12px 12px;
    opacity: 1;
}
.product-item:hover .el-im .el-ck{
    top: 0;
}
.product-item:hover .el-im img{
    transform: scale(1.1);
}
/*列表-e*/





.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;
}
.recruit-list .recruit-title .el-mc{
    width: 16.6%;
    text-align: center;
    line-height:  calc( var(--bili) * 60px );
}
.recruit-item{
    margin: calc( var(--bili) * 20px ) 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) * 60px );
}
.recruit-item .recruit-whnr{
    border: 1px solid #dddddd;
    padding: calc( var(--bili) * 40px );
    background-color: #f8f8f8;
    display: none;
    margin: -1px 0 0 0;
}
.recruit-item .recruit-whnr .el-lar{
    display: flex;
    justify-content: space-between;
}
.recruit-item .recruit-whnr .el-wih{
    width: 45%;
}
.recruit-item .recruit-whnr .el-wih .dca{
    font-weight: 700;
    font-size: calc( var(--bili) * 18px );
    color: #404040;
    margin: 0 0 calc( var(--bili) * 10px );
}
.recruit-item .recruit-whnr .el-wih .dcb{
    font-weight: 400;
    font-size: calc( var(--bili) * 16px );
    color: #666666;
    line-height: calc( var(--bili) * 36px );
}
.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;
}