@media screen and (max-width: 640px) {
  .con2[data-v-d7ab83f8], .con[data-v-d7ab83f8]{
    height: 10vw;
    line-height: 10vw;
  }
  .line[data-v-d7ab83f8]{
    top: 10vw;
  }
  .line2[data-v-d7ab83f8]{top: 10vw;}
  .active[data-v-d7ab83f8], .inact[data-v-d7ab83f8]{
    font-size: 14px;
  }
  .pic[data-v-d7ab83f8]{
    position: absolute;
    cursor: pointer;
    width: 20vw;
    height: 4.2vw;
    display: inline-block;
    left: 50%;
    top: 50%;
    margin-left: -5vw;
    margin-top: -2.1vw;
  }
  .title[data-v-36e191fc]{
    width: 60vw;
    top: 7vw;
    margin-left: -30vw;
  }
  .text[data-v-36e191fc]{
    width: 80vw;
    margin-left: -40vw;
    top: 14.5vw;
    font-size: 14px;
  }
  .demoLeft[data-v-36329fc5], .demoRight[data-v-f79bca88]{height: 42vw;}
  
  .demoLeft[data-v-36329fc5],.demoRight[data-v-f79bca88]{width: 90vw;}
  .left img[data-v-36329fc5], .right img[data-v-f79bca88]{
    height: 42vw;
    width: 42vw;
    position: unset;
  }
  .right[data-v-36329fc5],.left[data-v-f79bca88]{
    height: 42vw;
    float: right;
    overflow: hidden;
    width: 42vw;
    position: absolute;
    top: 50%;
    margin-top: -21vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    right: 0;
    left: unset;
  }
  .left[data-v-f79bca88]{align-items: flex-end;}
  .title[data-v-f79bca88]{margin-bottom: 8px; font-size: 22px;}
  .left[data-v-f79bca88]{float: left; text-align: right; left: 0;}
  .right[data-v-f79bca88]{float: right; height: 42vw;}
  .detail[data-v-36329fc5]{
    height: auto;
    width: 100%;
    line-height: 1.4;
    text-align: left;
    margin:0;
    padding:0;
    font-size: 12px;
  }
  
  #pic .demoRight .left .btn{margin-top: 2vw;}
  .detail[data-v-f79bca88]{
    width: auto;
    text-align: right;
    height: auto;
    font-size: 12px;
  }
  .left[data-v-36329fc5]{
    height: 42vw;
    float: left;
  }
  .pic1[data-v-54e49a4c]{
    margin: 10vw auto 7vw;
  }
  .pic2[data-v-54e49a4c], .pic3[data-v-54e49a4c], .pic4[data-v-54e49a4c]{
    margin-bottom: 7vw;
  }
  .pic4[data-v-54e49a4c]{
    margin-bottom: 12vw;
  }
  .footer[data-v-1d0c3e98]{height: auto;}
  .location[data-v-1d0c3e98]{
    padding: 5%;
    height: auto;
    width: auto;
  }
  .right .btn[data-v-36329fc5]{
    margin-top: 2vw;
  }
  .location .text1[data-v-1d0c3e98], .location .text2[data-v-1d0c3e98]{
    width: auto;
  }
  [data-v-1d0c3e98].qr-none, [data-v-1d0c3e98].qr{left: 50%; width: 180px; height: auto;margin-left: -90px;bottom: 50px;}
  .aboutIcon[data-v-54e49a4c]{top: 38vw;}

  /* about */
  .header[data-v-7f85709e]{height: 50vw;}
  .textpage1[data-v-f7de2cdc]{margin:10vw auto; width: auto; padding: 1% 5vw;}
  .con[data-v-f7de2cdc]{min-width: unset;}
  .header .mc[data-v-7f85709e]{top: 0vw; height: 50vw;}
  .header img[data-v-7f85709e], .header video[data-v-7f85709e]{
    position: absolute;
    width: 150%;
    top: 5vw;
    z-index: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  .textTitle[data-v-7f85709e]{font-size: 20px; margin-top: 22vw;}
  .text[data-v-7f85709e]{font-size: 16px; margin-top: 30vw;}
  .con .font-blod span[data-v-f7de2cdc]{font-size: 20px; top: -12px;}
  .con .adboutsub2[data-v-f7de2cdc], .con .adboutsub[data-v-f7de2cdc]{height: 20px; width: 60px;}
  .textpage1 p[data-v-f7de2cdc]{
    font-size: 16px;
    margin-bottom: 18px;
  }
  .textpage1 .bg[data-v-f7de2cdc]{
    right: 0;
  }
  .row .center[data-v-42ef82fc]{width: auto; max-width: 100%;}
  .row6[data-v-42ef82fc]{height: auto;}
  .row6 .center[data-v-42ef82fc]{padding: 20vw 0vw;}
  .row6 .left[data-v-42ef82fc]{float: none;}
  .row6 .right[data-v-42ef82fc]{float: none;}
  .row6 .center h2[data-v-42ef82fc]{font-size: 22px; text-align: center; padding-bottom: 20px;}
  .row6 .left .form-wrap[data-v-42ef82fc]{width: auto;}
  .contain[data-v-42ef82fc]{min-width: unset;}
  .row6 .left[data-v-42ef82fc]{text-align: center;}
  .row6 .right[data-v-42ef82fc]{width: 100%; margin-top: 10vw;}
  .row6 .right p[data-v-42ef82fc]{margin:5vw auto}
  .row6 .right span[data-v-42ef82fc]{margin: 5vw auto;}
  .row6 .right span[data-v-42ef82fc]{opacity: 0.5;}
  .row6 .right h3[data-v-42ef82fc]{
    font-size: 22px;
  }
  .row6 .right h3 .icon2[data-v-42ef82fc]{
    background-size: 16px auto;
  }
  .title[data-v-36329fc5]{font-size: 22px;}
  .mobleda{font-size: 22px;}
}

@media screen and (max-width: 320px) {
  .title[data-v-36329fc5],.title[data-v-f79bca88]{font-size: 18px;}
}