@media only screen and (max-width: 500px) {
  .background-box {
    padding: 20rem !important;
    box-sizing: border-box;
  }
  .background-box .background-bg01 {
    display: none;
  }
  .background-box .title-box {
    font-size: 16rem;
    color: #333;
    position: relative;
    max-width: 50%;
    font-weight: bold;
    margin-bottom: 0;
  }
  .background-box .title-box .title-bg01 {
    width: 27rem;
    height: 27rem;
    display: block;
    position: absolute;
    top: -4rem;
    right: 6rem;
    z-index: -1;
  }
  .background-box .tip {
    font-size: 10rem;
    line-height: 16rem;
    color: #666;
    margin: 10rem auto 25rem !important;
    max-width: 80%;
    overflow: inherit;
    display: block;
    text-align: center;
  }
  .background-box .background-pic {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto 20rem;
  }
  .adaptation15 {
    grid-template-columns: repeat(2, 48%) !important;
  }
  .background-box .core-item {
    height: auto;
    min-height: 215rem;
    background: #fff;
    border-radius: 8rem;
    font-size: 12rem;
    color: #383838;
    padding: 20rem;
    box-sizing: border-box;
    margin: 10rem 0;
    line-height: 18rem;
  }
  .background-box .core-item .core-pic {
    width: 32rem;
    height: 32rem;
    display: block;
    margin: 0 auto;
  }
  .background-box .core-item .txt {
    font-size: 16rem;
    font-weight: 550;
    margin: 28rem 0 10rem;
  }
  .background-box .core-item .overT3 {
    overflow: inherit;
    display: block;
  }
  .margin-top30 {
    margin-top: 30rem !important;
  }
  .background-box .background-pic01 {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto 20rem;
  }
  .background-box .advantage-item {
    width: 100%;
    height: auto;
    background: #fff;
    border-radius: 8rem;
    font-size: 12rem;
    color: #383838;
    padding: 30rem;
    box-sizing: border-box;
    margin: 10rem 0;
    line-height: 18rem;
  }
  .background-box .advantage-item .advantage-pic {
    width: 37rem;
    height: 37rem;
    display: block;
    margin: 0 auto;
  }
  .background-box .advantage-item .txt {
    font-size: 16rem;
    margin: 22rem 0 8rem;
  }
  .margin-bott20 {
    margin-bottom: 20rem !important;
  }
  .functional-module {
    padding: 20rem !important;
    box-sizing: border-box;
  }
  .functional-module .title {
    font-size: 16rem;
    color: #fff;
    position: relative;
    font-weight: bold;
    margin-bottom: 10rem;
  }
  .functional-module .title .title-bg01 {
    width: 27rem;
    height: 27rem;
    display: block;
    position: absolute;
    top: -4rem;
    right: 6rem;
    z-index: -1;
  }
  .functional-module .tip {
    font-size: 10rem;
    line-height: 16rem;
    color: #fff;
    margin: 10rem auto 10rem !important;
    max-width: 80%;
  }
  .functional-module .con-item {
    width: 100%;
    height: auto;
    background: #dce5fa;
    border-radius: 8rem;
    font-size: 12rem;
    color: #383838;
    font-weight: 550;
    padding: 20rem !important;
    box-sizing: border-box;
    margin: 10rem 0;
  }
  .functional-module .con-item .advantage-pic {
    width: 29rem;
    height: 29rem;
    display: block;
    margin-right: 17rem;
  }
  .functional-module .con-item .txt {
    font-size: 12rem;
    line-height: 15rem;
    font-weight: 400;
    margin-top: 10rem;
  }
  .background-box .background-bg04 {
    display: none;
  }
  .background-box .background-bg05 {
    display: none;
  }
  .background-box .programme-pic {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto 20rem;
  }
  .background-box .diversity-item {
    width: 48%;
    height: auto;
    min-height: 300rem;
    background: #fff;
    border-radius: 8rem;
    font-size: 12rem;
    color: #383838;
    padding: 25rem 19rem 0;
    margin: 10rem 0;
    line-height: 16rem;
  }
  .background-box .diversity-item .diversity-pic {
    width: 56rem;
    height: 56rem;
    display: block;
    margin: 0 auto;
  }
  .background-box .diversity-item .txt {
    font-size: 16rem;
    margin: 18rem 0 15rem;
  }
  .background-box .diversity-item .text-left {
    text-align: left;
    display: block;
  }
  .gsflex-box{
    justify-content: space-between;
  }
}