@media only screen and (max-width: 493px) {
  .challenge-box {
    padding: 20rem 0;
    color: #333;
    font-size: 12rem;
    overflow: hidden;
    position: relative;
  }
  .challenge-box .title {
    font-size: 16rem;
    position: relative;
    font-weight: bold;
    margin-bottom: 10rem;
  }
  .challenge-box .title .overT1 {
    display: block;
    text-align: center;
  }
  .challenge-box .title .title-bg01 {
    width: 27rem;
    height: 27rem;
    display: block;
    position: absolute;
    top: -4rem;
    right: 6rem;
    z-index: -1;
  }
  .challenge-box .tip {
    font-size: 12rem;
    line-height: 16rem;
    margin: 10rem auto 10rem !important;
    max-width: 80%;
    display: block;
  }
  .challenge-box .tip .overT1 {
    display: block;
    text-align: center;
  }
  .challenge-box .background-bg01 {
    display: none;
  }
  .challenge-box .tab-box {
    margin: 0;
    padding: 0 20rem;
    box-sizing: border-box;
    grid-template-columns: repeat(2, 48%) !important;
  }
  .challenge-box .tab-box .tab-item {
    height: auto;
    min-height: 300rem;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 25rem !important;
    border-radius: 8rem;
    font-size: 12rem;
    line-height: 18rem;
    margin: 10rem 0;
  }
  .challenge-box .tab-box .tab-pic {
    width: 43rem;
    height: 43rem;
    display: block;
    margin: 0 auto 15rem;
  }
  .challenge-box .tab-box .title {
    font-size: 16rem;
    font-weight: 550;
    margin-bottom: 10rem;
  }
  .challenge-box .tab-box .overT4 {
    display: block;
  }
  .challenge-box .function-box {
    margin-top: 10rem;
    padding: 0 20rem;
    box-sizing: border-box;
    grid-template-columns: repeat(2, 48%) !important;
  }
  .challenge-box .function-box .function-item {
    height: 120rem;
    background-color: #fff;
    padding: 25rem !important;
    border-radius: 8rem;
    font-size: 12rem;
    line-height: 18rem;
    margin: 10rem 0;
  }
  .challenge-box .function-box .function-pic {
    width: 43rem;
    height: 43rem;
    display: block;
    margin: 0 auto 10rem;
  }
  .office-platform .title {
    font-size: 16rem;
    position: relative;
    font-weight: bold;
    margin-bottom: 10rem;
  }
  .office-platform .title .overT1 {
    display: block;
    text-align: center;
  }
  .office-platform .title .title-bg01 {
    width: 27rem;
    height: 27rem;
    display: block;
    position: absolute;
    top: -4rem;
    right: 6rem;
    z-index: -1;
  }
  .office-platform .tip {
    font-size: 12rem;
    line-height: 16rem;
    margin: 10rem auto 10rem !important;
    max-width: 80%;
    display: block;
  }
  .adaptation11 {
    flex-wrap: wrap;
  }
  .office-platform .tab-box .tab-item {
    padding: 20rem;
    border-right: 0rem solid #648ce8;
    font-size: 12rem;
    color: #fff;
    line-height: 24rem;
    min-width: 100%;
  }
  .office-platform .tab-box .tab-pic {
    width: 20rem;
    height: 20rem;
    display: block;
    margin: 0 auto 12rem;
  }
  .office-platform .tab-box .tab-item .title {
    font-size: 16rem;
    line-height: 30rem;
    font-weight: 550;
    color: #ffe400;
  }
  .application-platform .title {
    font-size: 16rem;
    position: relative;
    font-weight: bold;
    margin-bottom: 10rem;
  }
  .application-platform .title .overT1 {
    display: block;
    text-align: center;
  }
  .application-platform .title .title-bg01 {
    width: 27rem;
    height: 27rem;
    display: block;
    position: absolute;
    top: -4rem;
    right: 6rem;
    z-index: -1;
  }
  .application-platform .tip {
    font-size: 12rem;
    line-height: 16rem;
    margin: 10rem auto 10rem !important;
    max-width: 80%;
    display: block;
  }
  .JC-center {
    width: 100% !important;
    max-width: 100% !important;
  }
  .application-platform {
    padding: 20rem;
    box-sizing: border-box;
    color: #333;
    font-size: 12rem;
    position: relative;
    overflow: hidden;
  }
  .application-platform .background-bg02 {
    display: none;
  }
  .application-platform .tab-box {
    margin: 20rem 0;
    gap: 4%;
    justify-content: center;
    flex-wrap: wrap;
  }
  .application-platform .tab-box .tab-item {
    padding: 0 15rem;
    font-size: 12rem;
    line-height: 15rem;
    width: 48%;
    min-width: 48%;
    max-width: 48%;
    margin: 10rem 0;
  }
  .application-platform .tab-box .tab-pic {
    width: 46rem;
    height: 40rem;
    display: block;
    margin: 0 auto 22rem;
  }
  .application-platform .tab-box .title {
    font-size: 16rem;
    font-weight: 550;
    margin-bottom: 20rem;
  }
  .application-platform .tab-box .overT3 {
    display: block;
  }
  .application-platform .con-item {
    width: 100%;
    height: auto;
    background: #fff;
    border-radius: 8rem;
    box-sizing: border-box;
    font-size: 12rem;
    color: #383838;
    line-height: 15rem;
    padding: 20rem;
    box-shadow: 0rem 4rem 8rem 0rem #f4f3eb;
    margin: 10rem 0;
  }
  .adaptation13 {
    grid-template-columns: repeat(1, 100%) !important;
  }
  .application-platform .con-item .advantage-pic {
    width: 98rem;
    height: 105rem;
    display: block;
    margin: 20rem 0 0 43rem;
  }
  .application-platform .con-item .txt {
    font-size: 16rem;
    font-weight: 550;
    margin-bottom: 13rem;
  }
  .application-platform .con-item .overT6 {
    display: block;
  }
  .margintopnone {
    margin-top: 20rem !important;
  }
  .adaptation14 {
    flex-wrap: wrap;
    justify-content: center;
  }
  .application-platform .use-box {
    width: 100%;
    margin-top: 2rem;
    display: flex !important;
    gap: 4%;
    flex-wrap: wrap;
  }
  .application-platform .use-box .use-item {
    width: 48% !important;
    height: auto;
    background-color: #2776ff;
    border-radius: 4rem;
    margin: 10rem 0;
    color: #fff;
    font-size: 12rem;
    line-height: 15rem;
    padding: 10rem 15rem;
  }
  .application-platform .use_pic {
    height: 245rem;
    width: 286rem;
    display: block;
    margin: 25rem;
    order: -1;
  }
  .application-platform .use-box .use-item .use-pic {
    height: 21rem;
    width: 23rem;
    display: block;
    margin: 0 auto 7rem;
  }
  .system-architecture .title-box {
    font-size: 16rem;
    position: relative;
    font-weight: bold;
    margin-bottom: 10rem;
  }

  .system-architecture .title-box .title-bg01 {
    width: 27rem;
    height: 27rem;
    display: block;
    position: absolute;
    top: -4rem !important;
    right: 6rem !important;
    z-index: -1;
  }

  .system-architecture .tip {
    font-size: 12rem;
    color: #666;
    margin: 7rem auto 42rem !important;
    max-width: 80%;
    overflow: visible;
  }
  .system-architecture {
    padding: 20rem;
  }
  .system-architecture .architecture-pic {
    margin: 0 auto 10rem !important;
  }
}