:root{
    --mcolor: #008471;
    --bili:1;
    --bilis:1;
}
@media screen and (max-width: 1600px) {
    :root{
        --bili:0.833;
    }
}
@media screen and (max-width: 1400px) {
    :root{
        --bili:0.749;
        --bilis:0.833;
    }
}
@media screen and (max-width: 1367px) {
    :root{
        --bili:0.71;
    }
}
@media screen and (max-width: 1280px) {
    :root{
        --bili:0.693;
    }
}
.header{
    width: 100%;
    background: #ffffff;
    box-shadow: 0 1px 8px rgb(0 0 0 / 6%);
    position: relative;
    z-index: 1005;
}

.inner{
    width: calc( var(--bili) * 1680px );
    margin: 0 auto;
}
.inners{
    width: calc( var(--bilis) * 1400px );
    margin: 0 auto;
}
.inner18{
    width: calc( var(--bili) * 1800px );
    margin: 0 auto;
}



.header .header-box{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.header .header-logo{
    width: calc( var(--bili) * 202px );
}
.header .header-fl{
    display: flex;
    align-items: center;
}
.header .header-menu{

}
.header .header-menu .CAul{
    display: flex;
}
.header .header-menu .CAli{
    position: relative;
}
.header .header-menu .CAli .CAa{
    font-weight: 400;
    color: #262626;
    font-size: calc( var(--bili) * 18px );
    line-height:  calc( var(--bili) * 90px );
    padding: 0 calc( var(--bili) * 25px );
    /*margin: 0 calc( var(--bili) * 10px );*/
    min-width: calc( var(--bili) * 100px );
    display: block;
    text-align: center;
}
.header .header-menu .CAli:hover .CAa{
    color: var(--mcolor);
}
.header .header-menu .CAli.cur .CAa{
    color: #ffffff;
    background-color: var(--mcolor);
}
.header .header-lxal{
    display: flex;
    align-items: center;
}
.header .header-lxal .hl-logo{
    width: calc( var(--bili) * 36px );
    height: calc( var(--bili) * 36px );
    overflow: hidden;
    border-radius: 50%;
    margin: 0 0 0 calc( var(--bili) * 20px );
}
.header .header-lxal .hl-lxdh{
    font-weight: 500;
    font-size: calc( var(--bili) * 18px );
    color: var(--mcolor);
    margin: 0 0 0 calc( var(--bili) * 10px );
}
.header .header-lxal .hl-wx{
    width: calc( var(--bili) * 36px );
    margin: 0 0 0 calc( var(--bili) * 20px );
    display: flex;
    align-items: center;
}
.header .header-lxal .hl-wx{
    width: calc( var(--bili) * 36px );
    height: calc( var(--bili) * 90px );
    margin: 0 0 0 calc( var(--bili) * 20px );
    display: flex;
    align-items: center;
    position: relative;
}
.header .header-lxal .hl-wx .wxmg1{
    width: calc( var(--bili) * 36px );
    height: calc( var(--bili) * 36px );
    overflow: hidden;
    border-radius: 50%;
}
.header .header-lxal .hl-wx .wxmg2{
    display: none;
    width: calc( var(--bili) * 160px );
    height: calc( var(--bili) * 160px );
    position: absolute;
    top: calc( var(--bili) * 90px );
    left: calc( var(--bili) * -20px );
    padding: 10px;
    background-color: #fff;
    border-radius: 0 0 5px 5px;
}
.header .header-lxal .hl-wx:hover .wxmg2{
    display: block;
}
.drop-down-menu{
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    overflow: hidden;
    background-color: #ffffff;
    text-align: center;
    border-radius: 0 0 5px 5px;
    padding: 0 0 10px 0;
}
.drop-down-menu ul .CBli{
    /*padding: 0 5px;*/
}
.drop-down-menu ul .CBa{
    display: block;
    width: 100%;
    line-height: 2.5;
    font-weight: 400;
    font-size: calc( var(--bili) * 16px );
    color: #262626;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    word-break: break-all;
}
.drop-down-menu ul .CBli:hover .CBa{
    color: var(--mcolor);
}

.swiper-container-banner{
    height: calc( var(--bili) * 720px );
}
.swiper-pagination.swiper-page-banner{
    bottom: 20px!important;
}
.swiper-page-banner .swiper-pagination-bullet{
    background: #fff;
    width: 10px;
    height: 10px;
}

.detail-banner{
    width: 100%;
    height: calc( var(--bili) * 320px );
    overflow: hidden;
    display: flex;
    align-items: center;
    background-size: 100% 100%!important;
}


.footer{
    padding:  calc( var(--bili) * 40px ) 0  calc( var(--bili) * 20px );

    background-color: #f7f7f7;
}
.footer-list{
    display: flex;
    justify-content: space-between;
    margin: 0 0 calc( var(--bili) * 40px ) 0;
}
.footer-list .fll{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
.footer-list .fll .footer-about{
    margin: 0 calc( var(--bili) * 40px ) 0 0;
}
.footer-list .fll .footer-about dl dt{
    font-size: calc( var(--bili) * 16px );
    color: var(--mcolor);
    font-weight: 400;
    line-height: 3;
}

.footer-list .fll .footer-about dl dd{
    font-weight: 400;
    font-size: calc( var(--bili) * 14px );
    color: #868686;
}
.footer-list .fll .footer-about dl dd a{
    width: 100%;
    display: block;
    line-height: 2;
}
.footer-list .fll .footer-about dl dd p{
    width: 100%;
    display: block;
    line-height: 1.8;
}
.foot-ancp dl dd{
    width: calc( var(--bili) * 610px );
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.foot-ancp  dl dd a{
    width: 50% !important;
    display: -webkit-box!important;
    padding: 0 5px 0 0;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    word-break: break-all;
}

.footer-list .flr{
    display: flex;
}
.footer-list .flr .footer-ewm{
    text-align: center;
}
.footer-list .flr .footer-ewm .ewm-img{
    width: calc( var(--bili) * 142px );
    height: calc( var(--bili) * 142px );
}
.footer-list .flr .footer-ewm .ewm-tit{
    font-weight: 400;
    font-size: calc( var(--bili) * 14px );
    color: #868686;
}
.footer-lx{
    margin: 0 0 0 calc( var(--bili) * 100px );
}
.footer-lx .dca{
    width: calc( var(--bili) * 264px );
    margin: 0 0 calc( var(--bili) * 20px );
}
.footer-lx .dcb{
    color: var(--mcolor);
    font-size: calc( var(--bili) * 16px );
    line-height: 2;
}
.footer-lx .dcc{
    font-size: calc( var(--bili) * 14px );
    color: #868686;
    line-height: 2;
}

.copyright{
    border-top: 1px solid #e9e9e9;
    padding: calc( var(--bili) * 20px ) 0 0 0;
    font-weight: 400;
    font-size: calc( var(--bili) * 14px );
    color: #868686;
    text-align: center;
}


.public-title{
    padding: calc( var(--bili) * 60px ) 0 calc( var(--bili) * 40px );
    text-align: center;
}
.public-title .dcn{
    font-weight: 500;
    font-size: calc( var(--bili) * 38px );
    color: #3C3E43;
    margin: 0 0 calc( var(--bili) * 10px );
}
.public-title .den{
    font-weight: 400;
    font-style: normal;
    font-size: calc( var(--bili) * 17px );
    color: #AEAEAE;
}

/*棣栭〉-浜у搧*/
.wn-product{
    padding: 0 0 calc( var(--bili) * 100px );
}
.sycp-lst{
    width: 100%;
    position: relative;
    display: flex;
    justify-content: space-between;
}
.sycp-lst .sycpl{
    width: calc( var(--bili) * 592px );
}
.sycp-lst .sycpr{
    width: calc( var(--bili) * 1050px );
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: space-between;
}
.sycpl .sycp-box{
    position: relative;
}
.sycpl .sycp-box .dca{
    width: 100%;
    height: calc( var(--bili) * 710px );
    overflow: hidden;
}
.sycpl .sycp-box .dcb{
    position: absolute;
    width: 100%;
    height: calc( var(--bili) * 54px );
    line-height: calc( var(--bili) * 54px );
    background-color: rgba(255, 255, 255, 0.6);
    font-size:  calc( var(--bili) * 20px );
    color: #333333;
    bottom: 0;
    left: 0;
    text-align: center;
    padding: 0 2%;
}

.sycpr .sycp-box{
    width: calc( var(--bili) * 508px );
    height: calc( var(--bili) * 337px );
    position: relative;
}
.sycpr .sycp-box .dca{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.sycpr .sycp-box .dcb{
    position: absolute;
    width: 100%;
    height: calc( var(--bili) * 54px );
    line-height: calc( var(--bili) * 54px );
    background-color: rgba(255, 255, 255, 0.6);
    font-size:  calc( var(--bili) * 20px );
    color: #333333;
    bottom: 0;
    left: 0;
    text-align: center;
    padding: 0 2%;
}
/*棣栭〉-浜у搧*/



/*棣栭〉-妗堜緥*/
.wn-case{
    background: url(../images/u35_div.jpg) no-repeat top;
    padding: 0 0 calc( var(--bili) * 70px );
    background-size: cover;
}

.wnal-lst{
    display: flex;
    justify-content: space-between;
}
.wnal-box{
    width: calc( var(--bili) * 404px );
    margin: 0 10px;
}
.wnal-box .dca{
    width: 100%;
    height: calc( var(--bili) * 267px );
    overflow: hidden;
    margin: 0 0 calc( var(--bili) * 30px );
}
.wnal-box .dcb{
    font-weight: 400;
    font-size: calc( var(--bili) * 20px );
    color: #333333;
    text-align: center;
}
.wnal-ulall{
    position: relative;
}
.wnal-ulall .slick-arrow{
    position: absolute;
    font-size: 0;
    background: url(../images/u37.png) no-repeat;
    width: calc( var(--bili) * 36px );
    height: calc( var(--bili) * 36px );
    top: 40%;
    background-size: 100%;
    cursor: pointer;
}
.wnal-ulall .slick-prev:hover{
    /*transform: rotate(180deg);*/
    /*background: url(../images/u36.png) no-repeat;*/
}
.wnal-ulall .slick-prev{
    left: calc( var(--bili) * -50px );
}
.wnal-ulall .slick-next{
    right: calc( var(--bili) * -50px );
    transform: rotate(180deg);
}
.wnal-box:hover .dcb{
    color: var(--mcolor);
    /*font-weight: 700;*/
}
/*棣栭〉-妗堜緥*/


/*棣栭〉-鍏充簬鎴戜滑*/
.wn-about{
    padding: 0 0 calc( var(--bili) * 100px );
}
.wnab-lst{
    padding: calc( var(--bili) * 30px ) 0 0 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.wnab-lst .wnabl{
    width: calc( var(--bili) * 735px );
}
.wnab-lst .wnabl .dca{
    width: calc( var(--bili) * 201px );
    height: calc( var(--bili) * 55px );
    margin: calc( var(--bili) * 30px ) 0 calc( var(--bili) * 30px );
}
.wnab-lst .wnabl .dcb{
    font-weight: 700;
    font-size: calc( var(--bili) * 30px );
    color: #333333;
    padding: 0 0 calc( var(--bili) * 20px );
    position: relative;
    margin: 0 0 calc( var(--bili) * 30px );
}
.wnab-lst .wnabl .dcb:after{
    content: '';
    position: absolute;
    width: 5%;
    height: 4px;
    background-color: var(--mcolor);
    left: 0;
    bottom: 0;
}
.wnab-lst .wnabl .dcc{
    font-size: calc( var(--bili) * 18px );
    color: #333333;
    line-height: 2;
    margin: 0 0 calc( var(--bili) * 30px );
}
.wnab-lst .wnabl .dcd{
    font-size: calc( var(--bili) * 16px );
    color: #ffffff;
    background-color: var(--mcolor);
    display: inline-block;
    padding: calc( var(--bili) * 10px ) calc( var(--bili) * 40px );
}
.wnab-lst .wnabl .dcd:hover{
    background-color: #0AA290;
}
.wnab-lst .wnabr{
    width: calc( var(--bili) * 840px );
    height: calc( var(--bili) * 475px );
}

/*棣栭〉-鍏充簬鎴戜滑*/

/*棣栭〉-鏂伴椈*/
.wn-news{
    background: url(../images/u69.png) no-repeat bottom;
    padding: 0 0 calc( var(--bili) * 100px );
    background-size: cover;
}
.wnxw-lst{
    display: flex;
    justify-content: space-between;
}
.wnxw-lst .wnxwl{
    width: calc( var(--bili) * 694px );
}
.wnxw-lst .wnxwr{
    width: calc( var(--bili) * 950px );
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.news-sx{
    width: calc( var(--bili) * 694px );
}
.news-sx .dca{
    width: 100%;
    height: calc( var(--bili) * 390px );
    overflow: hidden;
}
.news-sx .dcma{
    width: 100%;
    background-color: #FFFFFF;
    height: calc( var(--bili) * 150px );
    padding: calc( var(--bili) * 20px );
}
.news-sx .dcb{
    color: #333333;
    font-weight: 700;
    font-size: calc( var(--bili) * 20px );
}
.news-sx .dcc{
    color: #7d7d7d;
    font-size: calc( var(--bili) * 14px );
    margin:  calc( var(--bili) * 10px ) 0;
}
.news-sx .dcd{
    color: #7d7d7d;
    font-size: calc( var(--bili) * 14px );
}
.news-sx:hover .dcb{
    color: var(--mcolor);
}

.news-lr{
  position: relative;
}
.news-lr .Acls{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.news-lr .dca{
    width: calc( var(--bili) * 232px );
    height: calc( var(--bili) * 150px );
    overflow: hidden;
}
.news-lr .dcma{
    width: calc( var(--bili) * 700px );

}
.news-lr .dcb{
    color: #333333;
    font-weight: 700;
    font-size: calc( var(--bili) * 20px );
    margin: 0 0 calc( var(--bili) * 20px );
}
.news-lr .dcc{
    color: #7d7d7d;
    font-size: calc( var(--bili) * 14px );
    margin: 0 0 calc( var(--bili) * 20px );
}
.news-lr .dcd{
    color: #7d7d7d;
    font-size: calc( var(--bili) * 14px );
}
.news-lr:hover .dcb{
    color: var(--mcolor);
}
/*棣栭〉-鏂伴椈*/

/*鍙嬫儏閾炬帴*/
.wn-link{
    padding: calc( var(--bili) * 40px ) 0;
    border-bottom: 1px solid #e9e9e9;
}
.wnlink-lst{
    display: flex;
    flex-wrap: wrap;
    font-size: calc( var(--bili) * 14px );
    color: #868686;
}
.wnlink-lst .link-title{

}
.wnlink-lst .link-ca{
    margin: 0 10px 0 0;
}
/*鍙嬫儏閾炬帴*/



.wn-content{
    padding: calc( var(--bilis) * 40px ) 0 calc( var(--bilis) * 100px );
}
.lr-list{
    display: flex;
}
.list-menu{
    width: calc( var(--bilis) * 360px );
    position: relative;
}
.list-menu:after{
    content: '';
    position: absolute;
    width: 1px;
    height: calc( var(--bilis) * 245px );
    background-color: #e9e9e9;
    right: calc( var(--bilis) * 40px );
    top: 0;
}
.list-menu .list-menu-flex{

}
.list-menu .list-menu-flex li{
    width: calc( var(--bilis) * 280px );
    border-bottom: 1px solid #e9e9e9;
    font-size: calc( var(--bilis) * 16px );
    color: #848484;
    line-height: calc( var(--bilis) * 45px );
}
.list-menu .list-menu-flex li.on{
    color: var(--mcolor);
}

.list-content{
    width: calc( var(--bilis) * 1040px );
}
.fw-list-menu{
    width: calc( var(--bilis) * 337px );
}
.fw-list-menu:after{
    right: calc( var(--bilis) * 10px );
}
.fw-content{
    width: calc( var(--bilis) * 1063px );
}

.ab-detail{
    padding: 0 calc( var(--bilis) * 130px ) 0 calc( var(--bilis) * 50px );
    font-size: calc( var(--bilis) * 16px );
    color: #606060;
    line-height: 2;
}
.ab-detail p{
    font-size: calc( var(--bilis) * 16px );
    color: #606060;
    line-height: 2;
}

.list-content *{
    max-width: 100%;
    font-size: calc( var(--bilis) * 16px );
    color: #606060;
    line-height: 2;
}


.ry-detail{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.honor-item{
    text-align: center;
    margin: 0 calc( var(--bilis) * 28px ) 0 0;
    cursor: pointer;
}
.honor-item:nth-child(3n){
    margin: 0 0 0 0;
}
.honor-item .cover{
    width: calc( var(--bilis) * 328px );
    height: calc( var(--bilis) * 328px );
    border: 1px solid #e9e9e9;
    text-align: center;
    /*padding: calc( var(--bilis) * 20px );*/
    overflow: hidden;
}
.honor-item .cover img{
    width: 100%;
    height: 100%;
    /*width: calc( var(--bilis) * 198px );*/
    /*height: calc( var(--bilis) * 268px );*/
}
.honor-item .hnms{
    font-size: calc( var(--bilis) * 18px );
    color: #333333;
    line-height: calc( var(--bilis) * 80px );
}
.honor-item:hover .hnms{
    color: var(--mcolor);
}


/*鑱旂郴鎴戜滑*/
.lx-content{
    padding: calc( var(--bilis) * 70px ) 0;
    background-color: #f7f7f7;
}
.content-box{
    width: 100%;
}
.lx-detail{
    display: flex;
    justify-content: space-between;
}
.content-item{
    width: 31.4175%;
    text-align: center;
    background-color: #ffffff;
}
.content-item .cimg{
    width: 100%;
    overflow: hidden;
}
.content-item .cwhy{
    margin: 7% 0 0 0;
    font-weight: 500;
    font-style: normal;
    color: #535353;
}
.content-item .cwhe{
    width: 10%;
    height: 2px;
    background-color: var(--mcolor);
    margin:3% auto;
}
.content-item .cwhs{
    font-weight: 300;
    font-style: normal;
    color: #4A4949;
    line-height: 1.4;
    margin: 0 0 calc( var(--bilis) * 20px ) 0;
}
.content-item:nth-of-type(1) .cwhs{
    padding: 0 12%;
}
.content-item:hover .cimg img{
    /*transform: scale(1.1);*/
}

.map-content{
    padding: calc( var(--bilis) * 70px ) 0;
}
.container{
    width: 100%;
    height: calc( var(--bilis) * 500px );
}
/*鑱旂郴鎴戜滑*/

/*鏂伴椈鍒楄〃*/
.news-item{
    position: relative;
    margin: 0 0 calc( var(--bilis) * 40px );
    padding: 0 0 calc( var(--bilis) * 40px );
    border-bottom: 1px solid #e9e9e9;
}
.news-item .Acls{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.news-item .dca{
    width: calc( var(--bilis) * 200px );
    height: calc( var(--bilis) * 140px );
    overflow: hidden;
}
.news-item .dcma{
    width: calc( var(--bilis) * 700px );

}
.news-item .dcb{
    color: #333333;
    font-weight: 700;
    font-size: calc( var(--bilis) * 20px );
    margin: 0 0 calc( var(--bilis) * 20px );
}
.news-item .dcc{
    color: #7d7d7d;
    font-size: calc( var(--bilis) * 14px );
    margin: 0 0 calc( var(--bilis) * 20px );
    line-height: 2;
}
.news-item .dcd{
    color: #7d7d7d;
    font-size: calc( var(--bilis) * 14px );
}
.news-item:hover .dcb{
    color: var(--mcolor);
}
/*鏂伴椈鍒楄〃*/

/*鏂伴椈璇︽儏*/
.detail-content{
    padding: calc( var(--bilis) * 20px ) calc( var(--bilis) * 245px ) 0;
}
.detail-content .title {
    font-weight: 700;
    font-size: calc( var(--bilis) * 30px );
    color: #262626;
    line-height: calc( var(--bilis) * 40px );
    text-align: center;
}
.detail-content .info{
    font-weight: 400;
    font-size: calc( var(--bilis) * 14px );
    color: #909090;
    display: flex;
    justify-content: center;
    margin: calc( var(--bilis) * 20px ) 0;
}
.detail-content .info .time{
    margin: 0 20px 0 0;
}
.detail-content .content{
    font-size: 16px;
    color: #555555;
    line-height: 2;
}
.detail-content .content *{
    max-width: 100%;
    line-height: 2;
}
.xwsx-content{
    padding: calc( var(--bilis) * 60px ) 0 ;
    border-top: 1px solid #e9e9e9;
}
.Around{

}
.Around .Aroundul{
    font-weight: 400;
    color: #333333;
    line-height: 2;
    font-size: calc( var(--bilis) * 16px );
}
.Around .Aroundul:hover{
    color: var(--mcolor);
}
/*鏂伴椈璇︽儏*/

/*妗堜緥鍒楄〃*/
.case-list{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}
.case-item{
    width: calc( var(--bilis) * 449px );
    position: relative;
    margin: 0 calc( var(--bilis) * 26px ) calc( var(--bilis) * 30px ) 0;
}
.case-item .dca{
    width: 100%;
    height: calc( var(--bilis) * 290px );
    overflow: hidden;
}
.case-item .dcb{
    line-height: calc( var(--bilis) * 66px );
    font-size: calc( var(--bilis) * 20px );
    color: #333333;
    text-align: center;
    padding: 0 2%;
}
.case-item:nth-child(3n){
    margin: 0 0 calc( var(--bilis) * 30px ) 0;
}
.case-item:hover .dcb{
    color: #ffffff;
    background-color: var(--mcolor);
}
/*妗堜緥鍒楄〃*/


/*鍒嗛〉*/
.total-num{
    padding: 0 24px;
}
#page{
    display: flex;
    flex-wrap: wrap;
    padding: 30px 0;
    justify-content: center;
}
.pagel #page{
    justify-content: flex-end;
}
#page .page-item{
    height: 36px;
    line-height: 34px;
    border: 1px solid #d9d9d9;
    margin: 0 -1px 5px 0;
    font-size: 12px;
    background:#fff;
    color:#444444;
}
#page a{
    display:block;
    padding: 0 20px;
    text-decoration:none;
}
#page p{
    padding: 0 12px;
    font-size:12px;
}

#page a:last-child{
    margin-right: 0;
}
#page a:hover{
    color: var(--mcolor);
}
#page a.myde-page {
    background: var(--mcolor);
    color: #fff;
    border: 1px solid var(--mcolor);
}
#page a.cur{
    background:var(--mcolor);
    color:#fff;
    border: 1px solid var(--mcolor);
}
#page p.pageRemark{
    border-style:none;
    background:none;
    margin-right:0;
    color:#555;
}
#page p.pageRemark b{
    margin: 0 6px;
    color: var(--mcolor);
    border: 1px solid var(--mcolor);
}
#page p.pageEllipsis{
    background:none;
    padding:4px 0px;
    color:#555;
}
/*鍒嗛〉*/


