main .vis-head .ht-content {
  background-image: url(../img/recruit/data/title-bg@2x.jpg);
}

.sec .col-dt1 {
  padding-bottom: 35px;
}
.sec h3 {
  font-weight: bold;
  font-size: 28px;
  line-height: 38px;
  text-align: center;
  color: #275D91;
  margin-bottom: 30px;
}

.sec .col-dt1 .row-w-box {
  flex-direction: row;
  /*flex-direction: column;*/
  /*max-height: 1600px;
  height: 1600px;*/
}
.sec .row-w-box>.col {
  margin-bottom: 30px;
}
.sec .w-box {
  position: relative;
  background-color: #fff;
  box-shadow:0 3px 6px rgb(0 0 0 / 16%);
  padding: 30px 30px 50px;
  height: 100%;
  /*height: 300px;*/
}
.sec .w-box.d2 {
  padding-bottom: 40px;
}
.sec .w-box.d4 {
  padding-bottom: 31px;
}
.sec .w-box.d6,.sec .w-box.d10 {
  padding-bottom: 24px;
}
.sec .w-box .tt {
  position: absolute;
  left: 10px;
  top: 10px;
  display: flex;
}
.sec .w-box .tt .num,
.sec .w-box .tt .title {
  display: flex;
  justify-content: center;
  align-items: center;
}
.sec .w-box .tt .num {
  background-color: #333;
  color: #fff;
  font-weight: bold;
  font-size: 36px;
  line-height: 40px;
  height: 100px;
  width: 100px;
  border-radius: 50%;
}
.sec .w-box .tt .title {
  font-weight: bold;
  font-size: 20px;
  padding-left: 14px;
  height: 100px;
}
.w-box .data-txt {
  margin-top: 76px;
  color: #62B85E;
}
.data-txt>.row {
  margin-left: -28px;
  margin-right: -28px;
}
.data-txt>.row>.col {
  padding-left: 28px;
  padding-right: 28px;
}
.data-txt .img {
  text-align: right;
}
.data-txt .img img {
  max-width: 94px;
}
.data-txt .d-num {
  font-size: 54px;
  line-height: 64px;
  font-weight: bold;
}
.data-txt .d-num .small {
  font-size: 32px;
  line-height: 34px;
  font-weight: bold;
}
.d2 .data-txt .d-num {
  font-size: 44px;
  line-height: 44px;
  margin-top: -8px;
}
.d2 .data-txt .d-num .small {
  font-size: 28px;
}
.data-txt .sub-t {
  font-size: 13px;
  line-height: 20px;
  color: #333;
  margin-top: 6px;
}

.col-dt2 .data-txt .d-num {
  margin-top: 20px;
}

.d6 .data-txt .img,
.d6 .data-txt .sub-t {
  text-align: center;
}
.d6 .data-txt .img img {
  max-width: 388px;
}
.d8 .data-txt .img img {
  max-width: 150px;
  margin-right: -20px;
}
.d9 .data-txt .img img,
.d10 .data-txt .img img {
  max-width: 82px;
}
.d10 .data-txt .d-num {
  line-height: 54px;
}
.d10 .data-txt .txt10-col {
  text-align: center;
  max-width: 140px;
}

@media (max-width: 992px) {
  .sec .col-dt1 .row-w-box {
    max-height: 1700px;
  }
  .w-box .data-txt {
    margin-top: 96px;
  }
  .data-txt>.row {
    margin-right: -15px;
    margin-left: -15px;
  }
  .data-txt>.row>.col {
    padding-left: 15px;
    padding-right: 15px;
  }
  .data-txt .d-num {
    font-size: 38px;
    line-height: 46px;
  }
  .d6 .data-txt .img img {
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .sec .col-dt1 .row-w-box {
    flex-direction: initial;
    max-height: none;
  }

  .sec .w-box .tt .num {
    height: 70px;
    max-width: 70px;
    font-size: 28px;
    line-height: 34px;
  }
  .sec .w-box .tt .title {
    height: 70px;
  }
}