/*pc端*/
/*banner区域*/
.banner{
    font-size:0;
}
.banner>img{
    width:100%;
}
.banner>.bar{
    height:5px;
    width:100%;
    background-color: rgb(173,175,174);
}
/*福利待遇*/
.welfare{
    width:100%;
    margin-top:46px;
}
.welfare>div{
    width:1200px;
    margin:0 auto;
}
.welfare-title{
    display:flex;
    align-items: center;
}
.welfare-title>img{
    width:22px;
}
.welfare-title>span{
    font-size:21px;
    margin-left:9px;
    color:rgb(50,50,50);
    font-weight:500;
}
.welfare-content{
    text-align: center;
    margin-top:60px;
}
.hope{
    color:rgb(64,64,64);
}
.hope>li{
    margin-bottom: 20px;
}
.welfare-content>span{
    display:inline-block;
    margin-bottom:25px;
    font-size:22px;
    color:rgb(60,60,60);
}
.topic{
    font-size:28px;
    font-weight: 600;
    color:rgb(25,85,145);
}
/*招聘岗位*/
.recruit{
    width:100%;
    margin-top:70px;
    margin-bottom: 30px;
}
.recruit>div{
    width:1200px;
    margin:0 auto;
}
.recruit-title{
    display:flex;
    align-items: center;
}
.recruit-title>img{
    width:22px;
}
.recruit-title>span{
    font-size:21px;
    margin-left:9px;
    color:rgb(50,50,50);
    font-weight:500;
}
.recruit-list{
    margin-top:66px;
}
.recruit-list>div:nth-child(2){
    margin:63px 0;
}
.items{
    padding:43px 12px 30px 20px;
    border:2px dotted rgb(60,132,208);
    position:relative;
}
.items>span{
    position:absolute;
    left:50%;
    top:-17.5px;
    transform: translateX(-50%);
    background-color: rgb(68,137,202);
    color:#fff;
    padding:8px 30px;
    border-radius: 5px;
    font-size: 17px;
}
.items>div{
    display:flex;
}
.items>div>span{
    line-height: 29px;
    color:rgb(2,80,154);
}
.items>div>p{
    flex:1;
    line-height: 29px;
    margin-left: 14px;
    color:rgb(53,53,53);
}
.items .money{
    color:rgb(239,149,0);
}
/*手机端*/
@media only screen and (max-width:768px) {
  /*banner*/
.banner>.bar{
    display:none;
}
/*福利待遇*/
.welfare{
    width:100%;
}
.welfare>div{
    width:100%;
    padding:.3rem 1.15rem .2rem .5rem;
}
.welfare-title{
    
}
.welfare-title>img{
    width:.25rem;
}
.welfare-title>span{
    font-size: .22rem;
    font-weight:500;
}
.welfare-content{
    margin-top: .63rem;
}
.hope>li{
    margin-bottom: .25rem;
    font-size: .22rem;
}
.hope>li>span{
    display:block;
}
.hope>li>span:nth-child(1){
    margin-bottom:.25rem;
}
.welfare-content>span{
    font-size: .22rem;
    margin-bottom:.25rem;
}
.topic{
    font-size:.24rem;
}
.topic>span{
    display:block;
}
.topic>span:nth-child(1){
    margin-bottom: .25rem;
}
/*招聘岗位*/
.recruit{
    width:100%;
}
.recruit>div{
    width:100%;
    padding:0 .43rem 0rem .43rem;
}
.recruit-title{
    margin-left: .07rem;
}
.recruit-title>img{
    width:.25rem;
}
.recruit-title>span{
    font-size: .22rem;
    font-weight:500;
}
.recruit-list{
    
}
.items{
    font-size: .22rem;
    padding:.43rem .20rem .35rem .27rem;
}
.items>span{
    font-size: .28rem;
    padding:.08rem .28rem .13rem .30rem;
    top:-.25rem;
}
.items>div>span{
    line-height: .50rem;
}
.items>div>p{
    line-height:.50rem;
    margin-left:.25rem;
}




}