.ellipsis_2{display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical; line-height: 1.5; max-height: 3em; height: 3em;}
.ellipsis_3{display: -webkit-box;overflow: hidden;-webkit-line-clamp: 3;-webkit-box-orient: vertical; line-height: 1.5;max-height: 4.5em; height: 4.5em;}

.news-tit{ text-align: center; padding:20px 0;}
.news-tit .swiper-container{ display: inline-block;}
.news-tit ul{ display: inline-block; height:1.5em;}
.news-tit li{ float: left; width:auto; padding:0 70px; position: relative;}
.news-tit li::after{content: ""; position: absolute; right:0; top:50%; margin-top:-13px; width:1px; height: 26px; transform: skewX(-25deg); background: #BABABA;}
.news-tit li:last-child::after{ display: none;}
.news-tit li a{color:#7F7F7F;}
.news-tit li.on a{font-weight: bold; color:#2F9344;}
.news-tit .swiper-button-prev,.news-tit .swiper-button-next{ display: none;}
.news-con{padding:5% 0; background: #ECEFF3;}
.news-top{ background: #fff; margin-bottom: 4%;}
.news-top dt{ float: left; widtH:55.55%;}
.news-top dd{ float: right; widtH:44.45%;}
.news-top dd .inner{padding:8% 10% 2%;}
.news-top dd span{ display: block; widtH:140px; height: 28px; line-height: 28px; margin-bottom: 5%; text-align: center;color:#000; border-radius: 15px; background: #EAEAEA;font-size: 16px;}
.news-top dd h2{margin-bottom: 5%;}
.news-top dd p{ margin-bottom: 5%;color:#7E7E7E; line-height: 2; max-height: 6em; height: 6em;}
.news-top dd a.more,.news-list li dd a.more{ display: block; widtH:30px; height: 20px; line-height: 20px; text-align: center; font-weight: bold; color:#fff!important; border-radius:8px; background: #509750;}
.news-list{margin-bottom:1.5%;}
.news-list li{ background: #fff; padding:3% 4%; margin-bottom: 3%; border-bottom: 5px solid #fff;}
.news-list li dt{ float: left;display: block; widtH:140px; height: 28px; line-height: 28px; margin-bottom: 5%; text-align: center; color:#000; border-radius: 15px; background: #EAEAEA;font-size: 16px;}
.news-list li dd{ float: right; width:calc(100% - 180px);}
.news-list li dd h2{margin-bottom: 1.8%;}
.news-list li dd p{color:#7E7E7E; line-height: 2; max-height: 4em; height: 4em;}
.news-list li dd a.more{ display: none; margin-top: 3%;}
@media only screen and (max-width:1024px) {
    .news-list li dd a.more{ display: block;}
}
@media only screen and (max-width:1023px) {
    .news-tit li{padding:0 30px;} 
    .news-tit li::after{ height: 16px; margin-top:-8px;}
    .news-top dt,.news-top dd{ widtH:100%;}
    .news-top dd .inner{padding:5%;}
    .news-top dd h2,.news-top dd p{ max-height: unset; height: auto;}
}
@media only screen and (max-width:767px) {
.news-tit{position: relative;}
.news-tit .swiper-container{ display:block; width:calc(100% - 60px); margin:0 auto;}
.news-tit ul{ display:flex;}
.news-tit li{padding:0; } 
.news-tit li::after{ display: none; transform:skewX(0)}
.news-tit .swiper-button-prev, .news-tit .swiper-button-next{ display: block; widtH:30px; height: 30px; line-height: 30px; margin-top: -15px; text-align: center; background: none;}
.news-list li{padding:5%;}
.news-list li dd{ widtH:100%;}
}


.employee-list{margin-bottom: 1.5%;}
.employee-list li{ float: left; width:48%; margin-bottom: 4%; background: #fff;}
.employee-list li:nth-child(2n){ float: right;}
.employee-list li dl{ overflow: hidden;}
.employee-list li dt{ float: left; widtH:36.36%;}
.employee-list li dd{ float: right; widtH:63.64%;}
.employee-list li dd .inner{padding:40px 60px;}
.employee-list li dd h2{margin-bottom:30px; color:#868686;}
.employee-list li dd h2 span{margin-right: 20px;color:#000;}
.employee-list li dd p{ color:#7E7E7E; line-height: 2; max-height: 6em; height: 6em; margin-bottom: 50px;}
.employee-list li dd a.more{ display: block; widtH:30px; height: 20px; line-height: 20px; text-align: center; font-weight: bold; color:#fff!important; border-radius:8px; background: #509750;}
@media only screen and (max-width:1365px) {
    .employee-list li dd .inner{padding:30px 40px;}
}
@media only screen and (max-width:1279px) {
    .employee-list li dd .inner{padding:20px 30px;}
    .employee-list li dd h2,.employee-list li dd p{margin-bottom: 20px;}
}
@media only screen and (max-width:1023px) {
    .employee-list li dd .inner{padding:20px 20px;}
    .employee-list li dd p{line-height: 1.5; max-height: unset; height: 4.5em;}
    .employee-list li dd h2{margin-bottom:8px;}
    .employee-list li dd p{margin-bottom:10px;}
}
@media only screen and (max-width:767px) {
    .employee-list li{ widtH:100%;}
    .employee-list li dd .inner{padding:5%;}
}

.activ-list{margin: 0 -1.5% 3%;}
.activ-list li{ float: left; widtH:30.33%; margin:0 1.5% 5%;}
.activ-list li dt{margin-bottom: 5%; position: relative;}
.activ-list li dt span{position: absolute;display: block; width: 100%; height: 100%; lefT:0; top:0; z-index: 2; background: rgba(0, 0, 0, 0.5);}
.activ-list li dt em{font-size: 60px; color:rgba(255, 255, 255, 0.77); z-index: 3;}
.activ-list li dd span{display: block; widtH:140px; height: 28px; line-height: 28px; margin-bottom:3%; text-align: center; font-size: 16px; color:#000; border-radius: 15px; background: #EAEAEA;}
@media only screen and (max-width:1279px) {
    .activ-list li dt em{font-size: 40px;}
}
@media only screen and (max-width:767px) {
    .activ-list{margin:0 0 3%;}
    .activ-list li{widtH:100%; margin:0 0 5%;}
    .activ-list li dt em{font-size: 30px;}
}

.news-content{padding:5% 0; background: #fff;}
.news-content .ll{ float: left; widtH:66.25%;}
.news-content .rr{ float: right; widtH:28.88%; padding-bottom: 4%; border-bottom: 5px solid #2F9243; background: #EFEFEF;}
.news-content .rr h2{margin:50px 9% 20px; font-weight: bold;}
.news-content .rr ul{margin: 0 9%;}
.news-content .rr ul li{border-bottom:1px solid #BFBFBF; padding:5% 0;}
.news-content .rr ul li:last-child{border-bottom: none;}


.goback{padding:5% 0 15px; margin-bottom:5%; line-height: 22px;border-bottom:1px solid #CCCCCC; overflow: hidden;}
.goback a{ float: left; margin-right:10px; widtH:30px; height: 22px; line-height: 22px;color:#fff!important; text-align: center; border-radius: 15px; background:#0A7C4E;}
.goback a i{vertical-align: middle;}
.goback span{ float: left;}
.details{padding:0 0 3%;}
.details span.posttime{margin-bottom:15px; display: block;}
.details h1{line-height: 1.2;}
.details .share{margin:3% 0 4%;}
.details .share a{ float: left; margin-right: 18px; width:30px; height: 30px;line-height: 30px; text-align: center;  }
.details .share a i{color:#666666; font-size: 24px;}
.news_prev_next{margin-top:8%;padding-top:15px;border-top:1px solid #CCCCCC;}
.news_prev_next span{ float: left; widtH:48%; color:#000;}
.news_prev_next span+span{ float: right;widtH:48%; color:#000; text-align: right;}
.news_prev_next span i{margin-right: 10px;}
.news_prev_next span a{ display: block;}
.news_prev_next span+span i{margin-right: 0; margin-left: 10px;}
.news_prev_next span a.disabled{ cursor: default; color:#0A7C4E!important;}
.video-box{margin:0 0 4%; widtH:100%;}
.video-box video{widtH:100%;}
@media only screen and (max-width:1023px) {
    .news_prev_next span,.news_prev_next span+span{width:100%; text-align: left;}
}
@media only screen and (max-width:767px) {
    .news-content .ll,.news-content .rr{ width:100%;}
    .news-content .ll{margin-bottom: 5%;}
    .news-content .rr h2{margin:5% 5% 0;}
    .news-content .rr ul{margin: 0 5%;}
    .details h1{margin-bottom: 4%;}
}


.hr-part{padding:5% 0; background: #ECEFF3;}
.social-tit{ text-align: center; margin:0 0 3%;}
.social-tit ul{ display:inline-block}
.social-tit li{float:left; padding:0 30px; position: relative;}
.social-tit li::before{ content: ""; position: absolute; left:0; top:50%; margin-top:-14px; widtH:1px; height:28px; transform: skewX(-20deg); background: #AFB1B4;}
.social-tit li:first-child::before{ opacity: 0;}
.social-tit li.on a{color:#2F9344; font-weight: bold;}

.social-select{margin-bottom: 3.5%; position: relative; z-index: 10;}
.social-select .btn{ float: right; width: 76px; height: 52px; line-height: 52px; bordeR:none; background: #509750;}
.social-select .btn i{color:#fff;font-size: 24px;}
.social-select .sel-box{ float: left; width:calc(100% - 76px);}
.social-select .sel-box li{ float: left; width:30.83%; margin-right:2.5%; height: 50px; line-height: 50px; }
.on_o{color: #000;}
.select-box{position: relative; border:1px solid #CFCFCF;}
.select-box dt{cursor: pointer; padding:0 56px 0 20px; position: relative;}
.select-box dt i{ position: absolute; right:0; top:0; font-size: 20px; widtH:56px; height: 100%; color:#000; text-align: center;}
.select-box dt.on_o i{transform:rotate(180deg);-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);}
.select-box dd{display: none;padding:10px 0;border: 1px solid #CFCFCF;position: absolute; z-index: 10; top:52px;left: -1px;width:100%;background: #fff;max-height: 220px;overflow: auto;}
.select-box dd a{display: block;line-height:40px; padding:0 20px; cursor: pointer;}
.social-tips{ margin-bottom:3.5%; text-align: center;}
.social-tips span{color:#2F9344;}
.join_list{margin-bottom: 1.5%;}
.join_list li{ margin-bottom:3%; border-bottom:3px solid #fff; background:#FFFFFF;}
.join_list li dl{padding:2% 3%;}
.join_list li dt{padding-bottom:1.2%; margin-bottom: 1.5%;border-bottom:1px solid #2F9243;overflow: hidden;}
.join_list li dt h2{ float: left;line-height: 30px;}
.join_list li dt h2 i{margin-right: 10px; float: left; color:#000;}
.join_list li dt a{ float: right;color:#7E7E7E;line-height: 30px;}
.join_list li dt a span{ margin-left: 5px; display: inline-block;widtH:30px; height: 20px; line-height: 20px; text-align: center; font-weight: bold; color:#fff!important; border-radius:8px; background: #509750;}
.join_list li dd{ overflow: hidden;}
.join_list li dd span{ float: left; widtH:calc(33.33% - 60px);}
.join_list li dd span:last-child{ widtH:180px; text-align: right;}

@media only screen and (max-width:767px) {
.social-tit li{padding:0 20px;}
.social-select .sel-box{ float: none; widtH:auto; margin:0 -1% 4%;}
.select-box{border-radius: 10px; bordeR:none; background: #fff;} 
.sel-box li{ widtH:100%; margin-bottom: 10px; height: 40px; line-height: 40px; background: #fff;}
.social-select .sel-box li{ height: 40px; line-height: 40px; font-size: 14px; widtH:31.33%; margin:0 1%;}
.select-box dt{padding: 0 20px 0 10px;}
.select-box dt span{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display: block;}
.select-box dt i{width:30px; font-size: 16px; color:#0A7C4E;}
.social-select .btn{ float: none; widtH:100%; height: 40px; line-height: 40px; display: block; margin:0 auto 10px;}
.select-box dd{top:40px;}
.select-box dd a{ line-height:16px;padding:5px 10px;}
.join_list li dl{padding:5%;}
.join_list li dt h2 span{font-size: 16px;}
.join_list li dd span{width:50%;}
.join_list li dd span:last-child{width:50%; text-align: left;}
}
@media only screen and (max-width:374px) {
    .join_list li dt h2{widtH:100%;}
}

.hrdets-part{padding:80px 0 5%; background: #ECEFF3;}
.hr-details{padding:5% 8% 0;}
.hr-details .goback{padding:0 0 2%; margin-bottom: 3%;}
.hr-details .goback a{ background: #509750;}
.hr-details .goback a i{font-weight: bold; width: 100%; float: left; text-align: center;}
.hr-details .goback span{color:#7E7E7E;}

.hr-dettit>span{display: block; widtH:90px; height: 28px; line-height: 28px; margin-bottom: 2%; text-align: center; font-size: 12px; color:#000; border-radius: 15px; background: #EAEAEA;}
.hr-dettit .share{margin: 2% 0;}
.hr-dettit .share a{font-size: 18px; color:#666666;float: left; margin-right: 25px; width:30px; height: 30px;line-height: 30px; text-align: center; }
.hr-detcon .btn{ display: block; margin-top:4%; width:218px; height: 52px; line-height: 52px; text-align: center; color:#fff!important; border-radius: 30px; background: #2F9344;}
@media only screen and (max-width:1279px) {
    .hr-details{padding:5% 0 0;}
}
@media only screen and (max-width:767px) {
    .hrdets-part{padding-top: 50px;}
    .hr-detcon .btn{ widtH:120px; height: 40px; line-height: 40px;}
}

@media only screen and (min-width:1025px) {
    .news-list li,.join_list li,.join_list li dt a span,.join_list li dt h2{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
    .news-list li:hover{border-bottom:5px solid #2F9344}
    .news-top dd a.more:hover,.news-list li dd a.more:hover,.employee-list li dd a.more:hover{ background: #2F9344;}
    .news-list li:hover dd a.more{ display: block;}
    .news-list li:hover dd h2 a{color:#2F9344;}
    .activ-list li:hover dd h2 a{ font-weight: bold; color:#2F9344!important;}
    .news_prev_next span a:hover{color:#0A7C4E!important;}
    .hr-detcon .btn:hover,.hr-details .goback a:hover,.join_list li dt a:hover span,.employee-list li dd a.more:hover,
    .news-top dd a.more:hover, .news-list li dd a.more:hover{ opacity: 0.8;}
    .details .share a:hover i{color:#2F9344;}
    .join_list li:hover{border-bottom:3px solid #2F9344}
    .join_list li:hover dt h2,.join_list li:hover dt h2 i{color:#2F9344;}
}