.sect2 {
  width: 100%;
  height: 500px;
  position: relative; }
  .sect2 img {
    width: 100%;
    height: 100%;
    object-fit: cover; }
  .sect2 .txt {
    width: 100%;
    height: 100%;
    font-size: 34px;
    font-family: Source Han Sans CN, Source Han Sans CN-Heavy;
    font-weight: 800;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10; }

.sect3 {
  padding: 80px 0; }
  .sect3 .wrap {
    display: flex;
    align-items: center;
    width: 84%;
    max-width: 1600px;
    margin: 0 auto; }
    .sect3 .wrap .left, .sect3 .wrap .right {
      width: 50%; }
    .sect3 .wrap .left {
      font-size: 14px;
      font-family: Source Han Sans SC, Source Han Sans SC-Regular;
      font-weight: 400;
      color: #818181;
      line-height: 30px;
      padding-right: 80px; }
      .sect3 .wrap .left .title {
        font-size: 40px;
        font-family: Source Han Sans CN, Source Han Sans CN-Bold;
        font-weight: 700;
        color: #333333;
        margin-bottom: 30px; }
    .sect3 .wrap .right {
      display: flex;
      justify-content: space-between;
      align-items: center;
      text-align: center; }
      .sect3 .wrap .right .item {
        flex-grow: 1;
        font-size: 16px;
        font-family: Source Han Sans CN, Source Han Sans CN-Regular;
        font-weight: 400;
        color: #a1a1a1;
        border-right: 1px solid #D6D6D6; }
        .sect3 .wrap .right .item:last-child {
          border-right: none; }
        .sect3 .wrap .right .item .num {
          font-size: 40px;
          font-family: Source Han Sans CN, Source Han Sans CN-Bold;
          font-weight: 700;
          color: #31C5C5; }
  .sect3 .entrance {
    width: 84%;
    max-width: 1600px;
    margin: 80px auto 0;
    aspect-ratio: 16/5;
    position: relative; }
    .sect3 .entrance img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
    .sect3 .entrance .info {
      width: 54%;
      height: 100%;
      position: absolute;
      left: 23%;
      top: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      font-size: 14px;
      font-family: Source Han Sans SC, Source Han Sans SC-Bold;
      font-weight: 700;
      text-align: center;
      color: #e4e0e0;
      line-height: 36px; }
      .sect3 .entrance .info .title {
        font-size: 34px;
        font-family: Source Han Sans CN, Source Han Sans CN-Bold;
        font-weight: 700;
        color: #ffffff;
        margin-bottom: 40px; }
      .sect3 .entrance .info .btn {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 16px;
        font-family: Source Han Sans CN, Source Han Sans CN-Regular;
        font-weight: 400;
        color: #ffffff;
        width: 270px;
        height: 56px;
        background: #31C5C5;
        border-radius: 4px;
        margin-top: 60px;
        cursor: pointer; }

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