@charset "UTF-8";
/* 首页banner start*/
.banner {
  position: relative;
}
.banner .pic .meidia-box {
  padding-bottom: 55%;
  overflow: hidden;
  position: relative;
}
.banner .pic .meidia-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.banner .pic .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.banner .text {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  z-index: 3;
}
.banner .text .tit {
  font-weight: 700;
  font-size: clamp(36px, 3.125vw, 60px);
  line-height: 1;
  color: #fff;
  padding-bottom: clamp(26.66667px, 2.08333vw, 40px);
  text-align: center;
}

/* 首页banner end*/
.careers-page-box .car-page-01 {
  padding: clamp(73.33333px, 5.72917vw, 110px) 0;
}
.careers-page-box .car-page-01 .pic-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.careers-page-box .car-page-01 .pic-text .pic {
  width: 50%;
}
.careers-page-box .car-page-01 .pic-text .pic .meidia-box {
  padding-bottom: 65%;
  overflow: hidden;
  position: relative;
}
.careers-page-box .car-page-01 .pic-text .pic .meidia-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.careers-page-box .car-page-01 .pic-text .pic .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.careers-page-box .car-page-01 .pic-text .pic img {
  border-radius: clamp(13.33333px, 1.04167vw, 20px);
}
.careers-page-box .car-page-01 .pic-text .text {
  width: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: clamp(26.66667px, 2.08333vw, 40px);
}
.careers-page-box .car-page-01 .pic-text .text .tit {
  font-weight: 700;
  font-size: clamp(36px, 3.125vw, 60px);
  color: #0C0F4D;
  line-height: 1;
}
.careers-page-box .car-page-01 .pic-text .text .des {
  font-size: clamp(17.33333px, 1.35417vw, 26px);
  color: #0C0F4D;
  margin: clamp(13.33333px, 1.04167vw, 20px) 0 clamp(26.66667px, 2.08333vw, 40px);
}
.careers-page-box .car-page-01 .pic-text .text .btn a {
  border-color: #0C0F4D;
}
.careers-page-box .car-page-01 .pic-text .text .btn a span {
  color: #0C0F4D;
}
.careers-page-box .car-page-01 .pic-text .text .btn a i {
  background: #0C0F4D;
  color: #fff;
}
.careers-page-box .car-page-01 .pic-text .text .btn a:hover {
  background: #0C0F4D;
}
.careers-page-box .car-page-01 .pic-text .text .btn a:hover span {
  color: #fff;
}
.careers-page-box .car-page-01 .pic-text .text .btn a:hover i {
  background: #fff;
  color: #0C0F4D;
}
.careers-page-box .car-page-02 {
  padding-bottom: clamp(66.66667px, 5.20833vw, 100px);
}
.careers-page-box .car-page-02 .afw-list {
  margin-top: clamp(66.66667px, 5.20833vw, 100px);
}
.careers-page-box .car-page-02 .afw-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-top: clamp(46.66667px, 3.64583vw, 70px);
}
.careers-page-box .car-page-02 .afw-list ul li {
  background: rgba(255, 255, 255, 0.6);
  -webkit-box-shadow: 0px 4px 8px 0px rgba(15, 8, 86, 0.1);
          box-shadow: 0px 4px 8px 0px rgba(15, 8, 86, 0.1);
  border-radius: clamp(13.33333px, 1.04167vw, 20px);
  width: calc(33.3333333333% - clamp(70px, 5.46875vw, 105px) / 4);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 clamp(20px, 1.5625vw, 30px) clamp(20px, 1.5625vw, 30px);
  margin-left: calc(clamp(70px, 5.46875vw, 105px) / 3);
  text-align: center;
}
.careers-page-box .car-page-02 .afw-list ul li:nth-child(3n+1) {
  margin-left: 0;
}
.careers-page-box .car-page-02 .afw-list ul li .icon {
  width: clamp(93.33333px, 7.29167vw, 140px);
  height: clamp(93.33333px, 7.29167vw, 140px);
  border-radius: 50%;
  margin: -15% auto 0;
  overflow: hidden;
}
.careers-page-box .car-page-02 .afw-list ul li .icon img {
  width: 100%;
  height: auto;
}
.careers-page-box .car-page-02 .afw-list ul li .tit {
  margin: clamp(13.33333px, 1.04167vw, 20px) 0;
  font-size: clamp(20px, 1.5625vw, 30px);
  font-weight: 600;
  color: #0C0F4D;
  line-height: 1;
}
.careers-page-box .car-page-02 .afw-list ul li .des {
  font-size: clamp(13.33333px, 1.04167vw, 20px);
  color: rgba(44, 44, 44, 0.8);
}
.careers-page-box .car-tit {
  text-align: center;
  font-weight: 700;
  font-size: clamp(36px, 3.125vw, 60px);
  color: #0C0F4D;
  line-height: 1;
}
.careers-page-box .car-page-03 {
  padding-bottom: clamp(80px, 6.25vw, 120px);
}
.careers-page-box .car-page-03 .list-box {
  margin-top: clamp(40px, 3.125vw, 60px);
}
.careers-page-box .car-page-03 .list-box ul li {
  width: 13.5%;
  margin-left: 1.5%;
  cursor: pointer;
  position: relative;
  -webkit-transition: all 1.6s;
  transition: all 1.6s;
}
.careers-page-box .car-page-03 .list-box ul li.active {
  width: 55%;
}
.careers-page-box .car-page-03 .list-box ul li.active .text {
  background: rgba(4, 14, 36, 0.6);
}
.careers-page-box .car-page-03 .list-box ul li.active .text .icon img {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  left: 0;
}
.careers-page-box .car-page-03 .list-box ul li.active .text .tit-des {
  height: clamp(154.66667px, 12.08333vw, 232px);
  opacity: 1;
  visibility: visible;
}
.careers-page-box .car-page-03 .list-box ul li:first-child {
  margin-left: 0;
}
.careers-page-box .car-page-03 .list-box ul li .pic {
  border-radius: clamp(13.33333px, 1.04167vw, 20px) 0 clamp(13.33333px, 1.04167vw, 20px) 0;
  height: clamp(333.33333px, 26.04167vw, 500px);
  overflow: hidden;
}
.careers-page-box .car-page-03 .list-box ul li .pic img {
  width: auto;
  height: 100%;
}
.careers-page-box .car-page-03 .list-box ul li .text {
  position: absolute;
  border-radius: clamp(13.33333px, 1.04167vw, 20px) 0 clamp(13.33333px, 1.04167vw, 20px) 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: clamp(26.66667px, 2.08333vw, 40px);
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: rgba(0, 0, 0, 0);
  -webkit-transition: all 1.6s;
  transition: all 1.6s;
}
.careers-page-box .car-page-03 .list-box ul li .text .icon {
  width: 100%;
  height: clamp(38px, 2.96875vw, 57px);
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
  position: relative;
}
.careers-page-box .car-page-03 .list-box ul li .text .icon img {
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: clamp(38px, 2.96875vw, 57px);
  height: auto;
  -webkit-transition: all 1s;
  transition: all 1s;
}
.careers-page-box .car-page-03 .list-box ul li .text .tit-des {
  -webkit-transition: all 1.6s;
  transition: all 1.6s;
  height: 0;
  opacity: 0;
  visibility: hidden;
  width: clamp(393.33333px, 30.72917vw, 590px);
}
.careers-page-box .car-page-03 .list-box ul li .text .tit-des .tit {
  padding: clamp(26.66667px, 2.08333vw, 40px) 0 clamp(6.66667px, 0.52083vw, 10px);
  font-weight: 600;
  font-size: clamp(26.66667px, 2.08333vw, 40px);
  line-height: 1;
}
.careers-page-box .car-page-03 .list-box ul li .text .tit-des .des {
  font-size: clamp(17.33333px, 1.35417vw, 26px);
  line-height: clamp(30.66667px, 2.39583vw, 46px);
}

