html {
    font-size: 112px;
  }
  body {
    background-color: #ccc;
  }
  
  a:hover {
    text-decoration: none;
  }
  
  * {
    box-sizing: border-box;
  }
  
  header.ob-show {
    opacity: 1;
    box-shadow: none;
  }
  
  .show-popus{
    display: block !important;
  }
  /* .show-cancel{
    display: none !important;
  } */
  header .pcHeader-menu>li>a {
    color: #fff
  }
  
  header .pcHeader-menu>li.current,
  header .pcHeader-menu>li:hover {
    transition: color .2s ease-in
  }
  
  header .pcHeader-menu>li:hover>a,
  header .pcHeader-menu>li:hover>i.obiconfont,
  header .pcHeader-menu>li:hover>span {
    color: rgba(81, 78, 78, 0.6)
  }
  header .pcHeader-menu>li:hover>a,
  header .tologin-page:hover span{
      color: #ccc !important ;
  }
  header .tologin-page span, header .pcHeader-menu>li>a{
    color: #fff;
  }
  header .pcHeader-order {
    font-family: "ob-pingfang-medium";
    border: 1px solid #fff;
  }
  
  header .pcHeader-order a {
    color: #fff
  }
  
  header .pcHeader-order:hover {
    background-color: hsla(0, 0%, 100%, .2)
  }
  
  header .pcHeader-aside,
  header .pcHeader-submenu,
  header .pcHeader-submenu i.obiconfont {
    color: #fff
  }
  
  header .pcHeader-login>span:hover {
    color: hsla(0, 0%, 100%, .6)
  }
  
  .ob-pcHeader-inner {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 50px;
    font-size: 14px
  }
  
  header .ob-pcHeader-inner {
    background-color: transparent;
  }
  
  .pcHeader-menu {
    position: absolute;
    flex: 1;
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    line-height: 50px;
    font-size: 14px;
  }
  
  .pcHeader-menu a {
    display: inline-block;
    width: 100%;
    height: 100%;
    color: #000;
  
  }
  
  @media (max-width: 1024px) {
    .scene-button {
      width: 14.2578125vw;
      height: 3.90625vw;
      font-size: 1.5625vw;
    }
  }
  
  .pcHeader-menu>li {
    margin: 0 20px
  }
  
  .pcHeader-menu>li a {
    padding: 0 0.32rem;
  }
  
  .pcHeader-menu li {
    position: relative
  }
  
  .pcHeader-submenu {
    position: relative;
    display: flex;
    margin-left: 10px;
    color: #000;
    white-space: nowrap
  }
  
  .pcHeader-submenu i.obiconfont {
    position: relative;
    display: inline-block;
    margin-left: 4px;
    top: 1px;
    font-size: 16px;
    line-height: 16px;
    transition: transform .2s ease-in, -webkit-transform .2s ease-in
  }
  
  .pcHeader-submenu>span {
    display: inline-block;
    cursor: pointer;
    z-index: 10
  }
  
  .pcHeader-submenu:hover .pcHeader-submenu-list {
    opacity: 1;
    visibility: visible
  }
  
  .pcHeader-submenu.current .obiconfont,
  .pcHeader-submenu:hover .obiconfont {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
  }
  
  .pcHeader-submenu-list {
    position: absolute;
    background-color: #fff;
    min-width: 74px;
    padding: 50px 10px 0 10px;
    white-space: nowrap;
    margin-left: -20px;
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s ease-in
  }
  
  .pcHeader-submenu-list>li a {
    text-align: left
  }
  
  .pcHeader-aside {
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 27px;
    padding-right: 24px;
    height: 100%;
    color: #000;
    z-index: 10
  }
  
  .pcHeader-aside img {
    width: 98px;
    height: 20px
  }
  
  .pcHeader-order {
    display: flex;
      align-items: center;
      padding: 0 13px;
      height: 22px;
      line-height: 22px;
      border-radius: 15px;
      text-align: center;
  }
  
  .pcHeader-order a {
    white-space: nowrap;
    line-height: 25px;
    color: #000;
    font-size: 12px;
  }
  
  .pcHeader-order:hover {
    background-color: rgba(0, 0, 0, .04)
  }
  
  .ob-allcontent {
    width: 100%;
    overflow: hidden;
  }
  
  .ob-allcontent .ob-content-one-1 {
    position: relative;
    width: 100%;
    height: 100vh;
    background-image: url("../image/hengtu/1moxiawangazha.jpg");
    background-size: 100%;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: flex;
    justify-content: center;
  }
  .ob-content-one-1 .title .tetx {
    color: #fff;
    font-size: 27px;
    margin-top: -0.3rem;
  }
  .ob-allcontent .ob-content-one .title {
    position: absolute;
    top: 55%;
    transform: translateY(-50%);
    left: 10.8vw;
    height: 50%;
  }
  .ob-allcontent .ob-content-one-new .title {
    position: fixed;
    top: 48% !important;
    transform: translateY(-50%);
    left: 10.8vw;
    height: 50%;
  }
  @media (min-width:1920px) {
    .ob-allcontent .ob-content-one .title {
      top: 50%;
    }
  }
  .title img {
    width: 3.48214286rem;
      height: 0.84821429rem;
      object-fit: contain;
  }
  
  .btns .btn{
    font-family: "ob-pingfang-medium";
    width: 1.16071429rem ;
    height: 0.3125rem ;
  }
  .btn,
  .scene-button {
    width: 0.93rem;
    height: 0.25rem;
    margin-right: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.125rem;
    /* font-size: 14px; */
    border: 1.5px solid #000;
    border-radius: 100px;
    cursor: pointer;
    user-select: none;
    transition: background .15s ease-in, opacity .15s ease-in, color .15s ease-in;
    background-color: transparent;
  }
  
  
  .ob-allcontent .ob-content-three {
    position: relative;
    width: 100%;
    height: 100vh;
    background-image: url("../image/index/bg3.jpg");
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
    overflow: hidden;
  }
  
  .ob-allcontent .ob-content-three .title {
    opacity: 0;
    position: fixed;
    top: 1.5rem;
    left: 10.8vw;
  }
  
  .contet-one2 .one2-btn-two {
    text-align: center;
  }
  
  .btns {
    display: flex;
    margin-top: 32px;
  }
  
  .ob-content-one-1,.ob-content-one .btn-tow {
    border: none;
    background-color: #fff;
    color: #000;
    padding-top: 2px;
  }
  .scene-logo-3{
    object-fit: contain!important;
    margin-top: 1.4rem;
    height: 1.6rem!important;
    width: 40%!important;
  }
  .btn:last-child {
    margin-right: 0;
  }
  
  .ob-allcontent .ob-content-four {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
  }
  
  .ob-allcontent .ob-content-four .four-title {
    opacity: 0;
    position: absolute;
    width: 100%;
    top: 25%;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    z-index: 2;
  }
  
  .ob-allcontent .ob-content-four .four-title .title-text {
    width: 100%;
    color: #fff;
    font-size: 32px;
    text-align: center;
    margin: 10px 0;
  }
  
  .ob-allcontent .ob-content-four .four-title .four-btn {
    margin-top: 20px;
    width: 10%;
    min-width: 180px;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 20px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: rgba(255, 255, 255, 0);
    cursor: pointer;
    font-size: 14px;
  }
  
  .ob-allcontent .ob-content-four .four-title .four-btn:hover {
    background-color: rgba(255, 255, 255, 0.3);
  }
  
  .ob-allcontent .ob-content-four-point-five {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
  }
  
  .ob-allcontent .ob-content-five {
    width: 100%;
    height: 39vw;
    background: url("../image/index/s-qr-bg.png") no-repeat;
    position: relative;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    color: #000;
  }
  
  /* now */
  .scene-download-block {
    position: absolute;
    right: 9.5%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-family: "ob-pingfang-medium";
  }
  
  .scene-download-title {
    /* font-family: li-medium, Microsoft YaHei, SF Pro SC, SF Pro Display, PingFang SC, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif; */
    font-size: .41071428571428575rem;
    /* line-height: .6428571428571428rem; */
    letter-spacing: 1px;
    color: #000;
   
  }
  .scene-download-title img{
    width: 3.5rem;
  }
  
  .scene-download-descrption {
    font-size: .125rem;
      line-height: .25rem;
      letter-spacing: .01rem;
      color: #464646;
      font-family: "ob-pingfang-medium";
  }
  
  .scene-download-operate {
    margin-top: .21428571428571427rem;
    margin-bottom: .17857142857142855rem;
    display: flex;
    flex-flow: row-reverse;
    justify-content: left;
    width: 2.3rem;
  }
  
  .download-buttonlist {
    margin-left: .2857142857142857rem;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-evenly;
  }
  
  .download-buttonlist .scene-button {
    margin: unset !important;
    width: 1.07142857rem;
      height: 0.28571429rem;
      font-size: 0.125rem;
  }
  
  .scene-button.primary {
    border: none;
    background-color: #fff;
    color: #000;
  }
  
  
  
  .ob-content-five .scene-download-block .scene-download-operate .download-qrcode {
    background-image: url("../image/index/app-qr.png");
  }
  
  .download-qrcode {
    width: 0.95535714rem;
    height: 0.95535714rem;
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
  }
  .scene-down-infos{
    width: 0.95535714rem;
  }
  .scene-download-info {
    text-align: center;
    margin-top: -0.13rem;
    font-size: 10px;
    line-height: 20px;
    color: #464646;
    /* margin-left: 0.04428698rem; */
  }
  
  .scene-button.primary:first-child {
    display: none;
  }
  
  .scene-button:hover {
    background-color: #000;
    color: #fff;
  }
  
  @media (max-width:750px) {
    .ob-allcontent .ob-content-one{
      height: 215.21vw;
    }
    .scene-download-title img {
      width: 8.5rem;
  }
    .scene-download-info {
      position: absolute;
      bottom: 42%;
      left: 50%;
      transform: translate(-50%, -50%);
      /* margin-top: -7.3rem !important; */
  }
    .pcHeader-aside {
      padding-left: 25px !important;
    }
  
    .ob-allcontent .ob-content-one {
      background-image: url('../image/index/bg1-xy.jpg');
  
    }
  
    .ob-allcontent .ob-content-two {
      background-image: url('../image/index/bg2-xy.jpg');
  
    }
  
    .ob-allcontent .ob-content-three {
      background-image: url('../image/index/bg3-xy.jpg');
  
    }
  
    .scene-button.primary:first-child {
      display: block;
    }
  
    .scene-button.primary:nth-child(1) {
      display: none;
    }
  
    .scene-button.primary:nth-child(2) {
      /* display: none; */
    }
  }
  
  /* qianmian */
  .ob-allcontent .ob-content-five .introduction {
    width: 20%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 10;
    position: absolute;
    right: 13.5%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  
  .ob-allcontent .ob-content-five .introduction .title-one {
    color: #000;
    font-size: 28px;
    line-height: 40px;
    margin: 10px 0 0;
  }
  
  .ob-allcontent .ob-content-five .introduction .title-tow {
    line-height: 40px;
    letter-spacing: 2px;
    margin-bottom: 20px;
    color: #757575;
  }
  
  .ob-allcontent .ob-content-five .introduction .erweimas {
    width: 100%;
    height: 30%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  
  .ob-allcontent .ob-content-five .introduction .erweimas .banben {
    width: 50%;
    display: flex;
    justify-content: space-evenly;
    flex-direction: column;
  }
  
  .ob-allcontent .ob-content-five .introduction .erweimas .banben .erweima-img {
    width: 50%;
  }
  
  .ob-allcontent .ob-content-five .introduction .erweimas .banben .erweima-img .images {
    background-color: #000;
    width: 12vw;
    height: 12vw;
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
  }
  
  .ob-allcontent .ob-content-five .introduction .erweimas .banben2 {
    width: 34%;
    display: flex;
    justify-content: space-around;
    flex-direction: column;
  }
  
  .ob-allcontent .ob-content-five .introduction .erweimas .banben2 .scene-button {
    border: none;
    background-color: #fff;
    color: #000;
    line-height: 40px;
    height: 40px;
    text-align: center;
    border-radius: 20px;
  }
  
  .ob-footer-link p {
    display: inline-block;
    width: auto;
    height: 20px;
    color: hsla(0, 0%, 100%, .8);
    text-align: left
  }
  
  .ob-footer-link a:hover {
    color: #fff
  }
  
  .ob-footer-link a:not(:last-of-type):after {
    content: "|";
    color: #222;
    margin: 0 20px
  }
  
  
  .ob-footer-inner-cell {
    display: flex;
    justify-content: space-between
  }
  
  .ob-footer-inner-cell.cell-top {
    padding: 18px 0 10px 0;
    align-items: center;
    height: 40px;
    border-bottom: 1px solid #222
  }
  
  .ob-footer-inner-cell.cell-bottom {
    padding-top: 0;
    flex-direction: column;
    justify-content: center
  }
  
  .ob-footer-link p {
    display: inline-block;
    width: auto;
    height: 20px;
    color: hsla(0, 0%, 100%, .8);
    text-align: left;
    margin-right: 44px;
  }
  
  .ob-footer-icon a {
    position: relative;
    display: inline-block;
    height: 20px;
    text-align: center;
  }
  
  .ob-footer-icon {
  
    display: flex;
    align-items: flex-end;
    align-content: flex-end;
  }
  
  .ob-footer-icon a:not(:last-child) {
    margin-right: 16px
  }
  
  .ob-footer-icon a .ob-footer-popover {
    position: absolute;
    display: none;
    background-color: #fff;
    left: 50%;
    bottom: 30px;
    margin-left: -86px;
    padding-top: 16px;
    padding-bottom: 12px;
    width: 172px;
    height: 202px;
    border-radius: 4px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, .2)
  }
  
  .ob-footer-icon a .ob-footer-popover.popshow {
    display: block
  }
  
  .ob-footer-icon a .ob-footer-popover .popover-qrcode {
    margin: 0 auto;
    width: 140px;
    height: 140px;
    overflow: hidden
  }
  
  .ob-footer-icon a .ob-footer-popover .popover-qrcode img {
    width: 100%;
    height: 100%
  }
  
  .ob-footer-icon a .ob-footer-popover .popover-close {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    opacity: .7
  }
  
  .ob-footer-icon a .ob-footer-popover .popover-close .iconfont {
    font-size: 14px;
    color: #8c8985
  }
  
  .ob-footer-icon a .ob-footer-popover .popover-text {
    margin-top: 12px;
    font-size: 14px;
    /* font-family: li-regular, Microsoft YaHei, SF Pro SC, SF Pro Display, PingFang SC, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif; */
    color: #222;
    line-height: 22px;
    text-align: center
  }
  
  .ob-footer-icon a .ob-footer-popover:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -16px;
    margin-left: -10px;
    border: 10px solid transparent;
    border-top-color: #f7f8f9
  }
  
  .ob-footer-icon .iconfont {
    color: #8c8985;
    font-size: 16px;
    line-height: 20px
  }
  
  .ob-footer-text {
    display: flex;
    justify-content: center;
    line-height: 20px
  }
  
  .ob-footer-text p>span {
    position: relative;
    display: inline-block;
    color: #fff;
    cursor: pointer;
    margin-top: 10px;
    color: hsla(0, 0%, 100%, .8)
  }
  
  .ob-footer-text p>span>a {
    color: #fff;
    color: hsla(0, 0%, 100%, .8)
  }
  
  .ob-footer-text p>span:hover {
    color: #fff
  }
  
  .ob-footer-text p>span:not(:first-of-type):before {
    display: inline-block;
    margin: 0 16px;
    content: "|";
    color: hsla(0, 0%, 100%, .8)
  }
  
  .ob-footer-icon span:before {
    display: inline-block;
    margin: 0 16px;
    content: "|";
    color: hsla(0, 0%, 100%, .8)
  }
  
  .ob-footer-text p>span.last {
    margin-left: 18px
  }
  
  .ob-footer-copyright {
    display: flex;
    justify-content: center;
    padding-bottom: 25px;
    color: #8c8985;
    letter-spacing: 1;
    /* font-family: li-medium, Microsoft YaHei, SF Pro SC, SF Pro Display, PingFang SC, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif */
  }
  
  .ob-footer-copyright i {
    display: inline-block;
    background: url("../image/index/jinghui.png") no-repeat;
    background-size: 100% 100%;
    width: 16px;
    height: 16px;
    vertical-align: sub;
    /* margin-right: 4px */
  }
  
  .ob-footer-copyright a,
  .ob-footer-copyright a:hover,
  .ob-footer-copyright a:visited {
    color: #8c8985
  }
  
  .ob-footer-copyright span {
    display: inline-block;
    margin-top: 10px;
    margin-right: 16px;
    line-height: 20px
  }
  
  .ob-footer-copyright span a {
    color: #8c8985
  }
  
  .ob-footer-copyright-top {
    text-align: center
  }
  
  .ob-footer-inner {
    position: relative;
    margin: 0 auto;
    padding: 0 48px;
  }
  
  .ob-footer-link a:not(:last-of-type):after {
    content: "|";
    color: #222;
    margin: 0 20px;
  }
  
  .ob-footer {
    position: relative;
    background-color: #000;
    bottom: 0;
    font-size: 12px;
    line-height: 20px;
  }
  
  /* .iconfont-app:before {
    content: "\e6ec";
  }
  
  .iconfont-weixin:before {
    content: "\e66a";
    
  }
  .iconfont-weibo:before {
    content: "\e66b";
  } */
  
  /* 右侧按钮 */
  .product-elevator {
    z-index: 201;
    position: fixed;
    right: 40px;
    bottom: 24px;
    overflow: hidden
  }
  
  .product-elevator.active .product-elevator-item:last-child {
    margin-bottom: 16px
  }
  
  .product-elevator.stay {
    position: absolute
  }
  
  .product-elevator-item {
    position: relative;
    display: flex;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    margin: 16px 0;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: #222;
    background-color: hsla(0, 0%, 92.5%, .6);
    transition: margin .3s cubic-bezier(.39, .575, .565, 1), color .3s cubic-bezier(.39, .575, .565, 1), background .3s cubic-bezier(.39, .575, .565, 1), opacity .3s cubic-bezier(.39, .575, .565, 1);
    cursor: pointer
  }
  
  .product-elevator-item:last-child {
    margin-bottom: -48px
  }
  
  .product-elevator-item.active,
  .product-elevator-item:hover {
    color: #fff;
    background-color: #0d0d0e;
  }
  
  .product-elevator-item .obiconfont {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    font-size: 26px
  }
  @media (any-hover: hover) {
  .product-elevator-item .obiconfont:hover {
    background-color: #000;
    color: #fff;
    border-radius: 50%;
  }
  }
  .obiconfont-min-kefu:before {
    content: "\e98f";
  }
  
  
  .obiconfont-dianhua:before {
    content: "\e986";
  }
  
  .obiconfont-zhiding:before {
    content: "\e988";
  }
  
  .obiconfont {
    font-family: obiconfont !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
  }
  .product-elevator-item .tel-phone{
    display: none;
    z-index: 999;
    position: fixed;
    left: 0;
    bottom: 0;
    background-color: #fff;
    width: 100%;
    height: 155px;
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
  }
  .product-elevator-item .tel-phone ul{
  /* display: flex; */
  
  height: 160px;
  width: 100%;
  }
  .product-elevator-item .tel-phone ul li{
    width: 100%;
    height: 80px;
    color: #757575;
    /* text-align: center; */
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 17px;
    
  }
  .product-elevator-item .tel-phone ul li:first-child{
    border-bottom: 2px solid rgb(234, 231, 231,.6);
  }
  .product-elevator-item .tel-phone ul li:last-child{
    height: 70px;
    /* border-bottom: 2px solid rgb(234, 231, 231,.6); */
  }
  .product-elevator-item .tel-phone ul li a{
    color: rgb(106 147 239);
  }
  
  
  
  
  /*  右侧按钮响应*/
  @media (max-width: 750px) {
  
  
    .product-elevator {
      right: 16px;
      bottom: calc(16px + env(safe-area-inset-bottom));
      transition: bottom .3s cubic-bezier(.39, .575, .565, 1);
  
    }
  }
  
  /* .video-js #my-video_html5_api{
    height: 720px !important;
  } */
  #my-video_html5_api {
    width: 100%;
    /* height: 100%; */
    max-width: 100%;
    object-fit: fill;
  }
  
  @media (max-width:750px) {
    .video-js {
      height: 56.4181538vw !important;
    }
  
    .video-js #my-video_html5_api {
      height: 56.4181538vw !important;
    }
  
    .ob-scene-operate {
      padding: 30px 0
    }
  
    .product-elevator-item {
      width: 40px;
      height: 40px;
      margin-bottom: 12px;
    }
  }
  
  @media (max-width: 1200px) and (min-width: 751px) {
    .pcHeader-logo .header-logo-image {
      width: 92px;
      height: 20px;
    }
  }
  
  .ob-scene-operate .scene-inner {
    position: unset
  }
  
  /* 图标 */
  .obiconfon-kefu:before {
    content: "\e98e";
  }
  
  .obiconfont-zhihuan:before {
    content: "\e98a";
  }
  
  .obiconfont-bangzhu:before {
    content: "\e98b";
  }
  
  /* 底部 */
  @media (max-width:1024px) {
    .ob-footer-inner {
      box-sizing: border-box;
      width: 100%;
      padding: 0 3.90625vw
    }
  }
  
  @media (max-width:750px) {
    .ob-footer {
      border-top: 1px solid #222
    }
  
    .ob-footer.noMobileFooter {
      display: none
    }
  
    .ob-footer-inner {
      width: 100%;
      padding: 0 5.555555555555555vw 23px
    }
  
    .ob-footer-inner .mobile-hide {
      display: none
    }
  
    .ob-footer-link {
      display: block;
      text-align: start
    }
  
    .ob-footer-link p {
      height: 40px;
      padding-bottom: 20px
    }
  
    .ob-footer-link p:not(:last-of-type):after {
      margin: 0 4.533333333333333vw
    }
  
    .ob-footer-link p:nth-child(4):after {
      content: "";
      margin: 0
    }
  }
  
  @media (max-width:320px) {
    .ob-footer-link a:nth-child(3):after {
      content: ""
    }
  
    .ob-footer-link a:not(:last-of-type):after {
      margin: 0 11px
    }
  
    .ob-footer-link a:nth-child(4):after {
      content: "";
      margin: 0
    }
  }
  
  @media (max-width:750px) {
    .ob-footer-inner-cell {
      width: 100%;
      flex-direction: column;
      justify-content: flex-start;
      padding: 0
    }
  
    .ob-footer-inner-cell.cell-top {
      padding-top: 4.666666666666667vw;
      border-bottom: none;
      height: auto;
      align-items: flex-start
    }
  }
  
  @media (max-width:750px) {
    .ob-footer-icon a .ob-footer-popover {
      left: 100%
    }
  
    .ob-footer-icon a .ob-footer-popover:after {
      left: 40%
    }
  }
  
  @media (max-width:750px) {
    .ob-footer-icon {
      margin-top: 12px;
      display: flex;
              align-content: flex-end;
              align-items: start;
              flex-direction: column;
    }
  
    .ob-footer-text {
      flex-direction: column;
      padding-bottom: 9px
    }
  
    .ob-footer-text p>span:not(:first-of-type):before {
      margin: 0;
      content: "";
      /* display: none; */
    }
  
    .ob-footer-icon span:before {
      margin: 0;
      content: "";
      display: none;
      
      
    }
    .ob-footer-icon span:nth-child(1) {
      padding-bottom: 10px;
  }
  .ob-footer-text p>span:nth-child(2){
    width: 70%;
    /* margin-right: 24vw; */
  }
    .ob-footer-text p>span:nth-child(2):before {
      margin: 0 16px;
      content: "|"
    }
    .ob-footer-text p>span:nth-child(3):before {
     display: none;
    }
  
    .ob-footer-text p>span.last {
      margin-left: 0
    }
  }
  
  @media (max-width:1024px) {
    .ob-footer-copyright {
      flex-direction: column
    }
  }
  
  @media (max-width:750px) {
    .ob-footer-copyright span {
      width: 100%;
      margin-right: 50px !important;
    }
  
    .ob-footer-copyright-top {
      text-align: left
    }
  
    .ob-footer-copyright-bottom span {
      margin-right: 0
    }
  
    .footer-mAlink {
      text-decoration: underline
    }
  }
  
  
  /* 头部 */
  header {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 100;
  }
  
  header .header-logo-image {
    display: inline-block;
    background-image: url('../image/scanner/logo-b.png');
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    width: 120px;
    height: 31px;
  }
  
  .pcHeader-menu>li {
    color: #090405;
  }
  
  @media (min-width:751px) and (max-width:1200px) {
    .ob-pcHeader-inner {
      height: 44px
    }
  
    .pcHeader-aside {
      font-size: 12px;
      padding: 0 20px
    }
  
    .pcHeader-menu>li {
      line-height: 44px;
      font-size: 12px;
      margin: 0 6px
    }
  
    .pcHeader-menu>li a {
      padding: 0 6px
    }
  
    .pcHeader-order {
      height: 26px;
      padding: 0 12px;
      border-radius: 13px
    }
  
    .pcHeader-order a {
      line-height: 26px
    }
  
    .pcHeader-language {
      margin-left: 12px
    }
  
    .pcHeader-submenu-list {
      padding-top: 37px
    }
  
    .pcHeader-submenu-list>li {
      line-height: 37px
    }
  
    .pcHeader-submenu-list>li a {
      padding: 0 12px
    }
  }
  
  @media (min-width:751px) and (max-width:1200px) and (max-width:850px) {
  
    .pcHeader-menu>li,
    .pcHeader-menu>li a {
      margin: 0 3px
    }
  
    .pcHeader-submenu-list>li a {
      padding: 0 6px
    }
  
    .pcHeader-login {
      margin-left: 12px
    }
  
    .pcHeader-language {
      width: 60px;
      margin-left: 6px
    }
  }
  
  @media (max-width:750px) {
    .pcHeader-menu {
      display: none;
    }
  
  }
  
  @media (min-width:750px) {
    .ob-header-nav-link li {
      display: none;
    }
  
  }
  
  .ob-allcontent .ob-content-five .introduction .erweimas .banben2 .scene-button:hover {
    background-color: #000;
    color: #fff;
  }
  
  .ob-header-nav-link {
    margin-top: 4px;
  }
  
  .ob-header-nav-link li {
    background-color: #000;
    width: 20px;
    height: 2px;
    opacity: 1;
    transition: opacity .3s ease-in;
    margin-right: 30px;
    margin-bottom: 4px;
    text-align: center;
  
  }
  
  .ob-header-nav-link .open li {
    background-color: #000;
    width: 20px;
    height: 2px;
    opacity: 1;
    transition: opacity .3s ease-in;
  }
  
  .ob-header-right {
    display: flex;
    align-items: center;
  }
  
  .ob-scene {
    position: relative;
    width: 100%;
    height: 56.2vw;
    background: url(../image/index/yuyue.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    overflow: hidden;
  }
  .ob-scene-index {
    position: relative;
    width: 100%;
    height: 37.6vw;
    background: url(../image/index/yuyue.png);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100% auto;
    overflow: hidden;
  }
  
  .ob-scene-content {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    width: 11.714285714285714rem;
    margin-top: .8660714285714285rem;
    display: flex;
    justify-content: center;
  
  }
  .ob-scene-title{
    display: none;
  }
  
  .ob-scene-tabs {
    width: 17%;
    min-width: 3.7232142857142856rem;
    color: #1a1a1a;
    position: absolute;
    right: 14%;
    top: calc(50% - 2rem / 2);
    /* bottom: -48vh; */
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  
  .tabs-title {
    display: flex;
  }
  
  .tabs-title .tabs-title-item {
    /* padding: 0.10714285714285714rem; */
    flex: 1;
    font-size: 0.5rem;
    /* font-family: li-medium, Microsoft YaHei, SF Pro SC, SF Pro Display, PingFang SC, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif; */
    /* line-height: 1.3571428571428571rem; */
    line-height: 1rem;
    text-align: center;
    cursor: pointer;
  }
  
  .tabs-title-item img {
    width: 2.97321429rem;
  
  }
  
  .tabs-form .tabs-item.no-border {
    border-bottom: none;
  }
  
  .tabs-form .tabs-item .ob-select {
    display: none;
    width: 100%;
  }
  
  .ob-city-main.ob-city-main-white {
    width: 100%;
  }
  
  .ob-city-main {
    color: hsla(0, 0%, 100%, .9);
  }
  
  .ob-city-main.ob-city-main-white .ob-city-select.ob-city-select-border {
    border-bottom: 1px solid rgba(0, 0, 0, .2);
  }
  
  .ob-city-main .ob-city-select {
    position: relative;
    display: flex;
    width: 100%;
    height: 42px;
    padding: 9px 0 8px;
    flex: 1 0;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
    line-height: 24px;
    background-color: transparent;
    cursor: pointer;
    user-select: none;
  }
  
  .tabs-form .tabs-item .ob-city-select-value.default {
    font-size: .14285714285714285rem;
    color: #999;
  
  }
  
  .ob-city-main .ob-city-select-value {
    max-width: calc(100% - 40px);
    overflow: hidden;
  
    color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  
  .ob-city-main-m .ob-city-select .iconfont-arrowdown {
    font-size: 18px;
    color: rgba(0, 0, 0, .2);
    transform: rotate(-90deg);
  }
  
  .ob-city-main .ob-city-select.ob-city-select-border .iconfont-arrowdown {
    display: block;
    font-size: 18px;
    color: #8c8985;
  
    transition: transform .15s ease-in, color .15s ease-in, -webkit-transform .15s ease-in;
  }
  
  .tabs-form .tabs-item-container {
    display: flex;
    flex-direction: column;
    /* margin: 40px 0; */
    opacity: 0;
  }
  
  .tabs-form .tabs-item-container .tabs-item {
    margin-right: 8px;
  }
  
  .tabs-form .tabs-item {
    position: relative;
    margin-top: 0.1571428571428571rem;
    height: .4821428571428572rem;
    display: flex;
    flex: 1;
    align-items: center;
    border-bottom: 1px solid #d4d4d2;
  }
  
  .ob-input {
    padding: 0;
    width: 100%;
    height: 36px;
    border: none;
    caret-color: #191919;
    -webkit-font-smoothing: antialiased;
    outline: none;
    background: none;
  }
  
  .tabs-form .tabs-item .form-input-getcode {
    position: absolute;
    right: 0;
    font-size: 16px;
    line-height: 28px;
    color: #999;
    cursor: pointer;
    transition: color .15s ease-in;
  }
  
  .tabs-form .tabs-item .form-input-getvoice.disable {
    color: #999;
    pointer-events: none;
  }
  
  .tabs-form .tabs-item .form-input-getvoice {
    position: absolute;
    right: 0;
    top: calc(100% + 8px);
    transition: color .15s ease-in;
    cursor: pointer;
    line-height: 28px;
    font-size: .14285714285714285rem;
  }
  
  .ob-line {
    margin-top: .42857142857142855rem;
    margin-bottom: .3214285714285714rem;
    font-size: .125rem;
    line-height: .21428571428571427rem;
    color: #666;
  }
  
  .scene-button:last-child {
    margin-right: 0;
  }
  
  .scene-button.fill {
    border: none;
    background-color: #191919;
    color: #fff;
  }
  
  .tabs-form .tabs-item-container .tabs-item:last-child {
    margin-right: 0;
  }
  
  .ob-scene-tabs-img {
    display: none;
  }
  
  .position {
    position: unset !important;
  }
  
  /* @media (min-width:1600px) {
    .ob-scene-tabs{
      top: 20vh !important;
    }
  } */
  /* 预约看车响应 */
  /* @media (min-width:3000px) {
    .ob-scene-tabs{
      top: 40vh !important;
    }
  } */
  @media (max-width:750px) {
    .ob-scene-title{
      display: flex;
      justify-content: center;
      position: relative;
      top: 2rem;
      /* left: 4.36923rem; */
  
    }
  
    .scene-button.primary{
      width: 177px !important;
      height: 47px !important;
    }
    .ob-scene {
      background: none;
    }
  
    .ob-scene-content {
      position: static;
      width: 100%;
      padding: 0 16px;
      display: block;
      margin-top: 22px;
      left: unset;
      -webkit-transform: unset;
      transform: unset;
    }
  
    .ob-content .ob-scene-tabs-img {
      display: block;
      background: url(../image/index/yuyue-xy.jpg);
      background-repeat: no-repeat;
      background-size: cover;
      height: 11.57143rem;
    }
  
    .tabs-title {
      margin: 35px 0 15px 0;
    }
  
    .ob-scene-tabs {
      min-width: 100%;
      margin: 20px auto;
      position: unset;
      background-color: #fff;
    }
  
    .tabs-form {
      margin: auto 15%;
    }
  
    .tabs-form .tabs-item {
      height: 54px;
      font-size: 14px;
    }
  
    .tabs-form .tabs-item .ob-select {
      border-bottom: 1px solid rgba(0, 0, 0, .04);
    }
  
    .tabs-form .tabs-item .-city-select-value.default {
      font-size: 14px;
    }
  
    .tabs-form .tabs-item-container.ob {
      margin-top: 12px;
    }
  
    .tabs-form .tabs-item-container {
      display: block;
    }
  
    .tabs-form .tabs-item-container .tabs-item {
      display: none;
      margin-right: 0;
    }
  
    .ob-input {
      height: 28px;
      font-size: 14px;
    }
  
    .tabs-form .tabs-item-container .tabs-item .form-input-getvoice {
      font-size: 14px;
    }
  
    .ob-line {
      margin-top: 48px;
    }
  
  }
  
  @media (max-width: 1024px) {
    .ob-line {
      font-size: 12px;
      line-height: 20px;
    }
  
    .ob-input {
      font-size: 12px;
    }
  }
  
  @media (max-width:750px) {
    .ob-scene {
      height: auto !important;
      background-color: #fff;
  
    }
    .img-height{
      height: 165.5vw !important;
    }
  
    .scene-button {
      width: 130px;
      height: 34px;
      font-size: 14px;
    }
  }
  
  /* 视频 */
  .scene-loopvideo {
    height: 100vh;
  }
  
  .scene-wrap {
    height: 100%;
  }
  
  .scene-loopvideo .scene-inner {
    display: flex;
    align-items: center;
  }
  
  .scene-loopvideo .video-mobile-bg {
    position: absolute;
    background-image: url("../image/index/video-bg.png");
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
  }
  
  .scene-loopvideo .scene-video-content {
    position: absolute;
    width: 100%;
    top: 1.25rem;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    z-index: 2;
  }
  
  .scene-loopvideo .scene-video-title {
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 27px;
    line-height: 40px;
    letter-spacing: .03em;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    text-indent: 1em;
  }
  
  .scene-loopvideo .scene-video-title span {
    width: 100%;
  }
  
  .scene-button-list {
    display: flex;
    margin-top: 24px;
  }
  
  .scene-button:last-child {
    margin-right: 0;
  }
  #ordering{
    font-weight: 300;
    font-family: "ob-pingfang-medium";
      width: 1.16071429rem;
      height: 0.3125rem;
      font-size: 0.1rem;
      letter-spacing: 2px;
  }
  .normal {
    width: 35.733333333333334vw;
    height: 40px;
    font-size: 3.733333333333334vw;
    color: #fff;
  }
  
  #showVideo {
    display: none;
  }
  
  @media (max-width: 750px) {
    #ordering{
      font-weight: 300;
        font-family: none !important;
        width: 124px !important;
        height: 33px !important;
        margin-top: auto !important;
        font-size: 12px !important;
        letter-spacing: 2px;
    }
    #showVideo {
      display: block;
    }
    .scene-button:last-child {
      margin-top: 32px !important;
      /* margin-right: 0; */
    }
  }
  
  @media(max-width:1155px) {
    .ob-allcontent .ob-content-five .introduction .title-tow {
      width: 329px;
      font-size: 12px;
      margin-left: 119px;
    }
  }
  
  @media(max-width:850px) {
    .ob-allcontent .ob-content-five .introduction .title-tow {
      margin-left: 162px;
  
    }
  
    .ob-allcontent .ob-content-five .introduction .title-one {
      width: 162px;
    }
  
    .introduction .erweimas .banben2 .scene-button {
      margin-top: 5px;
      margin-bottom: 10px;
      width: 125px;
    }
  }
  
  .ob-content-five {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .btn-one {
    background-color: hsla(0, 0%, 100%, .1);
  }
  
  .btn-one:hover {
    background-color: hsla(0, 0%, 100%, .26);
  }
  
  .btn-tow:hover {
    background-color: #fff !important;
    color: #000 !important;
  }
  
  video {
    display: block;
  }
  
  .scene-logo-xy {
  
    display: none;
  }
  
  /* 二维码响应 */
  @media (max-width:750px) {
    .download-buttonlist .scene-button {
      margin: .08928571428571427rem 45px;
    }
  
    .primary {
      background-color: #fff;
    }
  
    .ob-allcontent .ob-content-five {
      height: 163.637333vw;
      background-image: url("../image/index/qr-bg-xy1.png")
    }
  
    .scene-download-block {
      display: flex;
      transform: unset;
      text-align: center;
      align-items: center;
      flex-direction: column;
      position: absolute;
      right: inherit;
      top: 15%
    }
  
    .scene-download-title {
      font-size: 28px;
      line-height: 35px;
    }
  
    .scene-download-descrption {
      margin-top: 5px;
      font-size: 12px;
      line-height: 22px;
      margin-bottom: 8px;
      /* font-family: auto; */
    }
  
    .scene-download-operate {
      display: flex;
      margin-top: 24px;
      text-align: center;
      align-items: center;
      flex-direction: column-reverse;
    }
  
    .download-buttonlist {
      margin-left: 0;
      display: flex;
      justify-content: center;
      margin-bottom: 27px;
      margin-top: 75px;
    }
  
    .download-qrcode {
      margin: 0 1.24rem;
      width: 144px;
      height: 144px;
    }
  
    .scene-down-infos {
      margin-top: 1.2vw;
    }
  
    .xs {
      height: 100vh !important;
    }
  
  }
  
  /* logo 响应式 */
  @media (max-width:750px) {
    .btn-tow:hover {
      background-color: #fff;
      color: #000;
    }
  
    /* .btn-one {
      display: none !important;
    } */
  
    .btns {
      display: flex;
      justify-content: center;
      margin-top: 25px;
    }
  
    /* #ones,
    #tows,
    #threes {
      position: fixed;
      top: 167px;
      left: 50%;
      margin-left: -143px;
      text-align: center;
      overflow: hidden;
  
    } */
  
    .scene-logo {
      /* height: 70px; */
      display: none;
    }
  
    .scene-logo-xy {
      height: 70px;
      display: inline-block;
    }
  
    .title img {
      width: 7.90757915rem;
      height: 1.76282rem;
    }
  
    .btn {
      width: 132px !important;
      height: 35px !important;
      font-size: 13px;
  
    }
  
    .title {
      left: 12%;
    }
  
    .tabs-title-item img {
      width: 7.3rem;
    }
  }
  
  /* 导航栏子菜单 */
  .ob-header-panel>ul>li {
    font-size: 16px;
  }
  
  .ob-header-panel>ul>li a,
  .ob-header-panel>ul>li span {
    font-size: 16px;
    line-height: 48px;
    color: #000;
  }
  
  .ob-header-panel>ul>li.header-hr {
    height: 1px;
    padding: 0 16px;
  }
  
  .yc {
    display: none;
  }
  
  .ob-header-nav-link li:nth-child(2) {
    margin: 4px 0;
  }
  
  
  
  .modal-container {
    z-index: 999;
    position: fixed;
    top: 35%;
    left: 35%;
    width: 420px;
    background-color: #fff;
    border-radius: 4px;
    display: none;
    height: 300px;
    box-shadow: 1px 1px 10px #888888;
  }
  
  .modal-close {
    position: absolute;
    right: 25px;
    top: 25px;
    display: flex;
    width: 32px;
    height: 32px;
    align-items: center;
    justify-content: center;
    color: #000;
    cursor: pointer;
    background-image: url(../image/index/quxiao.png);
  }
  
  
  /* 预约订购弹窗 */
  .order-popups {
    z-index: 999;
    position: fixed;
    top: 45%;
    left: 50%;
    margin-left: -1.45rem;
    margin-top: -2rem;
    width: 2.9rem;
    background-color: #fff;
    border-radius: 4px;
    height: 2.9rem;
    box-shadow: 1px 1px 10px #888888;
  
  }
  
  .order-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    align-items: center;
    height: 86%;
    width: 100%;
  }
  
  .order-tips {
    width: 80%;
    font-size: 14px;
    line-height: 22px;
    color: rgba(0, 0, 0, .6);
  }
  
  .ngraving-qr {
  
    width: 1.5rem;
    height: 1.5rem;
	background-image: url('../image/S33333.png');
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    margin-top: 30px;
  }
  
  @media (max-width:500px) {
    .ob-footer-icon a .ob-footer-popover .popover-qrcode {
      margin: 9px auto;
      width: 65px;
      height: 65px;
      overflow: hidden
    }
  
    .ob-footer-icon a .ob-footer-popover:after {
      left: 46% !important;
    }
  
    .ob-footer-icon a .ob-footer-popover .popover-text {
      margin-top: -8px;
      font-size: 10px;
  
    }
  
    .ob-footer-icon a .ob-footer-popover {
      left: 160%;
      width: 84px;
      height: 103px;
      bottom: 30px;
      padding: 0;
    }
    .ob-footer-icon .ob-footer-icon-weixin .ob-footer-popover {
      left: 130%;
      width: 84px;
      height: 103px;
      bottom: 30px;
      padding: 0;
  }
  
  }
  
  
  /**
    新增
  */
  
