.recruit_banner{position: relative;}
.recruit_banner::before{content: ""; position: absolute; z-index: 1; lefT:0; top:0; width: 100%; height: 100%; background: rgba(0,0,0,0.3);}
.recruit_banner img{width: 100%;}
.recruit_banner .wrap{max-width: 1440px;}
.recruit_banner .txt{ top:auto; bottom:12%; z-index: 2; opacity: 0.9;}
.recruit_banner .txt h2{color: #fff; font-weight: 100;}

.recruit_part01{padding: 5% 0;}
.recruit_part01 .ll{ float: left;width: 68%; margin-left: 8%;}
.recruit_part01 .rr{ float: right; width: 18%; margin-top: 15%;}
.recruit_part01 .ll h2{line-height: 1.3; font-weight: 100;}
.recruit_part01 .ll em{ display: block; margin-left: 16%; margin-top:2%; width: 1px; height: 1.18rem; background: #FA4D07;}
.recruit_part01 .ll p{ margin-left: 16%;margin-top: 2%; color: #6C6A66;}
.recruit_part01 .ll .img{margin-top:8%;}
.recruit_part01 .ll .img img,.recruit_part01 .rr .img img{width: 100%;}

.recruit_part02{padding: 0 0 7%;}
.recruit_part02 .con{width: 55%; margin-left:45%;}
.recruit_part02 .con em{display: block;width: 1px; height: 1.18rem; background: #FA4D07;}
.recruit_part02 .con h2{line-height: 1.3; font-weight: 100; margin-top: 2%;}
.recruit_part02 .con p{margin-top: 2%; color: #6C6A66;}
.recruit_part02 .swbox{position: relative; margin: 8% 0 0;}
.recruit_part02 ul{position: relative; z-index: 1;}
.recruit_part02 .tit{position: absolute; z-index: 2; width:16%;left:51.5%; top:45%; font-weight: bold;}
.recruit_part02 ul li{position: absolute;}
.recruit_part02 .li01{ width: 49.12%; lefT:0; top:6%;}
.recruit_part02 .li02{ width: 41.22%; right:0; top:0;}
.recruit_part02 .li03{width: 28.71%; right:2%; bottom:0;}
.recruit_part02 .swiper-pagination{bottom:5%; line-height: 44px;}
.recruit_part02 .swiper-pagination-bullet{background: #000; opacity: 1; width:10px; height: 10px; margin: 0 0.15rem!important;}
.recruit_part02 .swiper-pagination-bullet-active{width:14px; height: 14px; top: 2px; left:2px; position: relative;}
.recruit_part02 .swiper-pagination-bullet-active::before{content: ""; position: absolute; lefT:4px;top:4px; width: 6px; height: 6px; border-radius: 100%; background: #fff;}
.recruit_part02 .swiper-button-prev,.recruit_part02 .swiper-button-next{ display: none!important; background: none; top:auto; bottom:5%; line-height: 44px; font-size: 0.36rem;}
.recruit_part02 .swiper-button-prev{left:40%;}
.recruit_part02 .swiper-button-next{right:40%;}


.recruit_part03{padding: 7% 0;}
.recruit_part03 h2{ text-align: center; font-weight: 100;}
.recruit_part03 ul{margin-top: 5%;}
.recruit_part03 li{ float: left; width: 18%; margin: 0 1% 3%; text-align: center;}
.recruit_part03 li span{ display: block; margin: 0 auto; width: 1.5rem; height: 1.5rem; overflow: hidden;}
.recruit_part03 li p{margin-top: 5%;}

.recruit_part04{margin: 1px 0;}
.recruit_part04 li{ float: left;width: calc(33.33% - 1px); margin-right: 1px;position: relative;}
.recruit_part04 li:last-child{ margin-right: 1px;}
.recruit_part04 li dt{position: relative;}
.recruit_part04 li dt::before{content: ""; position: absolute; z-index: 1; left:0; top:0; width: 100%; height: 100%; background: rgba(0,0,0,0.4);}
.recruit_part04 li dd{color: #fff; width: 100%; padding: 5%; text-align: center; z-index: 2;}
.recruit_part04 li dd h2{line-height: 1.2; font-weight: 100;}
.recruit_part04 li dd em{ display: block; width: 1px; height: 1.18rem; margin:8% auto; background: #fff;}
.recruit_part04 li dd p{max-height: 7.5em; overflow: hidden;}


.recruit_part02 .swiper-button-prev,.recruit_part02 .swiper-button-next{transition: all 0.5s;}
@media only screen and (min-width:1025px) {

}
.bg-cover{background-position: center!important; background-size: cover!important; background-repeat: no-repeat!important;}
@media only screen and (max-width:767px) {
    .recruit_banner{height: 10rem;}
    .recruit_banner img{ display: none;}
    .recruit_banner .txt{bottom:2.5rem;}
    .recruit_part01 .ll,.recruit_part01 .rr{ width: 100%;margin: 0;} 
    .recruit_part01 .rr{margin-top: 5%;}
    .recruit_part02 .con{margin-left: 0; width: 100%;}
    .recruit_part02 .swbox{margin-left: -5%; margin-right: -5%; width: 110%;}
    .recruit_part02 .swbox .swiper-container{padding-bottom: 20%;}
    .recruit_part02 .li01{top:15%; width: 52%;}
    .recruit_part02 .li03{right: 0; width: 32%;}
    .recruit_part02 .tit{position: static; width: 100%; text-align: center; max-height: 4.5em;}
    .recruit_part02 .swiper-pagination,.recruit_part02 .swiper-button-prev,.recruit_part02 .swiper-button-next{bottom:0;}
    .recruit_part02 .swiper-button-prev{left:0;}
    .recruit_part02 .swiper-button-next{right:0;}
    .recruit_part02 .swiper-pagination-bullet-active{width: 10px; height: 10px; left:0; top:0;}
    .recruit_part02 .swiper-pagination-bullet-active::before{ lefT:2px;top:2px; width:6px; height: 6px;}
    .recruit_part03{ text-align: center; padding-top: 0;}
    .recruit_part03 h2{position: relative; display: inline-block; padding-top: 1.18rem;}
    .recruit_part03 h2::before{content: ""; position: absolute; left:0; top:0; width: 1px; height: 1.18rem; background: #FA4D07;}
    .recruit_part03 li{width: 48%; margin-bottom: 5%;}
    .recruit_part04{margin-bottom: 0;}
    .recruit_part04 li{width: 100%!important; margin: 0 0 1px!important;}
}