@media screen and (max-width: 1023px) {
  .banner .pic .meidia-box {
    padding-bottom: 100%;
  }
  .banner .text {
    padding: 0 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .careers-page-box .car-page-01 .pic-text .pic {
    width: 100%;
  }
  .careers-page-box .car-page-01 .pic-text .text {
    width: 100%;
    padding-left: 0;
    padding-top: 20px;
  }
  .careers-page-box .car-page-02 .afw-list ul li {
    width: 100%;
    margin-left: 0;
    margin-bottom: 70px;
  }
  .careers-page-box .car-page-02 .afw-list ul li:last-child {
    margin-bottom: 0;
  }
  .careers-page-box .car-page-03 .list-box ul li {
    width: 100%;
    border-radius: clamp(13.33333px, 1.04167vw, 20px);
    margin-left: 0;
    margin-bottom: 20px;
  }
  .careers-page-box .car-page-03 .list-box ul li.active {
    width: 100%;
  }
  .careers-page-box .car-page-03 .list-box ul li .pic {
    height: auto;
  }
  .careers-page-box .car-page-03 .list-box ul li .pic img {
    width: 100%;
    height: auto;
    -webkit-transform: translateX(0);
            transform: translateX(0);
    border-radius: clamp(13.33333px, 1.04167vw, 20px);
  }
  .careers-page-box .car-page-03 .list-box ul li .text {
    border-radius: clamp(13.33333px, 1.04167vw, 20px);
    background: rgba(12, 15, 77, 0.6);
  }
  .careers-page-box .car-page-03 .list-box ul li .text .tit-des > .tit {
    padding: 10px 0;
  }
  .careers-page-box .car-page-03 .list-box ul li .text .icon img {
    width: 30px;
    left: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  .careers-page-box .car-page-03 .list-box ul li .text .icon {
    height: 30px;
  }
  .careers-page-box .car-page-03 .list-box ul li .text .tit-des {
    height: auto;
    opacity: 1;
    visibility: visible;
  }
  .careers-page-box .car-page-03 .list-box ul li.active .text .tit-des {
    height: auto;
  }
  .careers-page-box .car-page-03 {
    padding-bottom: 40px;
  }
}