@charset "UTF-8";
.join-wrap {
  background: url("https://pic1.zhuanstatic.com/zhuanzh/bafb3adb-fe4c-46ea-a175-3e30a6fdf564.jpg?t=5") no-repeat center center;
  width: 100vw;
  min-height: 100vh;
  height: auto;
  background-size: cover;
  background-attachment: fixed;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  background-color: #fff;
  position: relative;
  margin: 0;
  /* padding-top: 5vw; */ }
  .join-wrap .join-title {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-top: 8vw; }
    .join-wrap .join-title .join-title-image {
      width: 90%; }

/* 价值观 */
.values-container {
  background: url("https://pic3.zhuanstatic.com/zhuanzh/237c1222-859c-408e-b911-814299fe294e.jpg?t=5") no-repeat center center;
  background-size: cover; }
  .values-container .values-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    margin-top: 2vw;
    margin-bottom: 4vw; }
    .values-container .values-content .values-content-wrap {
      width: 32vw;
      margin-right: 10vw; }
      .values-container .values-content .values-content-wrap img {
        width: 100%; }
    .values-container .values-content .values-swiper-container {
      width: 50vw;
      position: relative; }
      .values-container .values-content .values-swiper-container .swiper-container {
        width: 100%;
        overflow: hidden; }
        .values-container .values-content .values-swiper-container .swiper-container .swiper-wrapper {
          width: 100%;
          -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
                  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
          position: relative;
          z-index: 1;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-transition-property: -webkit-transform;
          transition-property: -webkit-transform;
          transition-property: transform;
          transition-property: transform, -webkit-transform;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          will-change: transform;
          -webkit-backface-visibility: hidden;
                  backface-visibility: hidden;
          -webkit-transform-style: preserve-3d;
                  transform-style: preserve-3d; }
          .values-container .values-content .values-swiper-container .swiper-container .swiper-wrapper .swiper-slide {
            width: 100%;
            -webkit-transition: all 0.3s ease;
            transition: all 0.3s ease;
            position: relative;
            z-index: 1;
            /* border-radius: 2vw; */ }
            .values-container .values-content .values-swiper-container .swiper-container .swiper-wrapper .swiper-slide img {
              width: 100%; }
      .values-container .values-content .values-swiper-container .swiper-button {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        width: 6vw;
        cursor: pointer;
        z-index: 2; }
        .values-container .values-content .values-swiper-container .swiper-button img {
          width: 100%; }
      .values-container .values-content .values-swiper-container .values-prev-button {
        left: -5vw; }
      .values-container .values-content .values-swiper-container .values-next-button {
        right: -5vw; }

/* 了解乾派 */
.deep-container {
  background: url("https://pic4.zhuanstatic.com/zhuanzh/1eeaaf4a-ea42-44ce-9728-f99fb12da6ad.jpg?t=5") no-repeat center center;
  background-size: cover; }
  .deep-container .deep-content {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 auto;
    margin-bottom: 4vw; }
    .deep-container .deep-content .deep-image-container {
      width: 64vw;
      max-width: 64vw;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      overflow: hidden;
      margin: 0; }
      .deep-container .deep-content .deep-image-container .swiper-slide {
        height: 32vw;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-transition: width 0.3s ease;
        transition: width 0.3s ease;
        overflow: hidden;
        position: relative;
        border-radius: 1.2vw;
        margin-right: 1vw; }
        .deep-container .deep-content .deep-image-container .swiper-slide .deep-text-title {
          color: #fff;
          opacity: 0;
          -webkit-transition: opacity 0.3s ease;
          transition: opacity 0.3s ease;
          pointer-events: none; }
          .deep-container .deep-content .deep-image-container .swiper-slide .deep-text-title .deep-arrow {
            position: absolute;
            top: 1vw;
            left: 1vw;
            width: 1vw;
            height: 1vw; }
            .deep-container .deep-content .deep-image-container .swiper-slide .deep-text-title .deep-arrow img {
              width: 100%; }
          .deep-container .deep-content .deep-image-container .swiper-slide .deep-text-title .deep-text-content {
            position: absolute;
            top: 2vw;
            left: 1vw;
            font-size: 0.8vw;
            font-family: 'aliMedium'; }
            .deep-container .deep-content .deep-image-container .swiper-slide .deep-text-title .deep-text-content p {
              margin-top: 0.5vw; }
        .deep-container .deep-content .deep-image-container .swiper-slide img {
          width: auto;
          height: 100%;
          -o-object-fit: cover;
             object-fit: cover;
          -webkit-transition: -webkit-clip-path 0.3s ease;
          transition: -webkit-clip-path 0.3s ease;
          transition: clip-path 0.3s ease;
          transition: clip-path 0.3s ease, -webkit-clip-path 0.3s ease;
          position: absolute;
          top: 0;
          left: 0; }
        .deep-container .deep-content .deep-image-container .swiper-slide:hover {
          z-index: 10; }
    .deep-container .deep-content .deep-text-container {
      width: 30vw; }
      .deep-container .deep-content .deep-text-container img {
        width: 100%; }

/* 社会招聘 */
.recruitment-container {
  background: url("https://pic4.zhuanstatic.com/zhuanzh/d7e0a834-562a-4313-8a29-ba04bc593a6a.jpg?t=5") no-repeat center center;
  background-size: cover;
  position: relative; }
  .recruitment-container .social-recruit-title {
    margin-top: 14vw; }
  .recruitment-container .recruitment-content {
    width: 70vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 2vw;
    margin-bottom: 4vw;
    gap: 2vw;
    position: relative; }
    .recruitment-container .recruitment-content .recruitment-item {
      width: 22vw;
      margin-bottom: 2vw;
      cursor: pointer;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      .recruitment-container .recruitment-content .recruitment-item:hover {
        -webkit-transform: scale(1.1);
                transform: scale(1.1); }
      .recruitment-container .recruitment-content .recruitment-item img {
        width: 100%; }
  .recruitment-container .recruitment-detail-wrap {
    background: url("https://pic3.zhuanstatic.com/zhuanzh/272976a2-4bb5-4749-85f1-f95619e488d8.png?t=5") no-repeat center center;
    background-size: cover;
    width: 100%;
    height: 50vw;
    position: absolute;
    top: 16vw;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 10;
    /* 隐藏状态 */ }
    .recruitment-container .recruitment-detail-wrap .detail-content {
      width: 75vw;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
    .recruitment-container .recruitment-detail-wrap .detail-image {
      width: 100%;
      height: auto;
      -webkit-transition: -webkit-transform 0.3s ease;
      transition: -webkit-transform 0.3s ease;
      transition: transform 0.3s ease;
      transition: transform 0.3s ease, -webkit-transform 0.3s ease; }
    .recruitment-container .recruitment-detail-wrap.hidden {
      opacity: 0;
      visibility: hidden;
      pointer-events: none; }