.ob-scene-firstscreen .ob-product-model-image {
  width: 3.57142857rem;
  height: 1.371rem;
  margin: 0 auto;
  background: url('../image/ngraving/logo-one.png') no-repeat 50%;
  background-size: contain;
  animation: text-anima 1s linear 0s 1 normal forwards;
}
.ob-scene-firstscreen.loaded .ob-scene-inner {
  background-image: url('../image/ngraving/bg1.jpg')
}


.ob-scene-home-overview.loaded .ob-scene-inner {
  background-image: url('../image/ngraving/bg2.jpg')
}

.ob-scene-extendrange-overview.loaded .ob-scene-inner {
  background-image: url('../image/hengtu/2moxiawangazha.png')
}

.ob-scene-extendrange-number.loaded .ob-scene-inner {
  background-image: url('../image/ngraving/bg4.jpg')
}
.ob-scene-drive-overview.loaded .ob-scene-inner {
  background-image: url('../image/ngraving/bg5.jpg')
}
.ob-scene-six.loaded .ob-scene-inner {
  background-image: url('../image/ngraving/bg6.jpg')
}
.ob-scene-seven.loaded .ob-scene-inner {
  background-image: url('../image/ngraving/bg7.png')
}
.ob-scene-eight.loaded .ob-scene-inner {
  background-image: url('../image/ngraving/bg8.jpg')
}
.ob-scene-nine.loaded .ob-scene-inner {
  background-image: url('../image/hengtu/3moxiawangazha.jpg')
}
.ob-scene-ten.loaded .ob-scene-inner {
  background-image: url('../image/ngraving/bg10.jpg')
}
.ob-scene-s01,.ob-scene-s1,.ob-scene-s2,.ob-scene-s3,.ob-scene-s4 {
  height: 54vw!important;
}

