.JobListBox {
      display: flex;
      flex-wrap: wrap;
      grid-gap: 45px;
  }

  .JobListBox .JobList {
      width: 100%;
      background: #f5f5f5;
      padding: 0 45px;
      position: relative;
  }

  .JobListBox .JobList_title {
      padding: 20px 0;
      display: flex;
      justify-content: space-between;
      align-items: center;
  }

  .JobListBox .JobList_title h1 {
      font-family: PuHuiTi85;
      font-size: 20px;
      line-height: 1;
      color: #000;
  }

  .JobListBox .JobList_title h2 {
      font-family: PuHuiTi85;
      font-size: 20px;
      line-height: 1;
      color: #000;
  }

  .JobListBox .JobList.cur .JobList_title h1 {
      color: var(--color);
  }

  .JobListBox .JobList_title span {
      font-size: 18px;
      line-height: 1;
      letter-spacing: 0.05em;
      color: #000000;
  }

  .JobListBox .JobList .img {
      display: block;
      width: 60px;
      height: 60px;
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
  }




  .JobList_content {
      display: none;
      padding: 45px 0 75px;
      border-top: 1px solid #8C8C8C;
  }




  @media (max-width: 1440px) {
      .JobListBox .JobList_title {
          padding: 45px 0;
      }
  }

  @media (max-width: 1200px) {
      .JobListBox .JobList_title {
          padding: 30px 0;
      }

      .JobListBox .JobList .img {
          width: 45px;
          height: 45px;
      }

      .JobListBox .JobList_title h2 {
          display: none;
      }


  }


  @media (max-width: 720px) {
      .JobListBox {
          grid-gap: 30px;
      }

      .JobListBox .JobList {
          padding: 0 20px;
      }

      .JobListBox .JobList .img {
          width: 30px;
          height: 30px;
      }

      .JobListBox .JobList_title h1 {
          font-size: 18px;
      }

  }