/* 加入我们 */
.openBtn {
  transform: rotate(90deg);
}
.jobHdValue .iconfont {
  cursor: pointer;
  width: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.jobItem {
  height: 70px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  overflow: hidden;
  margin-bottom: 20px;
  /* background-color: #fff; */
}
.jobHd {
  background-color: #fff;
  /* height: 70px; */
  padding: 23px 55px 23px 45px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.jobHd h3 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 25px;
  font-size: 18px;
  font-weight: 500;
  color: #4a4a4a;
  line-height: 25px;
}
.jobHd .title {
  margin-bottom: 0 !important;
  max-width: 4rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.jobHd .titleTimeing {
  display: none;
  font-size: 0.32rem;
  font-weight: 400;
  color: #9b9b9b;
}
.jobHdValue {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.location img {
  margin-right: 10px;
}
.jobHdValue .timeing {
  display: block;
  margin-right: 42px;
  /* min-width: 200px; */
  text-align: center;
}
.location {
  display: flex;
  align-items: center;
  margin-right: 55px;
  /* margin: 0 30px; */
}
.location span {
  display: block;
  overflow: hidden;
  width: 30px;
  height: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.jobBd {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

/* 企业介绍 */
.aboutTop {
  max-height: 300px;
  overflow: hidden;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
}

.aboutTop img {
  width: 100%;
}
.aboutContent h3,
.aboutBottom h3 {
  margin-bottom: 20px;
  color: #88694a;
  font-size: 18px;
  font-weight: 500;
}
.aboutContent {
  background-color: #fff;
}
.aboutContent p,
.aboutBottom p {
  font-size: 15px;
  font-weight: 300;
  color: #4a4a4a;
  line-height: 30px;
  word-wrap: break-word;
}
.aboutContent,
.aboutBottom {
  padding: 30px 50px 52px;
}
/* 合作伙伴 */
.partners {
  /* width: 8.94rem; */
  overflow: hidden;
}
.partners ul {
  overflow: hidden;
  width: 103%;
}
.partner {
  float: left;
  display: flex;
  justify-content: center;
  width: 4.35rem;
  height: 2.56rem;
  margin: 0 0.24rem 0.24rem 0;
}
.partner img {
  width: 100%;
}
/* history */
.historyWrap {
  overflow: hidden;
  padding: 55px 40px 20px 50px;
  font-family: "DINAlternate-Bold, DINAlternate";
  min-height: calc(100% - 180px);
  background-color: #051840 !important;
  background: linear-gradient(-45deg, transparent 30px, #fff 0) !important;
}
.historyWrap ul {
  padding-left: 96px;
  padding-bottom: 60px;
}
.historySign {
  position: absolute;
  left: -2px;
  top: 0;
  transform: translate(-50%, -50%);
  z-index: 9;
  width: 13px;
  height: 13px;
  background: linear-gradient(45deg, #ffb890, #fad961);
  border-radius: 50%;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.historyWrap ul li:last-child .historyLogoInner {
  border-left: 4px solid transparent;
}
.historyLogoInner {
  margin-top: 0.21rem;
  position: relative;
  width: 34px;
  height: 100%;
  border-left: 4px solid rgb(193, 175, 155, 0.3);
}
.historyLogo {
  width: 34px;
  /* height: 100%; */
  /* border-left: 4px solid rgb(193, 175, 155, 0.3); */
}
.historyWrap ul li {
  position: relative;
  cursor: pointer;
  display: flex;
  /* align-items: flex-end; */
  height: 60px;
}
.historyWrap ul li .h3 {
  position: relative;
  height: 100%;
  font-size: 24px;
  color: rgb(74, 74, 74, 0.2);
  -webkit-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
.historyWrap ul li:hover .h3 {
  font-size: 40px;
  font-family: "DINAlternate-Bold, DINAlternate";
  color: #4a4a4a;
  /* line-height: 47px; */
  font-weight: bold;
}
.historyWrap ul li.active .h3 {
  font-weight: bold;
  font-size: 40px;
  color: #4a4a4a;
  /* line-height: 47px; */
}
.historyWrap ul li:hover .historySign {
  width: 23px;
  height: 23px;
  background: #48e2b9;
  /* background: linear-gradient(to right, #579df3, #7befce); */
}
.historyWrap ul li:hover .historyContent {
  opacity: 1;
  z-index: 1;
}
.historyContentTxt {
  width: 100%;
  /* display: flex;
  flex-direction: column;
  height: 100%; */
}
.historyWrap .historyContent {
  display: flex;
  padding-left: 20px;
  /* height: 32px; */
  /* position: relative; */
  align-items: center;
  /* height: 100%; */
  /* position: absolute; */
  /* left: 150px; */
  margin-top: -20px;
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
.historyWrap .historyLine {
  width: 108px;
  margin: 0 8px;
}
.historyContentInner {
  flex: 1;
  background: #fff;
  /* max-height: 100%; */
  overflow: hidden;
  /* max-width: 320px; */
  padding-left: 10px;
  font-size: 16px;
  font-weight: 500;
  color: #060418;
  border-left: 2px solid #3fd09b;
}
.historyWrap ul li.active .historyContentInner {
  border-left: 2px solid #2d60cc;
}

.historyContent pre {
  font-family: "SourceHanSansCN-Regular, SourceHanSansCN";
  font-weight: 400;
  color: #060418;
  line-height: 20px;
}
.historyContent strong {
  /* color: #2d60cc; */
}
.historyWrap .historyContent p {
  line-height: 20px !important;
  overflow: hidden;
  width: 100%;
  /* text-overflow: ellipsis;
  display: box;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical; */
}
.historyWrap .historyContentImg {
  width: 120px;
}
.historyWrap .historyContentImg img {
  width: 100%;
}
.historyWrap ul li:hover .historyTips {
  opacity: 1;
}
.historyWrap ul li.active .historyTips {
  opacity: 1;
}
.historyTips {
  -webkit-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  opacity: 0;
  /* width: 60px; */
  bottom: 18px;
  left: -96px;
  position: absolute;
  display: flex;
  flex-direction: column;
  font-size: 14px;
  font-weight: 400;
  color: #c1af9b;
  line-height: 21px;
}
.historyTips .num {
  font-size: 34px;
  font-weight: bold;
  color: #c1af9b;
  line-height: 40px;
}
.historyContent .num {
  margin-right: 4px;
  color: rgb(45, 96, 204, 0.9);
  font-weight: bold;
}

.historyWrap ul li.active .historySign {
  width: 23px;
  height: 23px;
  /* transform: scale(2); */
  background: linear-gradient(to right, #579df3, #7befce);
}
.historyWrap ul li:last-child:hover .historySign {
  background: linear-gradient(to right, #579df3, #7befce);
}
.historyWrap ul li:first-child:hover .historySign {
  background: linear-gradient(to right, #579df3, #7befce);
}
.historyWrap ul li.active .historyContent {
  opacity: 1;
}

.historyWrap .historyLine {
  position: relative;
  max-width: 80px;
  height: 0;
  border-bottom: 2px dashed #3fd09b;
}
.historyWrap .historyLineSpolt {
  width: 10px;
  height: 10px;
  background: #3fd09b;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  right: 0;
}

/* 手机端 */
.historyMoblie {
  display: none;
}
.historyMoblie ul li {
  position: relative;
  display: flex;
  color: #fff;
}
.historyMoblie ul li:last-child .historyLogoInner {
  border-left: 4px solid transparent;
}
/* .historyLogoInner {
  position: relative;
  width: 34px;
  height: 100%;
  border-left: 4px solid rgb(193, 175, 155, 0.3);
} */
.historyMoblie .year {
  width: 1.66rem;
  margin-right: 0.4rem;
}
.historyMoblie .year p {
  font-size: 0.64rem;
  font-weight: 500;
}
.historyMoblie .year .speed {
  font-size: 0.35rem;
  font-weight: normal;
  color: #c1af9b;
}
.historyMoblie .historyContentInner {
  color: rgba(255, 255, 255, 0.77);
  background: transparent;
  font-size: 0.32rem;
  font-weight: 400;
  line-height: 0.48rem;
  max-width: 3.8rem;
}

.historyMoblie .historyContent {
  position: relative;
  display: flex;
  align-items: center;
  padding-bottom: 1rem;
}
.historyMoblie .historyLine {
  position: relative;
  width: 0.72rem;
  height: 0;
  margin-right: 0.1rem;
  border-bottom: 0.05rem dashed #3fd09b;
}

.historyMoblie .historyLineSpolt {
  width: 0.15rem;
  height: 0.15rem;
  background: #3fd09b;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-32%);
  position: absolute;
  right: -15%;
}

.historyMoblie .historyContentImg {
  background-color: #fff;
  position: absolute;
  width: 1.6rem;
  height: 1.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  overflow: hidden;
  left: 105%;
}
.historyMoblie .historyContentImg img {
  width: 100%;
}
@media screen and (max-width: 480px) {
  .historyMoblie ul li:nth-child(5n + 2) .historySign {
    background: linear-gradient(45deg, #41d1be, #54ffb1);
  }
  .historyMoblie ul li:nth-child(5n + 3) .historySign {
    background: linear-gradient(45deg, #5c4bff, #c86dd7);
  }
  .historyMoblie ul li:nth-child(5n + 4) .historySign {
    background: linear-gradient(45deg, #fd5353, #e8bdff);
  }
  .historyMoblie ul li:nth-child(5n + 5) .historySign {
    background: linear-gradient(45deg, #4c85ff, #82ffc6);
  }

  .historyMoblie ul li:nth-child(5n + 1) .historyContentInner {
    border-left: 2px solid #ff9a4e;
  }

  .historyMoblie ul li:nth-child(5n + 2) .historyContentInner {
    border-left: 2px solid #3fd09b;
  }
  .historyMoblie ul li:nth-child(5n + 3) .historyContentInner {
    border-left: 2px solid #cd6fff;
  }
  .historyMoblie ul li:nth-child(5n + 4) .historyContentInner {
    border-left: 2px solid #ff6f6f;
  }
  .historyMoblie ul li:nth-child(5n + 5) .historyContentInner {
    border-left: 2px solid #2d60cc;
  }
  #backTop {
    top: 56% !important;
  }
  .partners {
    width: 8.94rem;
    margin: 0 auto;
  }
  .historyLogo {
    width: 0.46rem !important;
  }
  .jobHd {
    padding: 0.4rem 0.53rem;
  }
  .jobHd h3 {
    font-size: 0.4rem;
  }
  .jobHd .timeing {
    display: none;
  }
  .jobHd .titleTimeing {
    display: block;
  }
  .aboutContent,
  .aboutBottom {
    padding: 0.53rem;
  }
  .historyWrap {
    display: none;
  }
  .historyMoblie {
    display: block;
  }
  .historyMoblie ul {
    padding-bottom: 2rem;
    position: relative;
  }
  .historyMoblie ul li:last-child {
    z-index: 9;
    height: 2.6rem;
    width: 100%;
    position: fixed;
    bottom: 0;
    /* left: 0; */
    /* padding-left: 0.53rem; */
    background-color: #051840;
  }
  .historyMoblie ul li:last-child::before {
    content: "";
    position: absolute;
    bottom: 100%;
    left: -20%;
    height: 1rem;
    width: 200%;
    background: linear-gradient(180deg, rgba(5, 24, 64, 0) 0%, #051840 100%);
  }

  .historyMoblie ul li:last-child::after {
    content: "";
    position: absolute;
    right: 100%;
    bottom: 0;
    height: 100%;
    background-color: #051840;
    width: 20%;
  }
}