.joinbanner {
  width: 100%;
  height: 500px;
  background: url(../images/joinbanner.jpg) no-repeat;
  background-size: cover; }

.welfaretitle {
  margin-top: 48px; }

.welfaretitle h1 {
  margin: 0;
  font-size: 32px;
  font-family: Arial, Helvetica, sans-serif; }

.welfaretitle h2 {
  margin: 0;
  font-size: 17px;
  font-family: Arial, Helvetica, sans-serif;
  margin-top: 18px;
  text-transform: uppercase; }

.welfare {
  width: 100%;
  margin-top: 38px; }

.welfare01 {
  width: 25%;
  float: left;
  text-align: center; }

.welfare02 {
  width: 25%;
  float: left;
  text-align: center; }

.welfare03 {
  width: 25%;
  float: left;
  text-align: center; }

.welfare04 {
  width: 25%;
  float: left;
  text-align: center; }

.job {
  height: 575px;
  width: 100%;
  margin-top: 50px;
  background: url(../images/join-bg.png) no-repeat;
  background-size: cover;
  font-weight: 200; }
  .job .job-content {
    overflow: hidden;
    height: 525px;
    position: relative;
    padding-left: 50px;
    padding-right: 50px; }
    .job .job-content .job-left {
      position: absolute;
      margin-top: 250px;
      width: 70px;
      left: 30px;
      top: 0;
      text-align: center; }
      .job .job-content .job-left img {
        height: 30px;
        cursor: pointer; }
    .job .job-content .job-right {
      position: absolute;
      margin-top: 250px;
      width: 70px;
      right: 30px;
      top: 0;
      text-align: center; }
      .job .job-content .job-right img {
        height: 30px;
        cursor: pointer; }
    .job .job-content .job-middle {
      width: 100%;
      height: 100%;
      overflow-x: auto;
      padding-top: 60px;
      padding-left: 70px;
      padding-right: 70px; }
      .job .job-content .job-middle .middle-content {
        height: 410px;
        overflow: hidden; }
        .job .job-content .job-middle .middle-content .job-item {
          margin: 0 2.5%;
          height: 100%;
          float: left;
          width: 30%;
          background-color: white;
          padding: 35px 20px; }
          .job .job-content .job-middle .middle-content .job-item .title {
            border-bottom: 1px solid black; }
            .job .job-content .job-middle .middle-content .job-item .title .name {
              font-size: 26px;
              height: 30px;
              line-height: 30px;
              white-space: nowrap;
              width: 100%;
              text-overflow: ellipsis;
              overflow: hidden; }
            .job .job-content .job-middle .middle-content .job-item .title .name-en {
              font-size: 13px;
              height: 13px;
              line-height: 13px;
              white-space: nowrap;
              width: 100%;
              text-overflow: ellipsis;
              overflow: hidden; }
          .job .job-content .job-middle .middle-content .job-item .desc-content {
            padding: 10px 0;
            height: 230px;
            overflow: hidden;
            white-space: pre-line; }
          .job .job-content .job-middle .middle-content .job-item .job-more {
            margin-top: 15px; }
            .job .job-content .job-middle .middle-content .job-item .job-more .action-btn {
              color: #E56268;
              border: 1px solid #E56268;
              padding: 3px 15px;
              font-size: 13px; }
        .job .job-content .job-middle .middle-content .job-item:first-child {
          margin-left: 0; }
        .job .job-content .job-middle .middle-content .job-item:last-child {
          margin-right: 0; }
      .job .job-content .job-middle .middle-bottom {
        height: 50px;
        padding-top: 20px;
        overflow-y: auto;
        text-align: center; }
        .job .job-content .job-middle .middle-bottom .page-item {
          display: inline-block;
          color: white;
          font-size: 16px;
          margin: 0 5px;
          height: 28px;
          line-height: 28px;
          border-radius: 100%;
          width: 28px;
          cursor: pointer; }
        .job .job-content .job-middle .middle-bottom .page-item.active {
          background-color: white;
          color: black; }
  .job .job-bottom {
    height: 50px;
    line-height: 45px;
    text-align: center; }
    .job .job-bottom a {
      color: white;
      font-size: 16px; }
      .job .job-bottom a img {
        height: 18px;
        margin-top: -3px;
        margin-left: 10px; }

.work {
  font-weight: 200; }
  .work .title {
    color: black;
    text-align: center;
    height: 115px;
    padding: 20px 0; }
    .work .title h1, .work .title h2 {
      font-weight: 200; }
  .work .work-content {
    height: 450px;
    padding: 20px 0;
    overflow: hidden;
    width: 940px;
    margin: 0 auto; }
    .work .work-content .one-img {
      float: left; }
    .work .work-content .more-img {
      float: left; }

.contact {
  height: 230px;
  width: 100%;
  background: url(../images/join-bott.png) no-repeat;
  background-size: cover;
  color: white;
  font-weight: 200;
  text-align: center; }
  .contact .contact-title {
    padding-top: 35px;
    font-size: 35px; }
  .contact .contact-p {
    font-size: 25px;
    height: 40px;
    line-height: 40px; }

.container {
  font-weight: 200; }

.welfaretitle h1, .welfaretitle h2 {
  font-weight: 200; }

.welfare h2 {
  font-weight: 200; }

.job-more-content {
  display: none;
  background-color: white; }
  .job-more-content .title {
    border-bottom: 1px solid black; }
    .job-more-content .title .name {
      font-size: 26px;
      height: 30px;
      line-height: 30px; }
    .job-more-content .title .name-en {
      font-size: 13px;
      height: 13px;
      line-height: 13px; }
  .job-more-content .job-content {
    margin-top: 15px;
    max-height: 700px;
    max-width: 700px;
    min-width: 300px;
    overflow-y: auto;
    overflow-x: auto; }

/*# sourceMappingURL=join.css.map */