@media only screen and (max-width: 493px) {
  body {
    background-color: #f5f8ff !important;
  }
  .our {
    background-color: #f5f8ff;
    padding: 0rem 20rem !important;
    box-sizing: border-box;
  }
  .countryside-box {
    padding: 20rem !important;
    box-sizing: border-box;
  }
  .countryside-box .countryside-bg01 {
    display: none;
  }
  .countryside-box .countryside-bg02 {
    display: none;
  }
  .countryside-box .title-box {
    font-size: 16rem;
    color: #333;
    position: relative;
    max-width: 50%;
    font-weight: bold;
    margin-bottom: 0;
  }
  .countryside-box .title-box .title-bg01 {
    width: 27rem;
    height: 27rem;
    display: block;
    position: absolute;
    top: -4rem;
    right: 6rem;
    z-index: -1;
  }
  .countryside-box .tip {
    font-size: 10rem;
    line-height: 16rem;
    color: #666;
    margin: 10rem auto 25rem;
    max-width: 80%;
  }
  .countryside-box .countryside-pic {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto 40rem;
  }
  .countryside-box .con-item {
    width: 100%;
    height: auto;
    background: #fff;
    border-radius: 8rem;
    font-size: 12rem;
    color: #383838;
    line-height: 16rem;
    padding: 20rem;
    box-sizing: border-box;
    box-shadow: 0rem 4rem 8rem 0rem #f4f3eb;
    margin: 20rem 0;
  }
  .countryside-box .con-item .advantage-pic {
    width: 25rem;
    height: 25rem;
    display: block;
  }
  .countryside-box .con-item .txt {
    font-size: 14rem;
    color: #666;
    font-weight: bold;
    margin: 18rem 0 8rem;
  }
  .scene-box {
    background-color: #4f7ce5;
    padding: 20rem 20rem;
    box-sizing: border-box;
    color: #fff;
    font-size: 12rem;
  }
  .scene-box .title {
    font-size: 16rem;
    margin: 0 auto 12rem;
    position: relative;
  }
  .gs-span {
    margin-bottom: 20rem !important;
  }
  .adaptation04 {
    flex-wrap: wrap;
    gap: 4%;
  }
  .scene-box .tab-box .tab-item {
    width: 48%;
    padding: 0;
    box-sizing: border-box;
    border-right: 0;
    font-size: 12rem;
    color: #fff;
    line-height: 24rem;
    height: auto;
    min-height: 410rem;
    margin: 10rem 0;
    flex: none;
  }
  .scene-box .tab-box .tab-pic {
    width: 25rem;
    height: 25rem;
    display: block;
    margin: 0 auto 15rem;
  }
  .scene-box .tab-box .tab-item .title {
    font-size: 11rem;
    line-height: 25rem;
    font-weight: 550;
  }
  .scene-box .tab-box .scene-item {
    width: 80rem;
    height: 18rem;
    border-radius: 10rem;
    background-color: #6189e8;
    border: 1rem solid #fff;
    font-size: 10rem;
    line-height: 18rem;
    margin: 0 auto 8rem;
  }
  .solution-box {
    padding: 20rem !important;
    box-sizing: border-box;
  }
  .solution-box .title-box {
    font-size: 16rem;
    color: #333;
    position: relative;
    max-width: 50%;
    font-weight: bold;
    margin-bottom: 0;
  }
  .solution-box .title-box .title-bg01 {
    width: 27rem;
    height: 27rem;
    display: block;
    position: absolute;
    top: -4rem;
    right: 6rem;
    z-index: -1;
  }
  .solution-box .tip {
    font-size: 10rem;
    line-height: 16rem;
    color: #666;
    margin: 10rem auto 25rem;
    max-width: 80%;
  }
  .solution-box .architecture-pic {
    width: 100%;
    height: auto;
    display: block;
    margin: 20rem auto;
  }
  .system-function {
    padding: 20rem !important;
    box-sizing: border-box;
    font-size: 10rem;
  }
  .system-function .title {
    font-size: 16rem;
    color: #fff;
    position: relative;
    font-weight: bold;
    margin-bottom: 10rem;
  }
  .system-function .title .title-bg01 {
    width: 27rem;
    height: 27rem;
    display: block;
    position: absolute;
    top: -4rem;
    right: 6rem;
    z-index: -1;
  }

  .system-function .tip {
    font-size: 10rem;
    line-height: 16rem;
    color: #666;
    margin: 10rem auto 25rem;
    max-width: 80%;
  }
  .system-function .tab-box {
    margin: 20rem 0;
    gap: 4%;
  }
  .system-function .tab-box .tab-item {
    width: 48%;
    height: auto;
    min-height: 220rem;
    background-color: rgba(248, 249, 255, 0.15);
    padding: 20rem;
    box-sizing: border-box;
    border-radius: 8rem;
    font-size: 10rem;
    line-height: 15rem;
    margin: 10rem 0;
  }
  .system-function .tab-box .tab-pic {
    width: 26rem;
    height: auto;
    display: block;
    margin: 0 auto 15rem;
  }
  .system-function .tab-box .title {
    font-size: 14rem;
    margin-bottom: 10rem;
  }
  .system-function .function-pic {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
  }
  .platform-application {
    padding: 20rem !important;
    box-sizing: border-box;
  }
  .platform-application .countryside-bg03 {
    display: none;
  }
  .platform-application .title-box {
    font-size: 16rem;
    color: #333;
    position: relative;
    max-width: 50%;
    font-weight: bold;
    margin-bottom: 0;
  }
  .platform-application .title-box .title-bg01 {
    width: 27rem;
    height: 27rem;
    display: block;
    position: absolute;
    top: -4rem;
    right: 6rem;
    z-index: -1;
  }
  .platform-application .tip {
    font-size: 10rem;
    line-height: 16rem;
    color: #666;
    margin: 10rem auto 25rem !important;
    max-width: 80%;
  }
  .adaptation17 {
    display: flex !important;
    gap: 4%;
  }
  .platform-application .core-item {
    width: 48%;
    height: auto;
    min-height: 120rem;
    background: #fff;
    border-radius: 8rem;
    font-size: 10rem;
    color: #383838;
    padding: 0 15rem;
    box-sizing: border-box;
    margin: 10rem 0;
  }
  .platform-application .core-item .core-pic {
    width: 20rem;
    height: auto;
    display: block;
  }
  .platform-application .core-item .txt {
    font-size: 12rem;
    margin: 20rem 0 7rem;
  }
}