.banner-bg {
  display: none;
}
@media only screen and (max-width: 500px) {
  body {
    background: #f5f8ff !important;
  }
  .newsBanner-box-box {
    width: 100%;
    height: auto;
  }
  .newsBanner-box {
    margin-top: 45rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: auto;
  }
  .banner-bg {
    width: 100%;
    display: block;
    height: auto;
    content: url(/static/index/image/brandCase/banner2.png);
  }
  .brandCase-tab-box {
    height: 55rem;
    margin-bottom: 0rem;
  }
  .brandCase-tab-box .area {
    width: 100%;
    overflow-x: auto;
    padding: 0 20rem;
    position: relative;
  }
  .brandCase-tab-box .area::-webkit-scrollbar {
    width: 0;
    height: 0;
    background: transparent;
  }
  .brandCase-tab-box .brandCase-tab-item:last-child {
    margin-right: 0rem;
  }
  .brandCase-tab-box .brandCase-tab-item:first-child {
    margin-left: 0rem;
  }
  .brandCase-tab-box .brandCase-tab-item {
    cursor: pointer;
    height: 100%;
    padding: 0rem;
    flex: none;
    flex-shrink: 0;
    font-size: 16rem;
    margin: 0 20rem;
  }
  .brandCase-tab-box .tab-pic {
    width: 21rem;
    height: 21rem;
    margin-right: 10rem;
  }
  .brandCase-tab-box .tab-pic-hide {
    width: 21rem;
    height: 21rem;
    margin-right: 10rem;
  }

  .area {
    width: 100%;
    box-sizing: border-box;
    margin: 0 !important;
  }
  .brand-case {
    margin: 0;
    width: 100vw;
    padding: 20rem;
    box-sizing: border-box;
  }
  .brand-case .list {
    flex-wrap: wrap;
  }
  .brand-case .item {
    font-size: 18rem;
    color: #333;
    font-weight: 550;
    width: 100%;
    background-color: #fff;
    padding: 30rem;
    border-radius: 8rem;
    position: relative;
    margin-bottom: 20rem;
    overflow: hidden;
    height: auto;
  }
  .brand-case .bg-pic01 {
    display: none;
  }
  .brand-case .item .item-box {
    font-size: 18rem;
    color: #333;
    font-weight: 550;
    width: 100%;
    background-color: #fff;
    padding: 0rem;
    border-radius: 8rem;
    position: relative;
    margin-bottom: 0rem;
    overflow: hidden;
  }
  .name-txt {
    font-weight: bold;
  }
  .brand-case .item .overT1 {
    font-size: 14rem;
    width: 213rem;
  }
  .brand-case .line-pic {
    width: 213rem;
    height: 12rem;
    display: block;
    margin: 10rem 0;
  }
  .brand-case .title {
    width: 213rem;
    margin-top: 5rem;
    display: block;

    font-size: 12rem;
    color: #949494;
    font-weight: 400;
  }
  .brand-case .tab-pic {
    width: 211rem;
    height: 171rem;
    display: block;
    position: absolute;
    bottom: -31rem;
    right: -32rem;
  }
  .brand-case .lable {
    font-size: 12rem;
    color: #2351af;
    margin: 0rem;
  }
  .brand-serve .logo {
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 0rem;
  }
  .brand-serve {
    background-color: #fff;
    font-size: 18rem;
    line-height: 30rem;
    color: #333;
    font-weight: 400;
    padding-bottom: 20rem;
  }
  .brand-serve .footer-logo {
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 40rem;
  }
  .brand-serve .left-box {
    height: auto !important;
    position: relative;
    border-right: 1rem solid #ebebeb;
    padding: 0 20rem;
    overflow: hidden;
    boxbox-sizing: border-box;
  }
  .left-box .overT2 {
    font-weight: bold;
  }
  .brand-serve .tip {
    font-size: 12rem;
    margin: 10rem 0;
  }
  .brand-serve .txt {
    font-size: 12rem;
    line-height: 18rem;
  }
  .brand-serve .serve-bg {
    width: 289rem;
    height: 268rem;
    display: block;
    position: absolute;
    bottom: -60rem;
    right: -140rem;
  }
  .gs-form {
    width: 100%;
    padding: 0 20rem;
    box-sizing: border-box;
    height: auto !important;
  }
  .wxlist {
    width: 100%;
    box-sizing: border-box;
    margin: 0 !important;
  }
  .wxflex {
    display: flex;
    width: 100%;
    justify-content: space-around;
    align-items: center;
    margin-bottom: 0rem;
  }
  .gsbrand-serve {
    width: 100%;
  }
  .brand-serve .title {
    font-size: 12rem;
    margin: 10rem 0 !important;
  }
  .brand-serve .title .line {
    width: 2rem;
    height: 10rem;
    background-color: #f3b64b;
    margin-right: 5rem;
  }
  .brand-serve .code-pic {
    width: 58rem;
    height: 58rem;
    display: block;
  }
  .text-center {
    text-align: center !important;
    font-size: 12rem;
  }
  .brand-serve .code-box {
    font-size: 16rem;
    line-height: 36rem;
    margin-bottom: 5rem;
  }
  .brand-serve .num {
    width: 26.2rem;
    height: 31rem;
    border-radius: 5rem;
    background-color: #eff3f7;
    color: #164cc2;
    font-size: 21.2rem;
    line-height: 31rem;
    margin-right: 5rem;
  }
  .gs-flexw {
    justify-content: space-between;
  }
  .gs-flex-wrap {
    flex-wrap: wrap;
  }
  .brand-serve input {
    width: 100%;
    height: 31rem;
    border-radius: 8rem;
    color: #333;
    font-size: 12rem;
    background-color: rgba(22, 76, 194, 0.05);
    padding-left: 8rem;
    box-sizing: border-box;
  }
  .brand-serve input ::placeholder {
    font-size: 12rem;
  }

  /* WebKit, Blink, Edge */
  .brand-serve input::-webkit-input-placeholder {
    font-size: 12rem;
  }

  /* Mozilla Firefox 4 to 18 */
  .brand-serve :-moz-placeholder {
    font-size: 12rem;
  }

  /* Mozilla Firefox 19+ */
  .brand-serve ::-moz-placeholder {
    font-size: 12rem;
  }

  /* Internet Explorer 10-11 */
  .brand-serve input:-ms-input-placeholder {
    font-size: 12rem;
  }

  /* Microsoft Edge */
  .brand-serve .brand-serveinput::-ms-input-placeholder {
    font-size: 12rem;
  }
  .brand-serve .chose-box {
    width: 39%;
    height: 31rem;
    border-radius: 8rem;
    margin-left: 0;
    font-size: 12rem;
    color: #333;
    background-color: rgba(22, 76, 194, 0.05);
    padding: 0 10rem;
    box-box-sizing: border-box;
  }
  .brand-serve .chose-box .arrow-right {
    width: 8rem;
    height: 4rem;
    display: block;
  }
  .brand-serve textarea {
    width: 100%;
    height: 99rem;
    border-radius: 8rem;
    font-size: 12rem;
    color: #333;
    background-color: rgba(22, 76, 194, 0.05);
    padding: 10rem;
    resize: none;
    outline: none;
    box-sizing: border-box;
    margin-top: 7rem;
  }
  .brand-serve .btn {
    width: 100%;
    height: 31rem;
    border-radius: 15rem;
    font-size: 10rem;
    color: #fff;
    background-color: #164cc2;
    line-height: 31rem;
    margin-top: 7rem;
    cursor: pointer;
  }
}