@charset "UTF-8";
.home {
  position: relative;
  width: 100%; }
  .home .section1 {
    background: #F7F7F7;
    margin-top: 5vw;
    padding: 6.25vw 10.4166666667vw; }
    .home .section1 .t {
      font-size: 2.5vw;
      color: #000;
      /*font-family: 'Montserrat-Regular.otf';*/
      line-height: 1;
      margin-bottom: 3.9583333333vw; }
      .home .section1 .t::before {
        display: block;
        content: '';
        width: 5.2083333333vw;
        height: 0.2604166667vw;
        background: #212F45;
        margin-bottom: 2.0833333333vw; }
    .home .section1 .content {
      display: flex;
      justify-content: space-between;
      gap: 4.0104166667vw; }
      .home .section1 .content .l {
        width: 40%;
        overflow: hidden; }
        .home .section1 .content .l img {
          width: 100%;
          display: block;
          object-fit: cover;
          transition: all 600ms; }
        .home .section1 .content .l:hover img {
          transform: scale(1.05); }
      .home .section1 .content .r {
        width: 60%; }
        .home .section1 .content .r .list .item {
          border-radius: 0.5208333333vw;
          background: #FFF;
          cursor: pointer; }
          .home .section1 .content .r .list .item .d1 {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 1.25vw 2.0833333333vw 1.25vw 2.5vw; }
            .home .section1 .content .r .list .item .d1 .pt {
              display: flex;
              align-items: center; }
              .home .section1 .content .r .list .item .d1 .pt svg {
                width: 0.7291666667vw;
                display: block; }
              .home .section1 .content .r .list .item .d1 .pt p {
                margin-left: 0.8333333333vw;
                color: #000;
                font-size: 1.25vw;
                /*font-family: 'PINGFANG-MEDIUM';*/
              }
            .home .section1 .content .r .list .item .d1 .icon {
              position: relative; }
              .home .section1 .content .r .list .item .d1 .icon img {
                display: block;
                transition: all 600ms;
                width: 1.6666666667vw; }
              .home .section1 .content .r .list .item .d1 .icon img:nth-child(2) {
                position: absolute;
                left: 0;
                top: 0;
                opacity: 0; }
          .home .section1 .content .r .list .item .d2 {
            color: #666;
            font-family: 'PINGFANG-MEDIUM';
            line-height: 2;
            margin: 0 2.0833333333vw;
            padding-bottom: 2.6041666667vw;
            display: none; }
          .home .section1 .content .r .list .item:not(:last-child) {
            margin-bottom: 0.8333333333vw; }
        .home .section1 .content .r .list .on .d1 .icon img:nth-child(1) {
          opacity: 0; }
        .home .section1 .content .r .list .on .d1 .icon img:nth-child(2) {
          opacity: 1; }
  .home .section2 {
    padding: 6.25vw 10.4166666667vw;
    background: url(../images/join_bg.png) no-repeat;
    background-size: cover; }
    .home .section2 .t {
      font-size: 2.5vw;
      color: #000;
      /*font-family: 'Montserrat-Regular.otf';*/
      line-height: 1;
      margin-bottom: 3.9583333333vw;
      text-transform: capitalize; }
      .home .section2 .t::before {
        display: block;
        content: '';
        width: 5.2083333333vw;
        height: 0.2604166667vw;
        background: #212F45;
        margin-bottom: 2.0833333333vw; }
    .home .section2 .scroll_box {
      width: 100%;
      height: 41.6666666667vw;
      overflow-y: scroll;
      padding-right: 4.1666666667vw;
      /* 自定义滚动条滑块样式 */
      /* 自定义滚动条轨道样式 */ }
      .home .section2 .scroll_box::-webkit-scrollbar {
        width: 0.2083333333vw; }
      .home .section2 .scroll_box::-webkit-scrollbar-thumb {
        background: linear-gradient(0deg, #B60005 0%, #B60005 100%), #F6F6F6; }
      .home .section2 .scroll_box::-webkit-scrollbar-track {
        background: linear-gradient(0deg, #F6F6F6 0%, #F6F6F6 100%), #F6F6F6;
        /* 设置轨道的颜色 */ }
      .home .section2 .scroll_box .item {
        border-radius: 0.5208333333vw;
        background: #F6F6F6;
        cursor: pointer;
        padding: 1.9791666667vw 0;
        margin-bottom: 0.5208333333vw; }
        .home .section2 .scroll_box .item .d1 {
          display: flex;
          justify-content: space-between;
          padding: 0 2.5vw; }
          .home .section2 .scroll_box .item .d1 .l {
            display: flex;
            align-items: center; }
            .home .section2 .scroll_box .item .d1 .l .num {
              color: #000;
              font-size: 1.6666666667vw;
              font-family: 'PINGFANG-MEDIUM'; }
            .home .section2 .scroll_box .item .d1 .l .pt {
              margin-left: 3.5416666667vw;
              color: #000;
              font-size: 1.6666666667vw;
              /*font-family: 'PINGFANG-MEDIUM';*/
              }
          .home .section2 .scroll_box .item .d1 .icon img {
            width: 2.7083333333vw;
            display: block; }
        .home .section2 .scroll_box .item .d2 {
          display: none; }
          .home .section2 .scroll_box .item .d2 .html {
            color: #000;
            font-size: 1.25vw;
            font-family: 'PINGFANG-MEDIUM';
            line-height: 1.67;
            margin: 0 7.8125vw; }
          .home .section2 .scroll_box .item .d2 .topic {
            display: flex;
            justify-content: flex-end;
            margin: 2.5vw 1.7708333333vw 0 0; }
            .home .section2 .scroll_box .item .d2 .topic .icon2 svg {
              width: 1.25vw;
              display: block; }
            .home .section2 .scroll_box .item .d2 .topic .des {
              color: #020202;
              font-size: 0.7291666667vw;
              margin-left: 0.78125vw;
              line-height: 2; }
  @media screen and (max-width: 1024px) {
    .home {
      padding-top: 60px; }
      .home .section1 {
        margin-top: 0;
        padding: 30px 5%; }
        .home .section1 .t {
          font-size: 24px;
          margin-bottom: 30px; }
          .home .section1 .t::before {
            width: 80px;
            margin-bottom: 20px; }
        .home .section1 .content {
          flex-direction: column; }
          .home .section1 .content .l {
            width: 100%; }
          .home .section1 .content .r {
            width: 100%;
            margin-top: 20px; }
            .home .section1 .content .r .list .item .d1 {
              padding: 15px 20px; }
              .home .section1 .content .r .list .item .d1 .pt svg {
                width: 12px; }
              .home .section1 .content .r .list .item .d1 .pt p {
                font-size: 16px; }
              .home .section1 .content .r .list .item .d1 .icon img {
                width: 20px; }
            .home .section1 .content .r .list .item .d2 {
              margin: 0 20px;
              padding-bottom: 20px; }
      .home .section2 {
        padding: 40px 5%; }
        .home .section2 .t {
          font-size: 24px;
          margin-bottom: 30px; }
          .home .section2 .t::before {
            width: 80px;
            margin-bottom: 20px; }
        .home .section2 .scroll_box {
          height: 300px;
          padding-right: 0; }
          .home .section2 .scroll_box .item {
            padding: 15px 0;
            margin-bottom: 10px;
            border-radius: 10px; }
            .home .section2 .scroll_box .item .d1 .l .num {
              font-size: 16px; }
            .home .section2 .scroll_box .item .d1 .l .pt {
              font-size: 16px;
              margin-left: 5px; }
            .home .section2 .scroll_box .item .d1 .icon img {
              width: 20px; }
            .home .section2 .scroll_box .item .d2 {
              margin-top: 15px; }
              .home .section2 .scroll_box .item .d2 .html {
                margin: 0 15px;
                font-size: 16px; }
              .home .section2 .scroll_box .item .d2 .topic {
                margin: 20px 15px 0 0; }
                .home .section2 .scroll_box .item .d2 .topic .icon2 svg {
                  width: 15px; }
                .home .section2 .scroll_box .item .d2 .topic .des {
                  font-size: 14px;
                  width: 85%;
                  margin-left: 15px; } }

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