@media only screen and (max-device-width:768px) {
  .company>div h1 {
    font-size: 30px !important
  }

  .company>div p {
    font-size: 17px !important;
    letter-spacing: 5px
  }

  .company .leaving-message {
    position: relative;
    width: 90vw
  }

  .company .leaving-message input {
    width: 80vw;
    font-size: 15px
  }

  .company .phone-btn {
    display: block;
    margin: 30px auto
  }
  .company1>div h1 {
    font-size: 30px !important;
    color:#fff;
  }

  .company1>div p {
    font-size: 17px !important;
    letter-spacing: 5px
  }

  .company1 .leaving-message1 {
    position: relative;
    width: 80vw
  }

  .swiper-container-professiona-field {
    width: 100vw !important
  }

  .professiona-field {
    height: auto;
    position: relative
  }

  .professiona-field .swiper-container-professiona-field {
    height: auto
  }

  .professiona-field .swiper-container-professiona-field .swiper-wrapper {
    height: 380px
  }

  .professiona-field .swiper-container-professiona-field img {
    height: 380px;
    object-fit: cover
  }

  .professiona-field .swiper-glory .swiper-slide img {
    height: 760px
  }

  .professiona-field .bg-color {
    position: relative;
    width: 100%;
    height: 800px
  }

  .professiona-field .swiper-glory {
    height: auto
  }

  .professiona-field .swiper-glory .swiper-wrapper {
    height: auto
  }

  .professiona-field .lf {
    position: absolute !important;
    top: 0;
    height: 100%;
    width: 100vw
  }

  .professiona-field .lf .swipe-pagination-parcel {
    top: 200px;
    left: 29px
  }

  .professiona-field .lf .get-more {
    top: 300px !important;
    left: 30px
  }

  .professiona-field .professiona-content {
    margin-top: -400px;
    width: 100vw;
    flex-wrap: wrap;
    overflow: hidden
  }

  .professiona-field .field-division {
    width: 100vw !important;
    padding: 20px;
    grid-template-columns: repeat(3, 33%);
    grid-template-rows: repeat(2, 150px);
    grid-row-gap: 5px;
    grid-column-gap: 5px;
    justify-content: center
  }

  .professiona-field .field-division .field-division-item img {
    object-fit: cover
  }

  .professiona-field .field-division .field-division-item p {
    border: none;
    box-shadow: none;
    font-size: 13px
  }

  .professiona-field .field-division-especially {
    width: auto;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center
  }

  .professiona-field .field-division-especially p {
    display: none;
    margin-left: 2px
  }

  .professiona-field .field-division-especially .line {
    display: block
  }

  .major {
    padding: 30px 0;
    height: auto
  }

  .major .professional {
    margin: 0
  }

  .swiper-slide-major {
    width: 80vw !important;
    justify-content: center !important
  }

  .swiper-wrapper-major {
    width: auto
  }

  .swiper-wrapper-major .swiper-wrapper {
    width: auto !important;
    justify-content: normal !important
  }

  .major {
    background-size: cover
  }

  .honor-list {
    width: 100vw;
    height: auto;
    padding: 80px 0;
    margin-bottom: 50px
  }

  .honor-list .honor-list-model-title {
    margin-left: .3em
  }

  .honor-list .honor-list-model>div {
    margin-left: 2em
  }

  .work-result {
    padding: 50px 0;
    width: 100vw;
    height: auto
  }

  .work-result .item-model {
    margin: 10px auto
  }
}