/*闃蹭吉*/
.fw-detail{
    position: relative;
}
.fwcx{

}
.fwcx .fw-title{
    font-weight: 700;
    font-size: calc( var(--bilis) * 20px );
    color: var(--mcolor);
    border-bottom: 1px solid #e9e9e9;
    margin: 0 0 calc( var(--bilis) * 20px );
    padding: 0 0 calc( var(--bilis) * 20px );
}
.fwcx .fw-cot{
    display: flex;
    margin: 0 0 calc( var(--bilis) * 20px );
}
.fwcx .fw-cot .dca{
    font-weight: 400;
    font-size: calc( var(--bilis) * 16px );
    color: #999999;
    width: 65px;
    line-height: 38px;
}
.fwcx .fw-cot .fwsrk{
    border: 1px solid #dbdbdb;
    font-size: calc( var(--bilis) * 14px );
    /*color: #C4C4C4;*/
    padding: 0 15px;
    height: 38px;
    width: 325px;
}
.fwcx .fwann{
    font-weight: 400;
    font-size: calc( var(--bilis) * 16px );
    color: #FFFFFF;
    background-color: var(--mcolor);
    display: inline-block;
    margin: 0 0 0 65px;
    width: 120px;
    line-height: 36px;
    text-align: center;
    cursor: pointer;
}

