@media screen and (max-width: 1440px) {
  .banner {
    width: 100%;
  }
  .recruitment {
    width: 100%;
  }
  .recruitment .recruitmentWrap {
    width: 100%;
  }
  .recruitment .recruitmentWrap .wrapLeft {
    width: 100%;
  }
  .recruitment .recruitmentWrap .wrapLeft .box {
    width: 96%;
  }
  .recruitment .recruitmentWrap .wrapLeft .box .boxTop {
    width: 100%;
  }
  .recruitment .recruitmentWrap .wrapLeft .box .boxTop div {
    padding-left: 4%;
    width: 95%;
  }
  .recruitment .recruitmentWrap .wrapLeft .box .boxBottom {
    margin-left: 5%;
    width: 92%;
  }
  .recruitment .recruitmentWrap .wrapRight {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .recruitment .recruitmentWrap .wrapLeft .box {
    width: 94%;
    margin-left: 3%;
    margin-right: 3%;
  }
  .recruitment .recruitmentWrap .wrapLeft .box .boxTop div {
    font-size: 16px;
  }
  .recruitment .recruitmentWrap .wrapLeft .box .boxTop div img {
    margin-right: 5px;
  }
  .recruitment .recruitmentWrap .wrapLeft .box .boxBottom .serviceItems .item .itemText {
    width: 100%;
  }
  .recruitment .recruitmentWrap .wrapRight {
    margin-left: 0;
    width: 100%;
  }
}

@media screen and (max-width: 370px) {
  .recruitment .recruitmentWrap .wrapRight {
    width: 100%;
    margin-left: 0;
  }
  .recruitment .recruitmentWrap .wrapRight .message {
    width: 94%;
    margin-left: 3%;
    margin-right: 3%;
  }
  .recruitment .recruitmentWrap .wrapRight .message .name {
    margin-left: 5px;
  }
  .recruitment .recruitmentWrap .wrapRight .message .messageContent {
    width: 100%;
    margin-left: 0px;
  }
  .recruitment .recruitmentWrap .wrapRight .message .contactUs {
    margin-left: 0;
  }
}
/*# sourceMappingURL=recruitmentAdapt.css.map */