.banner-bg {
  display: none;
}
@media only screen and (max-width: 493px) {
  body {
    background: #f5f8ff !important;
  }
  .newsBanner-box {
    height: auto;
    background-image: url('0');
    display: none;
  }
  .newsBanner-box-box {
    margin-top: 45rem;
    height: auto !important;
  }
  .banner-bg {
    width: 100%;
    display: block !important;
    height: auto;
    content: url('/static/index/image/customized/banner2.png');
  }
  .customized-demand {
    padding-top: 35rem;
  }
  .customized-demand .text-center {
    font-size: 20rem;
    display: block;
    max-width: 100% !important;
  }
  .customized-demand .line-pic {
    width: 100rem;
  }
  .customized-demand .tip {
    padding: 0 11rem;
    color: #333;
    font-size: 10rem;
    font-weight: 400;
    max-width: 100%;
  }
  .titlebott {
    margin-bottom: 20rem !important;
  }
  .xulist {
    flex-wrap: wrap;
    padding: 0 20rem;
    box-sizing: border-box;
  }
  .customized-demand .item .demand-pic {
    width: 50rem;
    height: auto;
    display: block;
    margin: 0 auto;
  }
  .customized-demand .item {
    color: #666;
    font-size: 12rem;
    line-height: 18rem;
    font-weight: 400;
    width: 49%;
    padding: 0rem 10rem;
    box-sizing: border-box;
    margin: 10rem 0;
  }
  .xulist .demand-pic {
    width: 40%;
    height: auto;
  }
  .customized-demand .item .title {
    width: 100%;
    color: #333;
    display: block;
    font-size: 12rem;
    line-height: 15rem;
    font-weight: bold;
    margin: 10rem auto;
    max-width: 80%;
  }
  .customized-demand .item  .overT3{
    display: block;
  }
  .customized-demand .title-box {
    margin-top: 0rem;
    color: #d1d5dd;
    font-size: 14rem;
    line-height: 18rem;
    font-weight: 500;
    position: relative;
    padding: 0 20rem;
    box-sizing: border-box;
    margin-bottom: 10rem;
  }
  .customized-demand .txt-box {
    color: #2351af;
    font-size: 13rem;
    font-weight: 300;
  }
  .customized-demand .txt-box .txt {
    font-size: 13rem;
    font-weight: bold;
    margin: 0 9rem 0 4rem;
  }
  .customized-demand .txt-box .txt1 {
    font-size: 10rem;
    font-weight: 400;
    color: #333;
    display: block;
  }
  .customized-demand .title-bg {
    position: absolute;
    width: 121rem;
    height: 15rem;
    bottom: 10rem;
    left: 20rem;
    display: block;
  }
  .customized-demand .course-pic {
    width: 90%;
    height: auto;
    display: block;
    margin: 15rem auto;
    content: url('/static/index/image/customized/course2.png');
  }
  .digit-flex {
    flex-wrap: wrap;
  }
  .adaptation-digit {
    display: flex;
    flex-wrap: wrap;
  }
  .customized-demand .digit-box {
    margin: 17rem auto !important;
    background-color: #fff;
    width: 90%;
    border-radius: 4rem;
    padding: 20rem;
    color: #888;
    font-size: 10rem;
    line-height: 12rem;
    font-weight: 400;
    position: relative;
  }
  .digit-box {
    margin-top: 10rem;
  }
  .customized-demand .digit-box .num {
    font-weight: 550;
    font-size: 50rem;
    color: rgba(183, 192, 206, 0.15);
    position: absolute;
    left: 0;
    top: 4rem;
  }
  .marginlnone {
    margin-left: 45rem !important;
  }
  .customized-demand .digit-box .title-line {
    width: 100%;
    height: 8rem;
    display: block;
    margin: 5rem 0 25rem;
  }
  .digit-title {
    margin-left: 50rem !important;
  }
  .customized-demand .digit-box .title {
    font-size: 12rem;
    color: #383838;
    line-height: 24rem;
    font-weight: 550;
  }
  .customized-demand .digit-box .label {
    font-size: 10rem;
    color: #3960b3;
    display:block;
  }
  .customized-demand .digit-box .item-box {
    margin-bottom: 24rem;
    padding-left: 0rem;
  }
  .customized-demand .digit-box .item-box .overT2{
    display:block;
    height:auto !important;
  }
  .customized-demand .digit-box .digit-pic {
    width: 19rem;
    height: 22rem;
    display: block;
    margin: 5rem 16rem 0 0;
  }
  .customized-demand .digit-box .item-box .title {
    font-weight: 550;
    font-size: 10rem;
    color: #383838;
    line-height: 17rem;
  }
  .customized-demand .digit-box .digit-pic1 {
    width: 19rem;
    height: 22rem;
    display: block;
    margin: 5rem 16rem 0 0;
  }
  .enable {
    padding: 0 20rem;
    box-sizing: border-box;
    flex-wrap: wrap;
  }
  .customized-demand .enable-box {
    margin: 18rem 0;
    background-color: #fff;
    width: 100%;
    height: auto;
    border-radius: 8rem;
    position: relative;
  }
  .customized-demand .enable-box .enable-box-box {
    width: 100%;
    height: auto;
    position: inherit;
    padding: 20rem !important;
    color: #888;
    font-size: 10rem;
    line-height: 15rem;
    font-weight: 400;
    flex-wrap: wrap;
    /* padding-right: 240rem; */
  }
  .customized-demand .enable-box .num {
    font-weight: 550;
    font-size: 50rem;
    color: rgba(183, 192, 206, 0.15);
    position: absolute;
    left: 0;
    top: 4rem;
  }
  .customized-demand .enable-box .enable-line {
    width: 193rem;
    height: 5rem;
    display: block;
    margin-bottom: 16rem;
  }
  .customized-demand .enable-box .title {
    font-weight: 550;
    font-size: 12rem;
    color: #383838;
    margin-bottom: 9rem;
  }
  .customized-demand .enable-box .enable-pic {
    width: auto;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    right: 20rem;
    left: auto;
  }
  .enable2 {
    flex-wrap: wrap;
    padding: 0 20rem;
    box-sizing: border-box;
  }
  .customized-demand .enable-box .website-line {
    width: 219rem;
    height: 5rem;
    display: block;
    margin-bottom: 16rem !important;
  }
  .customized-demand .enable-box .website-box {
    margin: 0rem;
    flex-shrink: 0;
    flex-wrap: wrap;
    flex: none;
    width: 100%;
  }
  .customized-demand .enable-box .website-box .website-pic {
    margin: 10rem 0;
    width: 100%;
    height: auto;
  }
  .enable2 .enable-box .enable-box-box {
    width: 100%;
    height: auto;
    position: inherit;
    padding: 20rem !important;
    box-sizing: border-box;
    color: #888;
    font-size: 10rem;
    line-height: 15rem;
    font-weight: 400;
    flex-wrap: wrap;
  }
  .adaptation-enable {
    flex-wrap: wrap;
    padding: 0 20rem;
    box-sizing: border-box;
  }
  .adaptation-enable .enable-box-box {
    width: 70% !important;
  }
  .jiij {
    display: none;
  }
  .jiij2 {
    display: block !important;
  }
  .enable3 {
    width: 100% !important;
    padding: 20rem;
    box-sizing: border-box;
    margin-top: 0rem;
    flex-wrap: wrap;
  }
  .enable3 .enable-box {
    margin-top: 0rem;
    background-color: #fff;
    width: 100% !important;
    height: auto !important;
    border-radius: 8rem;
    position: relative;
    flex-wrap: wrap;
    margin: 15rem 0;
  }
  .enable3 .enable-box .enable-pic {
    width: auto;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    right: 0rem;
    left: auto;
  }
  .enable3 .overimg {
    width: 111rem !important;
    height: 100% !important;
    position: absolute !important;
    overflow: hidden;
    bottom: 0;
    right: 0;
  }
  .enable3 .enable-box .commerce-pic {
    width: 100% !important;
    height: auto;
    display: block;
    position: relative;
    right: 0;
    bottom: 70rem;
  }
  .customized-demand .bg-pic02 {
    position: absolute;
    width: 344rem;
    height: 780rem;
    bottom: -37rem;
    left: 0;
    display: none;
    z-index: -1;
  }
  .gs-flex {
    padding: 0 20rem;
    box-sizing: border-box;
  }
  .customized-demand .digital-box {
    width: 90%;
    background-color: #fff;
    border-radius: 8rem;
    font-size: 10rem;
    color: #164cc2;
    margin: 0 auto;
    margin-top: 25rem;
    padding: 20rem 0;
    box-sizing: border-box;
    flex-wrap: wrap;
    align-items: center;
  }
  .customized-demand .digital-box :nth-child(6) {
    display: none;
  }
  .customized-demand .digital-box .digital-item {
    width: 33%;
    padding: 0 20rem;
    font-size: 12rem;
    height: 200rem;
    min-width: 33%;
    flex: none;
  }
  .customized-demand .digital-box .digital-item .overT1{
    display:block;
  }
  .customized-demand .digital-box .title {
    font-size: 36rem;
    color: #383838;
    font-weight: 400;
    position: relative;
  }
  .customized-demand .digital-box .title .digital-bg {
    width: 46rem;
    height: 12rem;
    display: block;
    position: absolute;
    bottom: 50%;
    left: 50%;
    transform: translate(-9%, 50%);
  }
  .customized-demand .digital-box .txt {
    font-size: 10rem;
    color: #383838;
    font-weight: 400;
    line-height: 17rem;
  }
  .customized-demand .digital-box .digital-line {
    width: 1rem;
    height: 142rem;
    background-color: #e7edf9;
    margin-top: 0rem;
  }
  .none {
    opacity: 0;
  }
  .customized-demand .tei {
    margin: 15rem 0 8rem !important;
  }
  .brand-serve {
    background-color: #fff;
    font-size: 18rem;
    line-height: 30rem;
    color: #333;
    font-weight: 400;
    padding-bottom: 60rem;
  }
  .brand-serve .logo {
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 20rem;
  }
  .brand-serve .left-box {
    position: relative;
    border-right: 1rem solid #ebebeb;
    padding: 20rem;
    box-sizing: border-box;
    overflow: hidden;
    height: auto !important;
  }
  .brand-serve .serve-bg {
    width: 289rem;
    height: 268rem;
    display: block;
    position: absolute;
    bottom: -60rem;
    right: -80rem !important;
    left: auto !important;
  }
  .codebox {
    width: 100%;
    display: flex;
    justify-content: space-around;
  }
  .marginleno {
    width: 100%;
    margin: 0 !important;
  }
  .brand-serve .title {
    font-size: 12rem;
    margin-bottom: 15rem;
  }
  .brand-serve .title .line {
    width: 2rem;
    height: 10rem;
    background-color: #f3b64b;
    margin-right: 5rem;
  }
  .brand-serve .code-box {
    font-size: 10rem;
    line-height: 18rem;
    margin-bottom: 10rem;
  }
  .brand-serve .code-pic {
    width: 78rem;
    height: 78rem;
    display: block;
  }
  .brand-serve .tip {
    font-size: 10rem;
    margin: 10rem 0;
  }
  .brand-serve .txt {
    font-size: 10rem;
    line-height: 18rem;
  }
  .brand-serve .num {
    width: 19rem;
    height: 31rem;
    border-radius: 5rem;
    background-color: #eff3f7;
    color: #164cc2;
    font-size: 22rem;
    line-height: 31rem;
    margin-right: 5rem;
  }
  .brand-serve input {
    width: 100%;
    height: 31rem;
    border-radius: 4rem;
    color: #333;
    font-size: 12rem;
    background-color: rgba(22, 76, 194, 0.05);
    padding-left: 8rem;
    box-sizing: border-box;
  }
  .brand-serve input::-webkit-input-placeholder {
    font-size: 12rem;
  }
  .brand-serve .chose-box {
    margin-left: 2%;
    width: 38%;
    height: 31rem;
    border-radius: 4rem;
    font-size: 12rem;
    color: #fff;
    background-color: rgba(255, 255, 255, 0.05);
    padding: 0 10rem 0 14rem;
    box-sizing: border-box;
  }
  .brand-serve .chose-box .arrow-right {
    width: 8rem;
    height: 5rem;
    display: block;
  }
  .brand-serve textarea {
    width: 100%;
    height: 99rem;
    border-radius: 4rem;
    font-size: 12rem;
    color: #333;
    background-color: rgba(22, 76, 194, 0.05);
    padding: 5rem;
    resize: none;
    outline: none;
    box-sizing: border-box;
    margin-top: 7rem;
  }
  .brand-serve textarea::-webkit-input-placeholder {
    font-size: 12rem;
  }
  .brand-serve .btn {
    width: 100%;
    height: 31rem;
    border-radius: 16rem;
    font-size: 10rem;
    background-color: #fff;
    color: #164cc2;
    line-height: 31rem;
    margin-top: 30rem;
    cursor: pointer;
  }
  .brand-serve .footer-logo {
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 20rem;
  }
  .adaptation-brand {
    flex-wrap: wrap;
  }
  .flex-wrapx {
    flex-wrap: wrap;
    padding: 0 20rem;
    box-sizing: border-box;
    height: auto !important;
  }
  .footer-box {
    background-color: #faf9f1 !important;
    padding: 20rem 20rem !important;
    box-sizing: border-box !important;
    font-size: 12rem !important;
    line-height: 20rem !important;
    color: #666666;
    font-weight: 400;
  }

  .service-txt {
    font-size: 12rem;
    color: #000000;
    font-weight: 550;
    margin: 20rem 0 8rem;
  }

  .phone-txt {
    font-size: 19.99rem;
    line-height: 29.49rem;
    font-weight: 300;
    color: #000000;
  }

  .footer-right .code {
    width: 106rem;
    height: 106rem;
    display: block;
    margin-bottom: 10rem;
  }

  .footer-right {
    font-size: 12rem;
    line-height: 16rem;
    font-weight: 400;
    margin: 5rem 0 30rem;
    padding-right: 5rem;
    justify-content: center;
  }

  .footer-box .address {
    margin-left: 0rem;
    padding-top: 12rem;
    font-size: 10rem;
    line-height: 16rem;
    color: #333333;
    font-weight: 300;
  }

  .footer-box .address a {
    font-size: 10rem;
    line-height: 16rem;
    color: #333333;
    font-weight: 300;
    display: block;
  }

  .adaptation-footer-left div {
    margin: 0 !important;
  }

  .footer-btn {
    width: 163rem;
    height: 41rem;
    background-color: #2351af;
    border-radius: 13.5rem;
    font-size: 12rem;
    line-height: 16rem;
    font-weight: 400;
    color: #ffffff;
    padding-left: 0rem;
    display: flex;
    justify-content: center;
  }
  .comment {
    width: 18rem;
    height: 16rem;
    display: block;
    margin-right: 9rem;
  }

  .disno {
    display: none !important;
  }

  .adaptation-footer {
    flex-direction: column;
    margin-left: 0rem !important;
  }
}