/*闃蹭吉*/

/*鎷涜仒*/
.rcg-content{
    padding: calc( var(--bilis) * 40px ) 0 calc( var(--bilis) * 40px );
}
.recruit-rcg{
    background: url(../images/u794.png) no-repeat top;
    height: calc( var(--bili) * 500px );
    background-size: 100% 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.rcg-box{
    width: calc( var(--bili) * 570px );
    margin: 0 calc( var(--bili) * 280px ) 0 0;
}
.rcg-box .rcgmy{
    font-weight: 700;
    font-style: normal;
    font-size: calc( var(--bili) * 36px );
    color: #1F1F1F;
    background: url(../images/u796.png) no-repeat left;
    background-size: calc( var(--bili) * 95px ) calc( var(--bili) * 95px );
    padding: 0 0 0 calc( var(--bili) * 105px );
}
.rcg-box .rcgme{
    margin: calc( var(--bili) * 30px ) 0 0;
    padding:calc( var(--bili) * 30px ) 0 0;
    border-top: 1px solid #dddddd;
    font-size: calc( var(--bili) * 16px );
    color: #777777;
    line-height: 2;
}


.recruit-box{

}
.recruit-box .recruit-title{
    font-weight: 700;
    font-size: calc( var(--bilis) * 18px );
    color: #1F1F1F;
    display: flex;
}
.recruit-box .recruit-title .recruit-mk{
    width: 16.6%;
    text-align: center;
    line-height:  calc( var(--bilis) * 60px );
}
.recruit-item{
    overflow: hidden;
    margin: calc( var(--bili) * 15px ) 0 0;
}
.recruit-item .recruit-name{
    /*font-weight: 700;*/
    font-size: calc( var(--bilis) * 16px );
    display: flex;
    cursor: pointer;
    background-color: #ffffff;
    color: #333333;
    border: 1px solid #dddddd;
}
.recruit-item .recruit-name .recruit-mk{
    width: 16.6%;
    text-align: center;
    line-height:  calc( var(--bilis) * 60px );

}
.recruit-item .recruit-whnr{
    border: 1px solid #dddddd;
    padding: 0 calc( var(--bilis) * 40px );
    display: flex;
    justify-content: space-between;
    height: 0;
    transition: all 0.3s;
    opacity: 0;
}
.recruit-item .recruit-whnr .zwbox{
    width: 45%;
}
.recruit-item .recruit-whnr .zwbox .dca{
    font-weight: 700;
    font-size: calc( var(--bilis) * 18px );
    color: #404040;
}
.recruit-item .recruit-whnr .zwbox .dcb{
    font-weight: 400;
    font-size: calc( var(--bilis) * 16px );
    color: #666666;
    line-height: 36px;
}
.recruit-item.on .recruit-whnr{
    padding: calc( var(--bilis) * 40px );
    height: 100%;
    opacity: 1;
    background-color: #f8f8f8;
}
.recruit-item.on .recruit-name{
    color: #ffffff;
    background-color: var(--mcolor);
    border: 1px solid var(--mcolor);
}
.recruit-item:hover .recruit-name{
    color: #ffffff;
    background-color: var(--mcolor);
    border: 1px solid var(--mcolor);
}
/*鎷涜仒*/

/*浜у搧*/

.product-content{

}
.product-content .product-title{
    font-size: calc( var(--bilis) * 36px );
    color: #333333;
    padding: calc( var(--bilis) * 20px ) 0 calc( var(--bilis) * 40px );
}
.product-list{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.product-box{
    width: calc( var(--bilis) * 690px );
    height: calc( var(--bilis) * 425px );
    margin: 0 0 calc( var(--bilis) * 20px );
    position: relative;
}
.product-box .Acls{
    width: 100%;
}

.product-box .cpimg{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.product-box .cpname{
    font-size: calc( var(--bilis) * 24px );
    color: #333333;
    position: absolute;
    width: 100%;
    top: calc( var(--bilis) * 40px );
    right: 0;
    z-index: 2;
    padding: 0 5%;
    text-align: right;
    font-weight: 700;
}
.cpys1 .product-box:nth-of-type(1){
    width: calc( var(--bilis) * 954px );
}
.cpys1 .product-box:nth-of-type(2){
    width: calc( var(--bilis) * 426px );
}
.cpys1 .product-box:nth-of-type(3){
    width: 100%;
}
.cpys2 .product-box:nth-of-type(1){
    width: calc( var(--bilis) * 954px );
}
.cpys2 .product-box:nth-of-type(2){
    width: calc( var(--bilis) * 426px );
}



.product-detail{
    padding: calc( var(--bilis) * 40px ) 0 calc( var(--bilis) * 80px );
}
.product-lr{
    display: flex;
    justify-content: space-between;
}
.product-lr .cpl{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: calc( var(--bilis) * 780px );
}



.xt-all{
    position: relative;
}
.xt-all .icon-fl{
    position: absolute;
    width: 100%;
    text-align: center;
    top: 0;
    display: none;
}
.xt-all .icon-fr{
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 0;
    display: none;
}

.product-lr .cpl .xt-list{
    border: 1px solid #c0c0c0;
    width: calc( var(--bilis) * 198px );
    height: calc( var(--bilis) * 602px );
    padding: calc( var(--bilis) * 65px) calc( var(--bilis) * 50px) ;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.product-lr .cpl .xt-list .xt-all{
    overflow: hidden;
}
.product-lr .cpl .xt-list .xtbox{
    width: calc( var(--bilis) * 85px );
    height: calc( var(--bilis) * 85px );
    margin: 0 0 calc( var(--bilis) * 10px ) 0;
}















.product-lr .cpl .dt-list{

}
.product-lr .cpl .dt-list .dtbox{
    width: calc( var(--bilis) * 564px );
    height: calc( var(--bilis) * 564px );
    overflow: hidden;
}
.product-lr .cpr{
    width: calc( var(--bilis) * 530px );
}
.product-lr .cpr .cpmc{
    font-weight: 700;
    font-size: calc( var(--bilis) * 36px );
    color: #333333;
    padding: calc( var(--bilis) * 20px ) 0  calc( var(--bilis) * 40px );
}
.product-lr .cpr .cpis{
    font-size: calc( var(--bilis) * 16px );
    color: #606060;
    line-height: 34px;
}


.product-intro{
    background-color: #f6f6f6;
    padding: calc( var(--bilis) * 20px ) 0;
}
.product-intro-title{
    font-size: calc( var(--bilis) * 24px );
    color: #333333;
}

.product-info{
    font-size: calc( var(--bilis) * 16px );
    color: #333333;
    line-height: 2;
}
.product-info *{
    max-width: 100%;
    font-size: calc( var(--bilis) * 16px );
    color: #333333;
    line-height: 2;
}


/*浜у搧*/