.ob-scene-extendrange-overview-1.loaded .ob-scene-inner{
  background-image: url('../image/hengtu/3moxiawangazha.jpg')
}
.ob-scene-s01.loaded .ob-scene-inner {
	background-image: url('../image/hengtu/2moxiawangazha.png')
}
.ob-scene-s2.loaded .ob-scene-inner {
   background-image: url('../image/hengtu/4moxiawangazha.jpg')
}
.ob-scene-s3.loaded .ob-scene-inner {
  background-image: url('../image/hengtu/5moxiawangazha.jpg')
}
.smallphone{
	display:none;
}
.bigweb{
	display:block;
}
.ob-scene-s4.loaded .ob-scene-inner {
  background-image: url('../image/hengtu/6moxiawangazha.png')
}
.ob-scene-s5 {
  height: 37vw !important;
}
.ob-scene-s5.loaded .ob-scene-inner {
  background-image: url('../image/ngraving/bg11.jpg')
}
.ob-scene-s6.loaded .ob-scene-inner {
  background-image: url('../image/shutu/9moxiawangazha.jpg')
}
.ob-scene-s7.loaded .ob-scene-inner {
  background-image: url('../image/shutu/10moxiawangazha.jpg')
}
.top-default1{
  bottom: 0.4rem !important;
  
}
.item-bottom-text-w{
  bottom:.4285714285714284rem!important;

}
.item-bottom-text-w .linefeeds{
  color: #fff!important;
}
.item-right-text-w .linefeeds{
  color: #fff!important;
}
@media (max-width:750px) {
  .ob-product-fadebox.ob-top-default.s3 {
    top: auto !important;
    height: max-content;
    bottom: 12vw !important;
  }
  .ob-product-fadebox.ob-top-default.smallphone {
      top: 6.05rem !important;
      height: max-content;
  }
  .ob-scene-ten,.ob-scene-nine{
      height: 215vw !important;
  }
  .ob-scene-inner {
      /* background-size: 100% auto !important; */
      }
  .ob-scene-firstscreen .ob-product-model-image {
      width: 6.64615385rem !important;
  height: 1.69230769rem !important;
     background-image: url('../image//ngraving/logo-one-xy.png');
  }
  .ob-scene-firstscreen.loaded .ob-scene-inner {
      background-image: url('../image/page-s2-img/2.jpg')
  }
  
  .ob-scene-firstscreen,.ob-scene-home-overview,.ob-scene-extendrange-overview,
  .ob-scene-seven{
      height: 215vw !important;
  }
  .ob-scene-home-overview.loaded .ob-scene-inner {
      background-image: url('../image/ngraving/bg2-xy.jpg')
  }
  
  .ob-scene-extendrange-overview.loaded .ob-scene-inner {
      background-image: url('../image/ngraving/bg3-xy.png');
      
  }
  
  .ob-scene-extendrange-number.loaded .ob-scene-inner {
      background-size: 100% auto;
      background-image: url('../image/ngraving/bg4-xy.jpg')
  }
  .ob-scene-drive-overview.loaded .ob-scene-inner {
      background-size: 100% auto;
      background-image: url('../image/ngraving/bg5-xy.jpg')
  }
  .ob-scene-six.loaded .ob-scene-inner {
      background-size: 100% auto;
      background-image: url('../image/ngraving/bg6-xy.jpg')
  }
  .ob-scene-six ,.ob-scene-drive-overview {
      height: 215vw !important;
  }
  .ob-scene-extendrange-number{
      height: 159.5vw !important;
  }
  .ob-scene-seven.loaded .ob-scene-inner {
      background-image: url('../image/ngraving/bg7-xy.jpg')
  }
  .ob-scene-eight.loaded .ob-scene-inner {
      background-image: url('../image/ngraving/bg8-xy.jpg')
  }
  .ob-scene-eight{
      height: 177vw !important;
   }
  .ob-scene-nine.loaded .ob-scene-inner {
      background-image: url('../image/shutu/3moxiawangzhans2.png')
  }
  .ob-scene-ten.loaded .ob-scene-inner {
      background-image: url('../image/ngraving/bg10-xy.jpg')
  }
  .ob-scene-firstscreen .product-model-image{
      width: 5.482143rem;
      height: 5rem;
      background-image: url('../image/ngraving/logo-one-xy.png');
  }
  .center{
      top:10.2rem !important;
  }
  .top{
      left: 50% !important;
      top: 2.3rem !important;
  }
 
}
@media (max-width: 400px){
.center {
  top: 13.7rem !important;
}
}
.text-algin-left{
  text-align: left !important;
}
@media (max-width: 750px){
  .text-algin-left{
      text-align: center !important;
  }
  header .header-logo-image {
    display: inline-block;
    background-image: url('../image/scanner/logo-b.png');
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    width: 120px;
    height: 31px;
  } 
  header .pcHeader-order{
    border: 1px solid #fff;
  }
  header .pcHeader-order a{
    color: #fff;
  }
}
@media (max-width:750px) {
	.smallphone{
		display:block;
	}
	.bigweb{
		display:none;
	}
  .ob-scene-s01.loaded .ob-product-fadebox.ob-top-default {
    top: 2.25rem !important;
  }
  .ob-scene-s01.loaded .ob-scene-inner {
    background-image: url('../image/ngraving/bg3-xy.png')
  }
  .ob-scene-extendrange-overview-1.loaded .ob-scene-inner{
    background-image: url('../image/shutu/3moxiawangzhans2.png')
  }
  .ob-scene-s2.loaded .ob-scene-inner {
	background-image: url('../image/shutu/4moxiawngshan-11.png')
  }
  .ob-scene-s3.loaded .ob-scene-inner {
	background-image: url('../image/shutu/5moxiawangzhan.png')
  }
  .ob-scene-s3-new.loaded .ob-scene-inner {
  	background-image: url('../image/shutu/6moxiawangzhan.jpg')
  }
  .ob-scene-s4.loaded .ob-scene-inner {
    background-image: url('../image/page-s2-img/phone/5.jpg')
  }
  .ob-scene-s5.loaded .ob-scene-inner {
    background-image: url('../image/shutu/8moxiawangazha.jpg')
  }
  .ob-scene-s6.loaded .ob-scene-inner {
    background-image: url('../image/shutu/9moxiawangazha.jpg')
  }
  .ob-scene-s7.loaded .ob-scene-inner {
    background-image: url('../image/shutu/10moxiawangazha.jpg')
  }
  .ob-scene-s1 .item-right-text-default{
    left: 50%!important;
  }
  .ob-product-title {
    line-height: 1.05rem !important;
  }
  .ob-product-slogan {
    line-height: 0.6rem !important;
  }
  .ob-scene-s1 .ob-product-title,
  .ob-scene-s1 .ob-product-slogan,
  .ob-scene-s4 .ob-product-title,
  .ob-scene-s4 .ob-product-slogan,
  .ob-scene-s7 .ob-product-title,
  .ob-scene-s7 .ob-product-slogan{
    text-align: center!important;
  }
  .ob-scene-s5 .c-white,
  .ob-scene-s6 .c-white,
  .ob-scene-s7 .c-white,
  .ob-scene-s01 .c-white,
  .ob-scene-s2 .c-white,
  .c-white8{
    color: #fff !important;
  }
  .ob-scene-s4 .item-right-text-default{
    left: 50%!important;
  }
  .ob-scene-s6 .item-bottom-text-w{
    top: 69%!important;
  }
  .ob-scene-s7 .item-right-text-w{
    left: 50%!important;
  }
  .ob-scene-s8 .item-bottom-text-w{
    top: 3.25rem !important
  }
  .ob-allcontent .ob-content-one{
    background-image: url('../image/shutu/1moxiawangzhan-08.png');
    height: 219vw;
  }
  .ob-allcontent .ob-content-one .title{
    position: absolute;
    top: 40%;
    transform: translateY(-50%);
    left: 0;
    width: 100%;
    text-align: center;
  }
  .scene-logo-3{
    width: 120px!important;
    height: 48px!important;
  }
  .ob-content-one-1 .title .tetx{
    font-size: 16px;
    margin-top: -8px;
  }
}  
.ob-scene-s3 .phone-text-show{
  display: none;
}
@media (max-width:1440px) {
  .ob-allcontent .ob-content-one-1{
    height: 90vh;
  }
  .ob-scene-s01, .ob-scene-s1, .ob-scene-s2, .ob-scene-s3, .ob-scene-s4 {
	height: 110vh!important;
  }
}
@media (max-width:1240px) {
  .ob-allcontent .ob-content-one-1{
    height: 80vh;
  }
  .ob-allcontent .ob-content-one .title{
    top: 50%;
  }
  .ob-scene-s01, .ob-scene-s1, .ob-scene-s2, .ob-scene-s3, .ob-scene-s4 {
	height: 100vh!important;
  }
}
@media (max-width:1024px) {
  .ob-allcontent .ob-content-one-1{
    height: 90vh;
  }
  .ob-allcontent .ob-content-one .title{
    top: 45%;
  }
  .ob-scene-s1, .ob-scene-s2, .ob-scene-s3, .ob-scene-s4 {
	height: 80vh!important;
  }
}
@media (max-width:750px) {
  .ob-allcontent .ob-content-one-1{
    height: 219vw;
  }
  .ob-scene-s01 {
    height: 215vw!important;
  }
  .ob-scene-s1, .ob-scene-s2, .ob-scene-s3, .ob-scene-s4 {
    height: 215vw !important;
  }
  .ob-scene-s5, .ob-scene-s6, .ob-scene-s7 {
    height: 125.26vw !important;
  }
  .scene-logo-3{
    margin-top:1.6rem
  }
  .ob-scene-s3 .pc-text-show{
    display: none;
  }
  .ob-scene-s3 .phone-text-show{
    display: block;
  }
}