/*PC端*/
.banner{
  display:flex;
  position:relative;
  margin-top:70px;
  flex-direction:column;
  height:500px;
  font-size:24px;
  font-weight:bold;
  color:#fff;
  letter-spacing:3px;
  justify-content:center;
  align-items:center;
  background:url(../images/joinbg.jpg) center;
  background-size:100% 100%;
}
.banner span:nth-child(2){
  font-size:32px;
  letter-spacing:10px;
}
.content{
  background:#f5f5f5;
  padding-bottom:30px;
}
.maintitle{
  display:flex;
  flex-direction:column;
  font-weight:bold;
  font-size:20px;
  padding:30px 0;
}
.maintitle .en{
  font-size:18px;
  font-weight:normal;
}
.jobs{
  display:block;
  background:#fff;
}
.jobs .title{
   display:flex;
   justify-content:space-between;
   height:50px;
   line-height:50px;
   padding:10px;
   align-items:center;
   border-bottom:1px solid #efefef;
}
.jobs .title:last-child{
   border-bottom:none;
}
.jobs .first{
   background:#6c7279;
   color:#fff;
   font-size:20px;
}
.jobs .title span{
  display:flex;
  width:33.3%;
  justify-content:center;
  text-align:center;
}
.jobs .title .jobname{
  justify-content:flex-start;
  padding-left:30px;
  cursor:pointer;
}
.jobs .title .jobname img{
   width:20px;
   height:20px;
   margin-left:10px;
}
.jobs .content{
    display:flex;
    flex-direction:column;
    background:#6c7279;
    color:#fff;
    padding:50px 20px 0 20px;
}
.jobs .content div{
   display:flex;
   flex-direction:column;
   margin-bottom:40px;
}
.jobs .content div span:first-child{
   font-size:20px;
   margin-bottom:20px;
}
.jobs .content div span:nth-child(2){
   line-height:30px;
}
.jobs .email{
    display:flex;
    flex-direction:row!important;
    align-items:center;
    border-top:1px solid rgba(255,255,255,0.2);
    cursor:pointer;
}
.jobs .email font{
     display:flex;
     height:40px;
     line-height:40px;
     margin-top:10px;
}
.jobs .email img{
     width:30px;
     height:30px;
     flex-shrink:0;
     margin-top:10px;
     margin-left:10px;
}
.jobs .email a{
  color:#fff
}
.jobs .email a:hover{
   color:yellow
}
/*手机端*/
@media screen and (max-device-width:960px){
  .banner{
    height:auto;
    margin-top:4rem;
    font-size:0.7rem;
    height:6rem;
  }
  .banner span:nth-child(2){
     font-size:0.8rem;
  }
  .maintitle{
     padding:0.5rem;
     font-size:0.8rem;
  }
  .maintitle .en{
    font-size:0.7rem;
  }
  .jobs .first{
     font-size:0.7rem;
  }
  .jobs .title{
     height:1.5rem;
     line-height:1.5rem;
  }
  .jobs .title span:first-child{
     flex-grow:1;
  }
  .jobs .title .jobname{
      padding-left:0.5rem;
      min-width:7rem;
  }

}