@charset "UTF-8";
/*
 *宽高设置;
 */
/*
 *设置input，textarea的默认颜色;
 */
/*
 *placeholder自定义
 */
/*
 *设置字体大小，颜色，行高，水平对齐方式;
 */
/*
 *水平居中;
 */
/*
 *顶部定位；
 */
/*
 *元素百分百定位；
 */
/*
 *元素填充;
 */
/*
 *上下左右居中--定位;
*/
/*
 *css3上下左右居中带缩放;
 */
/*
 *c3 水平居中
 */
/*
 *css3 垂直居中
 */
/*
 *背景图片设置;
 */
/*
 *background-size设置背景图片;
 */
/*
 *背景颜色和黑色遮罩
 */
/*
 *关闭按钮;
 */
/**字左右间隙**/
/**渐变**/
/**截字**/
/*
 *缩放;
 */
/*
 *三角;
 */
/*动画暂停*/
/*
 *隐藏位移;
 */
/*
 *过度时间速度;
 */
/*模糊效果*/
/*声明3d*/
/**弹性盒子**/
/**图层样式**/
/*
 *颜色变量;
 */
/*
 *字大小变量;
 */
* {
  margin: 0px;
  padding: 0px;
  max-height: 999999px; }

html, body {
  font-family: "微软雅黑";
  color: #666;
  font-size: 24px;
  min-height: 100vh;
  -webkit-tap-highlight-color: #000000;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

input, select, textarea {
  width: 100%;
  background: none;
  outline: none;
  border: 0px;
  font-family: "微软雅黑"; }

.hide {
  display: none !important; }

ul, li, dl, dd {
  list-style-type: none; }

a {
  text-decoration: none; }

.clear {
  clear: both;
  height: 0;
  line-height: 0;
  overflow: hidden;
  font-size: 0; }

input, textarea {
  border: 0px;
  width: 100%;
  background: none;
  outline: none; }
  input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #999; }
  input::-moz-placeholder, textarea::-moz-placeholder {
    color: #999; }
  input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #999; }

body {
  width: 100%;
  word-break: break-all; }

.font38 {
  font-size: 1.9791666667vw;
  color: #333;
  line-height: 1.2;
  text-align: center; }

.fontWeight {
  font-weight: bold; }

a {
  color: inherit; }

.onlyPc {
  display: block !important; }

.onlyMob {
  display: none !important; }

h1, h2, h3, h4, h5, h6 {
  font-weight: 400; }

.fill {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -ms-object-fit: cover;
  -moz-object-fit: cover;
  -webkit-object-fit: cover;
  -o-object-fit: cover; }

.w1400 {
  width: 72.9166666667vw;
  margin: 0 auto; }

.w1200d {
  width: 62.5vw;
  margin: 0 auto; }

.w1400d {
  width: 72.9166666667vw;
  margin: 0 auto; }

.font30 {
  font-size: 1.5625vw;
  color: #333;
  line-height: 1.2;
  text-align: center; }

.allRightClostBtn {
  width: 2.6041666667vw;
  height: 2.6041666667vw;
  position: absolute;
  right: 2.0833333333vw;
  top: 2.0833333333vw;
  cursor: pointer; }
  .allRightClostBtn::before, .allRightClostBtn::after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    background: #fff;
    -webkit-border-radius: 0;
    border-radius: 0;
    width: 2.0833333333vw;
    height: 0.1041666667vw;
    margin-top: -0.0520833333vw;
    margin-left: -1.0416666667vw; }
  .allRightClostBtn::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg); }
  .allRightClostBtn::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg); }

.paging {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 3.125vw; }
  .paging a, .paging span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.875vw;
    height: 1.875vw;
    font-size: 0.8333333333vw;
    color: #333;
    line-height: 1.2;
    text-align: center;
    margin: 0 0.78125vw;
    position: relative; }
    .paging a.prev, .paging a.next, .paging span.prev, .paging span.next {
      background-image: url("../images/qimg19.png");
      background-position: center center;
      background-repeat: no-repeat;
      background-size: 0.9375vw; }
    .paging a.next, .paging span.next {
      background-image: url("../images/qimg20.png");
      background-position: center center;
      background-repeat: no-repeat; }
    .paging a.on, .paging span.on {
      color: #333; }
      .paging a.on::before, .paging span.on::before {
        content: '';
        display: block;
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        border: 1px solid #333; }

.footContactNewBox ul {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .footContactNewBox ul li {
    width: 34.8958333333vw;
    height: 15.3125vw;
    position: relative;
    cursor: pointer; }
    .footContactNewBox ul li .conteBox {
      position: absolute;
      left: 0px;
      top: 0px;
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column; }
      .footContactNewBox ul li .conteBox p {
        font-size: 1.25vw;
        color: #333;
        line-height: 1.2;
        text-align: center; }
      .footContactNewBox ul li .conteBox h4 {
        background-image: url("../images/icon43.png");
        background-position: center center;
        background-repeat: no-repeat;
        padding-left: 2.0833333333vw;
        background-size: 1.71875vw;
        background-position: left center;
        font-size: 2.1875vw;
        color: #333;
        line-height: 1.2;
        text-align: center;
        font-weight: bold;
        margin-top: 0.5208333333vw; }
      .footContactNewBox ul li .conteBox h3 {
        background-image: url("../images/icon42.png");
        background-position: center center;
        background-repeat: no-repeat;
        padding-left: 3.6458333333vw;
        background-size: 3.0208333333vw;
        background-position: left center;
        font-size: 1.25vw;
        color: #333;
        line-height: 4.1666666667vw;
        text-align: center;
        font-weight: bold; }
    .footContactNewBox ul li a {
      position: absolute;
      left: 0px;
      top: 0px;
      width: 100%;
      height: 100%;
      display: block; }

.jumpPanorama {
  width: 80.7291666667vw;
  margin: 0 auto; }
  .jumpPanorama .qTit {
    margin-top: 2.6041666667vw;
    margin-bottom: 2.0833333333vw; }
  .jumpPanorama .jumpBox {
    display: flex;
    align-items: center;
    justify-content: space-between; }
  .jumpPanorama li {
    width: 39.6875vw;
    height: 28.125vw;
    white-space: nowrap;
    font-size: 1.6666666667vw;
    color: #fff;
    line-height: 2.0833333333vw;
    text-align: center;
    position: relative;
    transition: all 0.3s linear; }
    .jumpPanorama li::before {
      content: "";
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      z-index: 10;
      background: rgba(0, 0, 0, 0.2);
      transition: all 0.3s linear; }
    .jumpPanorama li img {
      position: absolute;
      left: 0px;
      top: 0px;
      width: 100%;
      height: 100%;
      object-fit: cover;
      -ms-object-fit: cover;
      -moz-object-fit: cover;
      -webkit-object-fit: cover;
      -o-object-fit: cover;
      transition: all 0.3s linear; }
    .jumpPanorama li:hover {
      z-index: 20; }
      .jumpPanorama li:hover::before, .jumpPanorama li:hover img {
        transform: scale(1.1);
        transition: all 0.3s linear; }
      .jumpPanorama li:hover .txtBox p {
        transform: translateY(-5.2083333333vw);
        transition: all 0.3s linear; }
      .jumpPanorama li:hover .txtBox .moreBtn {
        bottom: -2.6041666667vw;
        opacity: 1; }
  .jumpPanorama .txtBox {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 20;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column; }
    .jumpPanorama .txtBox p {
      font-weight: bold;
      transition: all 0.3s linear; }
    .jumpPanorama .txtBox .moreBtn {
      bottom: -5.2083333333vw;
      opacity: 0;
      transition: all 0.3s linear; }

@media (max-width: 768px) {
  .mobNone:hover {
    border-color: inherit !important;
    background: inherit !important;
    color: inherit !important; }

  .onlyPc {
    display: none !important; }

  .onlyMob {
    display: block !important; }
    .onlyMob.flex {
      display: flex !important; }

  .allRightClostBtn {
    width: 6.6666666667vw;
    height: 6.6666666667vw;
    margin: 0 auto;
    position: relative;
    left: 0;
    top: 0;
    margin-top: 6.6666666667vw; }
    .allRightClostBtn::before, .allRightClostBtn::after {
      content: "";
      display: block;
      position: absolute;
      left: 50%;
      top: 50%;
      background: #fff;
      -webkit-border-radius: 0;
      border-radius: 0;
      width: 5.3333333333vw;
      height: 0.2666666667vw;
      margin-top: -0.1333333333vw;
      margin-left: -2.6666666667vw; }
    .allRightClostBtn::before {
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg); }
    .allRightClostBtn::after {
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg); }

  .w1400d {
    width: 92vw; }

  h1 {
    font-weight: bold; }

  .font38 {
    font-size: 5.0666666667vw;
    color: #333;
    line-height: 1.2;
    text-align: center; }

  .paging {
    margin-top: 8vw; }
    .paging a, .paging span {
      display: none;
      margin: 0 4vw; }
    .paging a.prev, .paging a.next {
      display: block;
      width: 16vw;
      height: 6.6666666667vw;
      background: none; }
      .paging a.prev::before, .paging a.next::before {
        content: "上一页";
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 3.2vw;
        line-height: 3.2vw;
        background: #333;
        color: #fff; }
    .paging a.next::before {
      content: "下一页"; }

  .footContactNewBox ul li {
    width: 42.6666666667vw;
    height: 26.6666666667vw; }
    .footContactNewBox ul li .conteBox p {
      font-size: 3.2vw;
      line-height: 5.3333333333vw; }
    .footContactNewBox ul li .conteBox h4 {
      margin-top: 1.3333333333vw;
      background-size: 4.4vw;
      font-size: 4.8vw;
      padding-left: 5.3333333333vw;
      line-height: 6.6666666667vw; }
    .footContactNewBox ul li .conteBox h3 {
      font-size: 3.2vw;
      line-height: 10.6666666667vw;
      background-size: 7.7333333333vw;
      padding-left: 9.3333333333vw; }

  .jumpPanorama {
    width: 96vw; }
    .jumpPanorama .qTit {
      margin-top: 6.6666666667vw;
      margin-bottom: 4vw; }
    .jumpPanorama .jumpBox {
      flex-direction: column; }
    .jumpPanorama li {
      width: 100%;
      height: 62.9333333333vw;
      font-size: 5.0666666667vw;
      line-height: 5.3333333333vw;
      margin-bottom: 3.4666666667vw; }
      .jumpPanorama li:hover::before, .jumpPanorama li:hover img {
        transform: scale(1); }
      .jumpPanorama li:hover .txtBox p {
        transform: translateY(0); }
      .jumpPanorama li:hover .txtBox .moreBtn {
        bottom: 0; }
    .jumpPanorama .txtBox .moreBtn {
      margin-top: 8vw;
      opacity: 1;
      position: relative;
      left: 0;
      bottom: 0;
      transform: translateX(0); } }
/**头部和底部**/
.head {
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  height: 4.5833333333vw;
  box-sizing: border-box;
  padding: 0 4.6875vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 300; }
  .head .logo1 {
    display: block;
    width: 9.1145833333vw;
    position: relative;
    z-index: 100;
    font-size: 1.1458333333vw;
    color: #333;
    line-height: 2.0833333333vw;
    text-align: left;
    font-weight: bold; }
    .head .logo1 img {
      width: 100%; }
  .head .navListBox {
    margin-left: auto;
    display: flex;
    align-items: center;
    justify-content: center; }
    .head .navListBox li {
      margin: 0 1.4583333333vw;
      position: relative;
      z-index: 10; }
      .head .navListBox li.pstion, .head .navListBox li.pstion2 {
        position: static; }
      .head .navListBox li h3 {
        font-size: 1.1458333333vw;
        color: #333;
        line-height: 2.0833333333vw;
        text-align: center;
        position: relative;
        font-weight: bold;
        z-index: 100; }
        .head .navListBox li h3::before {
          content: '';
          display: block;
          width: 0%;
          height: 1px;
          background: #333;
          position: absolute;
          left: 50%;
          bottom: 0;
          transform: translateX(-50%);
          -webkit-transition: all 0.3s 0s;
          -o-transition: all 0.3s 0s;
          -moz-transition: all 0.3s 0s;
          transition: all 0.3s 0s; }
      .head .navListBox li .secondBox {
        display: none;
        background: #fff;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        box-sizing: border-box;
        top: 3.3333333333vw;
        padding: 0.5208333333vw 1.3020833333vw; }
        .head .navListBox li .secondBox::before {
          content: '';
          display: block;
          width: 100%;
          height: 3.3854166667vw;
          position: absolute;
          left: 0;
          top: -3.3333333333vw; }
        .head .navListBox li .secondBox .secondComDef {
          white-space: nowrap; }
          .head .navListBox li .secondBox .secondComDef p {
            font-size: 0.9375vw;
            color: #333;
            line-height: 1.7708333333vw;
            text-align: center;
            margin-bottom: 1.3020833333vw;
            font-weight: 400; }
            .head .navListBox li .secondBox .secondComDef p a:hover {
              font-weight: 700; }
        .head .navListBox li .secondBox.pFixed {
          position: absolute;
          width: 100%;
          top: 4.5833333333vw;
          padding: 2.6041666667vw 0vw;
          display: flex;
          align-items: center;
          justify-content: center;
          display: none; }
      .head .navListBox li .qNormal {
        position: relative;
        z-index: 10; }
        .head .navListBox li .qNormal .secondBox {
          background: none; }
      .head .navListBox li .wBg {
        position: absolute;
        background: #fff;
        width: 100%;
        height: 15.625vw;
        left: 0;
        top: 4.5833333333vw;
        display: flex;
        align-items: center;
        justify-content: center;
        display: none; }
      .head .navListBox li.on, .head .navListBox li.hover {
        font-weight: 700;
        z-index: 9; }
        .head .navListBox li.on h3::before, .head .navListBox li.hover h3::before {
          width: 100%; }
        .head .navListBox li.on .wBg, .head .navListBox li.hover .wBg {
          display: block; }
    .head .navListBox .navServerBox {
      display: flex;
      align-items: center;
      justify-content: center; }
      .head .navListBox .navServerBox .block {
        width: 7.8125vw;
        height: 7.8125vw;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        margin: 0 0.6770833333vw;
        background: #f1f3f5;
        position: relative; }
        .head .navListBox .navServerBox .block a {
          display: block;
          position: absolute;
          left: 0px;
          top: 0px;
          width: 100%;
          height: 100%; }
        .head .navListBox .navServerBox .block .iconImg {
          width: 2.0833333333vw;
          height: 2.0833333333vw;
          display: flex;
          align-items: center;
          justify-content: center;
          margin-bottom: 0.2604166667vw; }
          .head .navListBox .navServerBox .block .iconImg img {
            display: block;
            max-width: 90%;
            max-height: 90%; }
        .head .navListBox .navServerBox .block p {
          font-size: 0.8333333333vw;
          color: #333;
          line-height: 1.7708333333vw;
          text-align: center; }
      .head .navListBox .navServerBox .ewm {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 0.6770833333vw; }
        .head .navListBox .navServerBox .ewm .block {
          margin: 0;
          flex-direction: column; }
        .head .navListBox .navServerBox .ewm .img {
          width: 6.25vw;
          height: 6.25vw;
          position: relative;
          overflow: hidden; }
          .head .navListBox .navServerBox .ewm .img img {
            position: absolute;
            left: 0px;
            top: 0px;
            width: 100%;
            height: 100%;
            object-fit: cover;
            -ms-object-fit: cover;
            -moz-object-fit: cover;
            -webkit-object-fit: cover;
            -o-object-fit: cover; }
    .head .navListBox .navSecondListCont {
      display: flex;
      align-items: center;
      justify-content: center; }
      .head .navListBox .navSecondListCont .item {
        margin: 0 0.6770833333vw;
        position: relative;
        width: 12.5vw; }
        .head .navListBox .navSecondListCont .item .imgBox {
          position: relative;
          height: 6.5104166667vw;
          overflow: hidden; }
          .head .navListBox .navSecondListCont .item .imgBox img {
            -webkit-transition: all 0.3s 0s;
            -o-transition: all 0.3s 0s;
            -moz-transition: all 0.3s 0s;
            transition: all 0.3s 0s; }
        .head .navListBox .navSecondListCont .item h4 {
          font-size: 0.9375vw;
          color: #333;
          line-height: 2.0833333333vw;
          text-align: center;
          margin-top: 0.5208333333vw; }
        .head .navListBox .navSecondListCont .item a {
          display: block;
          position: absolute;
          left: 0px;
          top: 0px;
          width: 100%;
          height: 100%; }
        .head .navListBox .navSecondListCont .item:hover .imgBox img {
          transform: scale(1.1); }
        .head .navListBox .navSecondListCont .item:hover h4 {
          color: #333; }
    .head .navListBox .newFlexBox {
      width: 100%;
      padding: 0 3.90625vw;
      padding-left: 7.8125vw;
      box-sizing: border-box; }
      .head .navListBox .newFlexBox .topBoxCont {
        display: flex;
        align-items: center;
        justify-content: center;
        align-items: flex-start; }
        .head .navListBox .newFlexBox .topBoxCont .leftNavCont {
          width: 17.8645833333vw; }
          .head .navListBox .newFlexBox .topBoxCont .leftNavCont a {
            display: block;
            position: relative;
            overflow: hidden;
            height: 4.84375vw;
            margin-top: 0.9375vw; }
            .head .navListBox .newFlexBox .topBoxCont .leftNavCont a:first-child {
              margin-top: 0; }
            .head .navListBox .newFlexBox .topBoxCont .leftNavCont a::after {
              content: '';
              display: none;
              width: 2.6041666667vw;
              height: 2.6041666667vw;
              background-image: url("../images/icon7.png");
              background-position: center center;
              background-repeat: no-repeat;
              background-size: 2.5vw;
              position: absolute;
              top: 50%;
              -webkit-transform: translateY(-50%);
              -moz-transform: translateY(-50%);
              -ms-transform: translateY(-50%);
              -o-transform: translateY(-50%);
              transform: translateY(-50%);
              right: 1.0416666667vw; }
            .head .navListBox .newFlexBox .topBoxCont .leftNavCont a:hover::after {
              display: block; }
        .head .navListBox .newFlexBox .topBoxCont .rightNavCont {
          margin-left: 5.7291666667vw;
          display: flex;
          align-items: center;
          justify-content: space-between;
          align-items: flex-start;
          flex: 1; }
          .head .navListBox .newFlexBox .topBoxCont .rightNavCont dd {
            width: 13.0208333333vw;
            position: relative; }
            .head .navListBox .newFlexBox .topBoxCont .rightNavCont dd h4 {
              font-size: 1.25vw;
              color: #000;
              line-height: 2.0833333333vw;
              text-align: left;
              margin-top: 0.2604166667vw; }
              .head .navListBox .newFlexBox .topBoxCont .rightNavCont dd h4:hover {
                font-weight: 700;
                color: #333; }
              .head .navListBox .newFlexBox .topBoxCont .rightNavCont dd h4:first-child {
                margin-top: 0; }
            .head .navListBox .newFlexBox .topBoxCont .rightNavCont dd p {
              font-weight: 400;
              font-size: 0.9375vw;
              color: #333;
              line-height: 1.5625vw;
              text-align: left;
              margin-top: 0.2604166667vw;
              margin-bottom: 0.5208333333vw; }
              .head .navListBox .newFlexBox .topBoxCont .rightNavCont dd p:hover {
                font-weight: 700;
                color: #333; }
          .head .navListBox .newFlexBox .topBoxCont .rightNavCont dd:nth-child(3) {
            position: relative;
            left: 3.125vw; }
      .head .navListBox .newFlexBox .footerNavBox {
        display: flex;
        align-items: center;
        justify-content: center;
        justify-content: flex-end; }
        .head .navListBox .newFlexBox .footerNavBox a {
          font-size: 0.8333333333vw;
          color: #333;
          line-height: 2.0833333333vw;
          text-align: left;
          margin-left: 2.6041666667vw; }
          .head .navListBox .newFlexBox .footerNavBox a:hover {
            color: #333; }
  .head .serach {
    width: 16px;
    height: 16px;
    background-image: url("../images/icon0.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    margin-right: auto;
    margin-left: 1.4583333333vw;
    cursor: pointer; }
  .head .logo2 {
    width: 11.7708333333vw; }
    .head .logo2 img {
      display: block;
      width: 100%; }
  .head.hoverIt {
    background: #fff;
    z-index: 300; }
    .head.hoverIt .navListBox li.on::before {
      width: 0%; }
    .head.hoverIt .navListBox li.hover .secondBox {
      display: block; }
      .head.hoverIt .navListBox li.hover .secondBox.Fixed {
        display: flex; }
  .head.pr {
    position: sticky; }
  .head.white {
    background: #fff; }
  .head.bgFBox {
    background: #fff;
    border-bottom: 1px solid #ededed; }
  .head .serachBoxCont {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 800;
    display: none;
    background: rgba(0, 0, 0, 0.6); }
    .head .serachBoxCont .serachDivBox {
      position: absolute;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
      width: 35.9375vw;
      top: 11.4583333333vw; }
      .head .serachBoxCont .serachDivBox .serachTopBox {
        border: 1px solid #fff;
        background: #fff;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 2.0833333333vw;
        line-height: 0; }
        .head .serachBoxCont .serachDivBox .serachTopBox .inputBox {
          flex: 1;
          position: relative;
          padding: 0.2083333333vw 1.0416666667vw;
          padding-left: 3.125vw; }
          .head .serachBoxCont .serachDivBox .serachTopBox .inputBox::before {
            content: '';
            display: block;
            width: 1.5625vw;
            height: 1.5625vw;
            background-image: url("../images/icon22.png");
            background-position: center center;
            background-repeat: no-repeat;
            background-size: 1.3020833333vw;
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
            left: 0.78125vw; }
          .head .serachBoxCont .serachDivBox .serachTopBox .inputBox input {
            height: 2.0833333333vw;
            font-size: 0.8333333333vw;
            color: #333;
            line-height: 2.0833333333vw;
            text-align: left; }
        .head .serachBoxCont .serachDivBox .serachTopBox .serachBtn {
          font-size: 0.8333333333vw;
          color: #fff;
          line-height: 2.5vw;
          text-align: center;
          width: 5.2083333333vw;
          background: #333;
          cursor: pointer; }
      .head .serachBoxCont .serachDivBox .fastSerach {
        padding: 0 1.5625vw;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        margin-top: 0.5208333333vw; }
        .head .serachBoxCont .serachDivBox .fastSerach a {
          min-width: 6.25vw;
          display: block;
          border: 1px solid #fff;
          box-sizing: border-box;
          margin: 0vw 0.2604166667vw;
          margin-top: 0.5208333333vw;
          font-size: 0.7291666667vw;
          color: #fff;
          line-height: 1.6666666667vw;
          text-align: center; }
          .head .serachBoxCont .serachDivBox .fastSerach a:hover {
            border-color: #333;
            background: #333; }
    .head .serachBoxCont h1 {
      font-size: 1.875vw;
      color: #fff;
      line-height: 1;
      text-align: center;
      font-weight: 700; }

.footer {
  background: #333; }
  .footer .footerTop {
    padding: 5.2083333333vw 13.0208333333vw;
    margin-top: 6.7708333333vw; }
    .footer .footerTop .top {
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .footer .footerTop .top .leftIcon {
        display: flex;
        align-items: center;
        justify-content: center; }
        .footer .footerTop .top .leftIcon a {
          display: block;
          position: relative;
          width: 3.90625vw;
          height: 3.90625vw;
          margin-right: 1.5625vw; }
          .footer .footerTop .top .leftIcon a > img {
            position: absolute;
            left: 0px;
            top: 0px;
            width: 100%;
            height: 100%;
            object-fit: cover;
            -ms-object-fit: cover;
            -moz-object-fit: cover;
            -webkit-object-fit: cover;
            -o-object-fit: cover; }
            .footer .footerTop .top .leftIcon a > img.img1 {
              opacity: 0;
              -webkit-transition: all 0.3s 0s;
              -o-transition: all 0.3s 0s;
              -moz-transition: all 0.3s 0s;
              transition: all 0.3s 0s; }
          .footer .footerTop .top .leftIcon a .ewm {
            display: none;
            position: absolute;
            left: 50%;
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            transform: translateX(-50%);
            padding: 0.5208333333vw;
            background: #fff;
            bottom: 100%;
            margin-bottom: 0.78125vw; }
            .footer .footerTop .top .leftIcon a .ewm img {
              width: 6.25vw; }
            .footer .footerTop .top .leftIcon a .ewm::before {
              content: '';
              display: block;
              border: 0.5208333333vw solid transparent;
              border-top-color: #fff;
              position: absolute;
              left: 50%;
              -webkit-transform: translateX(-50%);
              -moz-transform: translateX(-50%);
              -ms-transform: translateX(-50%);
              -o-transform: translateX(-50%);
              transform: translateX(-50%);
              top: 100%; }
          .footer .footerTop .top .leftIcon a.hover > img.img1 {
            opacity: 1; }
          .footer .footerTop .top .leftIcon a.hover .ewm {
            display: block; }
        .footer .footerTop .top .leftIcon .ewmBig .ewm img {
          width: 20.8333333333vw; }
    .footer .footerTop .rightTop h4 {
      font-size: 1.0416666667vw;
      color: #d6d6d6;
      line-height: 2.0833333333vw;
      text-align: left; }
    .footer .footerTop .rightTop a {
      display: block;
      margin-top: 0.5208333333vw;
      font-size: 1.5625vw;
      color: #d6d6d6;
      line-height: 2.0833333333vw;
      text-align: left; }
    .footer .footerTop .bottom {
      margin-top: 4.1666666667vw;
      display: flex;
      align-items: center;
      justify-content: space-between;
      align-items: flex-start; }
      .footer .footerTop .bottom li h3 {
        font-size: 1.0416666667vw;
        color: #f7f7f7;
        line-height: 2.0833333333vw;
        text-align: left;
        margin-bottom: 1.5625vw;
        font-weight: bold; }
      .footer .footerTop .bottom li div h6, .footer .footerTop .bottom li div p {
        font-size: 0.8333333333vw;
        color: #d9d9d9;
        line-height: 2.0833333333vw;
        text-align: left;
        margin-top: 0.2604166667vw; }
        .footer .footerTop .bottom li div h6 a, .footer .footerTop .bottom li div p a {
          color: #d9d9d9; }
        .footer .footerTop .bottom li div h6 a:hover, .footer .footerTop .bottom li div p a:hover {
          font-weight: bold; }
      .footer .footerTop .bottom li div p {
        font-size: 0.7291666667vw; }
        .footer .footerTop .bottom li div p a {
          display: flex;
          align-items: center;
          justify-content: flex-start; }
          .footer .footerTop .bottom li div p a::before {
            content: '';
            display: inline-block;
            width: 0.2083333333vw;
            height: 0.2083333333vw;
            border-radius: 50%;
            background: #d9d9d9;
            margin-right: 0.2604166667vw; }
  .footer .foot {
    border-top: 1px solid #595959;
    height: 2.6041666667vw;
    padding: 0 13.0208333333vw;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .footer .foot .aHrefBox {
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 0.8333333333vw;
      color: #fff;
      line-height: 2.0833333333vw;
      text-align: center;
      position: relative; }
      .footer .foot .aHrefBox a {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 0.5208333333vw; }
        .footer .foot .aHrefBox a img {
          display: block;
          width: 0.8854166667vw;
          margin-right: 0.2604166667vw; }
    .footer .foot p {
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 0.8333333333vw;
      color: #fff;
      line-height: 2.0833333333vw;
      text-align: center;
      position: relative; }
      .footer .foot p img {
        display: block;
        width: 0.8854166667vw;
        margin-right: 0.2604166667vw; }
      .footer .foot p a {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 10; }

.suspension {
  width: 66px;
  background: #fff;
  border-radius: 5px;
  position: fixed;
  right: 1.0416666667vw;
  bottom: 43%;
  z-index: 200;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); }
  .suspension a {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 60px;
    flex-direction: column; }
    .suspension a .iconImg {
      width: 25px;
      height: 20px;
      display: flex;
      align-items: center;
      justify-content: center; }
      .suspension a .iconImg img {
        max-width: 100%;
        max-height: 96%; }
    .suspension a:last-child::before {
      display: none; }
    .suspension a p {
      font-size: 12px;
      color: #000;
      line-height: 1;
      text-align: center;
      margin-top: 5px; }
    .suspension a::before {
      content: '';
      display: block;
      width: 2.0833333333vw;
      height: 1px;
      background: #333;
      position: absolute;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
      bottom: 0; }

.backTop {
  display: none;
  position: fixed;
  right: 1.0416666667vw;
  bottom: 30%;
  z-index: 200;
  cursor: pointer;
  width: 60px;
  height: 80px;
  background: url("../images/icon21.png") no-repeat center center;
  background-size: contain; }

.navBtn {
  display: none; }

.privacyAlert {
  display: none;
  z-index: 1000 !important; }
  .privacyAlert .contain {
    width: 80vw;
    height: 80vh;
    background: #fff;
    overflow: hidden;
    overflow-y: auto; }
  .privacyAlert .txtBox {
    padding: 2.0833333333vw 6.7708333333vw; }
    .privacyAlert .txtBox h1 {
      font-size: 1.875vw;
      color: #333;
      line-height: 2.0833333333vw;
      text-align: center;
      margin-bottom: 2.6041666667vw;
      font-weight: normal; }
    .privacyAlert .txtBox li {
      margin-bottom: 2.0833333333vw; }
    .privacyAlert .txtBox strong {
      display: block;
      font-size: 1.25vw;
      color: #333;
      line-height: 1.5625vw;
      text-align: left;
      margin-bottom: 0.8333333333vw; }
    .privacyAlert .txtBox p {
      font-size: 0.9375vw;
      color: #333;
      line-height: 1.9791666667vw;
      text-align: left; }

@media (min-width: 1181px) and (max-width: 1440px) {
  .head .serach {
    width: 13px;
    height: 13px; } }
@media (min-width: 769px) and (max-width: 1440px) {
  .head .logo1 {
    font-size: 14px; }
  .head .navListBox li h3 {
    font-size: 14px; }
  .head .navListBox li .secondBox .secondComDef p {
    font-size: 12px;
    line-height: 16px; }
  .head .navListBox .newFlexBox .topBoxCont .rightNavCont dd h4 {
    font-size: 14px;
    line-height: 18px;
    font-weight: bold;
    margin-bottom: 10px; }
  .head .navListBox .newFlexBox .topBoxCont .rightNavCont dd p {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 16px; }
  .head .navListBox .navSecondListCont .item h4 {
    font-size: 12px;
    line-height: 16px; }
  .head .navListBox .navServerBox .block p {
    font-size: 12px;
    line-height: 16px; }

  .footer .footerTop .bottom li h3 {
    font-size: 14px;
    line-height: 16px; }
  .footer .footerTop .bottom li div h6 {
    font-size: 12px;
    line-height: 30px; }
  .footer .footerTop .bottom li div p {
    font-size: 12px;
    line-height: 30px; }
  .footer .foot {
    height: 50px; }
    .footer .foot p {
      font-size: 12px; }
      .footer .foot p img {
        width: 12px; } }
@media (max-width: 768px) {
  /* 隐藏水平滚动条 */
  *::-webkit-scrollbar {
    height: 0; }

  * {
    scrollbar-height: none; }

  .head {
    width: 100%;
    height: 11.7333333333vw;
    position: sticky;
    background: #fff; }
    .head .navListBox {
      border-top: 1px solid #c1c1c1;
      position: absolute;
      left: 0;
      width: 100%;
      background: #fff;
      top: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
      display: none; }
      .head .navListBox li {
        margin: 0;
        width: 100%;
        border-bottom: 1px solid #c1c1c1;
        padding: 3.3333333333vw 4.6666666667vw; }
        .head .navListBox li h3 {
          width: 100%;
          font-size: 3.4666666667vw;
          line-height: 6.6666666667vw;
          display: flex;
          align-items: center;
          justify-content: space-between; }
          .head .navListBox li h3.hasSecond::before {
            content: '';
            display: block;
            background: none;
            width: 3.2vw;
            height: 3.2vw;
            background-image: url("../images/icon24.png");
            background-position: center center;
            background-repeat: no-repeat;
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
            background-size: 100%;
            left: auto;
            right: 0; }
        .head .navListBox li:nth-child(1) h3 img, .head .navListBox li:nth-child(2) h3 img {
          display: none; }
        .head .navListBox li .secondBox {
          margin-top: 3.3333333333vw;
          position: relative !important;
          display: none !important;
          left: 0 !important;
          top: 0 !important;
          padding: 3.3333333333vw 4vw 0 !important;
          opacity: 1;
          -webkit-transform: translate(0, 0);
          -moz-transform: translate(0, 0);
          -ms-transform: translate(0, 0);
          -o-transform: translate(0, 0);
          transform: translate(0, 0); }
          .head .navListBox li .secondBox::before {
            content: "";
            display: block;
            width: 100vw;
            top: 0;
            height: 1px;
            position: absolute;
            left: 50%;
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            transform: translateX(-50%);
            background: #c1c1c1; }
          .head .navListBox li .secondBox .newFlexBox {
            width: 100%;
            padding: 0; }
            .head .navListBox li .secondBox .newFlexBox .topBoxCont {
              display: block; }
              .head .navListBox li .secondBox .newFlexBox .topBoxCont .leftNavCont {
                display: block;
                width: 100%; }
                .head .navListBox li .secondBox .newFlexBox .topBoxCont .leftNavCont a {
                  display: block;
                  height: auto;
                  margin-top: 0; }
                  .head .navListBox li .secondBox .newFlexBox .topBoxCont .leftNavCont a:hover::after {
                    display: none; }
                .head .navListBox li .secondBox .newFlexBox .topBoxCont .leftNavCont img {
                  display: none; }
                .head .navListBox li .secondBox .newFlexBox .topBoxCont .leftNavCont p {
                  font-size: 3.2vw;
                  color: #333;
                  line-height: 6.6666666667vw;
                  text-align: left; }
              .head .navListBox li .secondBox .newFlexBox .topBoxCont .rightNavCont {
                margin: 0;
                display: block; }
                .head .navListBox li .secondBox .newFlexBox .topBoxCont .rightNavCont dd {
                  width: 100%;
                  margin-top: 0; }
                  .head .navListBox li .secondBox .newFlexBox .topBoxCont .rightNavCont dd h4 {
                    font-size: 3.2vw;
                    color: #333;
                    line-height: 6.6666666667vw;
                    text-align: left;
                    margin-top: 0; }
                    .head .navListBox li .secondBox .newFlexBox .topBoxCont .rightNavCont dd h4 a {
                      display: block; }
                  .head .navListBox li .secondBox .newFlexBox .topBoxCont .rightNavCont dd p {
                    display: none; }
                .head .navListBox li .secondBox .newFlexBox .topBoxCont .rightNavCont dd:nth-child(3) {
                  position: relative;
                  left: 0; }
            .head .navListBox li .secondBox .newFlexBox .footerNavBox {
              display: none; }
          .head .navListBox li .secondBox .navSecondListCont {
            display: block; }
            .head .navListBox li .secondBox .navSecondListCont .item {
              width: 100%;
              margin: 0; }
              .head .navListBox li .secondBox .navSecondListCont .item .imgBox {
                display: none; }
              .head .navListBox li .secondBox .navSecondListCont .item h4 {
                font-size: 3.2vw;
                color: #333;
                line-height: 6.6666666667vw;
                text-align: left;
                margin-top: 0; }
                .head .navListBox li .secondBox .navSecondListCont .item h4 a {
                  display: block; }
          .head .navListBox li .secondBox .navServerBox {
            display: block; }
            .head .navListBox li .secondBox .navServerBox .block {
              height: auto;
              display: block;
              width: 100%;
              background: none; }
              .head .navListBox li .secondBox .navServerBox .block .iconImg {
                display: none; }
              .head .navListBox li .secondBox .navServerBox .block p {
                font-size: 3.2vw;
                color: #333;
                line-height: 6.6666666667vw;
                text-align: left; }
            .head .navListBox li .secondBox .navServerBox .ewm {
              display: none; }
          .head .navListBox li .secondBox .secondComDef p {
            font-size: 3.2vw;
            line-height: 6.6666666667vw;
            text-align: left; }
            .head .navListBox li .secondBox .secondComDef p a:hover {
              font-weight: 400; }
    .head .logo1 {
      width: 53.3333333333vw;
      font-size: 3.4666666667vw;
      line-height: 6.6666666667vw; }
    .head .logo2 {
      display: none; }
    .head .serach {
      margin-right: 4vw;
      width: 5.3333333333vw;
      height: 5.3333333333vw;
      background-size: 90%;
      margin-left: auto; }
    .head .navBtn {
      display: block;
      width: 5.3333333333vw;
      height: 5.3333333333vw;
      position: relative; }
      .head .navBtn p, .head .navBtn::before, .head .navBtn::after {
        width: 5.3333333333vw;
        height: 0.5333333333vw;
        background: #393939;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-top: -0.2666666667vw;
        margin-left: -2.6666666667vw; }
      .head .navBtn::before, .head .navBtn::after {
        content: '';
        display: block;
        margin-top: 1.6vw; }
      .head .navBtn::before {
        margin-top: -2.1333333333vw; }
    .head.showIt .navBtn p {
      display: none; }
    .head.showIt .navBtn::before, .head.showIt .navBtn::after {
      margin-top: -0.2666666667vw;
      transform: rotate(45deg); }
    .head.showIt .navBtn::before {
      transform: rotate(-45deg); }
    .head.showIt .navListBox {
      display: flex; }
      .head.showIt .navListBox li.show h3.hasSecond::before {
        background-image: url("../images/icon25.png");
        background-position: center center;
        background-repeat: no-repeat; }
      .head.showIt .navListBox li.show .secondBox {
        display: block !important; }
    .head .serachBoxCont {
      display: none; }
      .head .serachBoxCont h1 {
        font-size: 5.0666666667vw; }
      .head .serachBoxCont .serachDivBox {
        width: 80vw;
        position: relative;
        top: 0vw;
        padding-top: 26.6666666667vw; }
        .head .serachBoxCont .serachDivBox .serachTopBox {
          margin-top: 8vw; }
          .head .serachBoxCont .serachDivBox .serachTopBox .serachBtn {
            width: 14vw;
            line-height: 9.3333333333vw;
            font-size: 3.2vw; }
          .head .serachBoxCont .serachDivBox .serachTopBox .inputBox {
            padding: 1.3333333333vw 2.6666666667vw;
            padding-left: 8vw;
            line-height: 0;
            position: relative; }
            .head .serachBoxCont .serachDivBox .serachTopBox .inputBox::before {
              width: 4vw;
              height: 4vw;
              left: 2.6666666667vw;
              background-size: 100%; }
            .head .serachBoxCont .serachDivBox .serachTopBox .inputBox input {
              height: 6.6666666667vw;
              line-height: 6.6666666667vw;
              font-size: 3.2vw; }
        .head .serachBoxCont .serachDivBox .fastSerach {
          padding: 0;
          width: 81.3333333333vw;
          position: relative;
          left: 50%;
          margin-left: -40.6666666667vw;
          margin-top: 5.3333333333vw; }
          .head .serachBoxCont .serachDivBox .fastSerach a {
            min-width: 25.3333333333vw;
            font-size: 3.2vw;
            line-height: 6.6666666667vw;
            margin: 0.6666666667vw; }

  .suspension {
    right: 0;
    width: 10.6666666667vw; }
    .suspension a {
      height: 13.3333333333vw; }
      .suspension a .iconImg {
        width: 6.6666666667vw;
        height: 5.3333333333vw; }
      .suspension a::before {
        width: 5.8666666667vw; }
      .suspension a p {
        font-size: 2.1333333333vw; }

  .backTop {
    width: 8vw;
    height: 8vw;
    background: url("../images/icon21_1.png") center no-repeat;
    background-size: 90%;
    right: 1.3333333333vw; }

  .footer {
    margin-top: 16vw; }
    .footer .footerTop {
      padding: 0;
      padding-top: 8vw; }
      .footer .footerTop .top {
        flex-direction: column-reverse; }
        .footer .footerTop .top .leftIcon {
          margin-top: 4.6666666667vw; }
          .footer .footerTop .top .leftIcon a {
            width: 6.6666666667vw;
            height: 6.6666666667vw;
            margin: 0 3.3333333333vw; }
            .footer .footerTop .top .leftIcon a .ewm {
              position: absolute;
              left: 0px;
              top: 0px;
              width: 100%;
              height: 100%;
              position: fixed;
              display: none;
              opacity: 1;
              -webkit-transform: translate(0, 0);
              -moz-transform: translate(0, 0);
              -ms-transform: translate(0, 0);
              -o-transform: translate(0, 0);
              transform: translate(0, 0);
              background: rgba(0, 0, 0, 0.6);
              z-index: 1000; }
              .footer .footerTop .top .leftIcon a .ewm img {
                width: 53.3333333333vw;
                position: absolute;
                left: 50%;
                top: 50%;
                -webkit-transform: translate(-50%, -50%);
                -moz-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                -o-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%); }
              .footer .footerTop .top .leftIcon a .ewm.show {
                display: block; }
        .footer .footerTop .top .rightTop h4 {
          display: none; }
        .footer .footerTop .top .rightTop a {
          font-size: 6.4vw;
          color: #d6d6d6;
          line-height: 8vw;
          margin-top: 0; }
      .footer .footerTop .bottom {
        display: block;
        border-top: 1px solid #595959; }
        .footer .footerTop .bottom li {
          border-bottom: 1px solid #595959; }
          .footer .footerTop .bottom li h3 {
            font-size: 3.4666666667vw;
            line-height: 8vw;
            color: #d9d9d9;
            padding: 2.6666666667vw 3.3333333333vw;
            position: relative;
            margin-bottom: 0vw; }
            .footer .footerTop .bottom li h3.not::before {
              display: none; }
            .footer .footerTop .bottom li h3::before {
              content: "";
              display: block;
              width: 3.7333333333vw;
              height: 3.7333333333vw;
              background-image: url("../images/icon28.png");
              background-position: center center;
              background-repeat: no-repeat;
              background-size: 100%;
              position: absolute;
              top: 50%;
              -webkit-transform: translateY(-50%);
              -moz-transform: translateY(-50%);
              -ms-transform: translateY(-50%);
              -o-transform: translateY(-50%);
              transform: translateY(-50%);
              right: 3.3333333333vw; }
          .footer .footerTop .bottom li div {
            padding: 0 6.6666666667vw;
            display: none; }
            .footer .footerTop .bottom li div:nth-child(2) {
              border-top: 1px solid #595959;
              padding-top: 2.6666666667vw; }
            .footer .footerTop .bottom li div:last-child {
              margin-bottom: 2.6666666667vw; }
            .footer .footerTop .bottom li div h6 {
              font-size: 2.9333333333vw;
              line-height: 8vw; }
            .footer .footerTop .bottom li div p {
              display: none; }
          .footer .footerTop .bottom li.on h3::before {
            background-image: url("../images/icon29.png");
            background-position: center center;
            background-repeat: no-repeat; }
          .footer .footerTop .bottom li.on div {
            display: block; }
    .footer .foot {
      flex-direction: column-reverse;
      padding: 3.3333333333vw;
      height: auto; }
      .footer .foot .aHrefBox {
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
        width: 100%;
        text-align: left;
        font-size: 3.2vw;
        line-height: 6.6666666667vw; }
        .footer .foot .aHrefBox a {
          margin: 0; }
          .footer .foot .aHrefBox a img {
            width: 3.4666666667vw;
            margin-right: 1.3333333333vw; }
      .footer .foot p {
        justify-content: flex-start;
        width: 100%;
        text-align: left;
        font-size: 3.2vw;
        line-height: 6.6666666667vw; }
        .footer .foot p img {
          width: 3.4666666667vw;
          margin-right: 1.3333333333vw; }

  .privacyAlert {
    display: none; }
    .privacyAlert .contain {
      width: 88vw;
      height: 78vh;
      box-sizing: border-box;
      padding: 2.6666666667vw 0; }
    .privacyAlert .txtBox {
      width: 100%;
      height: 100%;
      box-sizing: border-box;
      overflow: hidden;
      overflow-y: auto;
      padding: 0 4vw; }
      .privacyAlert .txtBox h1 {
        font-size: 4.8vw;
        line-height: 5.3333333333vw;
        margin-bottom: 6.6666666667vw; }
      .privacyAlert .txtBox li {
        margin-bottom: 2.6666666667vw; }
      .privacyAlert .txtBox strong {
        font-size: 3.4666666667vw;
        line-height: 4vw;
        margin-bottom: 2.6666666667vw; }
      .privacyAlert .txtBox p {
        font-size: 2.4vw;
        line-height: 3.7333333333vw; } }
/**首页**/
.banner {
  position: relative;
  padding-top: 48%;
  overflow: hidden; }
  .banner .swiper {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden; }
    .banner .swiper .swiper-slide {
      position: relative; }
      .banner .swiper .swiper-slide img {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        object-fit: cover;
        -ms-object-fit: cover;
        -moz-object-fit: cover;
        -webkit-object-fit: cover;
        -o-object-fit: cover; }
    .banner .swiper .swiper-pagination .swiper-pagination-bullet {
      position: relative;
      width: 9.375vw;
      margin: 0;
      height: 0.2083333333vw;
      border-radius: 0;
      border-bottom: 1px solid #333;
      background: none;
      cursor: pointer;
      opacity: 1; }
      .banner .swiper .swiper-pagination .swiper-pagination-bullet::before, .banner .swiper .swiper-pagination .swiper-pagination-bullet::after {
        content: '';
        display: block;
        position: absolute;
        width: 0%;
        left: 0;
        bottom: -1px;
        height: 0.2083333333vw;
        background: #333; }
      .banner .swiper .swiper-pagination .swiper-pagination-bullet::before {
        background: #d9d9d9; }
      .banner .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
        width: 100%; }
      .banner .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
        animation: runWidth 3s linear forwards; }
@keyframes runWidth {
  0% {
    width: 0%; }
  100% {
    width: 100%; } }
.marginAuto {
  margin: 0 auto; }

.marTop60 {
  margin-top: 3.125vw; }

.marTop50 {
  margin-top: 2.6041666667vw; }

.marTop40 {
  margin-top: 2.0833333333vw; }

.marTop80 {
  margin-top: 4.1666666667vw; }

.homeBlock {
  margin-top: 4.1666666667vw; }
  .homeBlock h1 {
    font-size: 1.9791666667vw;
    color: #333;
    line-height: 2.0833333333vw;
    text-align: center;
    font-weight: bold; }
  .homeBlock .addTit {
    margin-top: 4.1666666667vw; }

.runTime {
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s; }

a.moreBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.9375vw;
  color: #fff;
  line-height: 1;
  text-align: center;
  width: 9.1666666667vw;
  height: 2.8125vw;
  border: 1px solid #fff;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 2.6041666667vw;
  z-index: 5; }
  a.moreBtn.pr {
    position: relative;
    bottom: 0; }
  a.moreBtn.black {
    border-color: #333;
    color: #333; }
  a.moreBtn.bh:hover {
    background: #333;
    border-color: #333; }
  a.moreBtn:hover {
    border-color: #333;
    background: #333;
    color: #fff; }

.homeSolutionTop {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 36.4583333333vw;
  overflow: hidden; }
  .homeSolutionTop li {
    width: 50%;
    height: inherit;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: all 0.6s 0s;
    -o-transition: all 0.6s 0s;
    -moz-transition: all 0.6s 0s;
    transition: all 0.6s 0s; }
    .homeSolutionTop li::before {
      content: '';
      display: block;
      position: absolute;
      left: 0px;
      top: 0px;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.6);
      z-index: 2;
      opacity: 0;
      visibility: hidden; }
    .homeSolutionTop li .tipsTitle {
      position: absolute;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
      top: 4.1666666667vw;
      font-size: 1.5625vw;
      color: #fff;
      line-height: 1;
      text-align: center;
      z-index: 5; }
      .homeSolutionTop li .tipsTitle h3 {
        font-size: 2.5vw;
        font-weight: bold; }
      .homeSolutionTop li .tipsTitle p {
        margin-top: 0.78125vw; }
    .homeSolutionTop li .bg2 {
      z-index: 5;
      opacity: 0;
      visibility: hidden;
      -webkit-transition: all 0.6s 0s;
      -o-transition: all 0.6s 0s;
      -moz-transition: all 0.6s 0s;
      transition: all 0.6s 0s; }
    .homeSolutionTop li .more {
      width: 9.1666666667vw;
      position: absolute;
      left: 50%;
      margin-left: -4.5833333333vw;
      bottom: 2.6041666667vw;
      z-index: 6;
      opacity: 0;
      -webkit-transform: translate(0, 5.7291666667vw);
      -moz-transform: translate(0, 5.7291666667vw);
      -ms-transform: translate(0, 5.7291666667vw);
      -o-transform: translate(0, 5.7291666667vw);
      transform: translate(0, 5.7291666667vw);
      -webkit-transition: all 0.6s 0s;
      -o-transition: all 0.6s 0s;
      -moz-transition: all 0.6s 0s;
      transition: all 0.6s 0s;
      visibility: hidden; }
    .homeSolutionTop li a {
      display: block;
      font-size: 0.9375vw;
      color: #fff;
      line-height: 2.7083333333vw;
      text-align: center;
      border: 1px solid #fff;
      -webkit-transition: all 0.6s 0s;
      -o-transition: all 0.6s 0s;
      -moz-transition: all 0.6s 0s;
      transition: all 0.6s 0s; }
      .homeSolutionTop li a:hover {
        background: #333;
        border-color: #333; }
    .homeSolutionTop li.on {
      flex: auto;
      width: 78%; }
      .homeSolutionTop li.on .bg2 {
        opacity: 1;
        visibility: visible; }
      .homeSolutionTop li.on .more {
        opacity: 1;
        -webkit-transform: translate(0, 0vw);
        -moz-transform: translate(0, 0vw);
        -ms-transform: translate(0, 0vw);
        -o-transform: translate(0, 0vw);
        transform: translate(0, 0vw);
        -webkit-transition: all 0.3s 0.3s;
        -o-transition: all 0.3s 0.3s;
        -moz-transition: all 0.3s 0.3s;
        transition: all 0.3s 0.3s;
        visibility: visible; }
    .homeSolutionTop li.other {
      width: 22%; }
      .homeSolutionTop li.other::before {
        opacity: 1;
        visibility: visible;
        -webkit-transition: all 0.2s 0s;
        -o-transition: all 0.2s 0s;
        -moz-transition: all 0.2s 0s;
        transition: all 0.2s 0s; }
      .homeSolutionTop li.other .tipsTitle {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 2.2916666667vw; }
        .homeSolutionTop li.other .tipsTitle h3 {
          color: #d9d9d9;
          font-size: 1.25vw; }
        .homeSolutionTop li.other .tipsTitle p {
          display: none; }
      .homeSolutionTop li.other:first-child .tipsTitle {
        left: auto;
        right: 2.2916666667vw; }

.homeSolutionMiddle {
  position: relative; }
  .homeSolutionMiddle .topListNav {
    width: 32.8125vw;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 2.0833333333vw;
    z-index: 100; }
  .homeSolutionMiddle .topNavBox {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .homeSolutionMiddle .topNavBox::before {
      content: '';
      display: block;
      position: absolute;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
      bottom: 0;
      height: 1px;
      width: 100%;
      max-width: 53.9583333333vw;
      background: #fff; }
    .homeSolutionMiddle .topNavBox li {
      font-size: 1.25vw;
      color: #fff;
      line-height: 3.6458333333vw;
      text-align: center;
      position: relative;
      margin: 0;
      cursor: pointer; }
      .homeSolutionMiddle .topNavBox li::before {
        content: '';
        display: block;
        width: 100%;
        height: 0.2083333333vw;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        bottom: 0;
        background: #333;
        width: 0;
        -webkit-transition: all 0.3s 0s;
        -o-transition: all 0.3s 0s;
        -moz-transition: all 0.3s 0s;
        transition: all 0.3s 0s; }
      .homeSolutionMiddle .topNavBox li.on {
        font-weight: bold; }
        .homeSolutionMiddle .topNavBox li.on::before {
          width: 103%; }
  .homeSolutionMiddle .prBox {
    position: relative;
    overflow: hidden;
    height: 47.9166666667vw; }
  .homeSolutionMiddle .middleCareBox {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden; }
    .homeSolutionMiddle .middleCareBox.on, .homeSolutionMiddle .middleCareBox.ing {
      opacity: 1;
      visibility: visible;
      z-index: 10; }
    .homeSolutionMiddle .middleCareBox .programmeText {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      background: rgba(0, 0, 0, 0.6);
      height: 24.7916666667vw;
      box-sizing: border-box;
      padding: 3.5416666667vw 4.1666666667vw;
      right: 4.5833333333vw;
      display: flex;
      align-items: center;
      justify-content: center; }
      .homeSolutionMiddle .middleCareBox .programmeText .leftNav {
        height: 100%;
        width: 7.2916666667vw;
        position: relative;
        margin-right: 2.6041666667vw;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column; }
        .homeSolutionMiddle .middleCareBox .programmeText .leftNav::before {
          content: '';
          width: 1px;
          height: 100%;
          display: block;
          background: #fff;
          position: absolute;
          right: 0;
          top: 0; }
        .homeSolutionMiddle .middleCareBox .programmeText .leftNav li {
          position: relative;
          height: 4.5833333333vw;
          width: 100%;
          display: flex;
          align-items: center;
          justify-content: center;
          justify-content: flex-start;
          font-size: 0.9375vw;
          color: #fff;
          line-height: 1.5625vw;
          text-align: left;
          margin: 0.78125vw 0; }
          .homeSolutionMiddle .middleCareBox .programmeText .leftNav li p {
            padding-right: 10px;
            cursor: pointer; }
          .homeSolutionMiddle .middleCareBox .programmeText .leftNav li.on {
            font-weight: bold; }
            .homeSolutionMiddle .middleCareBox .programmeText .leftNav li.on::after {
              content: '';
              display: block;
              height: 100%;
              width: 0.2604166667vw;
              background: #333;
              position: absolute;
              right: 0;
              top: 0; }
      .homeSolutionMiddle .middleCareBox .programmeText .rightCont {
        width: 22.1354166667vw;
        height: 100%; }
        .homeSolutionMiddle .middleCareBox .programmeText .rightCont li {
          width: 22.1354166667vw;
          display: flex;
          flex-direction: column;
          height: 100%;
          display: none; }
          .homeSolutionMiddle .middleCareBox .programmeText .rightCont li.on {
            display: flex; }
        .homeSolutionMiddle .middleCareBox .programmeText .rightCont .rightItemBox {
          display: flex;
          flex-direction: column;
          flex: 1;
          width: 100%;
          overflow: hidden; }
        .homeSolutionMiddle .middleCareBox .programmeText .rightCont .topText {
          width: 100%;
          flex: 1;
          overflow: hidden;
          display: flex;
          flex-direction: column;
          display: none;
          font-size: 0.7291666667vw;
          color: #f7f7f7;
          line-height: 1.5625vw;
          text-align: left; }
          .homeSolutionMiddle .middleCareBox .programmeText .rightCont .topText.on {
            display: flex; }
          .homeSolutionMiddle .middleCareBox .programmeText .rightCont .topText > * {
            width: 100%; }
          .homeSolutionMiddle .middleCareBox .programmeText .rightCont .topText h3 {
            font-size: 0.8333333333vw;
            font-weight: bold;
            margin-bottom: 0.78125vw; }
          .homeSolutionMiddle .middleCareBox .programmeText .rightCont .topText p {
            flex: 1;
            overflow: hidden; }
          .homeSolutionMiddle .middleCareBox .programmeText .rightCont .topText .footButton {
            display: flex;
            align-items: center;
            justify-content: space-between; }
            .homeSolutionMiddle .middleCareBox .programmeText .rightCont .topText .footButton a {
              display: flex;
              align-items: center;
              justify-content: center;
              height: 2.8645833333vw;
              width: 9.1666666667vw;
              box-sizing: border-box;
              border: 1px solid #f7f7f7;
              font-size: 0.9375vw;
              color: #f7f7f7;
              line-height: 1.5625vw;
              text-align: center;
              font-weight: bold;
              margin-top: 1.3020833333vw; }
              .homeSolutionMiddle .middleCareBox .programmeText .rightCont .topText .footButton a:hover {
                border-color: #333;
                background: #333; }
        .homeSolutionMiddle .middleCareBox .programmeText .rightCont .bottomButton {
          position: relative;
          margin-top: 2.0833333333vw; }
          .homeSolutionMiddle .middleCareBox .programmeText .rightCont .bottomButton .buttonBox {
            position: absolute;
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            left: 0;
            top: 0; }
            .homeSolutionMiddle .middleCareBox .programmeText .rightCont .bottomButton .buttonBox p {
              cursor: pointer;
              margin: 0 2.34375vw;
              width: 2.6041666667vw;
              height: 2.6041666667vw;
              background-image: url("../images/icon14.png");
              background-position: center center;
              background-repeat: no-repeat;
              background-size: 2.5vw; }
              .homeSolutionMiddle .middleCareBox .programmeText .rightCont .bottomButton .buttonBox p.next {
                background-image: url("../images/icon15.png"); }

.severAndShop {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 26.0416666667vw; }
  .severAndShop > div {
    height: 26.0416666667vw;
    width: 50%; }
  .severAndShop .serverTable {
    background-color: #f7f7f7;
    display: flex;
    align-items: center;
    justify-content: center; }
    .severAndShop .serverTable .tableCont {
      width: 28.6458333333vw; }
      .severAndShop .serverTable .tableCont h3 {
        font-size: 1.25vw;
        color: #000;
        line-height: 1;
        text-align: center;
        font-weight: bold; }
      .severAndShop .serverTable .tableCont ul {
        margin-top: 2.0833333333vw; }
        .severAndShop .serverTable .tableCont ul li {
          display: flex;
          align-items: center;
          justify-content: space-between;
          margin-top: 0.9375vw; }
          .severAndShop .serverTable .tableCont ul li .topTab {
            margin-top: 0; }
            .severAndShop .serverTable .tableCont ul li .topTab li {
              margin-top: 0;
              width: 33%;
              justify-content: center;
              cursor: pointer; }
          .severAndShop .serverTable .tableCont ul li .alisBox ul {
            margin-top: 0; }
            .severAndShop .serverTable .tableCont ul li .alisBox ul li {
              margin-top: 0; }
          .severAndShop .serverTable .tableCont ul li .aBox span {
            font-size: 0.7291666667vw;
            color: #000;
            line-height: 1.5625vw;
            text-align: left; }
          .severAndShop .serverTable .tableCont ul li .input {
            flex: 1;
            height: 1.5625vw;
            margin-right: 0.9375vw;
            border: 1px solid #d8d8d8;
            position: relative;
            background: #fff;
            padding: 0.2604166667vw 1.0416666667vw;
            padding-right: 2.0833333333vw;
            line-height: 0vw;
            position: relative; }
            .severAndShop .serverTable .tableCont ul li .input input {
              height: 1.5625vw;
              font-size: 0.7291666667vw;
              color: #000;
              line-height: 1.5625vw;
              text-align: left;
              margin-top: 0;
              padding: 0;
              width: 100%; }
            .severAndShop .serverTable .tableCont ul li .input select, .severAndShop .serverTable .tableCont ul li .input .date {
              position: absolute;
              left: 0px;
              top: 0px;
              width: 100%;
              height: 100%;
              opacity: 0; }
            .severAndShop .serverTable .tableCont ul li .input.down::before {
              content: '';
              display: block;
              width: 0.8333333333vw;
              height: 0.5208333333vw;
              background-image: url("../images/icon16.png");
              background-position: center center;
              background-repeat: no-repeat;
              background-size: 0.8333333333vw;
              position: absolute;
              top: 50%;
              -webkit-transform: translateY(-50%);
              -moz-transform: translateY(-50%);
              -ms-transform: translateY(-50%);
              -o-transform: translateY(-50%);
              transform: translateY(-50%);
              right: 0.5208333333vw; }
            .severAndShop .serverTable .tableCont ul li .input #getDate {
              opacity: 0;
              position: absolute;
              left: 0px;
              top: 0px;
              width: 100%;
              height: 100%; }
            .severAndShop .serverTable .tableCont ul li .input .getDate {
              width: 100%;
              position: absolute;
              left: 0;
              top: 0;
              padding-top: 2.0833333333vw; }
            .severAndShop .serverTable .tableCont ul li .input:last-child {
              margin-right: 0; }
          .severAndShop .serverTable .tableCont ul li .input {
            position: relative; }
            .severAndShop .serverTable .tableCont ul li .input .loadText {
              width: 100%;
              height: 2.0833333333vw;
              position: absolute;
              left: 0;
              top: 0;
              z-index: 10;
              display: block !important;
              cursor: pointer;
              text-indent: 1.0416666667vw; }
              .severAndShop .serverTable .tableCont ul li .input .loadText.opa {
                opacity: 0; }
      .severAndShop .serverTable .tableCont .accept {
        display: flex;
        margin-top: 0.78125vw;
        font-size: 0.7291666667vw;
        color: #333;
        line-height: 1;
        text-align: left; }
        .severAndShop .serverTable .tableCont .accept p {
          width: 0.8333333333vw;
          height: 0.8333333333vw;
          box-sizing: border-box;
          border: 1px solid #646464;
          margin-right: 0.5208333333vw;
          position: relative;
          cursor: pointer; }
          .severAndShop .serverTable .tableCont .accept p.on {
            background: #333;
            border: 0; }
            .severAndShop .serverTable .tableCont .accept p.on::before {
              position: absolute;
              left: 0.15625vw;
              top: 0.15625vw;
              box-sizing: border-box;
              content: '';
              display: block;
              width: 0.5208333333vw;
              height: 0.3125vw;
              border: 1px solid #fff;
              border-top: 0;
              border-right: none;
              transform: rotate(-45deg); }
        .severAndShop .serverTable .tableCont .accept a:hover {
          color: #333; }
      .severAndShop .serverTable .tableCont .sumbit {
        display: flex;
        align-items: center;
        justify-content: center;
        background: #333;
        height: 2.8125vw;
        margin-top: 1.5625vw;
        font-size: 0.9375vw;
        color: #fff;
        line-height: 1;
        text-align: center;
        cursor: pointer; }
  .severAndShop .shopDistribution {
    position: relative;
    overflow: hidden; }
    .severAndShop .shopDistribution .serachStores {
      width: 9.375vw;
      height: 2.7083333333vw;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: #333;
      font-size: 0.9375vw;
      color: #fff;
      line-height: 1;
      text-align: center;
      cursor: pointer;
      position: absolute;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
      bottom: 3.125vw; }
      .severAndShop .shopDistribution .serachStores:hover {
        background-color: #333; }

.lk_dateTable {
  position: relative;
  width: 300px;
  padding: 10px;
  z-index: 100; }
  .lk_dateTable .lk_dateHead {
    height: 30px; }
    .lk_dateTable .lk_dateHead h3 {
      font-size: 16px !important;
      font-weight: 400 !important; }
  .lk_dateTable .lk_dateTabNext, .lk_dateTable .lk_dateTabPrev {
    width: 20px;
    height: 20px;
    background-size: 10px; }
  .lk_dateTable .lk_dateBody {
    padding: 0.5208333333vw; }
    .lk_dateTable .lk_dateBody ul {
      margin-top: 0 !important; }
      .lk_dateTable .lk_dateBody ul li {
        justify-content: center !important;
        margin-top: 0 !important;
        font-size: 12px;
        line-height: 1;
        height: 40px;
        margin-top: 0; }
        .lk_dateTable .lk_dateBody ul li span {
          width: 30px;
          height: 30px;
          line-height: 30px; }

.serverAndCasesBox {
  height: 26.0416666667vw;
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .serverAndCasesBox .serverLeft {
    position: relative;
    overflow: hidden;
    height: inherit;
    flex: 1; }
    .serverAndCasesBox .serverLeft::after {
      content: "";
      display: block;
      width: 100%;
      height: 30%;
      position: absolute;
      left: 0;
      bottom: 0;
      background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)); }
  .serverAndCasesBox .casesRight {
    width: 19.2708333333vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: inherit;
    flex-direction: column;
    margin-left: 1.0416666667vw; }
    .serverAndCasesBox .casesRight li {
      width: 100%;
      height: 12.5vw;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      background: #f7f7f7;
      position: relative; }
      .serverAndCasesBox .casesRight li .iconImg {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 5.7291666667vw;
        width: 6.7708333333vw;
        transition: all 0.3s linear; }
        .serverAndCasesBox .casesRight li .iconImg img {
          max-width: 100%;
          max-height: 95%; }
      .serverAndCasesBox .casesRight li p {
        font-size: 1.25vw;
        color: #333;
        line-height: 1;
        text-align: center;
        font-weight: bold;
        margin-top: 1.0416666667vw; }
      .serverAndCasesBox .casesRight li a {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%; }
  .serverAndCasesBox li:hover .iconImg {
    transform: scale(1.1); }

.commercialBanner {
  position: relative;
  height: 36.4583333333vw; }
  .commercialBanner .navList {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    max-width: 100%;
    overflow: auto;
    z-index: 11;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 2.6041666667vw; }
    .commercialBanner .navList::before {
      content: '';
      display: block;
      width: 100%;
      height: 1px;
      background: #fff;
      position: absolute;
      left: 0;
      bottom: 0; }
    .commercialBanner .navList li {
      flex-shrink: 0;
      padding: 0 0.7291666667vw;
      margin-right: 1.8229166667vw;
      font-size: 1.25vw;
      color: #fff;
      line-height: 4.1666666667vw;
      text-align: center;
      cursor: pointer;
      position: relative;
      transform: translateX(0); }
      .commercialBanner .navList li::before {
        content: "";
        display: block;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        bottom: 0;
        width: 0%;
        height: 0.2083333333vw;
        background: #333;
        -webkit-transition: all 0.3s 0s;
        -o-transition: all 0.3s 0s;
        -moz-transition: all 0.3s 0s;
        transition: all 0.3s 0s; }
      .commercialBanner .navList li:last-child {
        margin-right: 0; }
      .commercialBanner .navList li.on::before {
        width: 100%; }
  .commercialBanner .swiperBoxCont {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden; }
    .commercialBanner .swiperBoxCont li {
      position: absolute;
      left: 0px;
      top: 0px;
      width: 100%;
      height: 100%;
      overflow: hidden;
      opacity: 1;
      visibility: hidden; }
      .commercialBanner .swiperBoxCont li::after {
        content: "";
        display: none;
        width: 100%;
        height: 30%;
        position: absolute;
        left: 0;
        bottom: 0;
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)); }
      .commercialBanner .swiperBoxCont li.on, .commercialBanner .swiperBoxCont li.ing {
        z-index: 10;
        opacity: 1;
        visibility: visible; }

.homeNews {
  height: 27.0833333333vw;
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .homeNews .homeLeftNews {
    position: relative;
    height: 100%;
    width: 40.625vw; }
    .homeNews .homeLeftNews .imgBg {
      height: 20.8333333333vw;
      position: relative;
      overflow: hidden; }
    .homeNews .homeLeftNews .text {
      height: 6.25vw;
      background: #f7f7f7;
      box-sizing: border-box;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      padding: 0 1.1458333333vw; }
      .homeNews .homeLeftNews .text > * {
        width: 100%; }
      .homeNews .homeLeftNews .text h3 {
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        -webkit-text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        font-size: 1.1458333333vw;
        color: #333;
        line-height: 1;
        text-align: left; }
        .homeNews .homeLeftNews .text h3:hover {
          color: #333; }
      .homeNews .homeLeftNews .text p {
        font-size: 0.9375vw;
        color: #b2b2b2;
        line-height: 1;
        text-align: left;
        margin-top: 1.3020833333vw; }
  .homeNews .rightNewsLists {
    width: 31.25vw;
    height: 100%; }
    .homeNews .rightNewsLists li {
      position: relative;
      padding: 1.3020833333vw 0; }
      .homeNews .rightNewsLists li:first-child {
        padding-top: 0; }
      .homeNews .rightNewsLists li::before {
        content: "";
        display: block;
        width: 100%;
        position: absolute;
        left: 0;
        bottom: 0;
        height: 1px;
        background: #c5c5c5; }
      .homeNews .rightNewsLists li:last-child {
        padding-bottom: 0; }
        .homeNews .rightNewsLists li:last-child::before {
          display: none; }
      .homeNews .rightNewsLists li .newsItem {
        height: 7.2916666667vw;
        display: flex;
        align-items: center;
        justify-content: space-between; }
        .homeNews .rightNewsLists li .newsItem .newsImg {
          width: 10.6770833333vw;
          height: 100%;
          position: relative; }
        .homeNews .rightNewsLists li .newsItem .newsText {
          flex: 1;
          height: inherit;
          margin-left: 1.0416666667vw;
          display: flex;
          flex-direction: column;
          justify-content: space-between; }
          .homeNews .rightNewsLists li .newsItem .newsText h3 {
            font-size: 1.1458333333vw;
            color: #000;
            line-height: 1.5625vw;
            text-align: left; }
            .homeNews .rightNewsLists li .newsItem .newsText h3 a:hover {
              color: #333; }
          .homeNews .rightNewsLists li .newsItem .newsText p {
            font-size: 0.9375vw;
            color: #808080;
            line-height: 1;
            text-align: left; }

.videoList {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 1.0416666667vw; }
  .videoList li {
    width: 35.9375vw;
    margin-top: 2.0833333333vw; }
    .videoList li .imgPost {
      height: 20.3125vw;
      position: relative;
      overflow: hidden; }
      .videoList li .imgPost .play {
        cursor: pointer;
        width: 4.5833333333vw;
        height: 4.5833333333vw;
        background-image: url("../images/icon17.png");
        background-position: center center;
        background-repeat: no-repeat;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        overflow: hidden;
        background-size: 100%;
        text-indent: -9999px; }
    .videoList li .text {
      background: #f7f7f7;
      height: 5.2083333333vw;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0 1.5625vw; }
      .videoList li .text h3 {
        width: 100%;
        font-size: 1.0416666667vw;
        color: #000;
        line-height: 1.5625vw;
        text-align: left;
        height: 3.125vw;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden; }

.videoPlay {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  display: none; }
  .videoPlay video {
    width: 100%;
    max-width: 1500px;
    max-height: 90vh; }
  .videoPlay .clostBtn {
    position: absolute;
    width: 2.0833333333vw;
    height: 2.0833333333vw;
    background: #fff;
    right: 0;
    top: 0;
    cursor: pointer; }
    .videoPlay .clostBtn::before, .videoPlay .clostBtn::after {
      content: "";
      display: block;
      position: absolute;
      left: 50%;
      top: 50%;
      background: #333;
      -webkit-border-radius: 0;
      border-radius: 0;
      width: 1.5625vw;
      height: 0.1041666667vw;
      margin-top: -0.0520833333vw;
      margin-left: -0.78125vw; }
    .videoPlay .clostBtn::before {
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg); }
    .videoPlay .clostBtn::after {
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg); }
  .videoPlay.show {
    display: flex; }

.boxContPop {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 600;
  background: rgba(0, 0, 0, 0.7); }
  .boxContPop .qShadow {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0; }
  .boxContPop .boxItem {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 33.3333333333vw;
    top: 30%;
    z-index: 50; }
    .boxContPop .boxItem h1 {
      font-size: 1.875vw;
      color: #fff;
      line-height: 1.2;
      text-align: center;
      font-weight: 700; }
    .boxContPop .boxItem .table {
      margin-top: 2.0833333333vw; }
      .boxContPop .boxItem .table > li {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 1.0416666667vw;
        position: relative; }
        .boxContPop .boxItem .table > li .inputBox {
          line-height: 0;
          flex: 1;
          height: 2.0833333333vw;
          background: #fff;
          padding: 0.3645833333vw 1.0416666667vw;
          margin-right: 1.0416666667vw;
          position: relative; }
          .boxContPop .boxItem .table > li .inputBox:last-child {
            margin-right: 0; }
          .boxContPop .boxItem .table > li .inputBox input {
            height: 2.0833333333vw;
            font-size: 0.8333333333vw;
            color: #333;
            line-height: 2.0833333333vw;
            text-align: left; }
        .boxContPop .boxItem .table > li .loadText {
          width: 100%;
          height: 100% !important;
          position: absolute;
          left: 0;
          top: 0;
          z-index: 10;
          display: block !important;
          cursor: pointer;
          text-indent: 1.0416666667vw; }
          .boxContPop .boxItem .table > li .loadText.opa {
            opacity: 0; }
        .boxContPop .boxItem .table > li .aBox {
          height: 100%; }
    .boxContPop .boxItem .accept {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-top: 1.3020833333vw;
      font-size: 0.7291666667vw;
      color: #fff;
      line-height: 1.5625vw;
      text-align: left; }
      .boxContPop .boxItem .accept a {
        color: #fff; }
      .boxContPop .boxItem .accept p {
        width: 0.8333333333vw;
        height: 0.8333333333vw;
        box-sizing: border-box;
        margin-right: 0.5208333333vw;
        position: relative;
        cursor: pointer;
        background: #fff; }
        .boxContPop .boxItem .accept p.on {
          background: #333; }
          .boxContPop .boxItem .accept p.on::before {
            position: absolute;
            left: 0.15625vw;
            top: 0.15625vw;
            box-sizing: border-box;
            content: '';
            display: block;
            width: 0.5208333333vw;
            height: 0.3125vw;
            border: 1px solid #fff;
            border-top: 0;
            border-right: none;
            transform: rotate(-45deg); }
    .boxContPop .boxItem .sumbitBtn {
      width: 13.4375vw;
      height: 2.7083333333vw;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto;
      margin-top: 2.0833333333vw;
      background: #333;
      border: 1px solid #a0a0a1;
      cursor: pointer;
      font-size: 0.9375vw;
      color: #fff;
      line-height: 1;
      text-align: center; }
      .boxContPop .boxItem .sumbitBtn::before {
        content: "";
        display: block;
        width: 0.9375vw;
        height: 0.9375vw;
        background-image: url("../images/icon23.png");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 100%;
        margin-right: 0.78125vw; }
      .boxContPop .boxItem .sumbitBtn:hover {
        border-color: #333;
        background: #333; }
    .boxContPop .boxItem.onlineService {
      width: 31.25vw; }
      .boxContPop .boxItem.onlineService ul {
        display: flex;
        align-items: center;
        justify-content: space-between; }
        .boxContPop .boxItem.onlineService ul li .imgBox {
          width: 10.4166666667vw;
          height: 10.4166666667vw;
          position: relative;
          overflow: hidden;
          margin: 0px auto; }
        .boxContPop .boxItem.onlineService ul li p {
          font-size: 1.25vw;
          color: #fff;
          line-height: 1;
          text-align: center;
          margin-top: 1.5625vw; }
    .boxContPop .boxItem.counponFrom {
      width: 52.0833333333vw;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .boxContPop .boxItem.counponFrom .leftImg {
        width: 16.8229166667vw;
        height: 25.3125vw;
        position: relative;
        margin-right: 1.875vw; }
      .boxContPop .boxItem.counponFrom .rightTable {
        flex: 1; }
    .boxContPop .boxItem.getCoupons img {
      display: block;
      margin: 0 auto;
      width: 28.6458333333vw;
      margin-top: 2.0833333333vw; }
    .boxContPop .boxItem.getCoupons .copyBtn {
      width: 23.8541666667vw;
      height: 2.7083333333vw;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto;
      margin-top: 2.0833333333vw;
      background: #333;
      border: 1px solid #a0a0a1;
      cursor: pointer;
      font-size: 0.9375vw;
      color: #fff;
      line-height: 1;
      text-align: center; }
      .boxContPop .boxItem.getCoupons .copyBtn:hover {
        border-color: #333;
        background: #333; }

@media (min-width: 769px) and (max-width: 1440px) {
  a.moreBtn {
    font-size: 12px; }

  .severAndShop .serverTable .tableCont ul li .input input {
    font-size: 12px; }
  .severAndShop .serverTable .tableCont .accept {
    font-size: 12px;
    line-height: 16px; }
    .severAndShop .serverTable .tableCont .accept p {
      top: 3px; }
  .severAndShop .serverTable .tableCont .sumbit {
    font-size: 12px; }

  .homeNews .rightNewsLists li .newsItem .newsText p {
    font-size: 12px; }

  .severAndShop .serverTable .tableCont ul li .aBox span {
    font-size: 12px; } }
@media (max-width: 768px) {
  .banner {
    padding-top: 0;
    height: 144vw; }
    .banner .swiper .swiper-pagination .swiper-pagination-bullet {
      margin: 0 0.6666666667vw;
      width: 13.3333333333vw;
      height: 0.5333333333vw;
      opacity: 0.5;
      background: #fff; }
      .banner .swiper .swiper-pagination .swiper-pagination-bullet::before, .banner .swiper .swiper-pagination .swiper-pagination-bullet::after {
        display: none; }
      .banner .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        opacity: 1; }

  .homeBlock {
    margin-top: 14.6666666667vw; }
    .homeBlock h1 {
      font-size: 5.0666666667vw;
      line-height: 5.8666666667vw;
      font-weight: bold; }
    .homeBlock .addTit {
      margin-top: 14.6666666667vw; }

  .marTop60 {
    margin-top: 8.8vw; }

  .marTop50 {
    margin-top: 6.6666666667vw; }

  .homeSolutionTop {
    display: block;
    height: auto; }
    .homeSolutionTop li {
      width: 100%;
      height: 93.3333333333vw; }
      .homeSolutionTop li .tipsTitle {
        top: 13.3333333333vw; }
        .homeSolutionTop li .tipsTitle h3 {
          font-size: 6.4vw; }
        .homeSolutionTop li .tipsTitle p {
          margin-top: 2.6666666667vw;
          font-size: 4vw; }

  .homeSolutionMiddle .topListNav {
    width: 92vw; }
    .homeSolutionMiddle .topListNav .topNavBox::before {
      max-width: 100%; }
    .homeSolutionMiddle .topListNav .topNavBox li {
      line-height: 10.6666666667vw;
      font-size: 3.2vw;
      padding: 0 1.3333333333vw;
      margin: 0 6vw; }
      .homeSolutionMiddle .topListNav .topNavBox li::before {
        height: 0.5333333333vw; }
  .homeSolutionMiddle .prBox {
    height: 144vw; }
    .homeSolutionMiddle .prBox .middleCareBox .programmeText {
      opacity: 1;
      -webkit-transform: translate(0, 0);
      -moz-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      -o-transform: translate(0, 0);
      transform: translate(0, 0);
      position: relative;
      left: 0;
      top: 0;
      background: none;
      margin-top: 2.6666666667vw;
      padding: 0 4.6666666667vw;
      display: block;
      height: auto; }
      .homeSolutionMiddle .prBox .middleCareBox .programmeText .leftNav {
        width: 100%;
        flex-direction: unset;
        height: 10.6666666667vw; }
        .homeSolutionMiddle .prBox .middleCareBox .programmeText .leftNav::before {
          width: 100%;
          height: 1px;
          background: #333;
          left: 0;
          top: auto;
          bottom: 0; }
        .homeSolutionMiddle .prBox .middleCareBox .programmeText .leftNav li {
          color: #333;
          font-size: 3.2vw;
          line-height: 10.6666666667vw;
          height: 10.6666666667vw;
          margin: 0 3.3333333333vw;
          width: auto; }
          .homeSolutionMiddle .prBox .middleCareBox .programmeText .leftNav li p {
            padding: 0; }
          .homeSolutionMiddle .prBox .middleCareBox .programmeText .leftNav li.on::after {
            width: 100%;
            height: 2px;
            left: 0;
            top: auto;
            bottom: 0; }
      .homeSolutionMiddle .prBox .middleCareBox .programmeText .rightCont {
        width: 100%;
        margin-top: 4vw;
        height: auto; }
        .homeSolutionMiddle .prBox .middleCareBox .programmeText .rightCont li {
          width: 100%;
          height: auto; }
        .homeSolutionMiddle .prBox .middleCareBox .programmeText .rightCont .bottomButton {
          margin-top: 2.6666666667vw; }
          .homeSolutionMiddle .prBox .middleCareBox .programmeText .rightCont .bottomButton .buttonBox {
            position: relative; }
            .homeSolutionMiddle .prBox .middleCareBox .programmeText .rightCont .bottomButton .buttonBox .prev, .homeSolutionMiddle .prBox .middleCareBox .programmeText .rightCont .bottomButton .buttonBox .next {
              background-image: url("../images/icon26.png");
              background-position: center center;
              background-repeat: no-repeat;
              width: 8vw;
              height: 8vw;
              background-size: 7.4666666667vw; }
            .homeSolutionMiddle .prBox .middleCareBox .programmeText .rightCont .bottomButton .buttonBox .next {
              background-image: url("../images/icon27.png");
              background-position: center center;
              background-repeat: no-repeat; }
      .homeSolutionMiddle .prBox .middleCareBox .programmeText .rightItemBox {
        width: 100%;
        box-sizing: border-box; }
        .homeSolutionMiddle .prBox .middleCareBox .programmeText .rightItemBox .topText {
          padding: 0px 4vw;
          height: auto;
          box-sizing: border-box; }
          .homeSolutionMiddle .prBox .middleCareBox .programmeText .rightItemBox .topText h3 {
            font-size: 3.7333333333vw;
            color: #333;
            line-height: 5.3333333333vw;
            margin-bottom: 2.6666666667vw; }
          .homeSolutionMiddle .prBox .middleCareBox .programmeText .rightItemBox .topText p {
            max-height: 21.3333333333vw;
            font-size: 3.2vw;
            color: #333;
            line-height: 5.3333333333vw; }
          .homeSolutionMiddle .prBox .middleCareBox .programmeText .rightItemBox .topText .footButton {
            justify-content: center;
            margin-top: 2.6666666667vw; }
            .homeSolutionMiddle .prBox .middleCareBox .programmeText .rightItemBox .topText .footButton a {
              color: #333;
              border-color: #333;
              width: 35.7333333333vw;
              height: 8.8vw;
              margin: 0 1.3333333333vw;
              font-size: 3.2vw; }

  .w1400 {
    width: 100%; }

  .severAndShop {
    display: block;
    height: auto;
    background: #f7f7f7;
    padding: 4vw 4vw; }
    .severAndShop .serverTable {
      width: 100%;
      height: auto; }
      .severAndShop .serverTable .tableCont {
        width: 80vw;
        margin: 13.3333333333vw 0; }
        .severAndShop .serverTable .tableCont h3 {
          font-size: 4.8vw; }
        .severAndShop .serverTable .tableCont ul {
          margin-top: 8vw; }
          .severAndShop .serverTable .tableCont ul li {
            display: block;
            margin-top: 0; }
            .severAndShop .serverTable .tableCont ul li .input {
              margin-top: 2.6666666667vw;
              height: 8vw;
              margin-right: 0;
              padding: 1.8666666667vw 4vw;
              padding-right: 8vw; }
              .severAndShop .serverTable .tableCont ul li .input input {
                height: 8vw !important;
                line-height: 8vw;
                font-size: 3.2vw;
                position: relative; }
              .severAndShop .serverTable .tableCont ul li .input .loadText {
                height: 11.2vw !important;
                text-indent: 4vw; }
              .severAndShop .serverTable .tableCont ul li .input.down::before {
                width: 4vw;
                height: 4vw;
                right: 2vw;
                background-size: 2.9333333333vw; }
        .severAndShop .serverTable .tableCont .accept {
          margin-top: 4vw;
          font-size: 3.2vw; }
          .severAndShop .serverTable .tableCont .accept p {
            width: 2.6666666667vw;
            height: 2.6666666667vw;
            background: white; }
            .severAndShop .serverTable .tableCont .accept p.on::before {
              width: 1.3333333333vw;
              height: 0.8vw;
              left: 0.6666666667vw;
              top: 0.8vw; }
        .severAndShop .serverTable .tableCont .sumbit {
          margin: 0 auto;
          margin-top: 5.3333333333vw;
          width: 36vw;
          height: 8vw;
          color: #333;
          background: none;
          border: 1px solid #333;
          font-size: 3.2vw; }
    .severAndShop .shopDistribution {
      width: 100%;
      height: 80vw; }
      .severAndShop .shopDistribution::after {
        content: '';
        display: block;
        width: 100%;
        height: 30%;
        position: absolute;
        left: 0;
        bottom: 0;
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)); }
      .severAndShop .shopDistribution .serachStores {
        z-index: 2;
        width: 36vw;
        height: 8vw;
        font-size: 3.2vw;
        background: none;
        border: 1px solid #fff;
        color: #fff; }

  .serverAndCasesBox {
    display: block;
    height: auto; }
    .serverAndCasesBox .serverLeft {
      height: 135.7333333333vw; }
    .serverAndCasesBox .casesRight {
      margin: 13.3333333333vw 0 0;
      flex-direction: unset;
      width: 100%;
      justify-content: center; }
      .serverAndCasesBox .casesRight li {
        width: 100%;
        height: auto;
        padding: 2.6666666667vw 0;
        margin: 0 1.3333333333vw; }
        .serverAndCasesBox .casesRight li .iconImg {
          width: 18.6666666667vw;
          height: 16vw; }
        .serverAndCasesBox .casesRight li p {
          font-size: 4vw;
          margin-top: 2.6666666667vw; }

  a.moreBtn {
    width: 36vw;
    height: 8vw;
    font-size: 3.2vw;
    background: none;
    border: 1px solid #fff;
    color: #fff;
    bottom: 6.6666666667vw; }
    a.moreBtn:hover {
      border-color: inherit !important;
      background: inherit !important;
      color: inherit !important; }

  .marTop80 {
    margin-top: 10.6666666667vw; }

  .commercialBanner {
    height: 122.6666666667vw; }
    .commercialBanner .topNavDiv {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      position: absolute;
      left: 0;
      top: 5.3333333333vw;
      padding-bottom: 2px; }
      .commercialBanner .topNavDiv::before {
        content: "";
        width: 100%;
        height: 1px;
        background: #fff;
        position: absolute;
        left: 0;
        bottom: 2px;
        z-index: 12; }
      .commercialBanner .topNavDiv .navList {
        position: relative;
        max-width: none;
        opacity: 1;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        left: 0;
        top: 0;
        justify-content: flex-start;
        z-index: 20; }
        .commercialBanner .topNavDiv .navList::before {
          display: none; }
        .commercialBanner .topNavDiv .navList li {
          margin: 0 4vw;
          padding: 0 1.3333333333vw;
          font-size: 3.2vw;
          line-height: 10.6666666667vw;
          z-index: 20; }
          .commercialBanner .topNavDiv .navList li.on::before {
            height: 0.5333333333vw;
            bottom: 0; }

  .w680d {
    width: 90.6666666667vw; }

  .homeNews {
    height: auto; }
    .homeNews .homeLeftNews {
      display: none; }
    .homeNews .rightNewsLists {
      width: 100%; }
      .homeNews .rightNewsLists li {
        padding: 0;
        border: none;
        margin-top: 5.3333333333vw; }
        .homeNews .rightNewsLists li:first-child {
          margin-top: 0; }
        .homeNews .rightNewsLists li .newsItem {
          display: block;
          height: auto; }
          .homeNews .rightNewsLists li .newsItem .newsImg {
            width: 100%;
            height: 60vw; }
          .homeNews .rightNewsLists li .newsItem .newsText {
            margin-left: 0;
            width: 100%;
            padding: 3.3333333333vw;
            background: #f7f7f7;
            box-sizing: border-box; }
            .homeNews .rightNewsLists li .newsItem .newsText h3 {
              font-size: 3.4666666667vw;
              line-height: 5.3333333333vw; }
            .homeNews .rightNewsLists li .newsItem .newsText p {
              font-size: 2.9333333333vw;
              line-height: 5.3333333333vw;
              margin-top: 1.3333333333vw; }

  .videoList {
    display: block; }
    .videoList li {
      width: 100%; }
      .videoList li .imgPost {
        height: 50.6666666667vw; }
        .videoList li .imgPost .play {
          width: 11.4666666667vw;
          height: 11.4666666667vw; }
      .videoList li .text {
        padding: 3.3333333333vw;
        display: block;
        height: auto; }
        .videoList li .text h3 {
          font-size: 3.4666666667vw;
          line-height: 5.3333333333vw;
          height: auto;
          max-height: 10.6666666667vw; }

  .lk_footDateBox .lk_upHead {
    height: 10.6666666667vw;
    padding: 0 2.6666666667vw; }
    .lk_footDateBox .lk_upHead .lk_btn {
      font-size: 3.4666666667vw;
      line-height: 8vw; }
  .lk_footDateBox .lk_dateBody {
    padding: 1.3333333333vw; }
    .lk_footDateBox .lk_dateBody ul li {
      font-size: 3.4666666667vw;
      height: 10.6666666667vw;
      line-height: 8vw; }
      .lk_footDateBox .lk_dateBody ul li span {
        width: 8vw;
        height: 8vw; }

  .videoPlay {
    flex-direction: column; }
    .videoPlay .clostBtn {
      display: block;
      width: 6.6666666667vw;
      height: 6.6666666667vw;
      margin: 0 auto;
      position: relative;
      left: 0;
      top: 0;
      margin-top: 6.6666666667vw;
      background: none; }
      .videoPlay .clostBtn::before, .videoPlay .clostBtn::after {
        content: "";
        display: block;
        position: absolute;
        left: 50%;
        top: 50%;
        background: #fff;
        -webkit-border-radius: 0;
        border-radius: 0;
        width: 5.3333333333vw;
        height: 0.2666666667vw;
        margin-top: -0.1333333333vw;
        margin-left: -2.6666666667vw; }
      .videoPlay .clostBtn::before {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg); }
      .videoPlay .clostBtn::after {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg); }

  .boxContPop .boxItem {
    position: relative;
    width: 80vw;
    top: auto;
    padding-top: 14vh; }
    .boxContPop .boxItem h1 {
      font-size: 5.0666666667vw; }
    .boxContPop .boxItem .table {
      margin-top: 8vw; }
      .boxContPop .boxItem .table li {
        display: block;
        margin-top: 0; }
        .boxContPop .boxItem .table li .inputBox {
          margin-top: 2.6666666667vw;
          height: 8vw;
          margin-right: 0;
          padding: 1.8666666667vw 4vw;
          padding-right: 8vw;
          position: relative; }
          .boxContPop .boxItem .table li .inputBox input {
            height: 8vw !important;
            line-height: 8vw;
            font-size: 3.2vw;
            position: relative; }
          .boxContPop .boxItem .table li .inputBox.down::before {
            width: 4vw;
            height: 4vw;
            right: 2vw;
            background-size: 2.9333333333vw; }
          .boxContPop .boxItem .table li .inputBox .loadText {
            position: absolute !important;
            height: 12vw !important;
            text-indent: 4vw; }
    .boxContPop .boxItem .accept {
      justify-content: flex-start;
      margin-top: 4vw;
      font-size: 3.2vw; }
      .boxContPop .boxItem .accept p {
        width: 2.6666666667vw;
        height: 2.6666666667vw;
        background: white; }
        .boxContPop .boxItem .accept p.on::before {
          width: 1.3333333333vw;
          height: 0.8vw;
          left: 0.6666666667vw;
          top: 0.8vw; }
    .boxContPop .boxItem .sumbitBtn {
      box-sizing: border-box;
      width: 100%;
      margin-top: 8vw;
      height: 9.3333333333vw;
      font-size: 3.2vw; }
      .boxContPop .boxItem .sumbitBtn::before {
        width: 3.2vw;
        height: 3.2vw;
        background-size: 100%;
        margin-right: 2vw; }
    .boxContPop .boxItem.onlineService {
      width: 80vw; }
      .boxContPop .boxItem.onlineService ul li .imgBox {
        width: 32vw;
        height: 32vw; }
      .boxContPop .boxItem.onlineService ul li p {
        font-size: 3.2vw;
        margin-top: 2.6666666667vw; }
    .boxContPop .boxItem.counponFrom {
      width: 80vw;
      display: block; }
      .boxContPop .boxItem.counponFrom .leftImg {
        width: 100%;
        height: 42.6666666667vw;
        margin: 0 0 3.3333333333vw; }
    .boxContPop .boxItem.getCoupons {
      width: 80vw; }
      .boxContPop .boxItem.getCoupons img {
        width: 73.3333333333vw;
        margin: 0 4vw; }
      .boxContPop .boxItem.getCoupons .copyBtn {
        width: 100%;
        height: 9.3333333333vw;
        font-size: 3.2vw; }
        .boxContPop .boxItem.getCoupons .copyBtn:hover {
          background: #333;
          border: 1px solid #a0a0a1; } }
/**搜索结果**/
.serachBoxRelust .serachInputBox {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  margin-top: 1.5625vw; }
  .serachBoxRelust .serachInputBox .inputBox {
    width: 35.4166666667vw;
    box-sizing: border-box;
    border: 1px solid #333;
    padding: 0.2604166667vw 1.3020833333vw;
    position: relative;
    padding-left: 3.6458333333vw;
    line-height: 0; }
    .serachBoxRelust .serachInputBox .inputBox::before {
      content: '';
      display: block;
      width: 1.3020833333vw;
      height: 1.3020833333vw;
      background-image: url("../images/icon22.png");
      background-position: center center;
      background-repeat: no-repeat;
      background-size: 100%;
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      left: 1.40625vw; }
    .serachBoxRelust .serachInputBox .inputBox input {
      height: 2.0833333333vw;
      font-size: 0.8333333333vw;
      color: #333;
      line-height: 2.0833333333vw;
      text-align: left;
      width: 100%; }
  .serachBoxRelust .serachInputBox .serachBtn {
    font-size: 0.8333333333vw;
    color: #fff;
    line-height: 2.6041666667vw;
    text-align: center;
    background: #333;
    border: 1px solid #333;
    width: 5.2083333333vw;
    margin-left: 0.5208333333vw;
    cursor: pointer; }
    .serachBoxRelust .serachInputBox .serachBtn:hover {
      border-color: #333;
      background: #333; }
.serachBoxRelust .resultBoxCont {
  position: relative;
  margin-top: 1.8229166667vw; }
  .serachBoxRelust .resultBoxCont .leftSerachNav {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    box-sizing: border-box;
    border-right: 1px solid #333;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 11.1979166667vw; }
    .serachBoxRelust .resultBoxCont .leftSerachNav li {
      font-size: 1.1458333333vw;
      color: #333;
      line-height: 2.1875vw;
      text-align: left;
      position: relative;
      margin-top: 1.8229166667vw;
      cursor: pointer; }
      .serachBoxRelust .resultBoxCont .leftSerachNav li.on::before {
        width: 100%; }
      .serachBoxRelust .resultBoxCont .leftSerachNav li:first-child {
        margin-top: 0; }
      .serachBoxRelust .resultBoxCont .leftSerachNav li::before {
        content: '';
        display: block;
        width: 0%;
        height: 2px;
        background: #c3002f;
        position: absolute;
        left: 0;
        bottom: 0; }
  .serachBoxRelust .resultBoxCont .resultCont {
    margin: 0 auto;
    width: 41.1458333333vw;
    border: 2px solid #fff;
    min-height: 22.9166666667vw;
    position: relative; }
    .serachBoxRelust .resultBoxCont .resultCont .resItem {
      min-height: 22.9166666667vw;
      position: relative; }
      .serachBoxRelust .resultBoxCont .resultCont .resItem .resSolutions {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap; }
        .serachBoxRelust .resultBoxCont .resultCont .resItem .resSolutions li {
          width: 20.3125vw;
          margin-top: 0.5208333333vw;
          height: 7.2916666667vw;
          background: #f1f3f5;
          display: flex;
          align-items: center;
          justify-content: space-between;
          box-sizing: border-box;
          padding: 1.0416666667vw;
          position: relative; }
          .serachBoxRelust .resultBoxCont .resultCont .resItem .resSolutions li:nth-child(1), .serachBoxRelust .resultBoxCont .resultCont .resItem .resSolutions li:nth-child(2) {
            margin-top: 0; }
          .serachBoxRelust .resultBoxCont .resultCont .resItem .resSolutions li a {
            position: absolute;
            left: 0px;
            top: 0px;
            width: 100%;
            height: 100%; }
          .serachBoxRelust .resultBoxCont .resultCont .resItem .resSolutions li .pimg {
            width: 7.8125vw;
            height: 6.25vw;
            display: flex;
            align-items: center;
            justify-content: center; }
            .serachBoxRelust .resultBoxCont .resultCont .resItem .resSolutions li .pimg img {
              max-width: 90%;
              max-height: 80%; }
          .serachBoxRelust .resultBoxCont .resultCont .resItem .resSolutions li .ptxt {
            flex: 1;
            margin-left: 1.0416666667vw; }
            .serachBoxRelust .resultBoxCont .resultCont .resItem .resSolutions li .ptxt p {
              font-size: 0.7291666667vw;
              color: #333;
              line-height: 1.1458333333vw;
              text-align: left;
              margin: 0.2604166667vw 0; }
      .serachBoxRelust .resultBoxCont .resultCont .resItem .commonProblem li {
        margin-top: 1.3020833333vw;
        background: #f1f3f5;
        padding: 1.0416666667vw 1.5625vw;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-right: 3.125vw;
        position: relative; }
        .serachBoxRelust .resultBoxCont .resultCont .resItem .commonProblem li::after {
          content: '';
          display: block;
          width: 2.6041666667vw;
          height: 2.6041666667vw;
          background-image: url("../images/icon7.png");
          background-position: center center;
          background-repeat: no-repeat;
          background-size: 2.5vw; }
        .serachBoxRelust .resultBoxCont .resultCont .resItem .commonProblem li .text {
          flex: 1;
          margin-right: 2.34375vw;
          display: flex;
          align-items: center;
          justify-content: space-between;
          align-items: flex-start; }
          .serachBoxRelust .resultBoxCont .resultCont .resItem .commonProblem li .text::before {
            content: '';
            display: block;
            width: 0.9375vw;
            height: 1.5625vw;
            background-image: url("../images/icon30.png");
            background-position: center center;
            background-repeat: no-repeat;
            background-size: 100%; }
          .serachBoxRelust .resultBoxCont .resultCont .resItem .commonProblem li .text p {
            overflow: hidden;
            flex: 1;
            margin-left: 0.5208333333vw;
            font-size: 0.7291666667vw;
            color: #333;
            line-height: 1.5625vw;
            text-align: left;
            height: 3.125vw;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2; }
        .serachBoxRelust .resultBoxCont .resultCont .resItem .commonProblem li:first-child {
          margin-top: 0; }
        .serachBoxRelust .resultBoxCont .resultCont .resItem .commonProblem li.hover .text p {
          color: #333; }
      .serachBoxRelust .resultBoxCont .resultCont .resItem .serachNews {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap; }
        .serachBoxRelust .resultBoxCont .resultCont .resItem .serachNews li {
          width: 20.3125vw;
          height: 5.2083333333vw;
          background: #f1f3f5;
          margin-top: 0.5208333333vw;
          position: relative;
          padding: 0.5208333333vw 1.0416666667vw;
          box-sizing: border-box;
          display: flex;
          align-items: center;
          justify-content: space-between;
          flex-direction: column;
          align-items: flex-start;
          padding-right: 4.5833333333vw;
          font-size: 0.625vw;
          color: #333;
          line-height: 1.1458333333vw;
          text-align: left; }
          .serachBoxRelust .resultBoxCont .resultCont .resItem .serachNews li h3 {
            height: 2.2916666667vw;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2; }
          .serachBoxRelust .resultBoxCont .resultCont .resItem .serachNews li:nth-child(1), .serachBoxRelust .resultBoxCont .resultCont .resItem .serachNews li:nth-child(2) {
            margin-top: 0; }
          .serachBoxRelust .resultBoxCont .resultCont .resItem .serachNews li::before {
            content: "";
            display: block;
            width: 2.6041666667vw;
            height: 2.6041666667vw;
            background-image: url("../images/icon7.png");
            background-position: center center;
            background-repeat: no-repeat;
            background-size: 2.5vw;
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
            right: 1.0416666667vw; }
          .serachBoxRelust .resultBoxCont .resultCont .resItem .serachNews li.hover h3 {
            color: #333; }
      .serachBoxRelust .resultBoxCont .resultCont .resItem .serachVideo {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap; }
        .serachBoxRelust .resultBoxCont .resultCont .resItem .serachVideo li {
          width: 18.75vw;
          margin-top: 1.3020833333vw; }
          .serachBoxRelust .resultBoxCont .resultCont .resItem .serachVideo li:nth-child(1), .serachBoxRelust .resultBoxCont .resultCont .resItem .serachVideo li:nth-child(2) {
            margin-top: 0; }
          .serachBoxRelust .resultBoxCont .resultCont .resItem .serachVideo li .videoImg {
            height: 9.375vw;
            position: relative; }
            .serachBoxRelust .resultBoxCont .resultCont .resItem .serachVideo li .videoImg .play {
              width: 4.1666666667vw;
              height: 4.1666666667vw;
              background-image: url("../images/icon17.png");
              background-position: center center;
              background-repeat: no-repeat;
              background-size: 100%;
              cursor: pointer;
              text-indent: -9999px;
              position: absolute;
              left: 50%;
              top: 50%;
              -webkit-transform: translate(-50%, -50%);
              -moz-transform: translate(-50%, -50%);
              -ms-transform: translate(-50%, -50%);
              -o-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
          .serachBoxRelust .resultBoxCont .resultCont .resItem .serachVideo li .text {
            background: #f7f7f7;
            padding: 0.5208333333vw 0.5208333333vw; }
            .serachBoxRelust .resultBoxCont .resultCont .resItem .serachVideo li .text h3 {
              font-size: 0.7291666667vw;
              color: #333;
              line-height: 1.5625vw;
              text-align: left;
              -o-text-overflow: ellipsis;
              text-overflow: ellipsis;
              -webkit-text-overflow: ellipsis;
              white-space: nowrap;
              overflow: hidden; }
    .serachBoxRelust .resultBoxCont .resultCont .notThing {
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      font-size: 1.1458333333vw;
      color: #333;
      line-height: 2.0833333333vw;
      text-align: left;
      display: flex;
      align-items: center;
      justify-content: center;
      white-space: nowrap; }
      .serachBoxRelust .resultBoxCont .resultCont .notThing .ewm {
        width: 8.8541666667vw;
        height: 8.8541666667vw;
        position: relative;
        overflow: hidden;
        margin-right: 2.6041666667vw; }

@media (min-width: 769px) and (max-width: 1440px) {
  .serachBoxRelust .resultBoxCont .leftSerachNav {
    font-size: 14px; }
  .serachBoxRelust .resultBoxCont .resultCont .resItem .resSolutions li .ptxt p {
    font-size: 12px;
    line-height: 16px; } }
@media (max-width: 768px) {
  .serachBoxRelust .serachInputBox {
    width: 80vw;
    margin-top: 6.6666666667vw; }
    .serachBoxRelust .serachInputBox .inputBox {
      flex: 1;
      padding: 1.3333333333vw 2.6666666667vw;
      padding-left: 8.8vw; }
      .serachBoxRelust .serachInputBox .inputBox::before {
        width: 4vw;
        height: 4vw; }
      .serachBoxRelust .serachInputBox .inputBox input {
        height: 6.6666666667vw;
        line-height: 6.6666666667vw;
        font-size: 3.2vw; }
    .serachBoxRelust .serachInputBox .serachBtn {
      width: 14vw;
      line-height: 9.3333333333vw;
      margin-left: 0;
      font-size: 3.2vw; }
  .serachBoxRelust .resultBoxCont {
    margin-top: 6.6666666667vw; }
    .serachBoxRelust .resultBoxCont .leftSerachNav {
      position: relative;
      width: 100%;
      flex-direction: unset;
      justify-content: space-between;
      border: 0;
      border-bottom: 1px solid #ccc; }
      .serachBoxRelust .resultBoxCont .leftSerachNav li {
        margin: 0;
        font-size: 3.2vw;
        line-height: 8vw;
        padding: 0 0.6666666667vw; }
    .serachBoxRelust .resultBoxCont .resultCont {
      width: 100%;
      margin-top: 5.3333333333vw; }
      .serachBoxRelust .resultBoxCont .resultCont .resItem .resSolutions li {
        padding: 1.3333333333vw;
        width: 44.6666666667vw;
        height: 18.6666666667vw;
        margin-top: 2.6666666667vw; }
        .serachBoxRelust .resultBoxCont .resultCont .resItem .resSolutions li .pimg {
          width: 16vw;
          height: 13.3333333333vw; }
        .serachBoxRelust .resultBoxCont .resultCont .resItem .resSolutions li .ptxt {
          width: 26.6666666667vw;
          margin-left: 1.3333333333vw; }
          .serachBoxRelust .resultBoxCont .resultCont .resItem .resSolutions li .ptxt p {
            font-size: 2.9333333333vw;
            margin: 0.6666666667vw 0;
            line-height: 5.3333333333vw;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            -webkit-text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden; }
      .serachBoxRelust .resultBoxCont .resultCont .resItem .commonProblem li {
        padding: 2.6666666667vw 5.3333333333vw;
        margin-top: 2.6666666667vw; }
        .serachBoxRelust .resultBoxCont .resultCont .resItem .commonProblem li::after {
          width: 6.6666666667vw;
          height: 6.6666666667vw;
          background-size: 6.4vw; }
        .serachBoxRelust .resultBoxCont .resultCont .resItem .commonProblem li .text::before {
          width: 2.6666666667vw;
          height: 5.3333333333vw;
          margin-right: 0.6666666667vw; }
        .serachBoxRelust .resultBoxCont .resultCont .resItem .commonProblem li .text p {
          font-size: 3.2vw;
          line-height: 5.3333333333vw;
          height: 10.6666666667vw; }
      .serachBoxRelust .resultBoxCont .resultCont .resItem .serachNews {
        display: block; }
        .serachBoxRelust .resultBoxCont .resultCont .resItem .serachNews li {
          width: 100%;
          height: 24vw;
          padding: 3.3333333333vw 4vw;
          padding-right: 18.6666666667vw;
          font-size: 2.9333333333vw;
          line-height: 5.3333333333vw;
          margin-top: 2.6666666667vw; }
          .serachBoxRelust .resultBoxCont .resultCont .resItem .serachNews li:nth-child(2) {
            margin-top: 2.6666666667vw; }
          .serachBoxRelust .resultBoxCont .resultCont .resItem .serachNews li::before {
            width: 6.6666666667vw;
            height: 6.6666666667vw;
            background-size: 6.4vw;
            right: 5.3333333333vw; }
          .serachBoxRelust .resultBoxCont .resultCont .resItem .serachNews li h3 {
            font-size: 3.2vw; }
      .serachBoxRelust .resultBoxCont .resultCont .resItem .serachVideo li {
        width: 44.6666666667vw;
        margin-top: 2.6666666667vw; }
        .serachBoxRelust .resultBoxCont .resultCont .resItem .serachVideo li .videoImg {
          height: 25.3333333333vw; }
          .serachBoxRelust .resultBoxCont .resultCont .resItem .serachVideo li .videoImg .play {
            width: 10.6666666667vw;
            height: 10.6666666667vw; }
        .serachBoxRelust .resultBoxCont .resultCont .resItem .serachVideo li .text {
          padding: 1.3333333333vw 1.3333333333vw; }
          .serachBoxRelust .resultBoxCont .resultCont .resItem .serachVideo li .text h3 {
            white-space: wrap;
            height: 10.6666666667vw;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            font-size: 3.2vw;
            line-height: 5.3333333333vw; }
      .serachBoxRelust .resultBoxCont .resultCont .notThing {
        font-size: 3.2vw;
        line-height: 5.3333333333vw; }
        .serachBoxRelust .resultBoxCont .resultCont .notThing .ewm {
          width: 22.6666666667vw;
          height: 22.6666666667vw;
          margin-right: 6.6666666667vw; } }
/**关于我们**/
.secondBanner {
  height: 400px;
  position: relative;
  overflow: hidden; }
  .secondBanner h2 {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 1.9791666667vw;
    color: #333;
    line-height: 1.2;
    text-align: center;
    font-weight: bold; }

.aboutUsPages {
  font-size: 14px;
  color: #333;
  line-height: 1.5625vw;
  text-align: left; }
  .aboutUsPages .w1148d {
    width: 59.7916666667vw;
    margin: 0 auto; }
  .aboutUsPages h1 {
    font-size: 1.6666666667vw;
    color: #333;
    line-height: 2.0833333333vw;
    text-align: center;
    font-weight: bold; }
  .aboutUsPages .videoBoxCont .videoBox {
    position: relative;
    height: 33.6458333333vw;
    overflow: hidden; }
    .aboutUsPages .videoBoxCont .videoBox .play {
      width: 4.375vw;
      height: 4.375vw;
      background-image: url("../images/icon31.png");
      background-position: center center;
      background-repeat: no-repeat;
      background-size: 100%;
      cursor: pointer;
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      text-indent: -9999px; }
  .aboutUsPages .videoBoxCont .videoText p {
    margin-top: 1.3020833333vw; }
  .aboutUsPages .w784d {
    width: 40.8333333333vw;
    margin-left: auto;
    margin-right: auto; }
  .aboutUsPages .topInfoShow {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .aboutUsPages .topInfoShow .leftImg {
      position: relative;
      width: 10.4166666667vw;
      height: 13.5416666667vw;
      overflow: hidden; }
    .aboutUsPages .topInfoShow .rightText {
      flex: 1;
      height: 13.5416666667vw;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      margin-left: 2.0833333333vw;
      align-items: flex-start; }
      .aboutUsPages .topInfoShow .rightText h3 {
        font-size: 0.9375vw;
        margin-top: 1.0416666667vw; }
      .aboutUsPages .topInfoShow .rightText p {
        width: 100%;
        margin: auto; }
      .aboutUsPages .topInfoShow .rightText a {
        display: block;
        background-image: url("../images/icon32.png");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 0.7291666667vw;
        padding-left: 1.0416666667vw;
        margin-top: 1.0416666667vw;
        background-position: left center; }
  .aboutUsPages .bottomInfoTab {
    position: relative; }
    .aboutUsPages .bottomInfoTab .w784d {
      overflow: hidden; }
    .aboutUsPages .bottomInfoTab .infoListsBox {
      position: relative;
      width: 43.3333333333vw;
      position: relative;
      left: 50%;
      transform: translateX(-50%);
      overflow: hidden; }
      .aboutUsPages .bottomInfoTab .infoListsBox ul {
        display: flex; }
        .aboutUsPages .bottomInfoTab .infoListsBox ul li {
          flex-shrink: 0;
          width: 10.8333333333vw; }
          .aboutUsPages .bottomInfoTab .infoListsBox ul li .box {
            width: 7.9166666667vw;
            overflow: hidden;
            margin: 0 auto;
            position: relative; }
          .aboutUsPages .bottomInfoTab .infoListsBox ul li .imgBox {
            height: 10.2083333333vw;
            overflow: hidden;
            position: relative; }
          .aboutUsPages .bottomInfoTab .infoListsBox ul li p {
            text-align: center;
            margin-top: 0.5208333333vw; }
    .aboutUsPages .bottomInfoTab .prev, .aboutUsPages .bottomInfoTab .next {
      cursor: pointer;
      width: 2.6041666667vw;
      height: 2.6041666667vw;
      background-image: url("../images/icon26.png");
      background-position: center center;
      background-repeat: no-repeat;
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      background-size: 2.5vw;
      left: 0;
      display: none; }
    .aboutUsPages .bottomInfoTab .next {
      background-image: url("../images/icon27.png");
      background-position: center center;
      background-repeat: no-repeat;
      left: auto;
      right: 0; }
  .aboutUsPages .memoirContent .noteBox {
    display: flex;
    align-items: center;
    justify-content: space-between;
    align-items: flex-start;
    position: relative; }
    .aboutUsPages .memoirContent .noteBox::before {
      content: "";
      display: block;
      position: absolute;
      left: 4.4270833333vw;
      top: 0;
      height: 100%;
      width: 1px;
      background-color: #c5c5c5; }
    .aboutUsPages .memoirContent .noteBox .timeLine {
      width: 4.4270833333vw; }
      .aboutUsPages .memoirContent .noteBox .timeLine li {
        position: relative;
        font-size: 1.25vw;
        color: #333;
        line-height: 1.5625vw;
        text-align: left;
        display: flex;
        align-items: center;
        justify-content: space-between;
        opacity: .5;
        margin-top: 2.34375vw; }
        .aboutUsPages .memoirContent .noteBox .timeLine li:first-child {
          margin-top: 0; }
        .aboutUsPages .memoirContent .noteBox .timeLine li::before {
          content: "";
          display: none;
          position: absolute;
          right: 0;
          bottom: 0;
          width: 0.2083333333vw;
          height: 100%;
          background: #333; }
        .aboutUsPages .memoirContent .noteBox .timeLine li p {
          cursor: pointer; }
        .aboutUsPages .memoirContent .noteBox .timeLine li.on {
          opacity: 1;
          color: #333;
          font-weight: 700; }
          .aboutUsPages .memoirContent .noteBox .timeLine li.on::before {
            display: block; }
          .aboutUsPages .memoirContent .noteBox .timeLine li.on p {
            transform: scale(1.2);
            transform-origin: right center; }
    .aboutUsPages .memoirContent .noteBox .noteLists {
      flex: 1;
      margin-left: 2.34375vw; }
      .aboutUsPages .memoirContent .noteBox .noteLists h3 {
        font-size: 1.25vw;
        color: #333;
        line-height: 1.5625vw;
        text-align: left;
        flex: 1;
        font-weight: 700; }
      .aboutUsPages .memoirContent .noteBox .noteLists li {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        align-items: flex-start;
        margin-top: 4.1666666667vw; }
        .aboutUsPages .memoirContent .noteBox .noteLists li:first-child {
          margin-top: 0; }
        .aboutUsPages .memoirContent .noteBox .noteLists li .noteCont {
          width: 44.2708333333vw;
          position: relative; }
          .aboutUsPages .memoirContent .noteBox .noteLists li .noteCont .buttonTab {
            display: flex;
            align-items: center;
            justify-content: space-between;
            position: absolute;
            right: 0;
            bottom: 0; }
            .aboutUsPages .memoirContent .noteBox .noteLists li .noteCont .buttonTab .prev, .aboutUsPages .memoirContent .noteBox .noteLists li .noteCont .buttonTab .next {
              cursor: pointer;
              width: 2.6041666667vw;
              height: 2.6041666667vw;
              background-image: url("../images/icon26.png");
              background-position: center center;
              background-repeat: no-repeat;
              background-size: 2.5vw;
              display: none;
              margin-left: 0.78125vw; }
            .aboutUsPages .memoirContent .noteBox .noteLists li .noteCont .buttonTab .next {
              background-image: url("../images/icon27.png");
              background-position: center center;
              background-repeat: no-repeat;
              left: auto;
              right: 0; }
          .aboutUsPages .memoirContent .noteBox .noteLists li .noteCont dd {
            display: none; }
            .aboutUsPages .memoirContent .noteBox .noteLists li .noteCont dd.on {
              display: block; }
          .aboutUsPages .memoirContent .noteBox .noteLists li .noteCont h4 {
            font-weight: 700;
            font-size: 1.0416666667vw;
            color: #333;
            line-height: 1.5625vw;
            text-align: left;
            overflow: hidden;
            max-height: 3.125vw;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2; }
          .aboutUsPages .memoirContent .noteBox .noteLists li .noteCont p {
            margin-top: 1.5625vw;
            margin-bottom: 3.3854166667vw; }
          .aboutUsPages .memoirContent .noteBox .noteLists li .noteCont .footTableImg {
            width: 19.0104166667vw; }
            .aboutUsPages .memoirContent .noteBox .noteLists li .noteCont .footTableImg img {
              width: 100%; }

@media (min-width: 769px) and (max-width: 1440px) {
  .aboutUsPages {
    font-size: 14px;
    line-height: 24px; }
    .aboutUsPages .topInfoShow .rightText h3 {
      font-size: 14px;
      line-height: 16px; }
    .aboutUsPages .bottomInfoTab .infoListsBox ul li p {
      font-size: 12px;
      line-height: 16px; } }
@media (max-width: 768px) {
  .secondBanner {
    height: 53.3333333333vw; }
    .secondBanner h2 {
      font-size: 5.0666666667vw; }

  .aboutUsPages {
    background: #f1f3f5;
    font-size: 3.2vw;
    line-height: 5.3333333333vw;
    margin-bottom: -16vw;
    padding-bottom: 16vw; }
    .aboutUsPages .w1148d {
      width: 92vw; }
    .aboutUsPages .w784d {
      width: 72.8vw; }
    .aboutUsPages h1 {
      font-size: 5.0666666667vw;
      line-height: 6.6666666667vw; }
    .aboutUsPages .videoBoxCont {
      display: flex;
      flex-direction: column-reverse; }
      .aboutUsPages .videoBoxCont > div {
        width: 100%; }
      .aboutUsPages .videoBoxCont .videoText {
        margin-top: 0vw;
        margin-bottom: 8vw; }
      .aboutUsPages .videoBoxCont .videoBox {
        height: 50.6666666667vw; }
        .aboutUsPages .videoBoxCont .videoBox .play {
          width: 10.6666666667vw;
          height: 10.6666666667vw; }
    .aboutUsPages .informationBox .topInfoShow .leftImg {
      width: 32.4vw;
      height: 42vw; }
    .aboutUsPages .informationBox .topInfoShow .rightText h3 {
      font-size: 3.4666666667vw;
      line-height: 5.3333333333vw; }
    .aboutUsPages .informationBox .topInfoShow .rightText p {
      display: none; }
    .aboutUsPages .informationBox .topInfoShow .rightText a {
      background-size: 2.4vw;
      padding-left: 3.3333333333vw;
      margin-top: 5.3333333333vw; }
    .aboutUsPages .informationBox .bottomInfoTab .infoListsBox {
      width: 79.7333333333vw; }
      .aboutUsPages .informationBox .bottomInfoTab .infoListsBox ul li {
        width: 39.8666666667vw; }
        .aboutUsPages .informationBox .bottomInfoTab .infoListsBox ul li .box {
          width: 32.4vw; }
        .aboutUsPages .informationBox .bottomInfoTab .infoListsBox ul li .imgBox {
          width: 32.4vw;
          height: 42vw; }
    .aboutUsPages .informationBox .bottomInfoTab .prev, .aboutUsPages .informationBox .bottomInfoTab .next {
      width: 6.6666666667vw;
      height: 6.6666666667vw;
      background-size: 6.4vw; }
    .aboutUsPages .memoirContent {
      margin-top: 8vw; }
      .aboutUsPages .memoirContent .noteBox {
        display: block; }
        .aboutUsPages .memoirContent .noteBox::before {
          display: none; }
        .aboutUsPages .memoirContent .noteBox .timeLine {
          border-bottom: 1px solid #98999a;
          width: 94.6666666667vw;
          overflow: auto; }
          .aboutUsPages .memoirContent .noteBox .timeLine ul {
            display: flex; }
            .aboutUsPages .memoirContent .noteBox .timeLine ul::after {
              content: "";
              display: block;
              flex-shrink: 0;
              width: 1px;
              height: 1px; }
            .aboutUsPages .memoirContent .noteBox .timeLine ul li {
              font-size: 3.4666666667vw;
              line-height: 8vw;
              flex-shrink: 0;
              margin: 0 4vw; }
              .aboutUsPages .memoirContent .noteBox .timeLine ul li::before {
                width: 100%;
                height: 0.5333333333vw;
                left: 0; }
              .aboutUsPages .memoirContent .noteBox .timeLine ul li.on {
                color: #333;
                font-weight: 700;
                font-size: 4vw; }
                .aboutUsPages .memoirContent .noteBox .timeLine ul li.on p {
                  transform: scale(1); }
        .aboutUsPages .memoirContent .noteBox .noteLists {
          margin-top: 8vw; }
          .aboutUsPages .memoirContent .noteBox .noteLists li {
            display: block;
            padding: 0 4vw;
            box-sizing: border-box; }
            .aboutUsPages .memoirContent .noteBox .noteLists li h3 {
              font-size: 3.4666666667vw;
              line-height: 5.3333333333vw; }
            .aboutUsPages .memoirContent .noteBox .noteLists li .noteCont {
              margin-top: 4vw;
              width: 100%; }
              .aboutUsPages .memoirContent .noteBox .noteLists li .noteCont h4 {
                font-size: 3.4666666667vw;
                line-height: 5.3333333333vw;
                max-height: 10.6666666667vw; }
              .aboutUsPages .memoirContent .noteBox .noteLists li .noteCont p {
                margin-top: 5.3333333333vw;
                margin-bottom: 6.6666666667vw; }
              .aboutUsPages .memoirContent .noteBox .noteLists li .noteCont .footTableImg {
                width: 100%;
                margin-bottom: 4vw; }
              .aboutUsPages .memoirContent .noteBox .noteLists li .noteCont .buttonTab {
                position: relative;
                width: 100%;
                justify-content: center; }
                .aboutUsPages .memoirContent .noteBox .noteLists li .noteCont .buttonTab .prev, .aboutUsPages .memoirContent .noteBox .noteLists li .noteCont .buttonTab .next {
                  width: 6.6666666667vw;
                  height: 6.6666666667vw;
                  background-size: 6.4vw;
                  margin: 0 5.3333333333vw; } }
/**影像**/
.videoPages {
  padding: 3.125vw 0 5.7291666667vw;
  background: #f1f3f5;
  margin-bottom: -6.25vw; }
  .videoPages .play {
    width: 2.8645833333vw;
    height: 2.8645833333vw;
    background-image: url("../images/icon31.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    cursor: pointer;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-indent: -9999px; }
  .videoPages h3 {
    font-size: 0.9375vw;
    color: #333;
    line-height: 1.5625vw;
    text-align: left;
    overflow: hidden; }
  .videoPages .screenList ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: 2.0833333333vw; }
    .videoPages .screenList ul li {
      margin-right: 1.5625vw;
      cursor: pointer;
      font-size: 0.9375vw;
      color: #999;
      line-height: 1.5625vw;
      text-align: left;
      margin-top: 1.0416666667vw; }
      .videoPages .screenList ul li.on {
        color: #333;
        font-weight: 700; }
  .videoPages .videoListsCont {
    margin-top: 1.0416666667vw;
    display: flex;
    flex-wrap: wrap; }
    .videoPages .videoListsCont li {
      margin-right: 2.0833333333vw;
      margin-top: 2.0833333333vw;
      width: 22.9166666667vw; }
      .videoPages .videoListsCont li:nth-child(3n) {
        margin-right: 0; }
      .videoPages .videoListsCont li .videoBox {
        height: 12.5vw;
        position: relative;
        overflow: hidden; }
      .videoPages .videoListsCont li .videoText {
        height: 7.2916666667vw;
        background: #fff;
        box-sizing: border-box;
        padding: 0.5208333333vw 1.0416666667vw 0.5208333333vw;
        display: flex;
        flex-direction: column;
        justify-content: space-between; }
        .videoPages .videoListsCont li .videoText h3 {
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
          max-height: 3.125vw; }
        .videoPages .videoListsCont li .videoText p {
          font-size: 0.7291666667vw;
          color: #999;
          line-height: 1.5625vw;
          text-align: left; }

@media (min-width: 769px) and (max-width: 1440px) {
  .videoPages h3 {
    font-size: 14px; }
  .videoPages .screenList ul li {
    font-size: 12px; }
  .videoPages .videoListsCont li .videoText p {
    font-size: 12px; } }
@media (min-width: 769px) {
  .videoTopBox {
    position: relative;
    height: 27.2916666667vw; }
    .videoTopBox .swiper-pagination {
      display: none; }
    .videoTopBox li {
      height: 12.9166666667vw;
      position: absolute;
      width: 22.9166666667vw;
      right: 0;
      bottom: 0; }
      .videoTopBox li .videoBox {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        overflow: hidden; }
      .videoTopBox li:nth-child(1) {
        left: 0;
        top: 0;
        width: 48.5416666667vw;
        height: 27.2916666667vw; }
        .videoTopBox li:nth-child(1) h3 {
          font-size: 1.25vw; }
        .videoTopBox li:nth-child(1) .play {
          width: 4.4270833333vw;
          height: 4.4270833333vw; }
        .videoTopBox li:nth-child(1) .videoText {
          z-index: 2;
          width: 100%;
          box-sizing: border-box;
          padding: 1.5625vw;
          position: absolute;
          left: 0;
          bottom: 0; }
      .videoTopBox li:nth-child(2) {
        top: 0; }
      .videoTopBox li .videoText {
        z-index: 2;
        width: 100%;
        box-sizing: border-box;
        padding: 0.78125vw 1.0416666667vw;
        position: absolute;
        left: 0;
        bottom: 0; }
      .videoTopBox li::after {
        content: '';
        display: block;
        position: absolute;
        width: 100%;
        left: 0;
        bottom: 0;
        height: 30%;
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)); }
    .videoTopBox h3 {
      color: #fff;
      -o-text-overflow: ellipsis;
      text-overflow: ellipsis;
      -webkit-text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden; }
    .videoTopBox p {
      display: none; }
    .videoTopBox .leftBigVideo {
      position: relative;
      overflow: hidden;
      width: 48.5416666667vw;
      height: 27.2916666667vw; }
      .videoTopBox .leftBigVideo h3 {
        font-size: 1.25vw; }
      .videoTopBox .leftBigVideo .text {
        z-index: 2;
        width: 100%;
        box-sizing: border-box;
        padding: 1.5625vw;
        position: absolute;
        left: 0;
        bottom: 0; }
      .videoTopBox .leftBigVideo::after {
        content: '';
        display: block;
        position: absolute;
        width: 100%;
        left: 0;
        bottom: 0;
        height: 30%;
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)); }
      .videoTopBox .leftBigVideo .play {
        width: 4.4270833333vw;
        height: 4.4270833333vw; }
    .videoTopBox .rightVideoBox {
      display: flex;
      justify-content: space-between;
      flex-direction: column;
      height: 27.2916666667vw;
      width: 22.5vw; }
      .videoTopBox .rightVideoBox li {
        width: 100%;
        height: 12.6041666667vw;
        position: relative; }
        .videoTopBox .rightVideoBox li .text {
          z-index: 2;
          width: 100%;
          box-sizing: border-box;
          padding: 0.78125vw 1.0416666667vw;
          position: absolute;
          left: 0;
          bottom: 0; }
        .videoTopBox .rightVideoBox li::after {
          content: '';
          display: block;
          position: absolute;
          width: 100%;
          left: 0;
          bottom: 0;
          height: 30%;
          background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)); } }
@media (max-width: 768px) {
  .videoTopBox {
    position: relative;
    overflow: hidden;
    height: 72vw;
    background: #fff;
    width: 100vw;
    left: 50%;
    transform: translateX(-50%); }
    .videoTopBox ul li .videoBox {
      position: relative;
      height: 53.3333333333vw; }
    .videoTopBox ul li .videoText {
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: 18.6666666667vw;
      align-items: flex-start;
      box-sizing: border-box;
      padding: 2vw 4vw;
      background: #fff; }
      .videoTopBox ul li .videoText h3 {
        flex: 1;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        -webkit-text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        font-size: 3.4666666667vw;
        color: #333;
        line-height: 5.3333333333vw;
        text-align: left; }
      .videoTopBox ul li .videoText p {
        font-size: 2.6666666667vw;
        color: #333;
        line-height: 5.3333333333vw;
        text-align: left;
        opacity: .5;
        margin-left: 1.3333333333vw; }
    .videoTopBox .swiper-pagination .swiper-pagination-bullet {
      opacity: 1;
      width: 1.0666666667vw;
      height: 1.0666666667vw;
      border-radius: 0.5333333333vw;
      background: #999; }
      .videoTopBox .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        width: 4vw; }

  .videoPages {
    padding: 0 4vw 16vw;
    margin-bottom: -16vw; }
    .videoPages .play {
      width: 10.6666666667vw;
      height: 10.6666666667vw; }
    .videoPages h3 {
      font-size: 3.4666666667vw;
      line-height: 5.3333333333vw; }
    .videoPages .screenList {
      margin-top: 8vw; }
      .videoPages .screenList ul {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 0;
        justify-content: flex-start; }
        .videoPages .screenList ul li:nth-child(1) {
          width: 100%; }
        .videoPages .screenList ul li {
          margin: 0;
          margin-right: 4vw;
          font-size: 3.2vw;
          line-height: 6.6666666667vw; }
    .videoPages .videoListsCont {
      margin-top: 4vw;
      display: block; }
      .videoPages .videoListsCont li {
        width: 100%;
        margin: 0;
        margin-right: 0;
        margin-top: 5.3333333333vw; }
        .videoPages .videoListsCont li .videoBox {
          height: 49.3333333333vw; }
        .videoPages .videoListsCont li .videoText {
          height: 19.4666666667vw;
          padding: 1.3333333333vw 4vw; }
          .videoPages .videoListsCont li .videoText h3 {
            max-height: 10.6666666667vw; }
          .videoPages .videoListsCont li .videoText p {
            font-size: 2.9333333333vw;
            line-height: 4vw; } }
/*服务*/
.qBg {
  background: #f1f3f5; }

.qPc {
  display: block; }

.qMob {
  display: none; }

.qAccept {
  display: flex;
  margin-top: 0.78125vw;
  font-size: 0.7291666667vw;
  color: #333;
  line-height: 1;
  text-align: left; }
  .qAccept p {
    width: 0.8333333333vw;
    height: 0.8333333333vw;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #646464;
    margin-right: 0.5208333333vw;
    position: relative;
    cursor: pointer; }
    .qAccept p.on {
      background: #333;
      border: 0; }
      .qAccept p.on::before {
        position: absolute;
        left: 0.15625vw;
        top: 0.15625vw;
        box-sizing: border-box;
        content: '';
        display: block;
        width: 0.5208333333vw;
        height: 0.3125vw;
        border: 1px solid #fff;
        border-top: 0;
        border-right: none;
        transform: rotate(-45deg); }
  .qAccept a:hover {
    color: #333; }

.qBan {
  width: 100%;
  height: 20.8333333333vw;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column; }
  .qBan img {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -ms-object-fit: cover;
    -moz-object-fit: cover;
    -webkit-object-fit: cover;
    -o-object-fit: cover; }
  .qBan .qSearchBox {
    width: 31.25vw;
    height: 3.125vw;
    line-height: 0;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 20; }
    .qBan .qSearchBox .iBox {
      flex: 1;
      box-sizing: border-box;
      background: url("../images/qimg17.png") left 0.8333333333vw center no-repeat;
      background-size: 1.5625vw;
      padding: 0 3.3333333333vw;
      border: 1px solid #b3b3b3;
      border-right: none; }
    .qBan .qSearchBox input {
      font-size: 0.7291666667vw;
      color: #333;
      line-height: 3.0208333333vw;
      text-align: left; }
    .qBan .qSearchBox .qSearchBtn {
      width: 5.4166666667vw;
      height: 3.125vw;
      background: #333;
      font-size: 0.7291666667vw;
      color: #fff;
      line-height: 3.125vw;
      text-align: center;
      cursor: pointer; }

.qpolicyBox {
  width: 72.9166666667vw;
  margin: 0 auto;
  margin-top: 2.6041666667vw; }
  .qpolicyBox .qtabBox {
    width: 54.1666666667vw;
    border-bottom: 2px solid #7f8081;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 3.6458333333vw; }
    .qpolicyBox .qtabBox li {
      width: 6.5625vw;
      font-size: 1.25vw;
      color: #333;
      line-height: 4.1666666667vw;
      text-align: center;
      position: relative;
      margin: 0 4.1666666667vw;
      cursor: pointer; }
      .qpolicyBox .qtabBox li::after {
        content: "";
        width: 0%;
        height: 0.2604166667vw;
        background: #333;
        position: absolute;
        left: 50%;
        bottom: -0.1041666667vw;
        z-index: 5;
        transform: translateX(-50%);
        transition: all 0.3s linear; }
    .qpolicyBox .qtabBox li:hover {
      font-weight: bold; }
      .qpolicyBox .qtabBox li:hover::after {
        width: 100%; }
    .qpolicyBox .qtabBox .on {
      font-weight: bold; }
      .qpolicyBox .qtabBox .on::after {
        width: 100%; }
  .qpolicyBox .imgs {
    width: 100%;
    box-sizing: border-box;
    background: #fff;
    padding: 5.2083333333vw 15.625vw;
    font-size: 0; }
    .qpolicyBox .imgs li {
      width: 100%;
      display: none; }
      .qpolicyBox .imgs li img {
        width: 100%;
        margin-top: -1px; }
    .qpolicyBox .imgs li:nth-child(1) {
      display: block; }
  .qpolicyBox .qContactBox {
    margin-top: 4.1666666667vw; }

.qContactBox {
  width: 72.9166666667vw;
  margin: 0 auto; }
  .qContactBox .qconBox {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .qContactBox .qconBox li {
      width: 35vw;
      height: 15.3645833333vw; }
      .qContactBox .qconBox li p {
        font-size: 1.25vw;
        color: #333;
        line-height: 1.5625vw;
        text-align: center; }
    .qContactBox .qconBox .qphoneBox {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      background: url("../images/qimg2.png") center no-repeat;
      background-size: contain; }
      .qContactBox .qconBox .qphoneBox p {
        margin-bottom: 1.5625vw; }
      .qContactBox .qconBox .qphoneBox strong {
        display: block;
        padding-left: 2.0833333333vw;
        background: url("../images/qimg4.png") left center no-repeat;
        background-size: 1.71875vw;
        font-size: 2.1875vw;
        color: #333;
        line-height: 2.6041666667vw;
        text-align: left; }
    .qContactBox .qconBox .qewmBox {
      display: flex;
      align-items: center;
      justify-content: center;
      background: url("../images/qimg3.png") center no-repeat;
      background-size: contain; }
      .qContactBox .qconBox .qewmBox .ewm {
        width: 9.6875vw;
        margin-right: 2.0833333333vw; }
        .qContactBox .qconBox .qewmBox .ewm img {
          width: 100%; }
      .qContactBox .qconBox .qewmBox .qPc {
        display: block; }
      .qContactBox .qconBox .qewmBox .qMob {
        display: none; }

.aBox {
  line-height: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: flex-start; }
  .aBox span {
    max-width: 30%;
    display: block;
    font-size: 0.7291666667vw;
    color: #333;
    line-height: 1.5625vw;
    text-align: left;
    cursor: pointer;
    margin-right: 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; }
  .aBox span:hover {
    background: #333;
    color: #fff !important; }

.areaListBox {
  width: 100%;
  position: absolute;
  left: 0;
  top: 100%;
  background: #fff;
  z-index: 10;
  border: 1px solid #ccc;
  display: none; }
  .areaListBox ul {
    width: 100%;
    padding: 0;
    box-sizing: border-box; }
  .areaListBox li {
    width: auto;
    border-bottom: none;
    margin: 0; }
  .areaListBox .topTab {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ccc; }
    .areaListBox .topTab li {
      width: 100%;
      font-size: 16px;
      color: #191919;
      line-height: 40px;
      text-align: center; }
    .areaListBox .topTab .on {
      color: #333;
      background: #fff; }
  .areaListBox .alisBox {
    height: 150px;
    overflow: hidden;
    overflow-y: auto; }
    .areaListBox .alisBox > div {
      padding: 2px;
      display: none; }
    .areaListBox .alisBox > div:nth-child(1) {
      display: block; }
    .areaListBox .alisBox ul {
      display: flex;
      align-items: flex-start;
      justify-content: flex-start;
      flex-wrap: wrap; }
    .areaListBox .alisBox li {
      width: auto;
      padding: 0 10px;
      border-radius: 5px;
      font-size: 12px;
      color: #191919;
      line-height: 30px;
      text-align: center;
      cursor: pointer; }
    .areaListBox .alisBox li:hover {
      color: #fff;
      background: #333; }
    .areaListBox .alisBox .on {
      color: #fff;
      background: #333; }

.qContactBox2 {
  width: 72.9166666667vw;
  margin: 0 auto; }
  .qContactBox2.otherTit .qTit {
    font-size: 1.6666666667vw; }
  .qContactBox2 .qTit {
    margin-bottom: 3.0208333333vw; }
  .qContactBox2 .qFormBox {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.25vw; }
    .qContactBox2 .qFormBox > li {
      position: relative; }
    .qContactBox2 .qFormBox > li {
      width: 20.8333333333vw;
      height: 2.9166666667vw;
      background: #fff;
      border: 1px solid #acacac;
      background: #fff;
      box-sizing: border-box; }
    .qContactBox2 .qFormBox .iBox {
      width: 100%;
      height: 100%;
      box-sizing: border-box;
      padding: 0 1.0416666667vw; }
    .qContactBox2 .qFormBox input {
      width: 100%;
      height: 100%;
      display: block;
      font-size: 0.7291666667vw;
      color: #333;
      line-height: 2.7083333333vw;
      text-align: left; }
    .qContactBox2 .qFormBox .qSubBtn {
      width: 7.8125vw;
      height: 2.9166666667vw;
      background: #333;
      border: 1px solid #acacac;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 0.9375vw;
      color: #fff;
      line-height: 1.1458333333vw;
      text-align: left;
      cursor: pointer; }
      .qContactBox2 .qFormBox .qSubBtn span {
        display: block;
        padding-left: 2.0833333333vw;
        background: url("../images/qimg23.png") left center no-repeat;
        background-size: 0.9375vw; }
  .qContactBox2 .selBox {
    padding: 0 1.0416666667vw;
    position: relative; }
    .qContactBox2 .selBox .loadText {
      width: 100%;
      height: 100% !important;
      position: absolute;
      left: 0;
      top: 0;
      z-index: 10;
      display: block !important;
      cursor: pointer;
      text-indent: 1.0416666667vw; }
      .qContactBox2 .selBox .loadText.opa {
        opacity: 0; }
    .qContactBox2 .selBox .aBox {
      height: 100%; }
  .qContactBox2 .qxyBox {
    font-size: 0.7291666667vw;
    color: #333;
    line-height: 1.1458333333vw;
    text-align: left;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin-bottom: 2.0833333333vw; }
    .qContactBox2 .qxyBox span {
      display: block;
      width: 0.8333333333vw;
      height: 0.8333333333vw;
      background: #fff;
      border: 1px solid #acacac;
      margin-right: 0.5208333333vw;
      position: relative; }
      .qContactBox2 .qxyBox span::before {
        position: absolute;
        left: 0.15625vw;
        top: 0.15625vw;
        box-sizing: border-box;
        content: '';
        display: block;
        width: 0.5208333333vw;
        height: 0.3125vw;
        border: 1px solid #fff;
        border-top: 0;
        border-right: none;
        transform: rotate(-45deg); }
  .qContactBox2 .qOn span {
    background: #333; }

.qTit {
  font-size: 1.9791666667vw;
  color: #333;
  line-height: 2.0833333333vw;
  text-align: center;
  font-weight: bold; }

.qguideBox {
  width: 72.9166666667vw;
  margin: 0 auto;
  margin-top: 3.125vw; }
  .qguideBox .tabBox {
    width: 100%;
    position: relative;
    margin-bottom: 5.2083333333vw; }
    .qguideBox .tabBox .swiper {
      width: 100%;
      overflow: hidden; }
    .qguideBox .tabBox .swiper-slide {
      position: relative; }
    .qguideBox .tabBox .swiper-slide:hover img {
      transform: scale(1.1); }
    .qguideBox .tabBox a {
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      z-index: 10; }
    .qguideBox .tabBox .on .img {
      background: #d7dde2; }
    .qguideBox .tabBox .on p {
      font-weight: bold; }
    .qguideBox .tabBox .img {
      width: 100%;
      height: 11.1458333333vw;
      background: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 1.0416666667vw; }
      .qguideBox .tabBox .img img {
        max-width: 6.25vw;
        max-height: 6.7708333333vw;
        transition: all 0.3s linear; }
    .qguideBox .tabBox p {
      font-size: 1.25vw;
      color: #333;
      line-height: 1.5625vw;
      text-align: center; }
    .qguideBox .tabBox .qBtn {
      width: 1.875vw;
      height: 1.875vw;
      position: absolute;
      top: 50%;
      margin-top: -1.875vw;
      cursor: pointer; }
    .qguideBox .tabBox .qprevBtn {
      left: -2.6041666667vw;
      background: url("../images/qimg13.png") center no-repeat;
      background-size: contain; }
    .qguideBox .tabBox .qnextBtn {
      right: -2.6041666667vw;
      background: url("../images/qimg12.png") center no-repeat;
      background-size: contain; }
    .qguideBox .tabBox .swiper-button-disabled {
      opacity: 0.7; }
  .qguideBox .qListBox {
    width: 100%; }
    .qguideBox .qListBox .qTit {
      margin-bottom: 2.6041666667vw; }
    .qguideBox .qListBox .qList {
      display: none; }
    .qguideBox .qListBox .qList:nth-child(1) {
      display: block; }
    .qguideBox .qListBox .qVdBox {
      width: 100%;
      height: 41.1458333333vw;
      position: relative;
      overflow: hidden;
      margin-bottom: 5.2083333333vw; }
      .qguideBox .qListBox .qVdBox span {
        display: none; }
      .qguideBox .qListBox .qVdBox video {
        width: 100%;
        height: 100%;
        object-fit: cover; }
      .qguideBox .qListBox .qVdBox img {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        object-fit: cover;
        -ms-object-fit: cover;
        -moz-object-fit: cover;
        -webkit-object-fit: cover;
        -o-object-fit: cover; }
      .qguideBox .qListBox .qVdBox .qPlayBtn {
        width: 4.375vw;
        height: 4.375vw;
        border-radius: 50%;
        background: url("../images/qimg14.png") center no-repeat;
        background-size: contain;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index: 10;
        cursor: pointer; }
    .qguideBox .qListBox .qLis {
      margin-bottom: 5.2083333333vw; }
      .qguideBox .qListBox .qLis ul {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        flex-wrap: wrap; }
        .qguideBox .qListBox .qLis ul::after {
          content: "";
          width: 23.2291666667vw;
          display: block; }
      .qguideBox .qListBox .qLis li {
        width: 23.2291666667vw;
        background: #fff;
        margin-bottom: 1.5625vw;
        position: relative; }
      .qguideBox .qListBox .qLis li:hover img {
        transform: scale(1.1); }
      .qguideBox .qListBox .qLis span {
        display: none; }
      .qguideBox .qListBox .qLis a {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 10; }
      .qguideBox .qListBox .qLis .img {
        width: 100%;
        height: 12.9166666667vw;
        position: relative;
        overflow: hidden; }
        .qguideBox .qListBox .qLis .img img {
          position: absolute;
          left: 0px;
          top: 0px;
          width: 100%;
          height: 100%;
          object-fit: cover;
          -ms-object-fit: cover;
          -moz-object-fit: cover;
          -webkit-object-fit: cover;
          -o-object-fit: cover;
          transition: all 0.3s linear; }
      .qguideBox .qListBox .qLis .txt {
        padding: 1.0416666667vw;
        padding-bottom: 1.5625vw;
        font-size: 0.9375vw;
        color: #333;
        line-height: 1.7708333333vw;
        text-align: left;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden; }

.qAskBox {
  width: 72.9166666667vw;
  margin: 0 auto;
  margin-top: 3.125vw; }
  .qAskBox .qListBox {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap; }
    .qAskBox .qListBox li {
      width: 35.5208333333vw;
      height: 8.3333333333vw;
      background: #fff;
      box-sizing: border-box;
      padding: 1.0416666667vw 1.0416666667vw;
      margin-bottom: 2.0833333333vw;
      cursor: pointer;
      position: relative;
      transition: all 0.3s linear;
      display: flex;
      align-items: center;
      justify-content: space-between; }
    .qAskBox .qListBox li:hover {
      box-shadow: 0 0 0.8333333333vw rgba(0, 0, 0, 0.2); }
      .qAskBox .qListBox li:hover a {
        opacity: 1; }
    .qAskBox .qListBox a {
      width: 2.5vw;
      height: 2.5520833333vw;
      background: url("../images/qimg12.png") center no-repeat;
      background-size: contain;
      opacity: 0;
      transition: all 0.3s linear; }
    .qAskBox .qListBox .txt {
      width: 29.1666666667vw;
      padding-left: 1.3541666667vw;
      background: url("../images/qimg18.png") top 0.5208333333vw left no-repeat;
      background-size: 1.0416666667vw; }
    .qAskBox .qListBox p {
      font-size: 0.9375vw;
      color: #333;
      line-height: 2.0833333333vw;
      text-align: left;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      overflow: hidden; }

.pageBox {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 3.125vw; }
  .pageBox a {
    display: block;
    width: 1.875vw;
    height: 1.875vw;
    border: 1px solid transparent;
    font-size: 0.8333333333vw;
    color: #333;
    line-height: 1.875vw;
    text-align: center;
    margin: 0 0.5208333333vw; }
  .pageBox a:hover:not(.qPrevPage, .qNextPage) {
    border: 1px solid #c3002f;
    color: #c3002f; }
  .pageBox .on {
    border: 1px solid #c3002f;
    color: #c3002f; }
  .pageBox .qPrevPage {
    background: url("../images/qimg19.png") center no-repeat;
    background-size: 0.8333333333vw; }
  .pageBox .qNextPage {
    background: url("../images/qimg20.png") center no-repeat;
    background-size: 0.8333333333vw; }

.qAskDetailBox {
  width: 72.9166666667vw;
  margin: 0 auto; }
  .qAskDetailBox .qBackBox {
    width: 100%;
    height: 3.9583333333vw;
    display: flex;
    align-items: center;
    justify-content: space-between; }
  .qAskDetailBox .qCrumbs {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 0.8333333333vw;
    color: #333;
    line-height: 1.875vw;
    text-align: center; }
    .qAskDetailBox .qCrumbs a {
      display: block;
      margin: 0 0.5208333333vw;
      font-size: 0.8333333333vw;
      color: #333;
      line-height: 1.875vw;
      text-align: center; }
    .qAskDetailBox .qCrumbs a:hover {
      color: #c10925; }
    .qAskDetailBox .qCrumbs a:first-child {
      margin-left: 0; }
  .qAskDetailBox .qBackBtn {
    display: none; }
  .qAskDetailBox .qTwBtn {
    width: 6.25vw;
    height: 2.8125vw;
    font-size: 0.8333333333vw;
    color: #333;
    line-height: 2.8125vw;
    text-align: center;
    cursor: pointer;
    display: none; }
  .qAskDetailBox .qTwBtn2 {
    display: block;
    margin: 0 auto;
    position: relative;
    top: -2.6041666667vw;
    background: #333;
    color: #fff; }
  .qAskDetailBox .qAskDetail {
    width: 100%;
    background: #fff;
    box-sizing: border-box;
    padding: 3.125vw 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5.2083333333vw; }
    .qAskDetailBox .qAskDetail .qLeft {
      flex: 1;
      border-right: 2px solid #939393;
      box-sizing: border-box;
      padding-left: 3.6458333333vw;
      padding-right: 5.4166666667vw; }
      .qAskDetailBox .qAskDetail .qLeft .qStit {
        font-size: 1.71875vw;
        color: #333;
        line-height: 2.0833333333vw;
        text-align: left;
        position: relative;
        top: -1.0416666667vw; }
      .qAskDetailBox .qAskDetail .qLeft p {
        font-size: 0.9375vw;
        color: #333;
        line-height: 2.1875vw;
        text-align: left;
        position: relative;
        top: 1.0416666667vw; }
    .qAskDetailBox .qAskDetail .qRight {
      width: 26.0416666667vw;
      box-sizing: border-box;
      padding: 0 5.4166666667vw; }
      .qAskDetailBox .qAskDetail .qRight > p {
        font-size: 0.9375vw;
        color: #333;
        line-height: 1.25vw;
        text-align: left;
        margin-bottom: 3.125vw; }
      .qAskDetailBox .qAskDetail .qRight > ul {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between; }
        .qAskDetailBox .qAskDetail .qRight > ul li {
          width: 6.3541666667vw;
          height: 2.8125vw;
          border: 2px solid #939393;
          display: flex;
          align-items: center;
          justify-content: center;
          cursor: pointer; }
          .qAskDetailBox .qAskDetail .qRight > ul li span {
            display: block;
            padding-left: 1.6666666667vw;
            font-size: 0.9375vw;
            color: #333;
            line-height: 1.25vw;
            text-align: left; }
        .qAskDetailBox .qAskDetail .qRight > ul li:nth-child(1) span {
          background: url("../images/qimg21.png") left center no-repeat;
          background-size: 0.9895833333vw; }
        .qAskDetailBox .qAskDetail .qRight > ul li:nth-child(2) span {
          background: url("../images/qimg22.png") left center no-repeat;
          background-size: 0.9895833333vw; }
    .qAskDetailBox .qAskDetail .qContactBox {
      width: 26.0416666667vw;
      box-sizing: border-box;
      padding: 0 2.0833333333vw;
      display: none; }
      .qAskDetailBox .qAskDetail .qContactBox .qconBox {
        flex-direction: column; }
        .qAskDetailBox .qAskDetail .qContactBox .qconBox li {
          width: 100%;
          height: 10.4166666667vw; }
        .qAskDetailBox .qAskDetail .qContactBox .qconBox .qPc {
          width: 7.8125vw; }

.shadowAlert {
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.7);
  position: fixed;
  left: 0;
  top: 0;
  z-index: 800; }
  .shadowAlert .kuang {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column; }
  .shadowAlert .qAccept {
    color: #fff; }
    .shadowAlert .qAccept p {
      border: 1px solid #fff; }
    .shadowAlert .qAccept a {
      color: #fff; }
  .shadowAlert .qStit {
    font-size: 1.9791666667vw;
    color: #fff;
    line-height: 2.0833333333vw;
    text-align: center;
    margin-bottom: 2.0833333333vw;
    font-weight: bold; }
  .shadowAlert .qCloseBtn {
    position: relative;
    width: 2.0833333333vw;
    height: 2.0833333333vw;
    position: absolute;
    right: 2.6041666667vw;
    top: 2.6041666667vw;
    cursor: pointer; }
    .shadowAlert .qCloseBtn::before, .shadowAlert .qCloseBtn::after {
      content: "";
      display: block;
      position: absolute;
      left: 50%;
      top: 50%;
      background: #fff;
      -webkit-border-radius: 0;
      border-radius: 0;
      width: 2px;
      height: 1.875vw;
      margin-top: -0.9375vw;
      margin-left: -1px; }
    .shadowAlert .qCloseBtn::before {
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg); }
    .shadowAlert .qCloseBtn::after {
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg); }
  .shadowAlert .qxyBox {
    font-size: 0.7291666667vw;
    color: #fff;
    line-height: 1.1458333333vw;
    text-align: left;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin-bottom: 2.0833333333vw; }
    .shadowAlert .qxyBox span {
      display: block;
      width: 0.8333333333vw;
      height: 0.8333333333vw;
      background: #fff;
      border: 1px solid #acacac;
      margin-right: 0.5208333333vw;
      position: relative; }
      .shadowAlert .qxyBox span::before {
        position: absolute;
        left: 0.15625vw;
        top: 0.15625vw;
        box-sizing: border-box;
        content: '';
        display: block;
        width: 0.5208333333vw;
        height: 0.3125vw;
        border: 1px solid #fff;
        border-top: 0;
        border-right: none;
        transform: rotate(-45deg); }
  .shadowAlert .qOn span {
    background: #333; }

.askAlert {
  display: none; }
  .askAlert .qConBox {
    width: 33.6458333333vw;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column; }
    .askAlert .qConBox ul {
      width: 100%; }
    .askAlert .qConBox li {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 1.0416666667vw; }
    .askAlert .qConBox .iBox {
      width: 16.3541666667vw;
      height: 2.8125vw;
      background: #fff;
      box-sizing: border-box;
      padding: 0 1.0416666667vw; }
      .askAlert .qConBox .iBox input {
        width: 100%;
        height: 100%;
        display: block;
        font-size: 0.7291666667vw;
        color: #333;
        line-height: 2.7083333333vw;
        text-align: left; }
    .askAlert .qConBox .tBox {
      width: 100%;
      height: 7.5vw;
      background: #fff;
      box-sizing: border-box;
      padding: 0.5208333333vw 1.0416666667vw; }
      .askAlert .qConBox .tBox textarea {
        resize: none;
        width: 100%;
        height: 100%;
        font-size: 0.7291666667vw;
        color: #333;
        line-height: 1.1458333333vw;
        text-align: left; }
    .askAlert .qConBox .qSubBtn {
      width: 13.5416666667vw;
      height: 2.9166666667vw;
      background: #333;
      border: 1px solid #acacac;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 0.9375vw;
      color: #fff;
      line-height: 1.1458333333vw;
      text-align: left;
      cursor: pointer; }
      .askAlert .qConBox .qSubBtn span {
        display: block;
        padding-left: 2.0833333333vw;
        background: url("../images/qimg23.png") left center no-repeat;
        background-size: 0.9375vw; }

.qBanTxt > div {
  position: relative; }
  .qBanTxt > div > img {
    width: 100%; }
.qBanTxt .txts {
  width: 30.2083333333vw;
  position: absolute;
  left: 13.5416666667vw;
  top: 50%;
  transform: translateY(-50%); }
  .qBanTxt .txts .tit {
    font-size: 1.875vw;
    color: #333;
    line-height: 1.9791666667vw;
    text-align: left;
    margin-bottom: 1.3541666667vw;
    font-weight: bold; }
  .qBanTxt .txts .stit {
    font-weight: bold;
    font-size: 1.5625vw;
    color: #333;
    line-height: 1.9791666667vw;
    text-align: left; }
  .qBanTxt .txts p {
    font-size: 0.8333333333vw;
    color: #333;
    line-height: 2.6041666667vw;
    text-align: left;
    margin-bottom: 2.6041666667vw; }
  .qBanTxt .txts ul {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .qBanTxt .txts ul li {
      width: 14.0625vw; }
      .qBanTxt .txts ul li img {
        width: 100%; }
.qBanTxt .qBottom .txts {
  width: 24.4791666667vw; }

.qIconBox {
  width: 72.9166666667vw;
  margin: 0 auto;
  margin-top: 5.7291666667vw; }
  .qIconBox ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap; }
  .qIconBox li {
    width: 23.6458333333vw;
    height: 12.0833333333vw;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.0416666667vw;
    position: relative; }
    .qIconBox li img {
      width: 3.4375vw;
      margin-right: 1.5625vw;
      transition: all 0.3s linear; }
    .qIconBox li p {
      font-size: 1.3541666667vw;
      color: #333;
      line-height: 1.5625vw;
      text-align: left; }
    .qIconBox li a {
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0; }
  .qIconBox li:hover img {
    transform: scale(1.3); }

.ewmCall {
  position: relative;
  margin-top: 5.7291666667vw; }
  .ewmCall img {
    width: 100%; }
  .ewmCall a {
    width: 9.8958333333vw;
    height: 2.6041666667vw;
    position: absolute;
    left: 13.4375vw;
    top: 16.6666666667vw; }

.qWriteList {
  margin-top: 4.1666666667vw; }
  .qWriteList .qTit {
    margin-bottom: 2.6041666667vw; }
  .qWriteList .qContactBox {
    margin-top: 5.2083333333vw; }
  .qWriteList .qFormBox {
    width: 42.7083333333vw;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center; }
    .qWriteList .qFormBox > ul {
      width: 100%; }
      .qWriteList .qFormBox > ul > li {
        margin-bottom: 1.0416666667vw; }
    .qWriteList .qFormBox input {
      width: 100%;
      height: 100%;
      display: block;
      font-size: 0.7291666667vw;
      color: #4c4c4c;
      line-height: 2.7083333333vw;
      text-align: left; }
    .qWriteList .qFormBox textarea {
      width: 100%;
      height: 100%;
      display: block;
      resize: none;
      font-size: 0.7291666667vw;
      color: #4c4c4c;
      line-height: 1.0416666667vw;
      text-align: left; }
    .qWriteList .qFormBox .iBox {
      width: 100%;
      height: 2.9166666667vw;
      border: 2px solid #cdcdce;
      background: #fff;
      box-sizing: border-box;
      padding: 0 1.25vw;
      position: relative; }
    .qWriteList .qFormBox .getDate {
      width: 100%;
      position: absolute;
      left: 0;
      top: 0;
      padding-top: 2.9166666667vw; }
    .qWriteList .qFormBox #getDate {
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      cursor: pointer; }
    .qWriteList .qFormBox .sBox {
      width: 20.8333333333vw;
      height: 2.9166666667vw;
      border: 2px solid #cdcdce;
      background: #fff;
      box-sizing: border-box; }
    .qWriteList .qFormBox .tBox {
      width: 100%;
      height: 6.25vw;
      box-sizing: border-box;
      border: 2px solid #cdcdce;
      background: #fff;
      padding: 0.7291666667vw 1.25vw; }
    .qWriteList .qFormBox .qTwo {
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap; }
      .qWriteList .qFormBox .qTwo .iBox {
        width: 20.8333333333vw; }
    .qWriteList .qFormBox .qThree {
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap; }
    .qWriteList .qFormBox .layui-inline {
      width: 13.6458333333vw;
      height: 2.9166666667vw;
      border: 2px solid #cdcdce;
      background: #fff;
      box-sizing: border-box;
      margin: 0; }
    .qWriteList .qFormBox .layui-input {
      border: none;
      padding-left: 0; }
    .qWriteList .qFormBox .layui-form-select {
      height: 100%;
      font-size: 0.8333333333vw; }
      .qWriteList .qFormBox .layui-form-select .layui-select-title {
        padding-left: 1.25vw;
        height: 100%; }
    .qWriteList .qFormBox .layui-form-item:after {
      display: none; }
    .qWriteList .qFormBox .qFile {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      margin-top: 1.5625vw; }
    .qWriteList .qFormBox .fileBox {
      width: 13.6458333333vw;
      height: 7.6041666667vw;
      border: 2px solid #cdcdce;
      background: #fff;
      box-sizing: border-box;
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      overflow: hidden;
      font-size: 0.7291666667vw;
      color: #4c4c4c;
      line-height: 1.0416666667vw;
      text-align: left;
      flex-wrap: wrap; }
      .qWriteList .qFormBox .fileBox img {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        object-fit: cover;
        -ms-object-fit: cover;
        -moz-object-fit: cover;
        -webkit-object-fit: cover;
        -o-object-fit: cover;
        display: none; }
      .qWriteList .qFormBox .fileBox input {
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
        z-index: 10;
        cursor: pointer; }
    .qWriteList .qFormBox .qAccept {
      margin-bottom: 2.6041666667vw; }
    .qWriteList .qFormBox .qSubBtn {
      width: 13.5416666667vw;
      height: 2.9166666667vw;
      background: #333;
      border: 1px solid #acacac;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 0.9375vw;
      color: #fff;
      line-height: 1.1458333333vw;
      text-align: left;
      cursor: pointer; }
      .qWriteList .qFormBox .qSubBtn span {
        display: block;
        padding-left: 2.0833333333vw;
        background: url("../images/qimg23.png") left center no-repeat;
        background-size: 0.9375vw; }

@media (min-width: 769px) and (max-width: 1440px) {
  .qBan .qSearchBox input {
    font-size: 12px; }
  .qBan .qSearchBox .qSearchBtn {
    font-size: 12px; }

  .qAskBox .qListBox .txt {
    padding-left: 20px;
    background: url("../images/qimg18.png") top 6px left no-repeat;
    background-size: 12px; }
  .qAskBox .qListBox p {
    font-size: 12px;
    line-height: 24px; }

  .qAskDetailBox .qAskDetail .qLeft p {
    font-size: 12px; }
  .qAskDetailBox .qAskDetail .qRight > p {
    font-size: 12px;
    white-space: nowrap; }
  .qAskDetailBox .qAskDetail .qRight > ul li span {
    font-size: 12px; }

  .qBanTxt .txts p {
    font-size: 12px; }

  .qWriteList .qFormBox input {
    font-size: 12px; }
  .qWriteList .qFormBox textarea {
    font-size: 12px; }
  .qWriteList .qFormBox .fileBox {
    font-size: 12px; }
  .qWriteList .qFormBox .qSubBtn {
    font-size: 12px; }

  .qContactBox2 .qFormBox input {
    font-size: 12px; }
  .qContactBox2 .qxyBox {
    font-size: 12px; }

  .shadowAlert .qxyBox {
    font-size: 12px; }

  .qAccept {
    font-size: 12px; }
    .qAccept p {
      width: 12px;
      height: 12px;
      top: 1px; }

  .aBox span {
    font-size: 12px; } }
@media (max-width: 768px) {
  .qPc {
    display: none; }

  .qMob {
    display: block; }

  .qAccept {
    align-items: center;
    margin-top: 2vw;
    font-size: 3.2vw;
    line-height: 5.3333333333vw; }
    .qAccept p {
      width: 2.6666666667vw;
      height: 2.6666666667vw;
      margin-right: 1.3333333333vw; }
      .qAccept p.on::before {
        left: 0.5333333333vw;
        top: 0.5333333333vw;
        width: 1.3333333333vw;
        height: 0.8vw; }

  .qBan {
    height: 53.3333333333vw; }
    .qBan .qSearchBox {
      width: 80vw;
      height: 9.3333333333vw; }
      .qBan .qSearchBox .iBox {
        background: url("../images/qimg17.png") left 2.1333333333vw center no-repeat;
        background-size: 4vw;
        padding: 0 8.5333333333vw; }
      .qBan .qSearchBox input {
        font-size: 3.2vw;
        line-height: 9.0666666667vw; }
      .qBan .qSearchBox .qSearchBtn {
        width: 13.8666666667vw;
        height: 9.3333333333vw;
        font-size: 3.2vw;
        line-height: 9.3333333333vw; }

  .qpolicyBox {
    width: 90.6666666667vw;
    margin-top: 6.6666666667vw; }
    .qpolicyBox .qtabBox {
      width: 100%;
      margin-bottom: 9.3333333333vw; }
      .qpolicyBox .qtabBox li {
        width: 16.8vw;
        font-size: 3.2vw;
        line-height: 9.3333333333vw;
        margin: 0 10.6666666667vw; }
        .qpolicyBox .qtabBox li::after {
          height: 0.6666666667vw;
          bottom: -0.2666666667vw; }
    .qpolicyBox .imgs {
      padding: 6.6666666667vw 2.6666666667vw; }
    .qpolicyBox .qContactBox {
      width: 70.6666666667vw;
      margin-top: 8vw; }

  .qContactBox .qconBox {
    flex-direction: column; }
    .qContactBox .qconBox li {
      width: 100%;
      height: 20.5333333333vw;
      margin-bottom: 2.6666666667vw; }
      .qContactBox .qconBox li p {
        font-size: 2.9333333333vw;
        line-height: 5.3333333333vw; }
    .qContactBox .qconBox .qphoneBox {
      background: #fff; }
      .qContactBox .qconBox .qphoneBox p {
        padding-left: 11.2vw;
        margin-bottom: -4vw; }
      .qContactBox .qconBox .qphoneBox strong {
        padding-left: 11.2vw;
        padding-top: 5.3333333333vw;
        background: url("../images/qimg4.png") left center no-repeat;
        background-size: 8.6666666667vw;
        font-size: 4.8vw;
        line-height: 5.3333333333vw; }
    .qContactBox .qconBox .qewmBox {
      background: #fff;
      justify-content: space-between; }
      .qContactBox .qconBox .qewmBox .ewm {
        width: auto;
        height: 100%;
        margin-right: 0; }
        .qContactBox .qconBox .qewmBox .ewm img {
          width: auto;
          height: 100%; }
      .qContactBox .qconBox .qewmBox .qPc {
        display: none; }
      .qContactBox .qconBox .qewmBox .qMob {
        display: block;
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: center; }

  .aBox {
    height: 8vw; }
    .aBox span {
      font-size: 3.2vw !important;
      line-height: 12vw !important; }

  .areaListBox .topTab li {
    font-size: 3.2vw;
    line-height: 8vw; }
  .areaListBox .alisBox {
    height: 40vw; }
    .areaListBox .alisBox li {
      padding: 0 1.3333333333vw;
      border-radius: 0.8vw;
      font-size: 3.2vw;
      line-height: 8vw; }

  .qContactBox2 {
    width: 100%;
    background: #fff;
    box-sizing: border-box;
    padding: 9.6vw 13.3333333333vw; }
    .qContactBox2.noBg {
      background: none; }
    .qContactBox2.otherTit .qTit {
      font-size: 4.8vw; }
    .qContactBox2 .qTit {
      margin-bottom: 6.6666666667vw; }
    .qContactBox2 .qFormBox {
      flex-direction: column;
      margin-bottom: 3.2vw; }
      .qContactBox2 .qFormBox > li {
        width: 100%;
        height: 12vw;
        border: 1px solid #e9e9e9;
        margin-bottom: 2.6666666667vw; }
      .qContactBox2 .qFormBox .iBox {
        padding: 0 2.6666666667vw; }
      .qContactBox2 .qFormBox input {
        font-size: 3.2vw;
        line-height: 12vw; }
      .qContactBox2 .qFormBox .qSubBtn {
        display: none; }
    .qContactBox2 .selBox {
      padding: 0 2.6666666667vw; }
      .qContactBox2 .selBox .loadText {
        text-indent: 2.6666666667vw; }
    .qContactBox2 .qxyBox {
      font-size: 2.6666666667vw;
      line-height: 4.8vw;
      justify-content: flex-start;
      margin-bottom: 5.3333333333vw; }
      .qContactBox2 .qxyBox span {
        width: 2.6666666667vw;
        height: 2.6666666667vw;
        margin-right: 2.1333333333vw; }
        .qContactBox2 .qxyBox span::before {
          left: 0.4vw;
          top: 0.4vw;
          width: 1.3333333333vw;
          height: 0.8vw; }
    .qContactBox2 .qSubBtn {
      width: 35.7333333333vw;
      height: 8.8vw;
      border: 1px solid #5c5c5c;
      font-size: 3.2vw;
      line-height: 8.8vw;
      color: #333;
      text-align: center;
      cursor: pointer;
      margin: 0 auto;
      margin-top: 6.6666666667vw; }

  .qTit {
    font-size: 5.0666666667vw;
    line-height: 5.3333333333vw; }

  .qguideBox {
    width: 100%;
    margin-top: 8vw; }
    .qguideBox .tabBox {
      width: 96vw;
      position: relative;
      left: 4vw;
      margin-bottom: 13.3333333333vw; }
      .qguideBox .tabBox .swiper {
        box-sizing: border-box;
        padding-right: 16vw; }
      .qguideBox .tabBox .img {
        height: 28.5333333333vw;
        margin-bottom: 2.6666666667vw; }
        .qguideBox .tabBox .img img {
          max-width: 16vw;
          max-height: 17.3333333333vw; }
      .qguideBox .tabBox p {
        font-size: 3.2vw;
        line-height: 4vw; }
      .qguideBox .tabBox .qBtn {
        display: none; }
    .qguideBox .qListBox .qTit {
      margin-bottom: 6.6666666667vw; }
    .qguideBox .qListBox .qVdBox {
      height: 56.8vw;
      margin-bottom: 13.3333333333vw; }
      .qguideBox .qListBox .qVdBox .qPlayBtn {
        width: 11.2vw;
        height: 11.2vw; }
    .qguideBox .qListBox .qLis {
      margin-bottom: 13.3333333333vw; }
      .qguideBox .qListBox .qLis ul {
        width: 92vw;
        flex-direction: column;
        margin: 0 auto; }
        .qguideBox .qListBox .qLis ul::after {
          display: none; }
      .qguideBox .qListBox .qLis li {
        width: 100%;
        background: none;
        margin-bottom: 4vw;
        display: flex;
        align-items: center;
        justify-content: center; }
      .qguideBox .qListBox .qLis .img {
        width: 31.4666666667vw;
        height: 17.8666666667vw; }
      .qguideBox .qListBox .qLis .txt {
        flex: 1;
        padding: 2.1333333333vw;
        box-sizing: border-box;
        font-size: 3.4666666667vw;
        line-height: 6.6666666667vw; }

  .qAskBox {
    width: 90.6666666667vw;
    margin-top: 6.6666666667vw; }
    .qAskBox .qListBox li {
      width: 100%;
      height: 24vw;
      padding: 4vw 2.6666666667vw;
      box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
      margin-bottom: 2.6666666667vw; }
    .qAskBox .qListBox a {
      width: 6.4vw;
      height: 6.5333333333vw;
      opacity: 1; }
    .qAskBox .qListBox .txt {
      width: 80vw;
      padding-left: 4vw;
      background: url("../images/qimg18.png") top 1.3333333333vw left no-repeat;
      background-size: 2.6666666667vw; }
    .qAskBox .qListBox p {
      font-size: 3.2vw;
      line-height: 5.3333333333vw; }

  .pageBox {
    width: 90.6666666667vw;
    margin: 0 auto;
    margin-top: 8vw; }
    .pageBox a {
      width: 4.8vw;
      height: 4.8vw;
      font-size: 2.6666666667vw;
      line-height: 4.8vw;
      margin: 0 1.3333333333vw; }
    .pageBox .qPrevPage {
      background-size: 2.1333333333vw; }
    .pageBox .qNextPage {
      background-size: 2.1333333333vw; }

  .qAskDetailBox {
    width: 90.6666666667vw; }
    .qAskDetailBox .qBackBox {
      height: 14.6666666667vw;
      margin-bottom: 4vw; }
    .qAskDetailBox .qCrumbs {
      display: none; }
    .qAskDetailBox .qBackBtn {
      display: block;
      width: 2.5333333333vw;
      height: 4.8vw;
      background: url("../images/qimg24.png") center;
      background-size: contain;
      cursor: pointer; }
    .qAskDetailBox .qTwBtn {
      width: 25.3333333333vw;
      height: 7.2vw;
      font-size: 2.6666666667vw;
      line-height: 7.2vw;
      border: 1px solid #939393;
      cursor: pointer;
      display: block; }
    .qAskDetailBox .qTwBtn2 {
      display: none; }
    .qAskDetailBox .qAskDetail {
      background: none;
      padding: 0;
      margin-bottom: 13.3333333333vw;
      flex-direction: column; }
      .qAskDetailBox .qAskDetail .qLeft {
        width: 100%;
        border: none;
        border-bottom: 2px solid #939393;
        padding: 0;
        padding-bottom: 13.3333333333vw;
        margin-bottom: 6.6666666667vw; }
        .qAskDetailBox .qAskDetail .qLeft .qStit {
          font-size: 5.0666666667vw;
          line-height: 5.3333333333vw;
          top: 0;
          margin-bottom: 5.3333333333vw; }
        .qAskDetailBox .qAskDetail .qLeft p {
          font-size: 3.2vw;
          line-height: 6.4vw;
          top: 0; }
      .qAskDetailBox .qAskDetail .qRight {
        width: 100%;
        padding: 0 10vw; }
        .qAskDetailBox .qAskDetail .qRight > p {
          font-size: 2.6666666667vw;
          line-height: 7.2vw;
          margin-bottom: 8vw; }
        .qAskDetailBox .qAskDetail .qRight > ul li {
          width: 25.3333333333vw;
          height: 7.2vw; }
          .qAskDetailBox .qAskDetail .qRight > ul li span {
            padding-left: 4.8vw;
            font-size: 3.2vw;
            line-height: 5.3333333333vw; }
        .qAskDetailBox .qAskDetail .qRight > ul li:nth-child(1) span {
          background-size: 3.2vw; }
        .qAskDetailBox .qAskDetail .qRight > ul li:nth-child(2) span {
          background-size: 3.2vw; }
      .qAskDetailBox .qAskDetail .qContactBox {
        width: 100%;
        padding: 0 10.6666666667vw; }
        .qAskDetailBox .qAskDetail .qContactBox .qconBox li {
          width: 100%;
          height: 20.5333333333vw; }

  .askAlert .qConBox {
    width: 86.1333333333vw;
    align-items: flex-start; }
    .askAlert .qConBox ul {
      margin-bottom: 4vw; }
    .askAlert .qConBox li {
      flex-direction: column;
      margin-bottom: 0; }
    .askAlert .qConBox .iBox {
      width: 100%;
      height: 9.3333333333vw;
      padding: 0 5.3333333333vw;
      margin-bottom: 2.6666666667vw; }
      .askAlert .qConBox .iBox input {
        font-size: 3.2vw;
        line-height: 7.2vw; }
    .askAlert .qConBox .tBox {
      height: 29.8666666667vw;
      padding: 1.3333333333vw 2.6666666667vw; }
      .askAlert .qConBox .tBox textarea {
        font-size: 3.2vw;
        line-height: 4.8vw; }
    .askAlert .qConBox .qSubBtn {
      width: 34.6666666667vw;
      height: 7.4666666667vw;
      font-size: 3.2vw;
      line-height: 7.0666666667vw;
      margin: 0 auto; }
      .askAlert .qConBox .qSubBtn span {
        padding-left: 5.3333333333vw;
        background-size: 2.4vw; }

  .qBanTxt .txts {
    width: 100%;
    box-sizing: border-box;
    padding: 9.3333333333vw 10.6666666667vw;
    left: 0;
    top: 0;
    transform: translateY(0); }
    .qBanTxt .txts .tit {
      font-size: 8.8vw;
      line-height: 9.0666666667vw;
      margin-bottom: 4.5333333333vw; }
    .qBanTxt .txts .stit {
      font-size: 4vw;
      line-height: 5.0666666667vw; }
    .qBanTxt .txts p {
      font-size: 3.2vw;
      line-height: 5.6vw;
      margin-bottom: 6.6666666667vw; }
    .qBanTxt .txts ul li {
      width: 36vw; }
  .qBanTxt .qBottom .txts {
    width: 100%; }

  .qIconBox {
    width: 90.6666666667vw;
    margin-top: 10.6666666667vw; }
    .qIconBox li {
      width: 44.2666666667vw;
      height: 23.2vw;
      margin-bottom: 2.6666666667vw; }
      .qIconBox li img {
        width: 8.8vw;
        margin-right: 4vw; }
      .qIconBox li p {
        font-size: 3.4666666667vw;
        line-height: 5.3333333333vw; }

  .ewmCall {
    margin-top: 14.6666666667vw; }
    .ewmCall a {
      width: 30.6666666667vw;
      height: 8vw;
      left: 10.6666666667vw;
      top: 41.3333333333vw; }

  .qWriteList {
    margin-top: 10.6666666667vw; }
    .qWriteList .qTit {
      margin-bottom: 6.6666666667vw; }
    .qWriteList .qContactBox {
      margin-top: 13.3333333333vw; }
    .qWriteList .qFormBox {
      width: 90.6666666667vw;
      align-items: flex-start; }
      .qWriteList .qFormBox > ul > li {
        margin-bottom: 4vw; }
      .qWriteList .qFormBox input {
        font-size: 3.2vw;
        line-height: 8.8vw; }
      .qWriteList .qFormBox textarea {
        font-size: 3.2vw;
        line-height: 4vw; }
      .qWriteList .qFormBox .iBox {
        height: 9.3333333333vw;
        border: 1px solid #bcbcbc;
        padding: 0 4vw;
        margin-bottom: 4vw; }
      .qWriteList .qFormBox .getDate {
        padding-top: 9.3333333333vw; }
      .qWriteList .qFormBox .sBox {
        width: 100%;
        height: 9.3333333333vw;
        border: 1px solid #bcbcbc;
        margin-bottom: 4vw; }
      .qWriteList .qFormBox .tBox {
        width: 100%;
        height: 26.6666666667vw;
        border: 1px solid #bcbcbc;
        padding: 1.8666666667vw 4vw; }
      .qWriteList .qFormBox .qTwo {
        margin-bottom: 0; }
        .qWriteList .qFormBox .qTwo .iBox {
          width: 100%; }
      .qWriteList .qFormBox .qThree {
        margin-bottom: 0; }
      .qWriteList .qFormBox .layui-inline {
        width: 100%;
        height: 9.3333333333vw;
        border: 1px solid #bcbcbc;
        margin-bottom: 4vw; }
      .qWriteList .qFormBox .layui-form-select {
        font-size: 3.2vw; }
        .qWriteList .qFormBox .layui-form-select .layui-select-title {
          padding-left: 4vw; }
      .qWriteList .qFormBox .qFile {
        margin-top: 0;
        flex-wrap: wrap;
        margin-bottom: 0; }
      .qWriteList .qFormBox .fileBox {
        width: 42.1333333333vw;
        height: 26.6666666667vw;
        border: 1px solid #bcbcbc;
        font-size: 3.2vw;
        line-height: 8.8vw;
        margin-bottom: 4vw; }
      .qWriteList .qFormBox .qAccept {
        margin-bottom: 6.6666666667vw; }
      .qWriteList .qFormBox .qSubBtn {
        width: 100%;
        height: 9.3333333333vw;
        font-size: 3.2vw;
        line-height: 9.3333333333vw; }
        .qWriteList .qFormBox .qSubBtn span {
          padding-left: 0;
          background: none; }

  .shadowAlert .qStit {
    width: 100%;
    font-size: 5.0666666667vw;
    line-height: 5.3333333333vw;
    text-align: center;
    margin-bottom: 6.6666666667vw; }
  .shadowAlert .qCloseBtn {
    width: 5.3333333333vw;
    height: 5.3333333333vw;
    position: relative;
    right: 0;
    top: 0;
    margin-top: 18.6666666667vw; }
    .shadowAlert .qCloseBtn::before, .shadowAlert .qCloseBtn::after {
      content: "";
      display: block;
      position: absolute;
      left: 50%;
      top: 50%;
      background: #fff;
      -webkit-border-radius: 0;
      border-radius: 0;
      width: 2px;
      height: 4.8vw;
      margin-top: -2.4vw;
      margin-left: -1px; }
    .shadowAlert .qCloseBtn::before {
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg); }
    .shadowAlert .qCloseBtn::after {
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg); }
  .shadowAlert .qxyBox {
    font-size: 2.6666666667vw;
    line-height: 4.8vw;
    justify-content: flex-start;
    margin-bottom: 5.3333333333vw; }
    .shadowAlert .qxyBox span {
      width: 2.6666666667vw;
      height: 2.6666666667vw;
      margin-right: 2.1333333333vw; }
      .shadowAlert .qxyBox span::before {
        left: 0.5333333333vw;
        top: 0.5333333333vw;
        width: 1.3333333333vw;
        height: 0.8vw; } }
/*查询门店*/
.qBan .qChoseCity {
  margin-bottom: 1.5625vw;
  position: relative; }
  .qBan .qChoseCity > p {
    padding-right: 1.5625vw;
    font-size: 1.9791666667vw;
    color: #fff;
    line-height: 2.0833333333vw;
    text-align: center;
    font-weight: bold;
    position: relative;
    cursor: pointer; }
  .qBan .qChoseCity > p:after {
    content: "";
    display: block;
    border: 0.625vw solid transparent;
    border-top-color: #fff;
    position: absolute;
    right: 0;
    top: 50%; }
  .qBan .qChoseCity > .qOn:after {
    border: 0.625vw solid transparent;
    border-bottom-color: #fff;
    top: 20%; }
.qBan .qCityBox {
  width: 26.0416666667vw;
  height: 20.8333333333vw;
  border: 1px solid #acacac;
  box-sizing: border-box;
  background: #fff;
  position: absolute;
  left: 50%;
  top: 3.125vw;
  transform: translateX(-50%);
  z-index: 50;
  font-size: 0.9375vw;
  color: #333;
  line-height: 2.6041666667vw;
  text-align: left;
  display: none; }
.qBan .qpBox {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 0 2.6041666667vw;
  background: #fff;
  overflow: hidden;
  overflow-y: auto; }
  .qBan .qpBox > li {
    border-bottom: 1px solid #acacac;
    font-weight: bold;
    cursor: pointer; }
    .qBan .qpBox > li p {
      background: url("../images/qicon7.png") right center no-repeat;
      background-size: 1.0416666667vw; }
    .qBan .qpBox > li.qAct p {
      background: url("../images/qicon8.png") right center no-repeat;
      background-size: 1.0416666667vw; }
.qBan .qcBox {
  display: none; }
  .qBan .qcBox li {
    padding-left: 0.5208333333vw;
    font-weight: normal;
    cursor: pointer; }

.qCkList {
  width: 72.9166666667vw;
  margin: 0 auto;
  margin-top: 4.1666666667vw;
  margin-bottom: 4.1666666667vw; }
  .qCkList .pshop {
    font-size: 1.25vw;
    color: #333;
    line-height: 1.5625vw;
    text-align: center; }
  .qCkList .pageBox {
    margin-bottom: 5.2083333333vw; }
  .qCkList .qTit {
    margin-bottom: 2.6041666667vw; }
  .qCkList .qListBox {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 3.6458333333vw; }
  .qCkList .qBarBox {
    width: 35.5208333333vw;
    height: 16.6666666667vw;
    background: #fff;
    box-sizing: border-box;
    padding: 2.6041666667vw 2.0833333333vw;
    margin-bottom: 2.0833333333vw;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
    transition: all 0.3s linear; }
  .qCkList .qBarBox:hover {
    box-shadow: 0 0 0.7291666667vw rgba(0, 0, 0, 0.2); }
  .qCkList .qNameBox {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start; }
    .qCkList .qNameBox p {
      font-size: 1.0416666667vw;
      color: #333;
      line-height: 1.5625vw;
      text-align: left;
      margin-right: 0.5208333333vw; }
    .qCkList .qNameBox span {
      font-size: 0.7291666667vw;
      color: #333;
      line-height: 1.25vw;
      text-align: left; }
  .qCkList .qList li {
    padding-left: 1.6666666667vw;
    background-size: 1.25vw !important;
    margin-bottom: 0.8333333333vw;
    font-size: 0.7291666667vw;
    color: #333;
    line-height: 1.5625vw;
    text-align: left; }
  .qCkList .qList .qArea {
    background: url("../images/qicon9.png") left center no-repeat; }
  .qCkList .qList .qCall {
    background: url("../images/qicon12.png") left center no-repeat; }
  .qCkList .qList a {
    color: #333; }
  .qCkList .qBtnBox {
    display: flex;
    align-items: center; }
    .qCkList .qBtnBox li {
      min-width: 10vw;
      height: 2.8125vw;
      border: 1px solid #333;
      box-sizing: border-box;
      padding: 0 0.5208333333vw;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      font-size: 0.7291666667vw;
      color: #333;
      line-height: 1.5625vw;
      text-align: left;
      margin-right: 2.6041666667vw;
      cursor: pointer; }
      .qCkList .qBtnBox li a {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 10; }
      .qCkList .qBtnBox li span {
        display: block;
        padding-left: 1.5625vw;
        background-size: 1.1458333333vw !important; }
    .qCkList .qBtnBox li:hover {
      background: #333;
      color: #fff; }
    .qCkList .qBtnBox .qJump span {
      background: url("../images/qicon10.png") left center no-repeat; }
    .qCkList .qBtnBox .qJump:hover span {
      background: url("../images/qicon10_1.png") left center no-repeat; }
    .qCkList .qBtnBox .qSend span {
      background: url("../images/qicon11.png") left center no-repeat; }
    .qCkList .qBtnBox .qSend:hover span {
      background: url("../images/qicon11_1.png") left center no-repeat; }

.qSendAlert {
  display: none; }
  .qSendAlert .contain {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column; }
  .qSendAlert ul {
    width: 33.8541666667vw;
    display: flex;
    align-items: center;
    justify-content: space-between; }
  .qSendAlert li {
    width: 10.9375vw;
    height: 2.8125vw;
    background: #fff;
    box-sizing: border-box;
    padding: 0 1.0416666667vw;
    line-height: 0;
    margin-bottom: 1.0416666667vw;
    position: relative; }
  .qSendAlert .iBox {
    width: 100%;
    height: 100%; }
    .qSendAlert .iBox input {
      width: 100%;
      height: 100%;
      display: block;
      font-size: 0.7291666667vw;
      color: #333;
      line-height: 2.7083333333vw;
      text-align: left; }
    .qSendAlert .iBox .jy {
      height: 100%;
      position: absolute;
      right: 0;
      top: 0;
      display: flex;
      align-items: center;
      justify-content: center; }
      .qSendAlert .iBox .jy img {
        height: 60%; }
  .qSendAlert .txts {
    width: 100%;
    display: flex;
    align-items: flex-start;
    flex-direction: column; }
    .qSendAlert .txts > p {
      font-size: 0.7291666667vw;
      color: #fff;
      line-height: 1.0416666667vw;
      text-align: left; }
  .qSendAlert .qxyBox {
    justify-content: flex-start;
    margin-top: 0.5208333333vw; }
  .qSendAlert .qSubBtn {
    width: 13.5416666667vw;
    height: 2.9166666667vw;
    background: #333;
    border: 1px solid #acacac;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9375vw;
    color: #fff;
    line-height: 1.1458333333vw;
    text-align: left;
    cursor: pointer;
    margin-top: 2.6041666667vw; }
    .qSendAlert .qSubBtn span {
      display: block;
      padding-left: 2.0833333333vw;
      background: url("../images/qimg23.png") left center no-repeat;
      background-size: 0.9375vw; }

@media (min-width: 769px) and (max-width: 1440px) {
  .qCkList .pshop {
    font-size: 14px;
    line-height: 30px; }
  .qCkList .qNameBox p {
    font-size: 14px;
    line-height: 20px; }
  .qCkList .qNameBox span {
    font-size: 12px; }
  .qCkList .qList li {
    font-size: 12px; }
  .qCkList .qBtnBox li {
    font-size: 12px; }

  .qSendAlert .txts > p {
    font-size: 12px; }
  .qSendAlert .iBox input {
    font-size: 12px; } }
@media (max-width: 768px) {
  .qBan .qChoseCity {
    margin-bottom: 4vw; }
    .qBan .qChoseCity > p {
      padding-right: 4vw;
      font-size: 5.0666666667vw;
      color: #fff;
      line-height: 5.3333333333vw;
      text-align: center; }
    .qBan .qChoseCity > p:after {
      border: 1.6vw solid transparent;
      border-top-color: #fff; }
    .qBan .qChoseCity > .qOn:after {
      top: 10%;
      border: 1.6vw solid transparent;
      border-bottom-color: #fff; }
  .qBan .qCityBox {
    width: 66.6666666667vw;
    height: 80vw;
    top: 8vw;
    font-size: 3.2vw;
    line-height: 9.3333333333vw; }
  .qBan .qpBox {
    padding: 0 6.6666666667vw; }
    .qBan .qpBox > li > p {
      background-size: 4vw !important; }
  .qBan .qcBox li {
    padding-left: 1.3333333333vw; }

  .qCkList {
    width: 90.6666666667vw;
    margin-top: 6.6666666667vw;
    margin-bottom: 6.6666666667vw; }
    .qCkList .pshop {
      font-size: 4vw;
      line-height: 6.6666666667vw; }
    .qCkList .pageBox {
      margin-bottom: 13.3333333333vw; }
    .qCkList .qTit {
      display: none; }
    .qCkList .qListBox {
      margin-bottom: 6.6666666667vw; }
    .qCkList .qBarBox {
      width: 100%;
      min-height: 42.6666666667vw;
      height: auto;
      box-shadow: 0 0 0 #fff;
      padding: 6.6666666667vw 5.3333333333vw;
      margin-bottom: 2.6666666667vw; }
    .qCkList .qNameBox {
      width: 100%;
      align-items: flex-start;
      justify-content: space-between; }
      .qCkList .qNameBox p {
        font-size: 3.4666666667vw;
        line-height: 5.3333333333vw;
        margin-right: 1.3333333333vw; }
      .qCkList .qNameBox span {
        font-size: 2.4vw;
        line-height: 5.3333333333vw;
        white-space: nowrap; }
    .qCkList .qList li {
      padding-left: 4.2666666667vw;
      background-size: 3.2vw !important;
      margin-bottom: 2.1333333333vw;
      font-size: 2.6666666667vw;
      line-height: 5.3333333333vw; }
    .qCkList .qBtnBox li {
      width: 25.6vw;
      height: 7.2vw;
      font-size: 2.6666666667vw;
      line-height: 5.3333333333vw;
      margin-right: 6.6666666667vw; }
      .qCkList .qBtnBox li span {
        padding-left: 4vw;
        background-size: 3.2vw !important; }

  .qSendAlert .contain {
    width: 80vw; }
  .qSendAlert ul {
    width: 100%;
    flex-direction: column; }
  .qSendAlert li {
    width: 100%;
    height: 9.3333333333vw;
    padding: 0 2.6666666667vw;
    margin-bottom: 2.6666666667vw; }
  .qSendAlert .iBox input {
    font-size: 3.2vw;
    line-height: 9.0666666667vw; }
  .qSendAlert .txts > p {
    font-size: 2.9333333333vw;
    line-height: 4vw; }
  .qSendAlert .qSubBtn {
    width: 100%;
    height: 9.3333333333vw;
    font-size: 3.2vw;
    line-height: 9.3333333333vw;
    margin-top: 6.6666666667vw; }
    .qSendAlert .qSubBtn span {
      padding-left: 5.3333333333vw;
      background-size: 3.2vw; } }
/*下载说明书*/
.qDownLoadBox {
  width: 72.9166666667vw;
  margin: 0 auto;
  margin-top: 4.1666666667vw; }
  .qDownLoadBox .qTit {
    margin-bottom: 2.6041666667vw; }
  .qDownLoadBox .qSearchInput {
    width: 41.6666666667vw;
    background: #fff;
    margin: 0 auto;
    margin-bottom: 2.6041666667vw;
    display: flex;
    align-items: center;
    justify-content: center; }
    .qDownLoadBox .qSearchInput .iBox {
      background: #fff;
      flex: 1;
      border: 1px solid #b3b3b3;
      border-right: none;
      line-height: 0; }
    .qDownLoadBox .qSearchInput input {
      width: 100%;
      height: 2.7083333333vw;
      text-indent: 0.7291666667vw; }
    .qDownLoadBox .qSearchInput .qSearchBtn {
      width: 7.8125vw;
      height: 2.8125vw;
      background: #333;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 0.7291666667vw;
      color: #fff;
      line-height: 1.1458333333vw;
      text-align: left;
      cursor: pointer; }
      .qDownLoadBox .qSearchInput .qSearchBtn span {
        display: block;
        padding-left: 1.5625vw;
        background: url("../images/qimg17_1.png") left center no-repeat;
        background-size: 1.0416666667vw; }
  .qDownLoadBox .qShowList {
    width: 72.9166666667vw;
    margin: 0 auto; }
    .qDownLoadBox .qShowList > li {
      width: 100%;
      box-sizing: border-box;
      background: #fff;
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      padding: 3.125vw 2.0833333333vw;
      margin-bottom: 2.0833333333vw;
      transition: all 0.3s linear; }
    .qDownLoadBox .qShowList .imgBox {
      width: 11.9791666667vw;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column; }
      .qDownLoadBox .qShowList .imgBox img {
        width: 9.375vw;
        margin-bottom: 1.5625vw; }
      .qDownLoadBox .qShowList .imgBox p {
        font-size: 1.0416666667vw;
        color: #333;
        line-height: 1.7708333333vw;
        text-align: center;
        font-weight: bold; }
    .qDownLoadBox .qShowList > li:hover {
      box-shadow: 0 0 0.7291666667vw rgba(0, 0, 0, 0.2); }
    .qDownLoadBox .qShowList .qList {
      flex: 1; }
      .qDownLoadBox .qShowList .qList > li:nth-child(1) {
        height: 2.6041666667vw;
        background: #f1f3f5; }
        .qDownLoadBox .qShowList .qList > li:nth-child(1) .qTop {
          font-size: 1.0416666667vw;
          color: #333;
          line-height: 2.6041666667vw;
          text-align: center;
          font-weight: bold; }
      .qDownLoadBox .qShowList .qList > li {
        min-height: 3.125vw;
        border-bottom: 1px solid #e1e3e6; }
      .qDownLoadBox .qShowList .qList > li:last-child {
        border-bottom: none; }
      .qDownLoadBox .qShowList .qList .qTop {
        height: 3.125vw;
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        font-size: 0.8333333333vw;
        color: #333;
        line-height: 1.25vw;
        text-align: center; }
        .qDownLoadBox .qShowList .qList .qTop li {
          width: 20%;
          height: 100%;
          display: flex;
          align-items: center;
          justify-content: center;
          position: relative; }
          .qDownLoadBox .qShowList .qList .qTop li a {
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0; }
        .qDownLoadBox .qShowList .qList .qTop > li:nth-child(1) {
          text-align: left;
          box-sizing: border-box;
          padding-left: 4.1666666667vw;
          justify-content: flex-start; }
      .qDownLoadBox .qShowList .qList .ckBtn {
        cursor: pointer; }
        .qDownLoadBox .qShowList .qList .ckBtn p {
          padding-right: 1.1458333333vw;
          background: url("../images/qicon7.png") right center no-repeat;
          background-size: 1.0416666667vw; }
        .qDownLoadBox .qShowList .qList .ckBtn.on p {
          background: url("../images/qicon8.png") right center no-repeat;
          background-size: 1.0416666667vw; }
      .qDownLoadBox .qShowList .qList .qPreview {
        cursor: pointer; }
        .qDownLoadBox .qShowList .qList .qPreview p {
          padding-left: 1.1458333333vw;
          background: url("../images/qicon13.png") left center no-repeat;
          background-size: 0.9375vw; }
      .qDownLoadBox .qShowList .qList .qDownBtn {
        cursor: pointer; }
        .qDownLoadBox .qShowList .qList .qDownBtn p {
          padding-left: 1.1458333333vw;
          background: url("../images/qicon14.png") left center no-repeat;
          background-size: 0.9375vw; }
      .qDownLoadBox .qShowList .qList .qCon {
        display: none;
        font-size: 0.7291666667vw;
        color: #333;
        line-height: 1.25vw;
        text-align: left; }
        .qDownLoadBox .qShowList .qList .qCon p {
          padding: 0.7291666667vw;
          padding-left: 4.1666666667vw; }
  .qDownLoadBox .qDownList {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 3.6458333333vw; }
    .qDownLoadBox .qDownList li {
      width: 23.6458333333vw;
      height: 23.6458333333vw;
      background: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      position: relative;
      transition: all 0.3s linear;
      margin-bottom: 1.0416666667vw; }
      .qDownLoadBox .qDownList li a {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0; }
      .qDownLoadBox .qDownList li .img {
        width: 14.0625vw;
        height: 11.4583333333vw;
        position: relative;
        margin-bottom: 2.6041666667vw; }
        .qDownLoadBox .qDownList li .img img {
          position: absolute;
          left: 0px;
          top: 0px;
          width: 100%;
          height: 100%;
          object-fit: cover;
          -ms-object-fit: cover;
          -moz-object-fit: cover;
          -webkit-object-fit: cover;
          -o-object-fit: cover; }
      .qDownLoadBox .qDownList li p {
        font-weight: bold;
        font-size: 1.3541666667vw;
        color: #333;
        line-height: 1.5625vw;
        text-align: center; }
    .qDownLoadBox .qDownList li:hover {
      box-shadow: 0 0 0.7291666667vw rgba(0, 0, 0, 0.2); }
  .qDownLoadBox .qEntranceBtn {
    width: 7.8125vw;
    height: 2.6041666667vw;
    border: 1px solid #333;
    font-size: 0.7291666667vw;
    color: #333;
    line-height: 2.6041666667vw;
    text-align: center;
    cursor: pointer;
    margin: 0 auto;
    transition: all 0.3s linear; }
  .qDownLoadBox .qEntranceBtn:hover {
    background: #333;
    color: #fff; }

.qEntranceAlert {
  display: none; }
  .qEntranceAlert .contain .iBox {
    width: 16.4583333333vw;
    height: 2.9166666667vw;
    background: #fff;
    box-sizing: border-box;
    padding: 0 0.7291666667vw;
    border: 1px solid #e6e6e6;
    line-height: 0; }
  .qEntranceAlert .contain input {
    width: 100%;
    height: 100%;
    display: block;
    font-size: 0.7291666667vw;
    color: #333;
    line-height: 2.8125vw;
    text-align: left; }
  .qEntranceAlert .qSubBtn {
    width: 13.5416666667vw;
    height: 2.9166666667vw;
    background: #333;
    border: 1px solid #acacac;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9375vw;
    color: #fff;
    line-height: 1.1458333333vw;
    text-align: left;
    cursor: pointer;
    margin: 0 auto;
    margin-top: 2.6041666667vw; }
    .qEntranceAlert .qSubBtn span {
      display: block;
      padding-left: 2.0833333333vw;
      background: url("../images/qimg23.png") left center no-repeat;
      background-size: 0.9375vw; }

@media (min-width: 769px) and (max-width: 1440px) {
  .qDownLoadBox .qEntranceBtn {
    font-size: 12px; }
  .qDownLoadBox .qSearchInput .qSearchBtn {
    font-size: 12px; }
  .qDownLoadBox .qShowList .qList .qTop li {
    font-size: 12px; }
  .qDownLoadBox .qShowList .qList > li:nth-child(1) .qTop {
    font-size: 14px; }
  .qDownLoadBox .qShowList .qList .qCon {
    font-size: 12px;
    line-height: 16px; } }
@media (max-width: 768px) {
  .qDownLoadBox {
    width: 90.6666666667vw;
    margin-top: 6.6666666667vw; }
    .qDownLoadBox .qTit {
      margin-bottom: 6.6666666667vw; }
    .qDownLoadBox .qSearchInput {
      width: 80vw;
      background: #fff;
      margin-bottom: 0;
      position: absolute;
      left: 10vw;
      top: 33.8666666667vw;
      z-index: 20; }
      .qDownLoadBox .qSearchInput .iBox {
        box-sizing: border-box;
        padding-left: 8.8vw;
        background: url("../images/qimg17.png") left 1.3333333333vw center no-repeat;
        background-size: 4vw; }
      .qDownLoadBox .qSearchInput input {
        height: 9.0666666667vw;
        text-indent: 0; }
      .qDownLoadBox .qSearchInput .qSearchBtn {
        width: 14.1333333333vw;
        height: 9.3333333333vw;
        font-size: 3.2vw;
        line-height: 9.3333333333vw; }
        .qDownLoadBox .qSearchInput .qSearchBtn span {
          padding-left: 0;
          background: none; }
    .qDownLoadBox .qShowList {
      width: 90.6666666667vw; }
      .qDownLoadBox .qShowList > li {
        width: 100%;
        flex-direction: column;
        padding: 8vw 5.3333333333vw;
        padding-bottom: 4vw;
        margin-bottom: 5.3333333333vw; }
      .qDownLoadBox .qShowList .imgBox {
        width: 100%;
        flex-direction: row;
        margin-bottom: 8vw; }
        .qDownLoadBox .qShowList .imgBox img {
          width: 24vw;
          margin-bottom: 0; }
        .qDownLoadBox .qShowList .imgBox p {
          flex: 1;
          box-sizing: border-box;
          padding: 0 4vw;
          font-size: 4vw;
          line-height: 6.6666666667vw;
          text-align: left; }
      .qDownLoadBox .qShowList > li:hover {
        box-shadow: 0 0 1.8666666667vw rgba(0, 0, 0, 0.2); }
      .qDownLoadBox .qShowList .qList {
        width: 100%;
        border: 1px solid #e8eaec;
        flex: auto; }
        .qDownLoadBox .qShowList .qList > li:nth-child(1) {
          height: 6.6666666667vw;
          display: none; }
          .qDownLoadBox .qShowList .qList > li:nth-child(1) .qTop {
            display: none; }
        .qDownLoadBox .qShowList .qList > li {
          width: 100%;
          min-height: 8vw; }
        .qDownLoadBox .qShowList .qList .qTop {
          height: 8vw;
          font-size: 3.2vw;
          line-height: 10.1333333333vw; }
          .qDownLoadBox .qShowList .qList .qTop li {
            width: 25%;
            height: 100%; }
          .qDownLoadBox .qShowList .qList .qTop > li:nth-child(1) {
            width: 50%;
            padding-left: 5.3333333333vw; }
          .qDownLoadBox .qShowList .qList .qTop .ckBtn {
            display: none; }
        .qDownLoadBox .qShowList .qList .qCon {
          font-size: 3.2vw;
          line-height: 4vw; }
        .qDownLoadBox .qShowList .qList .qPreview p {
          padding-left: 4.8vw;
          background-size: 4vw; }
        .qDownLoadBox .qShowList .qList .qDownBtn p {
          padding-left: 4.8vw;
          background-size: 4vw; }
    .qDownLoadBox .qDownList {
      flex-direction: column;
      margin-bottom: 10.6666666667vw; }
      .qDownLoadBox .qDownList li {
        width: 100%;
        height: auto;
        margin-bottom: 2.6666666667vw;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-end;
        box-sizing: border-box;
        padding: 5.3333333333vw 6.6666666667vw; }
        .qDownLoadBox .qDownList li .img {
          width: 40vw;
          height: 32vw;
          margin-bottom: 0; }
        .qDownLoadBox .qDownList li .txt {
          display: flex;
          align-items: flex-end;
          justify-content: center;
          flex-direction: column; }
        .qDownLoadBox .qDownList li p {
          font-size: 3.4666666667vw;
          line-height: 4vw;
          margin-bottom: 9.3333333333vw; }
        .qDownLoadBox .qDownList li span {
          display: block;
          width: 6.4vw;
          height: 6.5333333333vw;
          background: url("../images/qimg12.png") center no-repeat;
          background-size: cover; }
    .qDownLoadBox .qEntranceBtn {
      width: 36vw;
      height: 8.8vw;
      font-size: 3.2vw;
      line-height: 8.8vw; }

  .qEntranceAlert {
    display: none; }
    .qEntranceAlert .kuang {
      justify-content: flex-start; }
    .qEntranceAlert .contain {
      width: 80vw;
      padding-top: 32.8vw; }
      .qEntranceAlert .contain .iBox {
        width: 100%;
        height: 9.3333333333vw;
        padding: 0 4vw; }
      .qEntranceAlert .contain input {
        font-size: 3.2vw;
        line-height: 9.0666666667vw; }
    .qEntranceAlert .qSubBtn {
      width: 100%;
      height: 9.3333333333vw;
      font-size: 3.2vw;
      line-height: 9.3333333333vw;
      margin-top: 6.6666666667vw; }
      .qEntranceAlert .qSubBtn span {
        padding-left: 5.3333333333vw;
        background-size: 3.2vw; } }
/*下载说明书*/
.qInformBox {
  width: 72.9166666667vw;
  height: 29.4791666667vw;
  background: #fff;
  position: relative;
  margin: 0 auto;
  margin-top: 3.125vw; }
  .qInformBox .swiper {
    width: 100%;
    height: 100%;
    overflow: hidden; }
  .qInformBox .swiper-slide {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 0 1px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    overflow: hidden; }
    .qInformBox .swiper-slide .img {
      width: 44.7916666667vw;
      height: 29.4791666667vw;
      position: relative; }
      .qInformBox .swiper-slide .img img {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        object-fit: cover;
        -ms-object-fit: cover;
        -moz-object-fit: cover;
        -webkit-object-fit: cover;
        -o-object-fit: cover; }
    .qInformBox .swiper-slide .txts {
      flex: 1;
      box-sizing: border-box;
      padding: 3.125vw 1.9791666667vw;
      line-height: 0; }
      .qInformBox .swiper-slide .txts .tit {
        font-size: 1.25vw;
        color: #333;
        line-height: 1.9791666667vw;
        text-align: left;
        margin-bottom: 0.8333333333vw; }
      .qInformBox .swiper-slide .txts span {
        display: block;
        font-size: 0.7291666667vw;
        color: #333;
        line-height: 1.0416666667vw;
        text-align: left;
        margin-bottom: 1.0416666667vw; }
      .qInformBox .swiper-slide .txts p {
        font-size: 0.8333333333vw;
        color: #333;
        line-height: 1.5625vw;
        text-align: left; }
    .qInformBox .swiper-slide a {
      display: block;
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      z-index: 10; }
  .qInformBox .pagination {
    width: 25vw;
    position: absolute;
    left: 46.6666666667vw;
    bottom: 2.6041666667vw;
    z-index: 10; }
    .qInformBox .pagination .swiper-pagination-bullet-active {
      width: 1.5625vw;
      border-radius: 10px;
      background: #999; }
    .qInformBox .pagination .swiper-pagination-bullet {
      background: #999;
      opacity: 1; }

.qInformDetailBox {
  width: 72.9166666667vw;
  margin: 0 auto;
  margin-top: 5.2083333333vw; }
  .qInformDetailBox .qTit {
    margin-bottom: 1.5625vw;
    box-sizing: border-box;
    padding: 0 2.6041666667vw; }
  .qInformDetailBox .qTime {
    display: block;
    font-size: 0.8333333333vw;
    color: #333;
    line-height: 1.0416666667vw;
    text-align: center; }
  .qInformDetailBox .con {
    margin-top: 2.6041666667vw;
    margin-bottom: 3.6458333333vw; }
    .qInformDetailBox .con p {
      font-size: 0.8333333333vw;
      color: #333;
      line-height: 1.5625vw;
      text-align: left;
      margin-bottom: 1.0416666667vw; }
    .qInformDetailBox .con .noInt {
      text-indent: 0em; }
    .qInformDetailBox .con img {
      max-width: 100%; }
    .qInformDetailBox .con video {
      max-width: 100%; }
  .qInformDetailBox .qBackBtn {
    display: block;
    width: 9.1666666667vw;
    height: 2.8125vw;
    border: 1px solid #333;
    font-size: 0.9375vw;
    color: #333;
    line-height: 2.8125vw;
    text-align: center;
    margin: 0 auto;
    transition: all 0.3s linear; }
    .qInformDetailBox .qBackBtn:hover {
      background: #333;
      color: #fff; }

.qOtherInformBox {
  width: 72.9166666667vw;
  margin: 0 auto;
  margin-top: 5.2083333333vw; }
  .qOtherInformBox.qOtherInformBox1 {
    margin-top: 3.125vw; }
  .qOtherInformBox .qTit {
    margin-bottom: 4.1666666667vw; }
  .qOtherInformBox ul {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap; }
    .qOtherInformBox ul li {
      width: 23.0208333333vw;
      background: #fff;
      margin-bottom: 2.0833333333vw;
      position: relative; }
    .qOtherInformBox ul li:hover img {
      transform: scale(1.1); }
    .qOtherInformBox ul a {
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0; }
    .qOtherInformBox ul .img {
      width: 100%;
      height: 15.625vw;
      position: relative;
      overflow: hidden; }
      .qOtherInformBox ul .img img {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        object-fit: cover;
        -ms-object-fit: cover;
        -moz-object-fit: cover;
        -webkit-object-fit: cover;
        -o-object-fit: cover;
        transition: all 0.3s linear; }
    .qOtherInformBox ul .txt {
      width: 100%;
      box-sizing: border-box;
      padding: 0.9375vw 1.3541666667vw;
      line-height: 0; }
      .qOtherInformBox ul .txt p {
        height: 3.125vw;
        font-size: 0.9375vw;
        color: #333;
        line-height: 1.5625vw;
        text-align: left;
        margin-bottom: 1.0416666667vw;
        overflow: hidden; }
      .qOtherInformBox ul .txt span {
        font-size: 0.7291666667vw;
        color: #999;
        line-height: 1.0416666667vw;
        text-align: left; }

@media (min-width: 769px) and (max-width: 1440px) {
  .qInformBox .swiper-slide .txts .tit {
    font-size: 16px;
    line-height: 20px; }
  .qInformBox .swiper-slide .txts span {
    font-size: 12px;
    line-height: 20px; }
  .qInformBox .swiper-slide .txts p {
    font-size: 14px;
    line-height: 20px; }

  .qOtherInformBox ul .txt p {
    font-size: 12px;
    line-height: 20px;
    height: 40px; }
  .qOtherInformBox ul .txt span {
    font-size: 12px;
    line-height: 14px; }

  .qInformDetailBox .qTime {
    font-size: 12px;
    line-height: 14px; }
  .qInformDetailBox .con p {
    font-size: 12px;
    line-height: 20px; }
  .qInformDetailBox .qBackBtn {
    font-size: 12px; } }
@media (max-width: 768px) {
  .qInformBox {
    width: 100%;
    height: 84vw;
    margin-top: 0vw; }
    .qInformBox .swiper-slide {
      flex-direction: column;
      margin: 0; }
      .qInformBox .swiper-slide .img {
        width: 100%;
        height: 53.3333333333vw; }
      .qInformBox .swiper-slide .txts {
        flex: auto;
        width: 100%;
        padding: 2.6666666667vw 4.6666666667vw;
        padding-bottom: 9.3333333333vw;
        line-height: 0; }
        .qInformBox .swiper-slide .txts .tit {
          font-size: 3.4666666667vw;
          line-height: 5.6vw;
          margin-bottom: 3.4666666667vw;
          font-weight: bold; }
        .qInformBox .swiper-slide .txts span {
          font-size: 2.4vw;
          line-height: 2.6666666667vw;
          margin-bottom: 0; }
        .qInformBox .swiper-slide .txts p {
          display: none; }
    .qInformBox .pagination {
      width: 100%;
      padding: 0 4.6666666667vw;
      box-sizing: border-box;
      text-align: center;
      left: 0;
      bottom: 5.3333333333vw;
      z-index: 10; }
      .qInformBox .pagination .swiper-pagination-bullet {
        width: 1.3333333333vw;
        height: 1.3333333333vw;
        background: #999;
        opacity: 1; }
      .qInformBox .pagination .swiper-pagination-bullet-active {
        width: 4vw;
        border-radius: 10px;
        background: #999; }

  .qInformDetailBox {
    width: 82.6666666667vw;
    margin-top: 10.6666666667vw; }
    .qInformDetailBox .qTit {
      margin-bottom: 4vw;
      padding: 0 6.6666666667vw; }
    .qInformDetailBox .qTime {
      font-size: 3.2vw;
      line-height: 4vw; }
    .qInformDetailBox .con {
      margin-top: 6.6666666667vw;
      margin-bottom: 9.3333333333vw; }
      .qInformDetailBox .con p {
        font-size: 2.9333333333vw;
        line-height: 5.6vw;
        margin-bottom: 5.3333333333vw; }
    .qInformDetailBox .qBackBtn {
      width: 23.4666666667vw;
      height: 7.2vw;
      font-size: 2.4vw;
      color: #333;
      line-height: 7.2vw;
      text-align: center; }

  .qOtherInformBox {
    width: 90.6666666667vw;
    margin-top: 13.3333333333vw; }
    .qOtherInformBox.qOtherInformBox1 {
      margin-top: 4.1666666667vw; }
    .qOtherInformBox .qTit {
      margin-bottom: 10.6666666667vw; }
    .qOtherInformBox ul li {
      width: 100%;
      margin-bottom: 5.3333333333vw; }
    .qOtherInformBox ul .img {
      height: 49.3333333333vw; }
    .qOtherInformBox ul .txt {
      padding: 2.4vw 4vw; }
      .qOtherInformBox ul .txt p {
        height: 9.6vw;
        font-size: 3.2vw;
        line-height: 4.8vw;
        margin-bottom: 2.6666666667vw; }
      .qOtherInformBox ul .txt span {
        font-size: 2.9333333333vw;
        line-height: 3.2vw; } }
/**方案详情页**/
.topDeatails {
  width: 100%;
  margin: 0 auto;
  margin-top: 0.5208333333vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative; }
  .topDeatails .leftImg {
    position: relative;
    width: 100%;
    height: 26.0416666667vw;
    overflow: hidden; }
  .topDeatails .rightText {
    width: 50%;
    height: 26.0416666667vw;
    box-sizing: border-box;
    padding: 0 6.7708333333vw;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.8);
    position: absolute;
    right: 0;
    top: 0; }
    .topDeatails .rightText p {
      font-size: 0.9375vw;
      color: #000;
      line-height: 1.25vw;
      text-align: left;
      position: relative;
      padding-left: 0.78125vw;
      margin-top: 1.5625vw; }
      .topDeatails .rightText p::before {
        content: '';
        display: block;
        width: 0.3125vw;
        height: 0.3125vw;
        border-radius: 50%;
        position: absolute;
        left: 0;
        background: #000;
        top: 0.46875vw; }
      .topDeatails .rightText p:first-child {
        margin-top: 0; }

a.moreSbut {
  display: block;
  font-size: 0.9375vw;
  color: #333;
  line-height: 2.7083333333vw;
  text-align: center;
  margin: 0 auto;
  margin-top: 4.1666666667vw;
  border: 1px solid #333;
  width: 9.2708333333vw; }
  a.moreSbut:hover {
    color: #fff;
    background: #333;
    border-color: #333; }

.detailsLists li {
  padding: 4.6875vw 0; }
  .detailsLists li:nth-child(2n) {
    background: #fafafa; }
  .detailsLists li .contBox {
    width: 62.5vw;
    margin: 0 auto; }
    .detailsLists li .contBox .topText {
      padding: 0 1.5625vw;
      position: relative; }
      .detailsLists li .contBox .topText::before, .detailsLists li .contBox .topText::after {
        content: '';
        display: block;
        width: 1.5625vw;
        height: 1.5625vw;
        position: absolute;
        box-sizing: border-box;
        border: 0.2083333333vw solid #333; }
      .detailsLists li .contBox .topText::before {
        border-right: 0;
        border-bottom: 0;
        left: 0;
        top: 0; }
      .detailsLists li .contBox .topText::after {
        border-left: 0;
        border-top: 0;
        right: 0;
        bottom: 0; }
      .detailsLists li .contBox .topText h3 {
        font-size: 1.5625vw;
        color: #000;
        line-height: 2.0833333333vw;
        text-align: center; }
      .detailsLists li .contBox .topText p {
        font-size: 0.8333333333vw;
        color: #000;
        line-height: 1.25vw;
        text-align: center;
        margin-top: 1.0416666667vw; }
    .detailsLists li .contBox .bottomText {
      width: 54.6875vw;
      margin: 0 auto;
      margin-top: 2.6041666667vw;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .detailsLists li .contBox .bottomText .leftImg {
        width: 25.4166666667vw; }
        .detailsLists li .contBox .bottomText .leftImg img {
          display: block;
          width: 100%; }
      .detailsLists li .contBox .bottomText .rightText {
        width: 26.0416666667vw; }
        .detailsLists li .contBox .bottomText .rightText h3 {
          margin-top: 1.5625vw;
          font-size: 1.1458333333vw;
          color: #668733;
          line-height: 1.5625vw;
          text-align: left; }
          .detailsLists li .contBox .bottomText .rightText h3:first-child {
            margin-top: 0; }
        .detailsLists li .contBox .bottomText .rightText p {
          font-size: 0.8333333333vw;
          color: #333;
          line-height: 1.3541666667vw;
          text-align: left;
          margin-top: 0.78125vw; }

.coreProductsList {
  margin-top: 1.0416666667vw;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap; }
  .coreProductsList li {
    width: 16.9270833333vw;
    height: 22.5vw;
    margin: 0 1.0416666667vw;
    margin-top: 2.0833333333vw;
    background: #fafafa;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    box-sizing: border-box;
    padding: 0.5208333333vw; }
    .coreProductsList li .pimg {
      width: 12.5vw;
      height: 12.5vw;
      display: flex;
      align-items: center;
      justify-content: center; }
      .coreProductsList li .pimg img {
        max-width: 96%;
        max-height: 96%; }
    .coreProductsList li h3 {
      font-size: 1.0416666667vw;
      color: #333;
      line-height: 1.25vw;
      text-align: left;
      margin-top: 1.0416666667vw;
      -o-text-overflow: ellipsis;
      text-overflow: ellipsis;
      -webkit-text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden; }
    .coreProductsList li a {
      margin-top: 1.3020833333vw;
      opacity: 0;
      visibility: hidden; }
    .coreProductsList li:hover a {
      opacity: 1;
      visibility: visible; }

.detailsCaseList {
  margin: 0 auto;
  width: 54.6875vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 2.0833333333vw;
  flex-wrap: wrap; }
  .detailsCaseList li {
    width: 26.40625vw;
    margin-top: 1.0416666667vw;
    cursor: pointer; }
    .detailsCaseList li .caseImg {
      position: relative;
      height: 16.6666666667vw; }
    .detailsCaseList li .caseText {
      margin-top: 0.5208333333vw; }
      .detailsCaseList li .caseText h3 {
        font-size: 1.25vw;
        color: #333;
        line-height: 2.0833333333vw;
        text-align: left;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        -webkit-text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden; }

@media (min-width: 769px) {
  .commerPlanDeatilsPages .footContactNewBox ul {
    width: 54.6875vw;
    margin: 0 auto; }
    .commerPlanDeatilsPages .footContactNewBox ul li {
      width: 26.3541666667vw;
      height: 15.3125vw; } }
@media (min-width: 769px) and (max-width: 1440px) {
  .topDeatails .rightText p {
    font-size: 12px; }

  .detailsLists li .contBox .topText p {
    font-size: 12px;
    line-height: 20px; }
  .detailsLists li .contBox .bottomText .rightText h3 {
    font-size: 14px; }
  .detailsLists li .contBox .bottomText .rightText p {
    font-size: 12px;
    line-height: 16px; }

  .coreProductsList li h3 {
    font-size: 12px; }

  a.moreSbut {
    font-size: 12px; } }
@media (max-width: 768px) {
  .commerPlanDeatilsPages .w1200d {
    width: 90.6666666667vw; }

  .topDeatails {
    width: 100%;
    display: block;
    margin-top: 6.6666666667vw; }
    .topDeatails .leftImg {
      width: 100%;
      height: 86.6666666667vw; }
    .topDeatails .rightText {
      width: 100%;
      height: auto;
      padding: 8vw;
      box-sizing: border-box;
      display: block;
      position: relative;
      background: #fafafa; }
      .topDeatails .rightText p {
        font-size: 3.2vw;
        line-height: 5.3333333333vw;
        margin-top: 2.6666666667vw;
        padding-left: 2.6666666667vw; }
        .topDeatails .rightText p::before {
          width: 0.8vw;
          height: 0.8vw;
          top: 2.2666666667vw; }

  .detailsLists {
    width: 90.6666666667vw;
    margin: 0 auto; }
    .detailsLists li {
      background: none;
      padding: 0;
      margin-top: 10.6666666667vw; }
      .detailsLists li:nth-child(2n) {
        background: none; }
      .detailsLists li .contBox {
        width: 100%; }
        .detailsLists li .contBox .topText::before, .detailsLists li .contBox .topText::after {
          display: none; }
        .detailsLists li .contBox .topText h3 {
          font-size: 4vw;
          line-height: 5.3333333333vw; }
        .detailsLists li .contBox .topText .cpTxt {
          margin-top: 4vw; }
        .detailsLists li .contBox .topText p {
          text-align: left;
          margin-top: 0vw;
          font-size: 3.2vw;
          line-height: 5.3333333333vw; }
        .detailsLists li .contBox .bottomText {
          margin-top: 4vw;
          background: #fafafa;
          width: 100%;
          display: block; }
          .detailsLists li .contBox .bottomText .leftImg {
            width: 100%; }
          .detailsLists li .contBox .bottomText .rightText {
            width: 100%;
            margin-top: 0;
            box-sizing: border-box;
            padding: 6.6666666667vw 4vw; }
            .detailsLists li .contBox .bottomText .rightText h3 {
              font-size: 4vw;
              line-height: 5.3333333333vw;
              margin-top: 2.6666666667vw; }
            .detailsLists li .contBox .bottomText .rightText p {
              font-size: 3.2vw;
              line-height: 5.3333333333vw;
              margin-top: 1.3333333333vw; }

  a.moreSbut {
    width: 23.7333333333vw;
    line-height: 6.9333333333vw;
    font-size: 2.6666666667vw;
    margin-top: 9.3333333333vw; }

  .coreProductsList {
    display: flex;
    align-items: center;
    justify-content: space-between;
    align-items: flex-start; }
    .coreProductsList li {
      width: 42.6666666667vw;
      height: 57.3333333333vw;
      margin: 0;
      margin-top: 5.3333333333vw;
      padding: 2.6666666667vw; }
      .coreProductsList li .pimg {
        width: 32vw;
        height: 32vw; }
      .coreProductsList li h3 {
        width: 90%;
        font-size: 3.2vw;
        line-height: 5.3333333333vw;
        margin-top: 1.3333333333vw;
        text-align: center;
        white-space: normal; }
      .coreProductsList li a {
        opacity: 1;
        visibility: visible;
        margin-top: 2.6666666667vw; }

  .detailsCaseList {
    display: block;
    width: 100%;
    margin-top: 6.6666666667vw; }
    .detailsCaseList li {
      width: 100%;
      margin-top: 4vw; }
      .detailsCaseList li .caseImg {
        height: 49.3333333333vw; }
      .detailsCaseList li .caseText {
        margin-top: 0;
        background: #fafafa; }
        .detailsCaseList li .caseText h3 {
          line-height: 8vw;
          text-align: center;
          font-size: 3.2vw; } }
/**家用聚合页**/
.newBannerBox {
  width: 100%; }
  .newBannerBox img {
    width: 100%; }

.addreess {
  background: #fafafa;
  margin-bottom: -6.25vw;
  padding: 3.6458333333vw 0 1.5625vw; }
  .addreess .qTit {
    font-size: 1.6666666667vw; }

.dataList {
  display: none; }

.homeSoluttionNewCont {
  width: 88.5416666667vw;
  margin: 0 auto;
  margin-top: 3.125vw; }
  .homeSoluttionNewCont ul {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .homeSoluttionNewCont ul li {
      width: 35%;
      margin-top: 1.8229166667vw;
      position: relative;
      height: 23.4375vw;
      -webkit-transition: all 1s 0s;
      -o-transition: all 1s 0s;
      -moz-transition: all 1s 0s;
      transition: all 1s 0s; }
      .homeSoluttionNewCont ul li::after {
        content: '';
        width: 100%;
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
        height: 30%;
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)); }
      .homeSoluttionNewCont ul li .textCont {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        box-sizing: border-box;
        padding: 2.6041666667vw 1.5625vw;
        z-index: 5;
        position: absolute;
        left: 0;
        bottom: 0; }
        .homeSoluttionNewCont ul li .textCont h3 {
          flex: 1;
          font-size: 1.4583333333vw;
          color: #fff;
          line-height: 2.8125vw;
          text-align: left;
          -o-text-overflow: ellipsis;
          text-overflow: ellipsis;
          -webkit-text-overflow: ellipsis;
          white-space: nowrap;
          overflow: hidden; }
        .homeSoluttionNewCont ul li .textCont a {
          display: flex;
          align-items: center;
          justify-content: center;
          display: none;
          width: 11.9791666667vw;
          height: 2.8125vw;
          box-sizing: border-box;
          font-size: 0.9375vw;
          color: #fff;
          line-height: 2.0833333333vw;
          text-align: left;
          border: 1px solid #fff;
          margin-left: 1.5625vw; }
          .homeSoluttionNewCont ul li .textCont a:hover {
            background: #333;
            border-color: #333; }
      .homeSoluttionNewCont ul li:last-child {
        margin-right: 0; }
      .homeSoluttionNewCont ul li.other {
        width: 35%; }
      .homeSoluttionNewCont ul li.on {
        width: 63%; }
        .homeSoluttionNewCont ul li.on .textCont a {
          display: flex; }

.solutionLists {
  width: 88.5416666667vw;
  margin: 0 auto;
  margin-top: 3.125vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap; }
  .solutionLists li {
    width: 28.6458333333vw;
    position: relative;
    margin-top: 1.3020833333vw;
    margin-right: 1.3020833333vw; }
    .solutionLists li .imgBoxCont {
      height: 19.0104166667vw;
      position: relative;
      overflow: hidden; }
      .solutionLists li .imgBoxCont::after {
        content: "";
        display: block;
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.3); }
    .solutionLists li:nth-child(3n) {
      margin-right: 0; }
    .solutionLists li h3 {
      position: absolute;
      left: 0px;
      top: 0px;
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      -o-text-overflow: ellipsis;
      text-overflow: ellipsis;
      -webkit-text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      font-size: 1.5625vw;
      color: #fff;
      line-height: 2.0833333333vw;
      text-align: center; }
    .solutionLists li a {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 11.9791666667vw;
      height: 2.8125vw;
      box-sizing: border-box;
      display: none;
      font-size: 0.9375vw;
      color: #fff;
      line-height: 2.0833333333vw;
      text-align: left;
      border: 1px solid #fff;
      position: absolute;
      left: 50%;
      bottom: 1.5625vw;
      transform: translateX(-50%); }
      .solutionLists li a:hover {
        background: #333;
        border-color: #333; }
  .solutionLists li:hover a {
    display: flex; }

@media (min-width: 769px) and (max-width: 1440px) {
  .homeSoluttionNewCont ul li .textCont a {
    font-size: 12px; }

  .solutionLists li a {
    font-size: 12px; } }
@media (max-width: 768px) {
  .addreess {
    margin-top: 5.3333333333vw;
    margin-bottom: -16vw;
    padding: 1.3333333333vw 0 6.6666666667vw; }
    .addreess .qContactBox2 {
      background: none; }
      .addreess .qContactBox2 .qTit {
        font-size: 4.2666666667vw;
        line-height: 5.3333333333vw; }

  .homeSoluttionNewCont {
    width: 100%;
    margin-top: 8vw; }
    .homeSoluttionNewCont ul {
      display: block; }
      .homeSoluttionNewCont ul li {
        display: block;
        width: 100%;
        height: 65.0666666667vw;
        margin-top: 8vw; }
        .homeSoluttionNewCont ul li.on {
          width: 100%; }
        .homeSoluttionNewCont ul li .textCont {
          position: absolute;
          left: 0px;
          top: 0px;
          width: 100%;
          height: 100%;
          align-items: center;
          flex-direction: column;
          justify-content: center;
          background: rgba(0, 0, 0, 0.2); }
          .homeSoluttionNewCont ul li .textCont h3 {
            flex: none;
            font-size: 5.0666666667vw;
            line-height: 5.8666666667vw; }
          .homeSoluttionNewCont ul li .textCont a {
            display: flex;
            width: 21.3333333333vw;
            height: 6.9333333333vw;
            font-size: 3.2vw;
            line-height: 5.3333333333vw;
            margin-top: 5.3333333333vw; }
            .homeSoluttionNewCont ul li .textCont a:hover {
              background: none;
              border-color: #fff; }

  .solutionLists {
    width: 82.6666666667vw;
    justify-content: space-between; }
    .solutionLists li {
      width: 37.7333333333vw;
      margin-right: 0;
      margin-top: 5.3333333333vw; }
      .solutionLists li .imgBoxCont {
        height: 37.7333333333vw; }
        .solutionLists li .imgBoxCont::after {
          display: none; }
      .solutionLists li h3 {
        position: relative;
        height: auto;
        font-size: 3.2vw;
        line-height: 5.3333333333vw;
        color: #3f3a39;
        margin-top: 0.6666666667vw; } }
/**别墅解决方案**/
.comprehens ul {
  display: flex;
  align-items: center;
  justify-content: space-between; }
.comprehens li {
  flex: 1;
  height: 46.09375vw;
  position: relative;
  overflow: hidden; }
  .comprehens li .text {
    width: 80%;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 2.6041666667vw;
    font-size: 0.8333333333vw;
    color: #333;
    line-height: 1.5625vw;
    text-align: center; }
    .comprehens li .text h3 {
      font-size: 1.5625vw;
      font-weight: bold;
      line-height: 2.0833333333vw;
      margin-bottom: 1.5625vw; }
.comprehens .footButton {
  display: none; }

.custSolutHidden {
  display: none; }

.oneClickOpen {
  position: relative;
  height: 30.46875vw;
  overflow: hidden; }
  .oneClickOpen .text {
    width: 30.7291666667vw;
    box-sizing: border-box;
    padding: 2.34375vw;
    background: rgba(255, 255, 255, 0.7);
    position: absolute;
    left: 19.2708333333vw;
    bottom: 0;
    font-size: 0.8333333333vw;
    color: #333;
    line-height: 1.5625vw;
    text-align: center; }

.smartOperation {
  height: 47.9166666667vw;
  position: relative;
  overflow: hidden; }
  .smartOperation .swiper-slide {
    position: relative;
    overflow: hidden; }
  .smartOperation .swiper-pagination .swiper-pagination-bullet {
    background: #fff;
    width: 0.78125vw;
    height: 0.78125vw;
    border-radius: 0.78125vw; }
    .smartOperation .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
      width: 2.6041666667vw; }

.topNavList {
  display: flex;
  align-items: center;
  justify-content: center; }
  .topNavList ul {
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #929292; }
    .topNavList ul li {
      width: 7.8125vw;
      position: relative;
      font-size: 1.5625vw;
      color: #333;
      line-height: 3.6458333333vw;
      text-align: center;
      cursor: pointer; }
      .topNavList ul li::after {
        content: '';
        display: block;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        bottom: -1px;
        width: 0%;
        height: 2px;
        background: #333;
        -webkit-transition: all 0.3s 0s;
        -o-transition: all 0.3s 0s;
        -moz-transition: all 0.3s 0s;
        transition: all 0.3s 0s; }
      .topNavList ul li.on {
        font-weight: bold; }
        .topNavList ul li.on::after {
          width: 100%; }

.middleSwiper {
  position: relative;
  height: 43.2291666667vw;
  overflow: hidden; }
  .middleSwiper ul {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%; }
    .middleSwiper ul li {
      position: absolute;
      left: 0px;
      top: 0px;
      width: 100%;
      height: 100%;
      overflow: hidden;
      opacity: 0;
      visibility: hidden; }
      .middleSwiper ul li.on, .middleSwiper ul li.ing {
        opacity: 1;
        visibility: visible;
        z-index: 5; }
      .middleSwiper ul li > img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
      .middleSwiper ul li .textCont {
        box-sizing: border-box;
        width: 42.9166666667vw;
        height: 100%;
        position: absolute;
        background: rgba(255, 255, 255, 0.8);
        right: 0;
        top: 0;
        padding: 2.6041666667vw 3.75vw;
        display: flex;
        align-items: center;
        justify-content: center;
        align-items: flex-start;
        flex-direction: column;
        font-size: 0.8333333333vw;
        color: #333;
        line-height: 2.0833333333vw;
        text-align: left; }
        .middleSwiper ul li .textCont h3 {
          font-size: 1.875vw;
          line-height: 2.0833333333vw;
          font-weight: bold; }
        .middleSwiper ul li .textCont h4 {
          font-size: 1.0416666667vw;
          line-height: 2.0833333333vw;
          font-weight: bold;
          margin-top: 0.78125vw; }
        .middleSwiper ul li .textCont h5 {
          width: 15.9375vw;
          margin-top: 1.0416666667vw;
          font-size: 0.8333333333vw;
          line-height: 2.0833333333vw; }
        .middleSwiper ul li .textCont .cont {
          margin-top: 2.0833333333vw; }
        .middleSwiper ul li .textCont p {
          padding-left: 1.0416666667vw;
          line-height: 1.25vw;
          position: relative;
          margin-bottom: 0.8333333333vw; }
          .middleSwiper ul li .textCont p::before {
            content: "";
            width: 0.4166666667vw;
            height: 0.4166666667vw;
            border-radius: 50%;
            border: 2px solid #c81943;
            position: absolute;
            left: 0;
            top: 0.2604166667vw; }
  .middleSwiper .prev, .middleSwiper .next {
    position: absolute;
    width: 2.6041666667vw;
    height: 2.6041666667vw;
    background-image: url("../images/icon26.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 2.5vw;
    top: 8.3333333333vw;
    left: 7.2916666667vw;
    cursor: pointer;
    z-index: 15; }
  .middleSwiper .next {
    left: auto;
    right: 7.2916666667vw;
    background-image: url("../images/icon27.png");
    background-position: center center;
    background-repeat: no-repeat; }

.imgBlock img {
  width: 100%; }

.schemeCase li {
  margin-top: 4.4270833333vw; }
  .schemeCase li .caseImgTextBox {
    width: 100%;
    margin: 0 auto;
    margin-top: 3.125vw;
    height: 22.9166666667vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fafafa;
    position: relative; }
    .schemeCase li .caseImgTextBox .caseImg {
      height: inherit;
      position: relative;
      overflow: hidden;
      width: 100%; }
    .schemeCase li .caseImgTextBox .caseText {
      width: 32.2916666667vw;
      background: rgba(255, 255, 255, 0.8);
      height: inherit;
      box-sizing: border-box;
      padding: 3.125vw 5.2083333333vw;
      display: flex;
      justify-content: space-between;
      flex-direction: column;
      font-size: 0.8333333333vw;
      color: #333;
      line-height: 1.6666666667vw;
      text-align: left;
      position: absolute;
      right: 0;
      top: 0; }
      .schemeCase li .caseImgTextBox .caseText h3 {
        font-size: 1.25vw;
        color: #333;
        line-height: 2.0833333333vw;
        text-align: left;
        font-weight: 700;
        margin-bottom: 1.5625vw; }
      .schemeCase li .caseImgTextBox .caseText .getCase {
        width: 11.3541666667vw;
        font-size: 0.9375vw;
        color: #333;
        line-height: 2.6041666667vw;
        text-align: center;
        border: 1px solid #333;
        cursor: pointer;
        margin: 0 auto; }
    .schemeCase li .caseImgTextBox .caseTextBox {
      width: 100%;
      overflow: hidden; }
      .schemeCase li .caseImgTextBox .caseTextBox .swiper-slide {
        padding: 0 1.0416666667vw;
        box-sizing: border-box; }
    .schemeCase li .caseImgTextBox .prev, .schemeCase li .caseImgTextBox .next {
      position: absolute;
      width: 2.6041666667vw;
      height: 2.6041666667vw;
      background-image: url("../images/icon26.png");
      background-position: center center;
      background-repeat: no-repeat;
      background-size: 2.5vw;
      top: 8.3333333333vw;
      left: 2.6041666667vw;
      cursor: pointer;
      z-index: 15; }
    .schemeCase li .caseImgTextBox .next {
      left: auto;
      right: 2.6041666667vw;
      background-image: url("../images/icon27.png");
      background-position: center center;
      background-repeat: no-repeat; }
  .schemeCase li .leavingMsg {
    width: 34.375vw;
    margin: 0 auto;
    position: relative;
    display: none; }
    .schemeCase li .leavingMsg .scrollMsg {
      position: relative;
      height: 3.6458333333vw;
      background: #fafafa;
      overflow: hidden;
      border-radius: 1.8229166667vw;
      display: flex;
      align-items: center;
      justify-content: flex-start; }
      .schemeCase li .leavingMsg .scrollMsg .scrollList {
        flex-shrink: 0;
        display: flex;
        align-items: center;
        justify-content: flex-start; }
        .schemeCase li .leavingMsg .scrollMsg .scrollList p {
          white-space: nowrap;
          font-size: 1.25vw;
          color: #333;
          line-height: 2.0833333333vw;
          text-align: center;
          padding: 0 1.3020833333vw; }
    .schemeCase li .leavingMsg::before, .schemeCase li .leavingMsg::after {
      content: "";
      display: block;
      width: 2.2395833333vw;
      height: 1.875vw;
      background-image: url("../images/icon33.png");
      background-position: center center;
      background-repeat: no-repeat;
      background-size: 100%;
      position: absolute;
      left: -3.125vw;
      top: 0; }
    .schemeCase li .leavingMsg::after {
      background-image: url("../images/icon34.png");
      background-position: center center;
      background-repeat: no-repeat;
      left: auto;
      right: -3.125vw;
      top: auto;
      bottom: 0; }

.caseFastJump {
  margin-top: 3.125vw;
  height: 38.0208333333vw;
  position: relative;
  overflow: hidden; }
  .caseFastJump .contTxt {
    height: 28.6458333333vw;
    width: 31.25vw;
    position: absolute;
    right: 15.3645833333vw;
    bottom: 0;
    box-sizing: border-box;
    padding: 3.6458333333vw 2.6041666667vw;
    background: rgba(255, 255, 255, 0.7);
    font-size: 0.9375vw;
    color: #333;
    line-height: 1.5625vw;
    text-align: left; }
    .caseFastJump .contTxt h3 {
      font-size: 1.875vw;
      color: #333;
      line-height: 2.0833333333vw;
      text-align: left;
      font-weight: 700;
      margin-bottom: 1.0416666667vw; }
    .caseFastJump .contTxt .fastHref {
      display: flex;
      flex-direction: column;
      margin-top: 1.5625vw; }
      .caseFastJump .contTxt .fastHref a {
        display: flex;
        align-items: center;
        margin-top: 1.0416666667vw; }
        .caseFastJump .contTxt .fastHref a span {
          display: block;
          font-size: 1.25vw;
          color: #333;
          line-height: 2.0833333333vw;
          text-align: left;
          position: relative; }
        .caseFastJump .contTxt .fastHref a::after {
          content: "";
          display: block;
          width: 2.2916666667vw;
          height: 2.2916666667vw;
          background-image: url("../images/icon35.png");
          background-position: center center;
          background-repeat: no-repeat;
          background-size: 2.0833333333vw;
          margin-left: 1.5625vw; }
        .caseFastJump .contTxt .fastHref a:hover::after {
          background-image: url("../images/icon36.png");
          background-position: center center;
          background-repeat: no-repeat; }
        .caseFastJump .contTxt .fastHref a:hover span::before {
          content: "";
          display: block;
          width: 100%;
          height: 0.2083333333vw;
          background: #333;
          position: absolute;
          left: 0;
          bottom: 0; }

.custSoluCaseBox {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
  justify-content: center; }

.custCaseBoxCont {
  width: 55.2083333333vw;
  position: relative;
  background: #fff;
  box-sizing: border-box;
  padding: 2.6041666667vw 4.6875vw;
  padding-top: 5.2083333333vw; }
  .custCaseBoxCont .centBox {
    max-height: 70vh;
    overflow: auto;
    text-align: center; }
    .custCaseBoxCont .centBox .topBoxCont {
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .custCaseBoxCont .centBox .topBoxCont .leftImgBox {
        width: 23.2291666667vw; }
        .custCaseBoxCont .centBox .topBoxCont .leftImgBox img {
          display: block;
          width: 100%; }
      .custCaseBoxCont .centBox .topBoxCont .rightCont {
        width: 19.7916666667vw;
        font-size: 0.7291666667vw;
        color: #333;
        line-height: 1.25vw;
        text-align: left; }
        .custCaseBoxCont .centBox .topBoxCont .rightCont h3 {
          font-size: 1.25vw;
          margin-bottom: 1.5625vw;
          position: absolute;
          left: 50%;
          top: 1.5625vw;
          transform: translateX(-50%);
          font-weight: bold; }
        .custCaseBoxCont .centBox .topBoxCont .rightCont li, .custCaseBoxCont .centBox .topBoxCont .rightCont p {
          padding-left: 1.0416666667vw;
          font-size: 0.7291666667vw;
          color: #333;
          line-height: 1.25vw;
          text-align: left;
          position: relative;
          margin-bottom: 0.8333333333vw; }
          .custCaseBoxCont .centBox .topBoxCont .rightCont li::before, .custCaseBoxCont .centBox .topBoxCont .rightCont p::before {
            content: "";
            width: 0.4166666667vw;
            height: 0.4166666667vw;
            border-radius: 50%;
            border: 2px solid #c81943;
            position: absolute;
            left: 0;
            top: 0.2604166667vw; }
    .custCaseBoxCont .centBox .sImg {
      width: 8.3333333333vw;
      margin-top: 2.0833333333vw; }
    .custCaseBoxCont .centBox .table {
      margin-top: 2.0833333333vw; }
      .custCaseBoxCont .centBox .table table {
        width: 100%;
        border-collapse: collapse;
        border: 1px solid #333; }
        .custCaseBoxCont .centBox .table table th, .custCaseBoxCont .centBox .table table td {
          border: 1px solid #333;
          font-size: 0.7291666667vw;
          color: #333;
          line-height: 1.1458333333vw;
          text-align: center;
          padding: 0.5208333333vw; }
  .custCaseBoxCont .colostBtn {
    width: 2.0833333333vw;
    height: 2.0833333333vw;
    position: absolute;
    right: 1.5625vw;
    top: 1.3020833333vw;
    cursor: pointer;
    width: 2.0833333333vw;
    height: 2.0833333333vw;
    border: 1px solid #4b4b4b;
    box-sizing: border-box;
    border-radius: 50%; }
    .custCaseBoxCont .colostBtn::before, .custCaseBoxCont .colostBtn::after {
      content: "";
      display: block;
      position: absolute;
      left: 50%;
      top: 50%;
      background: #4b4b4b;
      -webkit-border-radius: 0;
      border-radius: 0;
      width: 1.3541666667vw;
      height: 0.1041666667vw;
      margin-top: -0.0520833333vw;
      margin-left: -0.6770833333vw; }
    .custCaseBoxCont .colostBtn::before {
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg); }
    .custCaseBoxCont .colostBtn::after {
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg); }

@media (min-width: 769px) and (max-width: 1440px) {
  .custCaseBoxCont .centBox .topBoxCont .rightCont h3 {
    font-size: 16px;
    line-height: 1.2; }
  .custCaseBoxCont .centBox .topBoxCont .rightCont p {
    font-size: 12px;
    line-height: 1.2; }
  .custCaseBoxCont .centBox .table table th, .custCaseBoxCont .centBox .table table td {
    font-size: 12px;
    line-height: 24px; }

  .comprehens li .text {
    font-size: 12px;
    line-height: 20px; }

  .oneClickOpen .text {
    font-size: 12px;
    line-height: 20px; }

  .middleSwiper ul li .textCont {
    font-size: 12px; }
    .middleSwiper ul li .textCont h5 {
      font-size: 12px; }

  .schemeCase li .caseImgTextBox .caseText {
    font-size: 12px; }

  .caseFastJump .contTxt {
    font-size: 12px; } }
@media (max-width: 768px) {
  .comprehens .swiper {
    width: 90.6666666667vw;
    height: 117.6vw;
    display: block;
    position: relative;
    overflow: hidden;
    margin: 0 auto; }
  .comprehens ul li {
    flex: none;
    width: 90.6666666667vw;
    height: 117.6vw; }
    .comprehens ul li .text {
      top: 8vw;
      font-size: 2.9333333333vw;
      line-height: 5.3333333333vw; }
      .comprehens ul li .text h3 {
        font-size: 4vw;
        line-height: 5.3333333333vw;
        margin-bottom: 4vw; }
  .comprehens .footButton {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 4vw; }
    .comprehens .footButton .prev, .comprehens .footButton .next {
      width: 8vw;
      height: 8vw;
      background-image: url("../images/icon26.png");
      background-position: center center;
      background-repeat: no-repeat;
      background-size: 7.6vw;
      margin: 0 5.3333333333vw; }
    .comprehens .footButton .next {
      background-image: url("../images/icon27.png");
      background-position: center center;
      background-repeat: no-repeat; }

  .oneClickOpen {
    height: auto; }
    .oneClickOpen .imgBox {
      position: relative;
      height: 81.6vw; }
    .oneClickOpen .text {
      padding: 0;
      position: relative;
      text-align: center;
      font-size: 3.2vw;
      line-height: 6.6666666667vw;
      margin-top: 5.3333333333vw;
      width: 100%;
      left: 0; }

  .smartOperation {
    margin-top: 10.6666666667vw;
    height: auto;
    padding-bottom: 8vw;
    margin-bottom: -8vw; }
    .smartOperation img {
      position: relative; }
    .smartOperation .swiper-pagination .swiper-pagination-bullet {
      background: #999;
      opacity: 1;
      width: 1.8666666667vw;
      height: 1.8666666667vw;
      border-radius: 0.9333333333vw; }
      .smartOperation .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        width: 4.2666666667vw;
        background: #c2c2c2; }

  .topNavList ul {
    width: 90.6666666667vw; }
    .topNavList ul li {
      flex: 1;
      font-size: 4vw;
      line-height: 9.3333333333vw; }

  .middleSwiper {
    height: 186.6666666667vw;
    background: #fafafa; }
    .middleSwiper ul li .imgBox {
      position: relative;
      overflow: hidden;
      height: 81.6vw; }
    .middleSwiper ul li .textCont {
      position: relative;
      height: 86.9333333333vw;
      width: 100%;
      background: none;
      padding: 8vw;
      justify-content: flex-start;
      align-items: center;
      font-size: 3.2vw;
      line-height: 5.3333333333vw;
      text-align: center; }
      .middleSwiper ul li .textCont h3 {
        font-size: 4.8vw;
        line-height: 5.3333333333vw; }
      .middleSwiper ul li .textCont h4 {
        font-size: 3.4666666667vw;
        line-height: 5.3333333333vw;
        margin-top: 2.6666666667vw; }
      .middleSwiper ul li .textCont h5 {
        font-size: 3.2vw;
        line-height: 5.3333333333vw;
        margin-top: 4vw;
        width: 100%; }
      .middleSwiper ul li .textCont .cont {
        margin-top: 8vw; }
      .middleSwiper ul li .textCont p {
        padding-left: 3.2vw;
        line-height: 4vw;
        margin-bottom: 2.1333333333vw;
        text-align: left; }
        .middleSwiper ul li .textCont p::before {
          width: 1.3333333333vw;
          height: 1.3333333333vw;
          top: 0.5333333333vw; }
    .middleSwiper .prev, .middleSwiper .next {
      position: absolute;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
      top: 72vw;
      width: 8vw;
      height: 8vw;
      background-size: 7.4666666667vw;
      margin-left: -6.6666666667vw; }
    .middleSwiper .next {
      margin-left: 6.6666666667vw; }

  .schemeCase {
    width: 90.6666666667vw;
    margin: 0 auto; }
    .schemeCase li {
      margin-top: 13.3333333333vw; }
      .schemeCase li .leavingMsg {
        width: 80vw; }
        .schemeCase li .leavingMsg::before, .schemeCase li .leavingMsg::after {
          width: 5.3333333333vw;
          height: 5.3333333333vw;
          left: -6.6666666667vw; }
        .schemeCase li .leavingMsg .scrollMsg {
          height: 10.6666666667vw;
          border-radius: 5.3333333333vw; }
          .schemeCase li .leavingMsg .scrollMsg .scrollList p {
            padding: 0 2.6666666667vw;
            font-size: 3.2vw;
            line-height: 5.3333333333vw; }
        .schemeCase li .leavingMsg::after {
          left: auto;
          right: -6.6666666667vw; }
      .schemeCase li .caseImgTextBox {
        width: 100%;
        height: auto;
        margin-top: 8vw;
        display: block; }
        .schemeCase li .caseImgTextBox .caseImg {
          width: 100%;
          height: 58.6666666667vw; }
        .schemeCase li .caseImgTextBox .caseText {
          width: 100%;
          height: 65.3333333333vw;
          padding: 9.3333333333vw 13.3333333333vw;
          align-items: center;
          position: relative; }
          .schemeCase li .caseImgTextBox .caseText .topBox {
            width: 100%; }
            .schemeCase li .caseImgTextBox .caseText .topBox h3 {
              font-size: 4vw;
              line-height: 5.3333333333vw; }
            .schemeCase li .caseImgTextBox .caseText .topBox p {
              font-size: 3.2vw;
              line-height: 6.6666666667vw; }
          .schemeCase li .caseImgTextBox .caseText .getCase {
            width: 35.4666666667vw;
            line-height: 8.8vw;
            font-size: 3.2vw; }
        .schemeCase li .caseImgTextBox .caseTextBox .swiper-slide {
          padding: 0 4vw; }
        .schemeCase li .caseImgTextBox .prev, .schemeCase li .caseImgTextBox .next {
          width: 8vw;
          height: 8vw;
          left: 4vw;
          top: 50%;
          transform: translateY(-100%);
          background-size: 7.4666666667vw; }
        .schemeCase li .caseImgTextBox .next {
          left: auto;
          right: 4vw; }

  .caseFastJump {
    margin-top: 8vw;
    height: auto; }
    .caseFastJump .imgBox {
      position: relative;
      overflow: hidden;
      height: 96.8vw; }
    .caseFastJump .contTxt {
      position: static;
      width: 100%;
      padding: 10.6666666667vw 8vw;
      height: auto; }
      .caseFastJump .contTxt h3 {
        font-size: 4.8vw;
        line-height: 5.3333333333vw; }
      .caseFastJump .contTxt p {
        font-size: 3.2vw;
        line-height: 5.3333333333vw;
        margin-top: 4vw; }
      .caseFastJump .contTxt .fastHref {
        margin-top: 6.6666666667vw; }
        .caseFastJump .contTxt .fastHref a {
          margin-top: 2.6666666667vw; }
          .caseFastJump .contTxt .fastHref a span {
            font-size: 3.2vw;
            line-height: 5.3333333333vw; }
          .caseFastJump .contTxt .fastHref a::after {
            width: 6.6666666667vw;
            height: 6.6666666667vw;
            background-size: 6.1333333333vw;
            margin-left: 2.6666666667vw; }
          .caseFastJump .contTxt .fastHref a:hover span::before {
            display: none; }
          .caseFastJump .contTxt .fastHref a:hover::after {
            background-image: url("../images/icon35.png");
            background-position: center center;
            background-repeat: no-repeat; }

  .custSoluCaseBox .custCaseBoxCont {
    background: none;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column; }
    .custSoluCaseBox .custCaseBoxCont .caseContBox {
      background: #fff; }
      .custSoluCaseBox .custCaseBoxCont .caseContBox .centBox {
        width: 90.6666666667vw; }
        .custSoluCaseBox .custCaseBoxCont .caseContBox .centBox .topBoxCont {
          display: block; }
          .custSoluCaseBox .custCaseBoxCont .caseContBox .centBox .topBoxCont .leftImgBox {
            width: 100%; }
          .custSoluCaseBox .custCaseBoxCont .caseContBox .centBox .topBoxCont .rightCont {
            width: 100%;
            padding: 2.6666666667vw;
            box-sizing: border-box;
            font-size: 3.2vw;
            line-height: 5.3333333333vw; }
            .custSoluCaseBox .custCaseBoxCont .caseContBox .centBox .topBoxCont .rightCont h3 {
              font-size: 4vw;
              line-height: 5.3333333333vw;
              margin-bottom: 5.3333333333vw;
              position: relative;
              left: 0;
              top: 0;
              transform: translateX(0); }
            .custSoluCaseBox .custCaseBoxCont .caseContBox .centBox .topBoxCont .rightCont li, .custSoluCaseBox .custCaseBoxCont .caseContBox .centBox .topBoxCont .rightCont p {
              padding-left: 4vw;
              font-size: 3.2vw;
              line-height: 4vw;
              margin-bottom: 2.1333333333vw; }
              .custSoluCaseBox .custCaseBoxCont .caseContBox .centBox .topBoxCont .rightCont li::before, .custSoluCaseBox .custCaseBoxCont .caseContBox .centBox .topBoxCont .rightCont p::before {
                width: 1.3333333333vw;
                height: 1.3333333333vw;
                top: 0.6666666667vw; }
        .custSoluCaseBox .custCaseBoxCont .caseContBox .centBox .sImg {
          width: 40vw;
          margin-top: 5.3333333333vw; }
        .custSoluCaseBox .custCaseBoxCont .caseContBox .centBox .table {
          padding: 2.6666666667vw; }
          .custSoluCaseBox .custCaseBoxCont .caseContBox .centBox .table table td, .custSoluCaseBox .custCaseBoxCont .caseContBox .centBox .table table th {
            font-size: 3.2vw;
            line-height: 5.3333333333vw;
            padding: 1.3333333333vw; }
    .custSoluCaseBox .custCaseBoxCont .colostBtn {
      position: relative;
      left: 0;
      top: 0;
      margin-top: 5.3333333333vw;
      width: 8vw;
      height: 8vw;
      border: 2px solid #fff; }
      .custSoluCaseBox .custCaseBoxCont .colostBtn::before, .custSoluCaseBox .custCaseBoxCont .colostBtn::after {
        content: "";
        display: block;
        position: absolute;
        left: 50%;
        top: 50%;
        background: #fff;
        -webkit-border-radius: 0;
        border-radius: 0;
        width: 5.3333333333vw;
        height: 0.5333333333vw;
        margin-top: -0.2666666667vw;
        margin-left: -2.6666666667vw; }
      .custSoluCaseBox .custCaseBoxCont .colostBtn::before {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg); }
      .custSoluCaseBox .custCaseBoxCont .colostBtn::after {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg); } }
/**商用方案聚合页**/
.commerSoluIndex {
  background: #f1f3f5; }

.caseSwitching .caseTabBoxCont {
  display: flex;
  align-items: center;
  justify-content: center; }
  .caseSwitching .caseTabBoxCont ul {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #333; }
    .caseSwitching .caseTabBoxCont ul li {
      flex-shrink: 0;
      font-size: 1.25vw;
      color: #333;
      line-height: 3.125vw;
      text-align: center;
      position: relative;
      padding: 0 0.5208333333vw;
      cursor: pointer;
      margin-right: 3.125vw; }
      .caseSwitching .caseTabBoxCont ul li::before {
        content: "";
        display: block;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        bottom: -1px;
        height: 0.2083333333vw;
        background: #333;
        width: 0%; }
      .caseSwitching .caseTabBoxCont ul li.on {
        font-weight: bold; }
        .caseSwitching .caseTabBoxCont ul li.on::before {
          width: 100%; }
      .caseSwitching .caseTabBoxCont ul li:last-child {
        margin-right: 0; }
.caseSwitching .caseShowBannerMsg {
  margin-top: 2.6041666667vw;
  position: relative;
  height: 36.4583333333vw;
  overflow: hidden; }
  .caseSwitching .caseShowBannerMsg ul {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%; }
    .caseSwitching .caseShowBannerMsg ul li {
      position: absolute;
      left: 0px;
      top: 0px;
      width: 100%;
      height: 100%;
      visibility: hidden;
      opacity: 0; }
      .caseSwitching .caseShowBannerMsg ul li.on, .caseSwitching .caseShowBannerMsg ul li.ing {
        visibility: visible;
        opacity: 1; }
      .caseSwitching .caseShowBannerMsg ul li .imgBoxCont {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        overflow: hidden; }
      .caseSwitching .caseShowBannerMsg ul li .secondSwitchBox {
        width: 32.8125vw;
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        box-sizing: border-box;
        padding: 3.6458333333vw;
        display: flex;
        align-items: center;
        justify-content: center;
        background: rgba(0, 0, 0, 0.6); }
        .caseSwitching .caseShowBannerMsg ul li .secondSwitchBox .leftNavBox {
          width: 6.7708333333vw;
          position: relative;
          padding: 1.3020833333vw 0; }
          .caseSwitching .caseShowBannerMsg ul li .secondSwitchBox .leftNavBox::before {
            content: '';
            display: block;
            width: 1px;
            height: 100%;
            position: absolute;
            left: 100%;
            top: 0;
            background: #f7f7f7; }
          .caseSwitching .caseShowBannerMsg ul li .secondSwitchBox .leftNavBox p {
            font-size: 1.0416666667vw;
            color: #f7f7f7;
            line-height: 2.0833333333vw;
            text-align: left;
            margin-top: 2.6041666667vw;
            cursor: pointer;
            position: relative; }
            .caseSwitching .caseShowBannerMsg ul li .secondSwitchBox .leftNavBox p::before {
              content: "";
              display: none;
              width: 0.2083333333vw;
              height: 4.6875vw;
              position: absolute;
              left: 100%;
              top: 50%;
              transform: translate(-50%, -50%);
              background: #333; }
            .caseSwitching .caseShowBannerMsg ul li .secondSwitchBox .leftNavBox p:first-child {
              margin-top: 0; }
            .caseSwitching .caseShowBannerMsg ul li .secondSwitchBox .leftNavBox p.on {
              color: #fff;
              font-weight: bold; }
              .caseSwitching .caseShowBannerMsg ul li .secondSwitchBox .leftNavBox p.on::before {
                display: block; }
        .caseSwitching .caseShowBannerMsg ul li .secondSwitchBox .rightCont {
          flex: 1;
          border-left: 1px solid #f7f7f7;
          padding-left: 3.125vw; }
          .caseSwitching .caseShowBannerMsg ul li .secondSwitchBox .rightCont.border0 {
            border: 0; }
          .caseSwitching .caseShowBannerMsg ul li .secondSwitchBox .rightCont .item {
            display: none; }
            .caseSwitching .caseShowBannerMsg ul li .secondSwitchBox .rightCont .item.on {
              display: block; }
            .caseSwitching .caseShowBannerMsg ul li .secondSwitchBox .rightCont .item .imgBox {
              display: none; }
            .caseSwitching .caseShowBannerMsg ul li .secondSwitchBox .rightCont .item .iconText {
              font-size: 0.9375vw;
              color: #f7f7f7;
              line-height: 1.5625vw;
              text-align: left; }
              .caseSwitching .caseShowBannerMsg ul li .secondSwitchBox .rightCont .item .iconText p {
                margin-top: 0.5208333333vw; }
                .caseSwitching .caseShowBannerMsg ul li .secondSwitchBox .rightCont .item .iconText p:first-child {
                  margin-top: 0; }
              .caseSwitching .caseShowBannerMsg ul li .secondSwitchBox .rightCont .item .iconText a {
                display: block;
                border: 1px solid #f7f7f7;
                font-size: 0.9375vw;
                line-height: 2.7083333333vw;
                width: 9.2708333333vw;
                margin-top: 2.6041666667vw;
                text-align: center; }

.commerProducts {
  width: 72.9166666667vw;
  margin: 0 auto; }
  .commerProducts h1 {
    font-size: 1.5625vw;
    color: #333;
    line-height: 2.0833333333vw;
    text-align: center;
    font-weight: bold;
    margin-top: 5.2083333333vw; }
  .commerProducts .commerList {
    display: flex;
    align-items: flex-start;
    margin-top: 2.0833333333vw;
    flex-wrap: wrap; }
    .commerProducts .commerList li {
      width: 22.9166666667vw;
      margin-right: 2.0833333333vw;
      margin-top: 2.0833333333vw;
      position: relative; }
      .commerProducts .commerList li:nth-child(3n) {
        margin-right: 0; }
  .commerProducts .productsList li {
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 26.0416666667vw; }
    .commerProducts .productsList li .imgBox {
      height: 13.0208333333vw;
      display: flex;
      align-items: center;
      justify-content: center; }
      .commerProducts .productsList li .imgBox img {
        max-width: 96%;
        max-height: 96%; }
    .commerProducts .productsList li h3 {
      font-size: 1.25vw;
      color: #333;
      line-height: 2.0833333333vw;
      text-align: center;
      -o-text-overflow: ellipsis;
      text-overflow: ellipsis;
      -webkit-text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      margin-top: 1.0416666667vw; }
    .commerProducts .productsList li a {
      width: 6.7708333333vw;
      height: 2.6041666667vw;
      display: flex;
      align-items: center;
      justify-content: center;
      box-sizing: border-box;
      border: 1px solid #333;
      font-size: 0.7291666667vw;
      color: #333;
      line-height: 1.1458333333vw;
      text-align: center;
      margin-top: 1.5625vw; }
      .commerProducts .productsList li a:hover {
        background: #333;
        color: #fff; }
  .commerProducts .lifeServices {
    margin-top: 2.6041666667vw; }
    .commerProducts .lifeServices li {
      width: 22.3958333333vw;
      margin-top: 1.5625vw;
      margin-right: 2.8645833333vw;
      position: relative; }
      .commerProducts .lifeServices li .imgBox {
        height: 13.0208333333vw;
        position: relative; }
      .commerProducts .lifeServices li .text {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 2.6041666667vw; }
        .commerProducts .lifeServices li .text h3 {
          font-size: 1.0416666667vw;
          color: #333;
          line-height: 1.5625vw;
          text-align: center;
          font-weight: 700; }

.caseImgLists {
  position: relative;
  height: 27.34375vw;
  margin-top: 5.7291666667vw; }
  .caseImgLists li {
    width: 22.3958333333vw;
    height: 12.65625vw;
    position: absolute;
    right: 0;
    bottom: 0;
    cursor: pointer; }
    .caseImgLists li .imgBox {
      position: absolute;
      left: 0px;
      top: 0px;
      width: 100%;
      height: 100%; }
      .caseImgLists li .imgBox::after {
        content: '';
        display: block;
        position: absolute;
        width: 100%;
        left: 0;
        bottom: 0;
        height: 30%;
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)); }
    .caseImgLists li .text {
      box-sizing: border-box;
      width: 100%;
      position: absolute;
      left: 0;
      padding: 0.5208333333vw 1.5625vw;
      bottom: 0; }
      .caseImgLists li .text h3 {
        font-size: 0.9375vw;
        color: #fff;
        line-height: 1.3541666667vw;
        text-align: left;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        height: 2.7083333333vw;
        overflow: hidden; }
      .caseImgLists li .text p {
        display: none; }
    .caseImgLists li:nth-child(2) {
      top: 0; }
    .caseImgLists li:nth-child(1) {
      left: 0;
      top: 0;
      width: 48.5416666667vw;
      height: 100%; }
      .caseImgLists li:nth-child(1) h3 {
        font-size: 1.0416666667vw;
        line-height: 1.5625vw;
        height: 3.125vw;
        font-weight: bold; }

.caseHidden {
  display: none; }

.casePopPages {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 4000;
  background: rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
  justify-content: center; }
  .casePopPages .caseMiddleBox {
    position: relative;
    width: 60.7291666667vw; }
    .casePopPages .caseMiddleBox .swiper {
      height: 29.6875vw;
      overflow: hidden; }
      .casePopPages .caseMiddleBox .swiper .swiper-slide {
        position: relative;
        overflow: hidden; }
        .casePopPages .caseMiddleBox .swiper .swiper-slide img {
          position: absolute;
          left: 0px;
          top: 0px;
          width: 100%;
          height: 100%;
          object-fit: cover;
          -ms-object-fit: cover;
          -moz-object-fit: cover;
          -webkit-object-fit: cover;
          -o-object-fit: cover; }
    .casePopPages .caseMiddleBox .caseInforMsg {
      background: #fff;
      padding: 1.5625vw 2.0833333333vw;
      display: flex;
      align-items: center;
      justify-content: space-between;
      align-items: flex-start; }
      .casePopPages .caseMiddleBox .caseInforMsg .item {
        padding: 0 0.5208333333vw;
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: center; }
        .casePopPages .caseMiddleBox .caseInforMsg .item li {
          display: flex;
          margin-top: 0.5208333333vw;
          font-size: 1.0416666667vw;
          color: #333;
          line-height: 1.5625vw;
          text-align: left; }
          .casePopPages .caseMiddleBox .caseInforMsg .item li:first-child {
            margin-top: 0; }
          .casePopPages .caseMiddleBox .caseInforMsg .item li h3 {
            font-size: 1.0416666667vw;
            width: 4em;
            padding-right: 1.0416666667vw;
            position: relative;
            text-align: right;
            height: 1.5625vw; }
            .casePopPages .caseMiddleBox .caseInforMsg .item li h3.first {
              display: flex;
              align-items: center;
              justify-content: space-between; }
            .casePopPages .caseMiddleBox .caseInforMsg .item li h3::before {
              content: '';
              display: block;
              width: 2px;
              height: 1.25vw;
              position: absolute;
              top: 50%;
              -webkit-transform: translateY(-50%);
              -moz-transform: translateY(-50%);
              -ms-transform: translateY(-50%);
              -o-transform: translateY(-50%);
              transform: translateY(-50%);
              right: 0;
              background: #333; }
          .casePopPages .caseMiddleBox .caseInforMsg .item li p {
            flex: 1;
            margin-left: 1.0416666667vw; }
        .casePopPages .caseMiddleBox .caseInforMsg .item .icontBox {
          width: 80%;
          font-size: 0.8333333333vw;
          color: #333;
          line-height: 1.5625vw;
          text-align: left; }
      .casePopPages .caseMiddleBox .caseInforMsg.other .item li h3::before {
        display: none; }
      .casePopPages .caseMiddleBox .caseInforMsg.other .item li h3::after {
        content: "：";
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 0; }
      .casePopPages .caseMiddleBox .caseInforMsg.other .item li p {
        margin-left: 0;
        font-weight: bold; }
    .casePopPages .caseMiddleBox .prev, .casePopPages .caseMiddleBox .next {
      width: 2.5vw;
      height: 2.5vw;
      background-image: url("../images/icon37.png");
      background-position: center center;
      background-repeat: no-repeat;
      background-size: 100%;
      cursor: pointer;
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      left: 1.5625vw;
      top: 14.84375vw;
      z-index: 10; }
    .casePopPages .caseMiddleBox .next {
      left: auto;
      right: 1.5625vw;
      background-image: url("../images/icon38.png");
      background-position: center center;
      background-repeat: no-repeat; }
    .casePopPages .caseMiddleBox .clostBtn {
      width: 2.0833333333vw;
      height: 2.0833333333vw;
      position: absolute;
      top: 0;
      right: -3.125vw;
      cursor: pointer; }
      .casePopPages .caseMiddleBox .clostBtn::before, .casePopPages .caseMiddleBox .clostBtn::after {
        content: "";
        display: block;
        position: absolute;
        left: 50%;
        top: 50%;
        background: #fff;
        -webkit-border-radius: 0;
        border-radius: 0;
        width: 1.5625vw;
        height: 0.1041666667vw;
        margin-top: -0.0520833333vw;
        margin-left: -0.78125vw; }
      .casePopPages .caseMiddleBox .clostBtn::before {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg); }
      .casePopPages .caseMiddleBox .clostBtn::after {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg); }

@media (min-width: 769px) and (max-width: 1440px) {
  .caseSwitching .caseShowBannerMsg ul li .secondSwitchBox .rightCont .item .iconText {
    font-size: 12px;
    line-height: 18px; }
    .caseSwitching .caseShowBannerMsg ul li .secondSwitchBox .rightCont .item .iconText a {
      font-size: 12px; }

  .commerProducts .productsList li a {
    width: 80px;
    height: 30px;
    font-size: 12px;
    line-height: 30px; }
  .commerProducts .lifeServices li .text h3 {
    font-size: 12px; }

  .caseImgLists li .text h3 {
    font-size: 12px; }
  .caseImgLists li:nth-child(1) h3 {
    font-size: 12px; } }
@media (max-width: 768px) {
  .commerSoluIndex {
    background: #fff; }
    .commerSoluIndex a.moreBtn {
      margin-top: 6.6666666667vw; }

  .caseSwitching {
    overflow: hidden;
    margin-top: 2.6666666667vw; }
    .caseSwitching .caseTabBoxCont {
      overflow: auto;
      justify-content: flex-start;
      width: 94.6666666667vw;
      margin-left: 5.3333333333vw;
      padding-bottom: 0.6666666667vw; }
      .caseSwitching .caseTabBoxCont ul li {
        font-size: 3.2vw;
        line-height: 9.3333333333vw;
        padding: 0 2.6666666667vw; }
    .caseSwitching .caseShowBannerMsg {
      height: 193.8666666667vw;
      background: #fafafa; }
      .caseSwitching .caseShowBannerMsg ul li .imgBoxCont {
        display: none; }
      .caseSwitching .caseShowBannerMsg ul li .secondSwitchBox {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        background: none;
        display: block;
        padding: 0; }
        .caseSwitching .caseShowBannerMsg ul li .secondSwitchBox .leftNavBox {
          width: auto;
          padding: 0;
          position: absolute;
          left: 50%;
          -webkit-transform: translateX(-50%);
          -moz-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          -o-transform: translateX(-50%);
          transform: translateX(-50%);
          top: 8vw;
          border: 0;
          border-bottom: 1px solid #fff;
          z-index: 20;
          display: flex;
          align-items: center;
          justify-content: center; }
          .caseSwitching .caseShowBannerMsg ul li .secondSwitchBox .leftNavBox::before {
            display: none; }
          .caseSwitching .caseShowBannerMsg ul li .secondSwitchBox .leftNavBox p {
            white-space: nowrap;
            margin: 0;
            padding: 0;
            font-size: 3.2vw;
            line-height: 9.3333333333vw;
            margin-right: 13.3333333333vw; }
            .caseSwitching .caseShowBannerMsg ul li .secondSwitchBox .leftNavBox p::before {
              height: 0.2666666667vw;
              width: 100%;
              position: absolute;
              left: 50%;
              -webkit-transform: translateX(-50%);
              -moz-transform: translateX(-50%);
              -ms-transform: translateX(-50%);
              -o-transform: translateX(-50%);
              transform: translateX(-50%);
              top: auto;
              bottom: -1px; }
            .caseSwitching .caseShowBannerMsg ul li .secondSwitchBox .leftNavBox p:last-child {
              margin-right: 0; }
        .caseSwitching .caseShowBannerMsg ul li .secondSwitchBox .rightCont {
          width: 100%;
          margin: 0;
          border: 0;
          padding: 0; }
          .caseSwitching .caseShowBannerMsg ul li .secondSwitchBox .rightCont .item .imgBox {
            display: block;
            position: relative;
            height: 117.7333333333vw;
            overflow: hidden; }
          .caseSwitching .caseShowBannerMsg ul li .secondSwitchBox .rightCont .item .iconText {
            height: 76vw;
            box-sizing: border-box;
            padding: 8vw 8vw;
            font-size: 3.2vw;
            line-height: 5.3333333333vw;
            color: #333; }
            .caseSwitching .caseShowBannerMsg ul li .secondSwitchBox .rightCont .item .iconText p {
              margin-top: 2.6666666667vw; }
            .caseSwitching .caseShowBannerMsg ul li .secondSwitchBox .rightCont .item .iconText a {
              margin: 0 auto;
              margin-top: 5.3333333333vw;
              display: flex;
              align-items: center;
              justify-content: center;
              width: 36vw;
              height: 8vw;
              font-size: 3.2vw;
              background: none;
              border: 1px solid #333;
              color: #333;
              bottom: 6.6666666667vw; }

  .commerProducts {
    width: 90.6666666667vw; }
    .commerProducts h1 {
      font-size: 4vw;
      line-height: 5.3333333333vw;
      margin-top: 13.3333333333vw; }
    .commerProducts .commerList {
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .commerProducts .commerList li {
        width: 42.6666666667vw;
        margin-right: 0;
        margin-top: 5.3333333333vw; }
    .commerProducts .productsList li {
      background: #fafafa;
      height: 66.6666666667vw; }
      .commerProducts .productsList li .imgBox {
        height: 40vw; }
      .commerProducts .productsList li h3 {
        font-size: 3.2vw;
        line-height: 5.3333333333vw; }
      .commerProducts .productsList li a {
        width: 17.3333333333vw;
        height: 6.6666666667vw;
        font-size: 2.4vw; }
    .commerProducts .lifeServices li {
      width: 44vw;
      margin-top: 2.6666666667vw; }
      .commerProducts .lifeServices li .imgBox {
        height: 33.3333333333vw; }
      .commerProducts .lifeServices li .text {
        height: 6.6666666667vw; }
        .commerProducts .lifeServices li .text h3 {
          font-size: 3.2vw;
          line-height: 5.3333333333vw; }

  .caseImgLists {
    height: auto; }
    .caseImgLists li {
      position: relative;
      left: 0;
      top: 0;
      width: 100%;
      height: auto;
      margin-top: 5.3333333333vw; }
      .caseImgLists li .imgBox {
        height: 49.3333333333vw;
        position: relative;
        overflow: hidden; }
      .caseImgLists li .text {
        position: relative;
        background: #fafafa;
        padding: 2.6666666667vw 4vw 5.3333333333vw; }
        .caseImgLists li .text h3 {
          font-size: 3.2vw;
          line-height: 5.3333333333vw;
          height: 10.6666666667vw;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
          color: #333;
          white-space: wrap; }
        .caseImgLists li .text p {
          display: block;
          margin-top: 1.3333333333vw;
          font-size: 2.9333333333vw;
          color: #999;
          line-height: 2.0833333333vw;
          text-align: left; }
      .caseImgLists li:nth-child(1) {
        width: 100%; }
        .caseImgLists li:nth-child(1) .text h3 {
          font-weight: 400; }

  .casePopPages .caseMiddleBox {
    width: 90.6666666667vw; }
    .casePopPages .caseMiddleBox .swiper {
      height: 45.3333333333vw; }
    .casePopPages .caseMiddleBox .caseInforMsg {
      padding: 5.3333333333vw 9.3333333333vw;
      display: block; }
      .casePopPages .caseMiddleBox .caseInforMsg .item {
        display: block; }
        .casePopPages .caseMiddleBox .caseInforMsg .item li {
          font-size: 3.2vw;
          line-height: 5.3333333333vw;
          margin-top: 1.3333333333vw; }
          .casePopPages .caseMiddleBox .caseInforMsg .item li h3 {
            font-size: 3.2vw;
            height: 5.3333333333vw;
            padding-right: 2.6666666667vw; }
            .casePopPages .caseMiddleBox .caseInforMsg .item li h3.designer span {
              padding-left: 1em;
              display: block;
              background-image: url("../images/icon41.png");
              background-position: center center;
              background-repeat: no-repeat;
              background-size: 0.9em;
              background-position: left center;
              box-sizing: border-box; }
            .casePopPages .caseMiddleBox .caseInforMsg .item li h3::before {
              height: 4vw;
              width: 0.2666666667vw; }
          .casePopPages .caseMiddleBox .caseInforMsg .item li p {
            margin-left: 2.6666666667vw; }
        .casePopPages .caseMiddleBox .caseInforMsg .item .icontBox {
          font-size: 3.2vw;
          line-height: 5.3333333333vw;
          width: 100%;
          margin-top: 2.6666666667vw; }
        .casePopPages .caseMiddleBox .caseInforMsg .item:nth-child(2) li:first-child {
          margin-top: 1.3333333333vw; }
    .casePopPages .caseMiddleBox .footButton {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-top: 4vw; }
      .casePopPages .caseMiddleBox .footButton .prev, .casePopPages .caseMiddleBox .footButton .next {
        position: relative;
        left: 0;
        top: 0;
        opacity: 1;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        width: 8vw;
        height: 8vw;
        background-image: url("../images/icon39.png");
        background-position: center center;
        background-repeat: no-repeat;
        margin: 0 2.6666666667vw; }
      .casePopPages .caseMiddleBox .footButton .next {
        background-image: url("../images/icon40.png");
        background-position: center center;
        background-repeat: no-repeat; }
    .casePopPages .caseMiddleBox .clostBtn {
      width: 6.6666666667vw;
      height: 6.6666666667vw;
      right: 0;
      top: -16vw; }
      .casePopPages .caseMiddleBox .clostBtn::before, .casePopPages .caseMiddleBox .clostBtn::after {
        content: "";
        display: block;
        position: absolute;
        left: 50%;
        top: 50%;
        background: #fff;
        -webkit-border-radius: 0;
        border-radius: 0;
        width: 5.3333333333vw;
        height: 0.2666666667vw;
        margin-top: -0.1333333333vw;
        margin-left: -2.6666666667vw; }
      .casePopPages .caseMiddleBox .clostBtn::before {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg); }
      .casePopPages .caseMiddleBox .clostBtn::after {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg); } }
/**案例**/
.caseListPage li {
  cursor: pointer; }

/**商品产品列表**/
.pcontBodyCont {
  position: relative;
  padding-top: 4.1666666667vw; }

.scendSmallBanner {
  height: 21.875vw;
  position: relative;
  overflow: hidden; }
  .scendSmallBanner .middleText {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
    .scendSmallBanner .middleText h2 {
      font-size: 1.5625vw;
      color: #fff;
      line-height: 2.0833333333vw;
      text-align: center; }
    .scendSmallBanner .middleText .footBtn {
      margin-top: 2.0833333333vw;
      display: flex;
      align-items: center;
      justify-content: center; }
      .scendSmallBanner .middleText .footBtn a {
        margin: 0 4.1666666667vw;
        font-size: 0.8333333333vw;
        color: #fff;
        line-height: 1.5625vw;
        text-align: center;
        width: 6.25vw;
        border: 1px solid #fff; }
        .scendSmallBanner .middleText .footBtn a:hover {
          background: #333;
          border-color: #333; }

.procductMiddleBox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 2.6041666667vw;
  align-items: flex-start; }
  .procductMiddleBox .leftNavBox {
    width: 14.0625vw;
    position: relative;
    position: sticky;
    left: 0;
    top: 4.5833333333vw; }
    .procductMiddleBox .leftNavBox::before {
      content: "";
      display: block;
      width: 1px;
      height: 100%;
      position: absolute;
      left: 100%;
      top: 0;
      background: #d6d6d6; }
    .procductMiddleBox .leftNavBox .topNavBox {
      display: none; }
    .procductMiddleBox .leftNavBox ul li {
      margin-top: 2.6041666667vw;
      padding-left: 2.6041666667vw; }
      .procductMiddleBox .leftNavBox ul li:first-child {
        margin-top: 0; }
      .procductMiddleBox .leftNavBox ul li h3 {
        font-size: 1.0416666667vw;
        color: #333;
        line-height: 1.5625vw;
        text-align: center;
        display: flex; }
        .procductMiddleBox .leftNavBox ul li h3 a {
          padding-bottom: 0.5208333333vw;
          display: block;
          position: relative; }
      .procductMiddleBox .leftNavBox ul li dl {
        margin-top: 0.78125vw; }
        .procductMiddleBox .leftNavBox ul li dl dd {
          margin-top: 0.5208333333vw;
          font-size: 0.7291666667vw;
          color: #6e6e6e;
          line-height: 1.5625vw;
          text-align: left;
          display: flex;
          align-items: center;
          justify-content: space-between;
          padding-right: 1.0416666667vw; }
          .procductMiddleBox .leftNavBox ul li dl dd.on a {
            color: #c3002f; }
          .procductMiddleBox .leftNavBox ul li dl dd.on::after {
            content: "";
            display: block;
            width: 0.3125vw;
            height: 0.625vw;
            background-image: url("../images/icon48.png");
            background-position: center center;
            background-repeat: no-repeat;
            background-size: 100%; }
      .procductMiddleBox .leftNavBox ul li.on h3 a::before {
        content: '';
        display: block;
        width: 100%;
        bottom: 0;
        height: 2px;
        background: #333;
        position: absolute;
        left: 0;
        bottom: 0; }
  .procductMiddleBox .rightCont {
    flex: 1;
    box-sizing: border-box;
    padding-left: 5.8854166667vw;
    border-left: 1px solid #d6d6d6; }
    .procductMiddleBox .rightCont .pLists {
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap; }
      .procductMiddleBox .rightCont .pLists li {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        width: 26.0416666667vw;
        height: 32.9166666667vw;
        margin-top: 4.1666666667vw; }
        .procductMiddleBox .rightCont .pLists li:first-child, .procductMiddleBox .rightCont .pLists li:nth-child(2) {
          margin-top: 0vw; }
        .procductMiddleBox .rightCont .pLists li .imgBox {
          position: relative;
          display: flex;
          align-items: center;
          justify-content: center;
          height: 14.5833333333vw;
          width: 19.7916666667vw; }
          .procductMiddleBox .rightCont .pLists li .imgBox img {
            max-width: 96%;
            max-height: 96%; }
        .procductMiddleBox .rightCont .pLists li h3 {
          font-size: 1.25vw;
          color: #3f3a39;
          line-height: 1.5625vw;
          text-align: center;
          margin-top: 2.0833333333vw; }
        .procductMiddleBox .rightCont .pLists li .fastLink {
          display: flex;
          align-items: center;
          justify-content: center;
          margin-top: 2.6041666667vw; }
          .procductMiddleBox .rightCont .pLists li .fastLink a {
            display: block;
            font-size: 0.8333333333vw;
            color: #3f3a39;
            line-height: 2.0833333333vw;
            text-align: center;
            width: 6.25vw;
            border: 1px solid #55504f; }
            .procductMiddleBox .rightCont .pLists li .fastLink a:hover {
              background: #333;
              border-color: #333;
              color: #fff; }
        .procductMiddleBox .rightCont .pLists li:hover {
          background: #f7f7f7; }

.fastFootLink {
  display: flex;
  align-items: center;
  justify-content: space-between;
  justify-content: flex-end;
  margin-top: 4.1666666667vw; }
  .fastFootLink li {
    width: 11.5625vw;
    height: 8.0729166667vw;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-left: 2.5vw;
    background: #f7f7f7;
    position: relative; }
    .fastFootLink li .iconImg {
      width: 3.125vw;
      height: 3.125vw;
      position: relative;
      overflow: hidden; }
      .fastFootLink li .iconImg img {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%; }
    .fastFootLink li p {
      font-size: 0.7291666667vw;
      color: #333;
      line-height: 1.5625vw;
      text-align: center;
      margin-top: 0.2604166667vw; }

@media (min-width: 769px) and (max-width: 1440px) {
  .procductMiddleBox .leftNavBox ul li h3 {
    font-size: 14px; }
  .procductMiddleBox .leftNavBox ul li dl dd {
    font-size: 12px; }
  .procductMiddleBox .rightCont .pLists li .fastLink a {
    width: 80px;
    height: 30px;
    font-size: 12px;
    line-height: 30px; } }
@media (max-width: 768px) {
  .commerProductsListsPage .newBannerBox {
    display: none; }

  .pcontBodyCont {
    padding-top: 10.6666666667vw; }
    .pcontBodyCont .w1400d {
      width: 90.6666666667vw; }
    .pcontBodyCont .scendSmallBanner {
      display: none; }
    .pcontBodyCont .procductMiddleBox {
      display: block; }
      .pcontBodyCont .procductMiddleBox .leftNavBox {
        position: absolute;
        width: 100%;
        height: 10.6666666667vw;
        left: 0;
        top: 0; }
        .pcontBodyCont .procductMiddleBox .leftNavBox::before {
          display: none; }
        .pcontBodyCont .procductMiddleBox .leftNavBox .topNavBox {
          display: flex;
          align-items: center;
          justify-content: space-between; }
          .pcontBodyCont .procductMiddleBox .leftNavBox .topNavBox h3 {
            padding: 0 5.3333333333vw;
            font-size: 4vw;
            color: #333;
            line-height: 5.3333333333vw;
            text-align: left; }
          .pcontBodyCont .procductMiddleBox .leftNavBox .topNavBox p {
            padding: 0 5.3333333333vw;
            font-size: 3.2vw;
            color: #333;
            line-height: 10.6666666667vw;
            text-align: left; }
        .pcontBodyCont .procductMiddleBox .leftNavBox ul {
          display: none;
          position: absolute;
          background: #fff;
          right: 0;
          top: 100%;
          min-width: 50.6666666667vw;
          white-space: nowrap;
          box-sizing: border-box;
          padding: 4vw;
          z-index: 300;
          border: 1px solid #ebebeb; }
          .pcontBodyCont .procductMiddleBox .leftNavBox ul li {
            padding: 0; }
            .pcontBodyCont .procductMiddleBox .leftNavBox ul li h3 {
              font-size: 3.4666666667vw;
              line-height: 5.3333333333vw;
              font-weight: 700; }
              .pcontBodyCont .procductMiddleBox .leftNavBox ul li h3 a {
                padding-bottom: 1.3333333333vw; }
            .pcontBodyCont .procductMiddleBox .leftNavBox ul li dl {
              margin-top: 0;
              display: none; }
              .pcontBodyCont .procductMiddleBox .leftNavBox ul li dl dd {
                font-size: 2.9333333333vw;
                line-height: 5.3333333333vw; }
                .pcontBodyCont .procductMiddleBox .leftNavBox ul li dl dd.on::after {
                  width: 1.0666666667vw;
                  height: 2.6666666667vw; }
            .pcontBodyCont .procductMiddleBox .leftNavBox ul li.on dl {
              display: block; }
        .pcontBodyCont .procductMiddleBox .leftNavBox.show .topNavBox p {
          background: #f5f5f5; }
        .pcontBodyCont .procductMiddleBox .leftNavBox.show ul {
          display: block; }
      .pcontBodyCont .procductMiddleBox .rightCont {
        padding: 0;
        border: 0; }
        .pcontBodyCont .procductMiddleBox .rightCont .pLists li {
          width: 42.6666666667vw;
          margin-top: 10.6666666667vw;
          height: 68.6666666667vw;
          background: #f7f7f7; }
          .pcontBodyCont .procductMiddleBox .rightCont .pLists li:first-child, .pcontBodyCont .procductMiddleBox .rightCont .pLists li:nth-child(2) {
            margin-top: 0; }
          .pcontBodyCont .procductMiddleBox .rightCont .pLists li .imgBox {
            height: 26.6666666667vw;
            width: 40vw; }
          .pcontBodyCont .procductMiddleBox .rightCont .pLists li h3 {
            font-size: 2.9333333333vw;
            margin-top: 2.6666666667vw;
            line-height: 5.3333333333vw;
            height: 10.6666666667vw;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2; }
          .pcontBodyCont .procductMiddleBox .rightCont .pLists li .fastLink {
            margin-top: 2.6666666667vw; }
            .pcontBodyCont .procductMiddleBox .rightCont .pLists li .fastLink a {
              width: 17.3333333333vw;
              line-height: 6.6666666667vw;
              font-size: 2.9333333333vw; }

  .fastFootLink {
    padding: 0;
    margin-top: 6.6666666667vw;
    justify-content: space-between;
    flex-wrap: wrap; }
    .fastFootLink li {
      margin: 5.3333333333vw 7.3333333333vw 0;
      width: 30.6666666667vw;
      height: 22vw; }
      .fastFootLink li .iconImg {
        width: 10.6666666667vw;
        height: 10.6666666667vw; }
      .fastFootLink li p {
        font-size: 2.9333333333vw;
        line-height: 5.3333333333vw;
        margin-top: 0vw; } }
/**商用产品详情页**/
.commerProductDetailsPage .pcontBodyCont {
  padding-top: 0; }
  .commerProductDetailsPage .pcontBodyCont .procductMiddleBox .leftNavBox {
    width: 14.7916666667vw; }
    .commerProductDetailsPage .pcontBodyCont .procductMiddleBox .leftNavBox li {
      margin-top: 1.5625vw;
      padding-left: 0; }
      .commerProductDetailsPage .pcontBodyCont .procductMiddleBox .leftNavBox li dl {
        display: none; }
      .commerProductDetailsPage .pcontBodyCont .procductMiddleBox .leftNavBox li:first-child {
        margin-top: 0; }
    .commerProductDetailsPage .pcontBodyCont .procductMiddleBox .leftNavBox .on dl {
      display: block; }
  .commerProductDetailsPage .pcontBodyCont .procductMiddleBox .rightCont {
    padding-left: 3.125vw; }

.detailsTopBox {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .detailsTopBox .leftImg {
    width: 27.7604166667vw;
    height: 18.2291666667vw;
    position: relative;
    overflow: hidden; }
  .detailsTopBox .rightText {
    width: 24.1145833333vw; }
    .detailsTopBox .rightText h3 {
      font-size: 1.3541666667vw;
      color: #333;
      line-height: 1.5625vw;
      text-align: left;
      font-weight: bold; }
    .detailsTopBox .rightText p {
      font-size: 0.8333333333vw;
      color: #333;
      line-height: 1.5625vw;
      text-align: left;
      margin-top: 1.5625vw; }
    .detailsTopBox .rightText .footHref {
      display: flex;
      margin-top: 1.5625vw; }
      .detailsTopBox .rightText .footHref a {
        display: block;
        font-size: 0.9375vw;
        color: #333;
        line-height: 2.6041666667vw;
        text-align: center;
        width: 9.375vw;
        border: 1px solid #333;
        margin-right: 1.8229166667vw; }
        .detailsTopBox .rightText .footHref a:hover {
          background: #333;
          border-color: #333;
          color: #fff; }

.topNavListCont {
  border-bottom: 1px solid #d9d9d9;
  display: flex;
  padding: 0 3.125vw;
  justify-content: flex-start;
  margin-top: 3.125vw; }
  .topNavListCont li {
    font-size: 0.7291666667vw;
    color: #333;
    line-height: 3.125vw;
    text-align: left;
    position: relative; }
    .topNavListCont li.on {
      font-weight: bold; }
      .topNavListCont li.on::before {
        content: "";
        display: block;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        bottom: 0;
        height: 0.1041666667vw;
        width: 100%;
        background: #333; }
  .topNavListCont li:only-child {
    margin: 0 auto; }

.detailsMsgList.noImg li:last-child {
  flex-direction: column-reverse; }
  .detailsMsgList.noImg li:last-child .leftImg {
    width: 100%; }
  .detailsMsgList.noImg li:last-child .rightTxt {
    width: 100%; }
    .detailsMsgList.noImg li:last-child .rightTxt img {
      width: 100%; }
.detailsMsgList li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 4.1666666667vw; }
  .detailsMsgList li .leftImg {
    width: 32.2916666667vw;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center; }
    .detailsMsgList li .leftImg img {
      width: 100%;
      position: relative; }
  .detailsMsgList li .rightTxt {
    width: 19.7916666667vw; }
    .detailsMsgList li .rightTxt h3 {
      font-size: 1.25vw;
      color: #17304e;
      line-height: 2.6041666667vw;
      text-align: left; }
    .detailsMsgList li .rightTxt p {
      font-size: 0.7291666667vw;
      color: #17304e;
      line-height: 1.1458333333vw;
      text-align: left;
      margin-top: 0.5208333333vw; }
  .detailsMsgList li:nth-child(2n) {
    flex-direction: row-reverse; }

.commerDBanner {
  height: 42.7083333333vw;
  position: relative;
  overflow: hidden; }
  .commerDBanner .bannerText {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
    .commerDBanner .bannerText h3 {
      font-size: 1.875vw;
      color: #fff;
      line-height: 2.0833333333vw;
      text-align: center; }
    .commerDBanner .bannerText p {
      font-size: 0.8333333333vw;
      color: #fff;
      line-height: 1.5625vw;
      text-align: center;
      margin-top: 2.0833333333vw; }
    .commerDBanner .bannerText .footHref {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-top: 3.125vw; }
      .commerDBanner .bannerText .footHref a {
        display: block;
        font-size: 0.9375vw;
        color: #fff;
        line-height: 2.6041666667vw;
        text-align: center;
        width: 9.375vw;
        border: 1px solid #fff;
        margin: 0 1.8229166667vw; }
        .commerDBanner .bannerText .footHref a:hover {
          background: #333;
          border-color: #333; }

@media (min-width: 769px) and (max-width: 1440px) {
  .commerDBanner .bannerText p {
    font-size: 12px;
    line-height: 20px; }

  .detailsTopBox .rightText p {
    font-size: 12px; }
  .detailsTopBox .rightText .footHref a {
    font-size: 12px; }

  .topNavListCont li {
    font-size: 12px; }

  .detailsMsgList li .rightTxt h3 {
    font-size: 14px; }
  .detailsMsgList li .rightTxt p {
    font-size: 12px;
    line-height: 18px; } }
@media (max-width: 768px) {
  .commerProductDetailsPage .pcontBodyCont {
    padding-top: 10.6666666667vw; }
    .commerProductDetailsPage .pcontBodyCont .procductMiddleBox {
      margin-top: 8vw; }
      .commerProductDetailsPage .pcontBodyCont .procductMiddleBox .leftNavBox {
        width: 100%; }
      .commerProductDetailsPage .pcontBodyCont .procductMiddleBox .rightCont {
        padding: 0;
        border: 0; }
  .commerProductDetailsPage .w1400d {
    width: 100%; }
  .commerProductDetailsPage .footContactNewBox {
    margin: 0 auto;
    width: 90.6666666667vw;
    margin-top: 10.6666666667vw; }

  .commerDBanner {
    height: 146.6666666667vw; }
    .commerDBanner .bannerText {
      position: absolute;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
      width: 64vw;
      height: 90%;
      top: 8vw; }
      .commerDBanner .bannerText h3 {
        font-size: 8.8vw;
        line-height: 10.6666666667vw; }
      .commerDBanner .bannerText p {
        font-size: 3.7333333333vw;
        color: #fff;
        line-height: 6.1333333333vw;
        text-align: center;
        margin-top: 2.6666666667vw; }
      .commerDBanner .bannerText .footHref {
        flex-direction: column;
        position: absolute;
        left: 50%;
        bottom: 0;
        transform: translateX(-50%); }
        .commerDBanner .bannerText .footHref a {
          margin-top: 6.6666666667vw;
          width: 27.4666666667vw;
          line-height: 8.2666666667vw;
          font-size: 3.4666666667vw; }

  .detailsTopBox {
    width: 82.6666666667vw;
    margin: 0 auto;
    display: block; }
    .detailsTopBox .leftImg {
      width: 100%;
      height: 59.3333333333vw; }
    .detailsTopBox .rightText {
      width: 100%;
      margin-top: 5.3333333333vw;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column; }
      .detailsTopBox .rightText h3 {
        font-size: 6.4vw;
        line-height: 8vw; }
      .detailsTopBox .rightText p {
        width: 100%;
        font-size: 3.2vw;
        line-height: 5.3333333333vw;
        margin-top: 2.6666666667vw; }
      .detailsTopBox .rightText .footHref {
        margin-top: 10.6666666667vw; }
        .detailsTopBox .rightText .footHref a {
          width: 27.4666666667vw;
          line-height: 8.2666666667vw;
          font-size: 3.4666666667vw; }

  .topNavListCont {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10.6666666667vw;
    border: 0; }
    .topNavListCont li {
      font-size: 4vw;
      line-height: 5.3333333333vw; }
      .topNavListCont li.on::before {
        display: none; }

  .detailsMsgList {
    overflow: hidden; }
    .detailsMsgList.noImg li:last-child {
      display: flex !important; }
      .detailsMsgList.noImg li:last-child .rightTxt {
        width: 82.6666666667vw; }
    .detailsMsgList li {
      margin-top: 8vw;
      display: block; }
      .detailsMsgList li .leftImg {
        width: 100%;
        box-sizing: border-box;
        padding: 0 4vw; }
      .detailsMsgList li .rightTxt {
        width: 82.6666666667vw;
        margin: 0 auto;
        margin-top: 4vw; }
        .detailsMsgList li .rightTxt h3 {
          font-size: 5.6vw;
          color: #000;
          line-height: 8vw; }
        .detailsMsgList li .rightTxt p {
          color: #000;
          font-size: 3.2vw;
          line-height: 5.3333333333vw;
          margin-top: 2.6666666667vw; } }
/*智墅全感*/
.zhiShuBox {
  width: 100%;
  padding-bottom: 4.1666666667vw;
  background: #fff; }
  .zhiShuBox .imgVideoBox {
    width: 100%;
    line-height: 0; }
    .zhiShuBox .imgVideoBox img {
      width: 100%; }
    .zhiShuBox .imgVideoBox .qVbox {
      width: 100%;
      background: #000;
      position: relative;
      overflow: hidden; }
      .zhiShuBox .imgVideoBox .qVbox video {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        object-fit: cover;
        -ms-object-fit: cover;
        -moz-object-fit: cover;
        -webkit-object-fit: cover;
        -o-object-fit: cover; }
  .zhiShuBox .fourSeasons {
    width: 100%;
    background: #000;
    position: relative; }
    .zhiShuBox .fourSeasons ul {
      width: 100%;
      display: flex;
      align-items: flex-start;
      justify-content: space-between; }
      .zhiShuBox .fourSeasons ul li {
        width: 100%;
        position: relative;
        cursor: pointer; }
        .zhiShuBox .fourSeasons ul li img {
          width: 100%; }
      .zhiShuBox .fourSeasons ul .txt {
        position: absolute;
        left: 5.4166666667vw;
        top: 8.8541666667vw; }
        .zhiShuBox .fourSeasons ul .txt .sTit {
          font-size: 1.875vw;
          color: #333;
          line-height: 2.6041666667vw;
          text-align: left; }
        .zhiShuBox .fourSeasons ul .txt p {
          font-size: 0.8333333333vw;
          color: #333;
          line-height: 1.5625vw;
          text-align: left; }
      .zhiShuBox .fourSeasons ul .clickShow {
        width: 1.9270833333vw;
        height: 1.9270833333vw;
        background: url("../images/qicon15.png") center no-repeat;
        background-size: contain;
        position: absolute;
        left: 5.4166666667vw;
        top: 16.6666666667vw;
        transition: all 0.3s linear; }
      .zhiShuBox .fourSeasons ul .mobShow {
        display: none; }
      .zhiShuBox .fourSeasons ul .closeBack {
        display: none; }
    .zhiShuBox .fourSeasons .fourAlert {
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      overflow: hidden;
      display: none;
      z-index: 10; }
      .zhiShuBox .fourSeasons .fourAlert img {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        object-fit: cover;
        -ms-object-fit: cover;
        -moz-object-fit: cover;
        -webkit-object-fit: cover;
        -o-object-fit: cover; }
      .zhiShuBox .fourSeasons .fourAlert .closeBack {
        width: 2.6041666667vw;
        height: 2.6041666667vw;
        border: 1px solid #fff;
        border-radius: 50%;
        position: absolute;
        left: 50%;
        bottom: 3.125vw;
        margin-left: -1.3020833333vw;
        cursor: pointer; }
        .zhiShuBox .fourSeasons .fourAlert .closeBack::before, .zhiShuBox .fourSeasons .fourAlert .closeBack::after {
          content: "";
          display: block;
          position: absolute;
          left: 50%;
          top: 50%;
          background: #fff;
          -webkit-border-radius: 0;
          border-radius: 0;
          width: 1.5625vw;
          height: 0.1041666667vw;
          margin-top: -0.0520833333vw;
          margin-left: -0.78125vw; }
        .zhiShuBox .fourSeasons .fourAlert .closeBack::before {
          -webkit-transform: rotate(45deg);
          -moz-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          -o-transform: rotate(45deg);
          transform: rotate(45deg); }
        .zhiShuBox .fourSeasons .fourAlert .closeBack::after {
          -webkit-transform: rotate(-45deg);
          -moz-transform: rotate(-45deg);
          -ms-transform: rotate(-45deg);
          -o-transform: rotate(-45deg);
          transform: rotate(-45deg); }
  .zhiShuBox .qSixPoint {
    width: 100%;
    position: relative; }
    .zhiShuBox .qSixPoint > img {
      width: 100%; }
    .zhiShuBox .qSixPoint .qPointBtn li {
      width: 8.75vw;
      height: 2.6041666667vw;
      position: absolute;
      cursor: pointer;
      font-size: 1.3541666667vw;
      color: #fff;
      line-height: 2.6041666667vw;
      text-align: left;
      display: flex;
      align-items: center;
      justify-content: flex-start; }
      .zhiShuBox .qSixPoint .qPointBtn li span {
        display: block;
        width: 0.625vw;
        height: 0.625vw;
        background: #b67533;
        border-radius: 50%;
        margin-right: 0.7291666667vw;
        position: relative; }
        .zhiShuBox .qSixPoint .qPointBtn li span::before, .zhiShuBox .qSixPoint .qPointBtn li span::after {
          content: "";
          width: 100%;
          height: 100%;
          position: absolute;
          left: 0;
          top: 0;
          border-radius: 50%;
          background: #b67533; }
        .zhiShuBox .qSixPoint .qPointBtn li span::before {
          animation: bigS 1s linear; }
        .zhiShuBox .qSixPoint .qPointBtn li span::after {
          animation: bigS 1s linear 0.3s infinite; }
      .zhiShuBox .qSixPoint .qPointBtn li p {
        margin-right: 0.8333333333vw; }
    .zhiShuBox .qSixPoint .qPointBtn .one {
      left: 24.4791666667vw;
      top: 11.1458333333vw; }
    .zhiShuBox .qSixPoint .qPointBtn .two {
      left: 13.125vw;
      top: 15.9375vw; }
    .zhiShuBox .qSixPoint .qPointBtn .three {
      left: 17.9166666667vw;
      top: 25.5208333333vw; }
    .zhiShuBox .qSixPoint .qPointBtn .four {
      left: 11.875vw;
      top: 32.7083333333vw; }
    .zhiShuBox .qSixPoint .qPointBtn .five {
      width: 13.125vw;
      left: 68.2291666667vw;
      top: 11.4583333333vw; }
    .zhiShuBox .qSixPoint .qPointBtn .six {
      left: 79.1666666667vw;
      top: 29.6875vw; }
    .zhiShuBox .qSixPoint .qConBg {
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      z-index: 10;
      background: rgba(0, 0, 0, 0.6);
      display: none; }
      .zhiShuBox .qSixPoint .qConBg .kuang {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center; }
    .zhiShuBox .qSixPoint .sTit {
      font-size: 1.3541666667vw;
      color: #fff;
      line-height: 2.0833333333vw;
      text-align: center;
      margin-bottom: 4.1666666667vw; }
    .zhiShuBox .qSixPoint .tit {
      position: relative;
      font-size: 1.0416666667vw;
      color: #fff;
      line-height: 1.5625vw;
      text-align: center;
      padding-bottom: 1.5625vw;
      margin-bottom: 1.5625vw; }
    .zhiShuBox .qSixPoint .tit:after {
      content: "";
      width: 3.125vw;
      height: 0.15625vw;
      background: #c41534;
      position: absolute;
      left: 0;
      bottom: 0; }
    .zhiShuBox .qSixPoint .closeAlBtn {
      width: 2.5vw;
      height: 2.5520833333vw;
      background: url("../images/qicon16.png") center no-repeat;
      background-size: contain;
      position: absolute;
      right: 2.9166666667vw;
      top: 4.4791666667vw;
      cursor: pointer; }
    .zhiShuBox .qSixPoint .oneAlert {
      width: 55.2083333333vw;
      padding: 2.0833333333vw 0;
      box-sizing: border-box;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      position: relative;
      background: rgba(0, 0, 0, 0.7); }
      .zhiShuBox .qSixPoint .oneAlert .txtImg {
        position: relative; }
        .zhiShuBox .qSixPoint .oneAlert .txtImg .txt {
          width: 5.7291666667vw;
          position: absolute;
          left: 100%;
          top: 4.1666666667vw;
          font-size: 0.7291666667vw;
          color: #fff;
          line-height: 1.25vw;
          text-align: center; }
      .zhiShuBox .qSixPoint .oneAlert .imgTxt {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        margin-bottom: 3.6458333333vw; }
        .zhiShuBox .qSixPoint .oneAlert .imgTxt li {
          margin: 0 2.0833333333vw;
          display: flex;
          align-items: center;
          justify-content: center;
          flex-direction: column; }
        .zhiShuBox .qSixPoint .oneAlert .imgTxt .img {
          width: 15.625vw;
          height: 10.4166666667vw;
          display: flex;
          align-items: center;
          justify-content: center;
          margin-bottom: 1.5625vw; }
          .zhiShuBox .qSixPoint .oneAlert .imgTxt .img img {
            max-width: 100%;
            max-height: 100%; }
        .zhiShuBox .qSixPoint .oneAlert .imgTxt p {
          font-size: 1.0416666667vw;
          color: #fff;
          line-height: 1.5625vw;
          text-align: center;
          cursor: pointer; }
      .zhiShuBox .qSixPoint .oneAlert .ckMore {
        display: block;
        width: 13.125vw;
        height: 2.8125vw;
        border: 1px solid #fff;
        font-size: 1.0416666667vw;
        color: #fff;
        line-height: 2.8125vw;
        text-align: center; }
      .zhiShuBox .qSixPoint .oneAlert .txts {
        position: absolute;
        left: 3.6458333333vw;
        top: 5.7291666667vw; }
        .zhiShuBox .qSixPoint .oneAlert .txts .tit {
          margin-bottom: 0.7291666667vw; }
        .zhiShuBox .qSixPoint .oneAlert .txts li {
          display: flex;
          align-items: flex-start;
          justify-content: flex-start;
          flex-direction: column;
          font-size: 0.8333333333vw;
          color: #fff;
          line-height: 1.3541666667vw;
          text-align: left; }
        .zhiShuBox .qSixPoint .oneAlert .txts li:nth-child(1) {
          width: 14.375vw;
          margin-bottom: 2.0833333333vw; }
        .zhiShuBox .qSixPoint .oneAlert .txts li:nth-child(2) {
          width: 16.6666666667vw; }
    .zhiShuBox .qSixPoint .threeAlert {
      width: 74.4791666667vw;
      box-sizing: border-box;
      padding: 2.0833333333vw 6.7708333333vw;
      padding-bottom: 4.1666666667vw;
      background: rgba(0, 0, 0, 0.7);
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      position: relative; }
      .zhiShuBox .qSixPoint .threeAlert .sTit {
        margin-bottom: 3.6458333333vw; }
      .zhiShuBox .qSixPoint .threeAlert .line {
        width: 31.25vw;
        height: 1px;
        background: linear-gradient(to right, transparent, #e6b794, transparent);
        margin-bottom: 1.5625vw;
        opacity: 0.6; }
      .zhiShuBox .qSixPoint .threeAlert img {
        max-width: 100%; }
    .zhiShuBox .qSixPoint .fiveAlert .sTit {
      margin-bottom: 1.5625vw; }
    .zhiShuBox .qSixPoint .sixAlert {
      padding: 0; }
      .zhiShuBox .qSixPoint .sixAlert > img {
        width: 100%; }
      .zhiShuBox .qSixPoint .sixAlert .sTit {
        position: absolute;
        left: 50%;
        top: 1.5625vw;
        transform: translateX(-50%); }
  .zhiShuBox .qEightPoints {
    width: 100%;
    position: relative; }
    .zhiShuBox .qEightPoints .topNavList {
      width: 72.9166666667vw;
      position: absolute;
      left: 50%;
      top: 2.0833333333vw;
      transform: translateX(-50%);
      z-index: 10; }
    .zhiShuBox .qEightPoints .qTabBox li {
      width: 9.1145833333vw;
      padding-bottom: 1.0416666667vw;
      font-size: 0.8333333333vw;
      color: #333;
      line-height: 1.3541666667vw;
      text-align: center; }
      .zhiShuBox .qEightPoints .qTabBox li img {
        width: 3.125vw; }
    .zhiShuBox .qEightPoints .middleSwiper {
      height: 43.2291666667vw; }
      .zhiShuBox .qEightPoints .middleSwiper .prev, .zhiShuBox .qEightPoints .middleSwiper .next {
        top: 50%;
        transform: translateY(-50%); }
      .zhiShuBox .qEightPoints .middleSwiper .qTxtBox {
        width: 42.7083333333vw;
        height: 35.4166666667vw;
        box-sizing: border-box;
        padding: 4.1666666667vw 3.6458333333vw;
        background: rgba(255, 255, 255, 0.8);
        position: absolute;
        right: 0;
        top: 8.0208333333vw; }
      .zhiShuBox .qEightPoints .middleSwiper .txts {
        width: 18.75vw;
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex-direction: column;
        margin-bottom: 1.5625vw; }
        .zhiShuBox .qEightPoints .middleSwiper .txts .tit {
          font-size: 1.9791666667vw;
          color: #333;
          line-height: 2.0833333333vw;
          text-align: left;
          margin-bottom: 1.0416666667vw; }
        .zhiShuBox .qEightPoints .middleSwiper .txts strong {
          font-size: 1.0416666667vw;
          color: #333;
          line-height: 1.5625vw;
          text-align: left;
          margin-bottom: 1.0416666667vw; }
        .zhiShuBox .qEightPoints .middleSwiper .txts p {
          font-size: 0.8333333333vw;
          color: #333;
          line-height: 1.875vw;
          text-align: left; }
      .zhiShuBox .qEightPoints .middleSwiper .qList {
        position: relative;
        width: auto;
        height: auto; }
        .zhiShuBox .qEightPoints .middleSwiper .qList li {
          width: 80%;
          height: auto;
          box-sizing: border-box;
          padding-left: 1.0416666667vw;
          visibility: visible;
          opacity: 1;
          font-size: 0.8333333333vw;
          color: #333;
          line-height: 1.25vw;
          text-align: left;
          margin-bottom: 0.7291666667vw;
          display: flex;
          align-items: center;
          justify-content: flex-start;
          position: relative; }
          .zhiShuBox .qEightPoints .middleSwiper .qList li::before {
            content: "";
            width: 0.4166666667vw;
            height: 0.4166666667vw;
            border-radius: 50%;
            border: 2px solid #c81943;
            position: absolute;
            left: 0;
            top: 0.2604166667vw; }
  .zhiShuBox .qChangeBox {
    width: 72.9166666667vw;
    margin: 0 auto;
    margin-top: 5.7291666667vw; }
    .zhiShuBox .qChangeBox .qTit {
      margin-bottom: 4.1666666667vw; }
    .zhiShuBox .qChangeBox .qTabBox {
      width: 40.625vw;
      border-bottom: 1px solid #929292;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto; }
      .zhiShuBox .qChangeBox .qTabBox li {
        font-size: 1.0416666667vw;
        color: #333;
        line-height: 1.5625vw;
        text-align: left;
        padding-bottom: 1.25vw;
        cursor: pointer;
        position: relative;
        top: 1px;
        z-index: 20;
        margin: 0 1.0416666667vw; }
        .zhiShuBox .qChangeBox .qTabBox li::before {
          content: "";
          display: block;
          width: 0;
          height: 0.2083333333vw;
          background: #333;
          position: absolute;
          left: 0;
          bottom: 0;
          z-index: 10;
          transition: all 0.3s linear; }
      .zhiShuBox .qChangeBox .qTabBox .act {
        font-weight: bold; }
        .zhiShuBox .qChangeBox .qTabBox .act::before {
          width: 90%; }
    .zhiShuBox .qChangeBox .qTabBar {
      width: 100%; }
      .zhiShuBox .qChangeBox .qTabBar li {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        display: none; }
        .zhiShuBox .qChangeBox .qTabBar li img {
          max-width: 100%; }
      .zhiShuBox .qChangeBox .qTabBar .qAct {
        display: flex; }
  .zhiShuBox .qJxBox {
    width: 91.6666666667vw;
    margin: 0 auto;
    margin-top: 8.3333333333vw; }
    .zhiShuBox .qJxBox > p {
      font-size: 1.0416666667vw;
      color: #333;
      line-height: 1.5625vw;
      text-align: center;
      margin-top: 0.8333333333vw; }
    .zhiShuBox .qJxBox ul {
      width: 100%;
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      flex-wrap: wrap;
      margin-top: 3.6458333333vw; }
      .zhiShuBox .qJxBox ul li {
        width: 29.7916666667vw;
        margin-bottom: 2.0833333333vw; }
      .zhiShuBox .qJxBox ul .img {
        width: 100%;
        height: 16.7708333333vw;
        position: relative;
        margin-bottom: 1.0416666667vw;
        overflow: hidden; }
        .zhiShuBox .qJxBox ul .img img {
          position: absolute;
          left: 0px;
          top: 0px;
          width: 100%;
          height: 100%;
          object-fit: cover;
          -ms-object-fit: cover;
          -moz-object-fit: cover;
          -webkit-object-fit: cover;
          -o-object-fit: cover; }
      .zhiShuBox .qJxBox ul .txt {
        padding: 0 0.5208333333vw;
        display: flex;
        align-items: center;
        justify-content: space-between; }
        .zhiShuBox .qJxBox ul .txt p {
          display: flex;
          align-items: flex-end;
          justify-content: flex-start;
          font-size: 1.0416666667vw;
          color: #333;
          line-height: 1.5625vw;
          text-align: center; }
        .zhiShuBox .qJxBox ul .txt span {
          margin-left: 0.5208333333vw;
          font-size: 0.7291666667vw;
          color: #333;
          line-height: 1.25vw;
          text-align: center; }
        .zhiShuBox .qJxBox ul .txt strong {
          font-weight: normal;
          display: block;
          padding-left: 1.3541666667vw;
          background: url("../images/qicon17.png") left bottom no-repeat;
          background-size: 0.8333333333vw;
          font-size: 0.7291666667vw;
          color: #333;
          line-height: 0.8333333333vw;
          text-align: center; }
  .zhiShuBox .qImgBox {
    width: 100%;
    margin-top: 4.1666666667vw; }
    .zhiShuBox .qImgBox > img {
      width: 100%; }
  .zhiShuBox .qVipBox {
    width: 72.9166666667vw;
    margin: 0 auto;
    margin-top: 5.7291666667vw; }
    .zhiShuBox .qVipBox .qTit {
      color: #c0a472;
      margin-bottom: 4.1666666667vw; }
    .zhiShuBox .qVipBox ul {
      width: 100%;
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      margin-bottom: 4.1666666667vw; }
      .zhiShuBox .qVipBox ul li {
        width: 17.1875vw; }
      .zhiShuBox .qVipBox ul .img {
        width: 100%;
        height: 12.1354166667vw;
        position: relative;
        margin-bottom: 1.0416666667vw;
        overflow: hidden; }
        .zhiShuBox .qVipBox ul .img img {
          position: absolute;
          left: 0px;
          top: 0px;
          width: 100%;
          height: 100%;
          object-fit: cover;
          -ms-object-fit: cover;
          -moz-object-fit: cover;
          -webkit-object-fit: cover;
          -o-object-fit: cover; }
      .zhiShuBox .qVipBox ul p {
        font-weight: bold;
        font-size: 0.9375vw;
        color: #c0a472;
        line-height: 1.0416666667vw;
        text-align: center; }
    .zhiShuBox .qVipBox .txt {
      font-size: 0.625vw;
      color: #333;
      line-height: 1.25vw;
      text-align: center; }

.qEightPointsAlert {
  display: none; }

@media (min-width: 769px) and (max-width: 1440px) {
  .zhiShuBox .qEightPoints .qTabBox li {
    font-size: 12px; }
  .zhiShuBox .qEightPoints .middleSwiper .txts strong {
    font-size: 14px; }
  .zhiShuBox .qEightPoints .middleSwiper .txts p {
    font-size: 12px; }
  .zhiShuBox .qEightPoints .middleSwiper .qList li {
    font-size: 12px;
    line-height: 16px; }
    .zhiShuBox .qEightPoints .middleSwiper .qList li::before {
      top: 4px; }
  .zhiShuBox .qChangeBox .qTabBox li {
    font-size: 14px; }
  .zhiShuBox .qJxBox > p {
    font-size: 12px; }
  .zhiShuBox .qJxBox ul .txt p {
    font-size: 14px; }
    .zhiShuBox .qJxBox ul .txt p span {
      font-size: 12px; }
  .zhiShuBox .qJxBox ul .txt strong {
    font-size: 12px;
    padding-left: 14px;
    background-size: 10px; }
  .zhiShuBox .qVipBox ul p {
    font-size: 14px; }
  .zhiShuBox .qVipBox .txt {
    font-size: 12px;
    line-height: 20px; }
  .zhiShuBox .fourSeasons ul .txt p {
    font-size: 12px; } }
@media (max-width: 768px) {
  .zhiShuBox {
    padding-bottom: 10.6666666667vw;
    margin-bottom: 0; }
    .zhiShuBox .imgVideoBox {
      height: 144vw;
      position: relative; }
      .zhiShuBox .imgVideoBox img {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        object-fit: cover;
        -ms-object-fit: cover;
        -moz-object-fit: cover;
        -webkit-object-fit: cover;
        -o-object-fit: cover; }
    .zhiShuBox .fourSeasons ul {
      flex-direction: column; }
      .zhiShuBox .fourSeasons ul .txt {
        left: 48.8vw;
        top: 10.6666666667vw;
        z-index: 20; }
        .zhiShuBox .fourSeasons ul .txt .sTit {
          font-size: 4.8vw;
          line-height: 6.6666666667vw; }
        .zhiShuBox .fourSeasons ul .txt p {
          font-size: 2.9333333333vw;
          line-height: 4vw; }
      .zhiShuBox .fourSeasons ul .clickShow {
        width: 7.8666666667vw;
        height: 7.7333333333vw;
        background: url("../images/qicon18.png") center no-repeat;
        background-size: contain;
        left: 16vw;
        top: 16.8vw;
        bottom: auto;
        transition: all 0.3s linear;
        z-index: 20; }
      .zhiShuBox .fourSeasons ul .act .clickShow {
        transform: translateX(0) rotate(180deg) !important; }
      .zhiShuBox .fourSeasons ul .act .mobShow {
        display: block;
        position: relative;
        z-index: 30; }
      .zhiShuBox .fourSeasons ul .act .closeBack {
        width: 6.6666666667vw;
        height: 6.6666666667vw;
        border: 1px solid #fff;
        border-radius: 50%;
        position: absolute;
        left: 50%;
        bottom: 8vw;
        margin-left: -3.3333333333vw;
        cursor: pointer;
        display: block; }
        .zhiShuBox .fourSeasons ul .act .closeBack::before, .zhiShuBox .fourSeasons ul .act .closeBack::after {
          content: "";
          display: block;
          position: absolute;
          left: 50%;
          top: 50%;
          background: #fff;
          -webkit-border-radius: 0;
          border-radius: 0;
          width: 4vw;
          height: 0.2666666667vw;
          margin-top: -0.1333333333vw;
          margin-left: -2vw; }
        .zhiShuBox .fourSeasons ul .act .closeBack::before {
          -webkit-transform: rotate(45deg);
          -moz-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          -o-transform: rotate(45deg);
          transform: rotate(45deg); }
        .zhiShuBox .fourSeasons ul .act .closeBack::after {
          -webkit-transform: rotate(-45deg);
          -moz-transform: rotate(-45deg);
          -ms-transform: rotate(-45deg);
          -o-transform: rotate(-45deg);
          transform: rotate(-45deg); }
    .zhiShuBox .qSixPoint .qPointBtn li {
      width: 22.4vw;
      height: 6.6666666667vw;
      font-size: 3.2vw;
      line-height: 6.6666666667vw; }
      .zhiShuBox .qSixPoint .qPointBtn li span {
        width: 1.6vw;
        height: 1.6vw;
        margin-right: 1.8666666667vw; }
    .zhiShuBox .qSixPoint .qPointBtn .one {
      left: 24vw;
      top: 38.6666666667vw; }
    .zhiShuBox .qSixPoint .qPointBtn .two {
      left: 13.8666666667vw;
      top: 53.3333333333vw;
      display: none; }
    .zhiShuBox .qSixPoint .qPointBtn .three {
      left: 47.7333333333vw;
      top: 57.0666666667vw; }
    .zhiShuBox .qSixPoint .qPointBtn .four {
      left: 18.1333333333vw;
      top: 149.3333333333vw; }
    .zhiShuBox .qSixPoint .qPointBtn .five {
      width: 33.6vw;
      left: 55.2vw;
      top: 45.3333333333vw; }
    .zhiShuBox .qSixPoint .qPointBtn .six {
      left: 64vw;
      top: 143.3333333333vw; }
    .zhiShuBox .qSixPoint .qConBg {
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      z-index: 10;
      background: rgba(0, 0, 0, 0.8);
      display: none; }
      .zhiShuBox .qSixPoint .qConBg .kuang {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center; }
    .zhiShuBox .qSixPoint .sTit {
      font-size: 4.8vw;
      line-height: 5.3333333333vw;
      margin-bottom: 10.6666666667vw; }
    .zhiShuBox .qSixPoint .tit {
      font-size: 4.8vw;
      line-height: 5.3333333333vw;
      padding-bottom: 4vw;
      margin-bottom: 4vw; }
    .zhiShuBox .qSixPoint .tit:after {
      width: 8vw;
      height: 0.4vw;
      left: 50%;
      margin-left: -4vw; }
    .zhiShuBox .qSixPoint .closeAlBtn {
      width: 6.4vw;
      height: 6.5333333333vw;
      right: 7.4666666667vw;
      top: 11.4666666667vw; }
    .zhiShuBox .qSixPoint .oneAlert {
      width: 88.5333333333vw;
      height: 142.4vw;
      padding: 5.3333333333vw 0;
      justify-content: flex-start; }
      .zhiShuBox .qSixPoint .oneAlert .txtImg .txt {
        width: 100%;
        left: 0;
        top: 0;
        position: relative;
        font-size: 3.2vw;
        line-height: 5.3333333333vw;
        margin-bottom: 10.6666666667vw; }
      .zhiShuBox .qSixPoint .oneAlert .imgTxt {
        margin-bottom: 9.3333333333vw;
        flex-direction: column; }
        .zhiShuBox .qSixPoint .oneAlert .imgTxt li {
          margin: 0 auto;
          margin-bottom: 6.6666666667vw; }
        .zhiShuBox .qSixPoint .oneAlert .imgTxt .img {
          width: 48vw;
          height: 32vw;
          margin-bottom: 4vw; }
          .zhiShuBox .qSixPoint .oneAlert .imgTxt .img img {
            max-width: 100%;
            max-height: 100%; }
        .zhiShuBox .qSixPoint .oneAlert .imgTxt .img2 {
          width: 36vw;
          height: 24vw; }
        .zhiShuBox .qSixPoint .oneAlert .imgTxt li:only-child {
          margin-bottom: 0; }
          .zhiShuBox .qSixPoint .oneAlert .imgTxt li:only-child .img {
            width: 54.6666666667vw;
            height: auto; }
        .zhiShuBox .qSixPoint .oneAlert .imgTxt p {
          font-size: 3.2vw;
          line-height: 5.3333333333vw;
          cursor: pointer; }
      .zhiShuBox .qSixPoint .oneAlert .ckMore {
        display: block;
        width: 33.6vw;
        height: 7.2vw;
        font-size: 3.2vw;
        line-height: 6.6666666667vw; }
      .zhiShuBox .qSixPoint .oneAlert .txts {
        position: absolute;
        left: 9.3333333333vw;
        top: 14.6666666667vw; }
        .zhiShuBox .qSixPoint .oneAlert .txts .tit {
          margin-bottom: 1.8666666667vw; }
        .zhiShuBox .qSixPoint .oneAlert .txts li {
          display: flex;
          align-items: flex-start;
          justify-content: flex-start;
          flex-direction: column;
          font-size: 2.1333333333vw;
          color: #fff;
          line-height: 3.4666666667vw;
          text-align: left; }
        .zhiShuBox .qSixPoint .oneAlert .txts li:nth-child(1) {
          width: 36.8vw;
          margin-bottom: 5.3333333333vw; }
        .zhiShuBox .qSixPoint .oneAlert .txts li:nth-child(2) {
          width: 42.6666666667vw; }
    .zhiShuBox .qSixPoint .threeAlert {
      width: 88.5333333333vw;
      box-sizing: border-box;
      padding: 5.3333333333vw 6.6666666667vw;
      padding-bottom: 21.3333333333vw;
      background: rgba(0, 0, 0, 0.8); }
      .zhiShuBox .qSixPoint .threeAlert .sTit {
        margin-bottom: 6.6666666667vw; }
      .zhiShuBox .qSixPoint .threeAlert .line {
        display: none; }
      .zhiShuBox .qSixPoint .threeAlert img {
        max-width: 100%; }
    .zhiShuBox .qSixPoint .fiveAlert .sTit {
      margin-bottom: 4vw; }
    .zhiShuBox .qSixPoint .fiveAlert .tit {
      font-size: 3.2vw;
      line-height: 5.3333333333vw; }
    .zhiShuBox .qSixPoint .fiveAlert .imgTxt {
      margin-bottom: 0; }
    .zhiShuBox .qSixPoint .sixAlert {
      padding: 0; }
      .zhiShuBox .qSixPoint .sixAlert > img {
        width: 100%; }
      .zhiShuBox .qSixPoint .sixAlert .sTit {
        position: absolute;
        left: 50%;
        top: 4vw; }
      .zhiShuBox .qSixPoint .sixAlert .tit {
        font-size: 4vw;
        padding-bottom: 2.6666666667vw;
        margin-bottom: 2.6666666667vw; }
      .zhiShuBox .qSixPoint .sixAlert .tit:after {
        width: 8vw;
        height: 0.2666666667vw;
        left: 0;
        margin-left: 0; }
      .zhiShuBox .qSixPoint .sixAlert p {
        font-size: 3.2vw;
        line-height: 5.3333333333vw; }
      .zhiShuBox .qSixPoint .sixAlert .txts {
        top: 21.8666666667vw; }
        .zhiShuBox .qSixPoint .sixAlert .txts li {
          width: 66.6666666667vw !important; }
    .zhiShuBox .qEightPoints {
      width: 100%; }
      .zhiShuBox .qEightPoints .topNavList {
        display: none; }
      .zhiShuBox .qEightPoints .middleSwiper {
        height: auto; }
        .zhiShuBox .qEightPoints .middleSwiper ul {
          height: auto;
          position: relative;
          left: 0;
          top: 0; }
          .zhiShuBox .qEightPoints .middleSwiper ul li {
            height: 32vw;
            position: relative;
            left: 0;
            top: 0;
            opacity: 1;
            visibility: visible; }
          .zhiShuBox .qEightPoints .middleSwiper ul li::before {
            content: "";
            width: 100%;
            height: 100%;
            background: #000;
            opacity: 0.4;
            position: absolute;
            left: 0;
            top: 0;
            z-index: 10; }
          .zhiShuBox .qEightPoints .middleSwiper ul img {
            position: absolute;
            left: 0px;
            top: 0px;
            width: 100%;
            height: 100%;
            object-fit: cover;
            -ms-object-fit: cover;
            -moz-object-fit: cover;
            -webkit-object-fit: cover;
            -o-object-fit: cover; }
        .zhiShuBox .qEightPoints .middleSwiper .prev, .zhiShuBox .qEightPoints .middleSwiper .next {
          display: none; }
        .zhiShuBox .qEightPoints .middleSwiper .qTxtBox {
          padding: 0;
          height: auto;
          left: 21.3333333333vw;
          top: 50%;
          transform: translateY(-50%);
          background: none;
          z-index: 20; }
        .zhiShuBox .qEightPoints .middleSwiper .txts {
          width: auto;
          margin-bottom: 4vw; }
          .zhiShuBox .qEightPoints .middleSwiper .txts .tit {
            font-size: 5.0666666667vw;
            line-height: 5.3333333333vw;
            color: #fff;
            margin-bottom: 2.6666666667vw; }
          .zhiShuBox .qEightPoints .middleSwiper .txts strong {
            font-size: 3.2vw;
            line-height: 4vw;
            margin-bottom: 0;
            color: #fff; }
          .zhiShuBox .qEightPoints .middleSwiper .txts p {
            display: none; }
        .zhiShuBox .qEightPoints .middleSwiper .qList {
          display: none; }
        .zhiShuBox .qEightPoints .middleSwiper .qClickA {
          width: 7.7333333333vw;
          height: 7.7333333333vw;
          background: url("../images/qicon27.png") center no-repeat;
          background-size: contain;
          position: absolute;
          right: 8.5333333333vw;
          top: 50%;
          margin-top: -3.8666666667vw;
          z-index: 10; }
    .zhiShuBox .qChangeBox {
      width: 90.6666666667vw;
      margin-top: 9.3333333333vw; }
      .zhiShuBox .qChangeBox .qTit {
        margin-bottom: 8vw; }
      .zhiShuBox .qChangeBox .qTabBox {
        width: 100%;
        margin-bottom: 5.0666666667vw; }
        .zhiShuBox .qChangeBox .qTabBox li {
          font-size: 3.2vw;
          line-height: 4vw;
          padding-bottom: 3.2vw; }
        .zhiShuBox .qChangeBox .qTabBox li:before {
          height: 0.5333333333vw; }
    .zhiShuBox .qJxBox {
      width: 90.6666666667vw;
      margin-top: 13.3333333333vw; }
      .zhiShuBox .qJxBox > p {
        font-size: 3.2vw;
        line-height: 4vw;
        margin-top: 2.1333333333vw; }
      .zhiShuBox .qJxBox ul {
        margin-top: 8vw; }
        .zhiShuBox .qJxBox ul li {
          width: 100%;
          margin-bottom: 6.6666666667vw; }
        .zhiShuBox .qJxBox ul .img {
          height: 50.9333333333vw;
          margin-bottom: 2.6666666667vw; }
        .zhiShuBox .qJxBox ul .txt {
          padding: 0 1.3333333333vw; }
          .zhiShuBox .qJxBox ul .txt p {
            font-size: 3.2vw;
            line-height: 4vw; }
          .zhiShuBox .qJxBox ul .txt span {
            margin-left: 1.3333333333vw;
            font-size: 2.4vw;
            line-height: 3.2vw; }
          .zhiShuBox .qJxBox ul .txt strong {
            padding-left: 4vw;
            background-size: 3.2vw;
            padding-top: 0.8vw;
            font-size: 2.4vw;
            line-height: 3.2vw; }
    .zhiShuBox .qImgBox {
      margin-top: 10.6666666667vw; }
    .zhiShuBox .qVipBox {
      width: 82.6666666667vw;
      margin-top: 14.6666666667vw; }
      .zhiShuBox .qVipBox .qTit {
        display: none; }
      .zhiShuBox .qVipBox ul {
        flex-wrap: wrap;
        margin-bottom: 0; }
        .zhiShuBox .qVipBox ul li {
          width: 37.8666666667vw;
          margin-bottom: 5.3333333333vw; }
        .zhiShuBox .qVipBox ul .img {
          height: 37.8666666667vw;
          margin-bottom: 2.6666666667vw; }
        .zhiShuBox .qVipBox ul p {
          font-size: 3.2vw;
          line-height: 4vw; }
      .zhiShuBox .qVipBox .txt {
        padding: 0 4vw;
        font-size: 1.8666666667vw;
        line-height: 4vw;
        text-align: left; }

  .qEightPointsAlert .qClose {
    border-radius: 50%;
    background: #fff;
    width: 7.7333333333vw;
    height: 7.7333333333vw;
    position: absolute;
    right: -3.8666666667vw;
    top: -3.8666666667vw;
    cursor: pointer; }
    .qEightPointsAlert .qClose::before, .qEightPointsAlert .qClose::after {
      content: "";
      display: block;
      position: absolute;
      left: 50%;
      top: 50%;
      background: #333;
      -webkit-border-radius: 0;
      border-radius: 0;
      width: 2px;
      height: 5.3333333333vw;
      margin-top: -2.6666666667vw;
      margin-left: -1px; }
    .qEightPointsAlert .qClose::before {
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg); }
    .qEightPointsAlert .qClose::after {
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg); }
  .qEightPointsAlert .contain {
    width: 83.2vw;
    height: 113.8666666667vw;
    box-sizing: border-box;
    padding: 13.3333333333vw 9.0666666667vw;
    background: rgba(255, 255, 255, 0.9);
    position: relative; }
    .qEightPointsAlert .contain .txts {
      width: 48vw;
      display: flex;
      align-items: flex-start;
      justify-content: flex-start;
      flex-direction: column;
      margin-bottom: 4vw; }
      .qEightPointsAlert .contain .txts .tit {
        font-weight: bold;
        font-size: 5.0666666667vw;
        color: #333;
        line-height: 5.3333333333vw;
        text-align: left;
        margin-bottom: 2.6666666667vw; }
      .qEightPointsAlert .contain .txts strong {
        font-size: 3.2vw;
        color: #333;
        line-height: 4vw;
        text-align: left;
        margin-bottom: 2.6666666667vw; }
      .qEightPointsAlert .contain .txts p {
        font-size: 2.6666666667vw;
        color: #333;
        line-height: 4.8vw;
        text-align: left; }
    .qEightPointsAlert .contain .qList li {
      width: 80%;
      box-sizing: border-box;
      padding-left: 3.4666666667vw;
      font-size: 3.2vw;
      color: #636363;
      line-height: 4.8vw;
      text-align: left;
      margin-bottom: 1.8666666667vw;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      position: relative; }
      .qEightPointsAlert .contain .qList li::before {
        content: "";
        width: 1.3333333333vw;
        height: 1.3333333333vw;
        border-radius: 50%;
        border: 1px solid #c81943;
        position: absolute;
        left: 0;
        top: 1.4666666667vw; } }
/*全屋全感*/
.qFullRoomBox .comprehens {
  margin-top: 5.7291666667vw; }
.qFullRoomBox .qGoodAir {
  width: 62.5vw;
  margin: 0 auto;
  margin-top: 5.2083333333vw; }
  .qFullRoomBox .qGoodAir .qTit {
    margin-bottom: 4.1666666667vw; }
  .qFullRoomBox .qGoodAir .pointBoxs {
    position: relative; }
    .qFullRoomBox .qGoodAir .pointBoxs > img {
      max-width: 100%; }
    .qFullRoomBox .qGoodAir .pointBoxs li {
      width: 5.2083333333vw;
      height: 2.0833333333vw;
      position: absolute;
      cursor: pointer;
      font-size: 0.8333333333vw;
      color: #333;
      line-height: 2.0833333333vw;
      text-align: left; }
    .qFullRoomBox .qGoodAir .pointBoxs li:nth-child(1) {
      left: 36.9791666667vw;
      top: 1.5625vw; }
    .qFullRoomBox .qGoodAir .pointBoxs li:nth-child(2) {
      left: 48.9583333333vw;
      top: 8.3333333333vw; }
    .qFullRoomBox .qGoodAir .pointBoxs li:nth-child(3) {
      left: 58.8541666667vw;
      top: 14.5833333333vw; }
    .qFullRoomBox .qGoodAir .pointBoxs li:nth-child(4) {
      left: 0vw;
      top: 20.3125vw; }
    .qFullRoomBox .qGoodAir .pointBoxs li:nth-child(5) {
      left: 11.9791666667vw;
      top: 28.125vw; }
    .qFullRoomBox .qGoodAir .pointBoxs li:nth-child(6) {
      left: 19.2708333333vw;
      top: 33.8541666667vw; }
    .qFullRoomBox .qGoodAir .pointBoxs li:nth-child(7) {
      left: 45.8333333333vw;
      top: 32.8125vw; }
    .qFullRoomBox .qGoodAir .pointBoxs .bt {
      display: flex;
      align-items: center;
      justify-content: flex-start; }
      .qFullRoomBox .qGoodAir .pointBoxs .bt span {
        display: block;
        width: 0.625vw;
        height: 0.625vw;
        background: #45b3ff;
        border-radius: 50%;
        margin-right: 0.7291666667vw;
        position: relative; }
        .qFullRoomBox .qGoodAir .pointBoxs .bt span::before, .qFullRoomBox .qGoodAir .pointBoxs .bt span::after {
          content: "";
          width: 100%;
          height: 100%;
          position: absolute;
          left: 0;
          top: 0;
          border-radius: 50%;
          background: #45b3ff; }
        .qFullRoomBox .qGoodAir .pointBoxs .bt span::before {
          animation: bigS 1s linear; }
        .qFullRoomBox .qGoodAir .pointBoxs .bt span::after {
          animation: bigS 1s linear 0.3s infinite; }
    .qFullRoomBox .qGoodAir .pointBoxs .bt:hover {
      font-weight: bold; }
.qFullRoomBox .qChangeBox {
  width: 100%; }
  .qFullRoomBox .qChangeBox .qTit {
    margin-top: 4.1666666667vw; }
  .qFullRoomBox .qChangeBox .qTabBox {
    width: 59.375vw; }
    .qFullRoomBox .qChangeBox .qTabBox li {
      padding: 1.3541666667vw 1.5625vw;
      box-sizing: border-box; }
      .qFullRoomBox .qChangeBox .qTabBox li::before {
        left: 50%;
        transform: translateX(-50%); }
    .qFullRoomBox .qChangeBox .qTabBox .act::before {
      width: 100%; }
  .qFullRoomBox .qChangeBox .qTabBar {
    width: 100%;
    height: 31.25vw; }
    .qFullRoomBox .qChangeBox .qTabBar li {
      width: 100%;
      height: 100%;
      background: #fafafa;
      padding: 1.0416666667vw 0; }
      .qFullRoomBox .qChangeBox .qTabBar li img {
        max-height: 100%; }

@media (min-width: 769px) and (max-width: 1440px) {
  .qFullRoomBox .qGoodAir .pointBoxs li {
    font-size: 12px; } }
@media (max-width: 768px) {
  .qFullRoomBox .comprehens {
    margin-top: 14.6666666667vw; }
  .qFullRoomBox .qGoodAir {
    width: 100%;
    margin-top: 10.6666666667vw; }
    .qFullRoomBox .qGoodAir .qTit {
      margin-bottom: 13.3333333333vw; }
    .qFullRoomBox .qGoodAir .pointBoxs li {
      width: 14.6666666667vw;
      height: 5.3333333333vw;
      font-size: 2.6666666667vw;
      line-height: 5.3333333333vw; }
    .qFullRoomBox .qGoodAir .pointBoxs li:nth-child(1) {
      left: 56vw;
      top: 0vw; }
    .qFullRoomBox .qGoodAir .pointBoxs li:nth-child(2) {
      left: 68vw;
      top: 12vw; }
    .qFullRoomBox .qGoodAir .pointBoxs li:nth-child(3) {
      left: 81.3333333333vw;
      top: 25.3333333333vw; }
    .qFullRoomBox .qGoodAir .pointBoxs li:nth-child(4) {
      left: 5.3333333333vw;
      top: 41.3333333333vw; }
    .qFullRoomBox .qGoodAir .pointBoxs li:nth-child(5) {
      left: 12vw;
      top: 58.6666666667vw; }
    .qFullRoomBox .qGoodAir .pointBoxs li:nth-child(6) {
      left: 29.3333333333vw;
      top: 69.3333333333vw; }
    .qFullRoomBox .qGoodAir .pointBoxs li:nth-child(7) {
      left: 70.6666666667vw;
      top: 72vw; }
    .qFullRoomBox .qGoodAir .pointBoxs .bt span {
      width: 1.6vw;
      height: 1.6vw;
      margin-right: 1.8666666667vw; }
  .qFullRoomBox .qChangeBox {
    width: 100%; }
    .qFullRoomBox .qChangeBox .qTit {
      margin-bottom: 10.6666666667vw; }
    .qFullRoomBox .qChangeBox .qTabBox {
      width: 97.3333333333vw;
      margin-left: 2.6666666667vw; }
      .qFullRoomBox .qChangeBox .qTabBox li {
        flex-shrink: 0;
        padding: 3.4666666667vw 0;
        margin-right: 4vw; }
    .qFullRoomBox .qChangeBox .qTabBar {
      height: 91.7333333333vw; }
      .qFullRoomBox .qChangeBox .qTabBar li {
        padding: 4vw 8vw;
        box-sizing: border-box;
        padding-top: 6.6666666667vw; } }
@keyframes bigS {
  0% {
    transform: scale(1);
    opacity: 1; }
  100% {
    transform: scale(3);
    opacity: 0; } }
/*大平层*/
.qPentHouseBox {
  padding: 4.1666666667vw 0;
  padding-bottom: 5.2083333333vw;
  margin-bottom: 4.1666666667vw;
  background: #fff; }
  .qPentHouseBox .qChangeBox .qTabBox {
    width: 54.1666666667vw;
    padding: 0 6.7708333333vw;
    box-sizing: border-box;
    border-bottom: 1px solid #929292;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
    margin-bottom: 5.7291666667vw; }
    .qPentHouseBox .qChangeBox .qTabBox li {
      font-size: 1.5625vw;
      color: #333;
      line-height: 2.0833333333vw;
      text-align: left;
      padding-bottom: 1.25vw;
      cursor: pointer;
      position: relative;
      top: 1px;
      z-index: 20; }
      .qPentHouseBox .qChangeBox .qTabBox li::before {
        content: "";
        display: block;
        width: 0;
        height: 0.2083333333vw;
        background: #c3002f;
        position: absolute;
        left: 50%;
        bottom: 0;
        transform: translateX(-50%);
        z-index: 10;
        transition: all 0.3s linear; }
    .qPentHouseBox .qChangeBox .qTabBox .qAct {
      font-weight: bold; }
      .qPentHouseBox .qChangeBox .qTabBox .qAct::before {
        width: 100%; }
  .qPentHouseBox .qChangeBox .qChangeBar li {
    display: none; }
  .qPentHouseBox .qChangeBox .qChangeBar li:nth-child(1) {
    display: block; }
  .qPentHouseBox .qChangeBox .caseFastJump {
    margin-top: 0;
    margin-bottom: 1.875vw; }
    .qPentHouseBox .qChangeBox .caseFastJump .contTxt .pBox p {
      margin-bottom: 1.5625vw; }
    .qPentHouseBox .qChangeBox .caseFastJump .contTxt .pBox p:last-child {
      margin-bottom: 0; }

.qPentHouseDetailBox {
  margin-bottom: 3.125vw; }
  .qPentHouseDetailBox .qDetailBox > li {
    width: 100%;
    position: relative;
    font-size: 0;
    line-height: 0; }
    .qPentHouseDetailBox .qDetailBox > li img {
      width: 100%; }
    .qPentHouseDetailBox .qDetailBox > li .qTxtBox {
      width: 17.7083333333vw;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      z-index: 10; }
      .qPentHouseDetailBox .qDetailBox > li .qTxtBox .stit {
        font-size: 1.5625vw;
        color: #fff;
        line-height: 2.0833333333vw;
        text-align: left;
        margin-bottom: 1.5625vw; }
      .qPentHouseDetailBox .qDetailBox > li .qTxtBox p {
        font-size: 0.8333333333vw;
        color: #fff;
        line-height: 1.3541666667vw;
        text-align: left; }
  .qPentHouseDetailBox .qDetailBox > li:nth-child(odd) .qTxtBox {
    left: 18.75vw; }
  .qPentHouseDetailBox .qDetailBox > li:nth-child(even) .qTxtBox {
    right: 18.75vw; }
  .qPentHouseDetailBox .qDetailBox .white .qTxtBox .stit, .qPentHouseDetailBox .qDetailBox .white .qTxtBox p {
    color: #fff !important; }
  .qPentHouseDetailBox .qDetailBox .black .qTxtBox .stit, .qPentHouseDetailBox .qDetailBox .black .qTxtBox p {
    color: #000 !important; }
  .qPentHouseDetailBox .qDiyBox {
    width: 100%;
    position: relative; }
    .qPentHouseDetailBox .qDiyBox img {
      width: 100%; }
  .qPentHouseDetailBox .qLineUpBox {
    width: 100%;
    box-sizing: border-box;
    padding: 5.7291666667vw 0;
    padding-bottom: 7.2916666667vw;
    background: #fff; }
    .qPentHouseDetailBox .qLineUpBox .qTit {
      font-size: 1.4583333333vw;
      margin-bottom: 3.6458333333vw; }
    .qPentHouseDetailBox .qLineUpBox ul {
      width: 75vw;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
      margin: 0 auto; }
      .qPentHouseDetailBox .qLineUpBox ul li {
        width: 13.5416666667vw;
        height: 19.7916666667vw;
        background: #fafafa;
        position: relative;
        overflow: hidden;
        cursor: pointer;
        margin: 0 0.5208333333vw;
        margin-bottom: 2.3958333333vw; }
      .qPentHouseDetailBox .qLineUpBox ul li:hover .qCon {
        transform: translateY(-2.0833333333vw); }
      .qPentHouseDetailBox .qLineUpBox ul li:hover .ckMore {
        opacity: 1; }
      .qPentHouseDetailBox .qLineUpBox ul .qCon {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        transition: all 0.3s linear; }
      .qPentHouseDetailBox .qLineUpBox ul .img {
        width: 7.8125vw;
        height: 8.3333333333vw;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 0.5208333333vw; }
        .qPentHouseDetailBox .qLineUpBox ul .img img {
          max-width: 100%;
          max-height: 100%; }
      .qPentHouseDetailBox .qLineUpBox ul p {
        font-size: 1.0416666667vw;
        color: #333;
        line-height: 2.0833333333vw;
        text-align: center; }
      .qPentHouseDetailBox .qLineUpBox ul .qIconTxt {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 0.8333333333vw;
        color: #333;
        line-height: 1.5625vw;
        text-align: left; }
        .qPentHouseDetailBox .qLineUpBox ul .qIconTxt img {
          width: 3.125vw; }
      .qPentHouseDetailBox .qLineUpBox ul .ckMore {
        width: 9.1666666667vw;
        height: 2.7083333333vw;
        position: absolute;
        left: 50%;
        bottom: 1.5625vw;
        transform: translateX(-4.5833333333vw);
        border: 1px solid #333;
        font-size: 0.9375vw;
        color: #333;
        line-height: 2.7083333333vw;
        text-align: center;
        opacity: 0;
        transition: all 0.3s linear; }
      .qPentHouseDetailBox .qLineUpBox ul .ckMore:hover {
        background: #333;
        color: #fff; }
    .qPentHouseDetailBox .qLineUpBox .ckOtherF {
      width: 9.1666666667vw;
      height: 2.7083333333vw;
      border: 1px solid #333;
      font-size: 0.9375vw;
      color: #333;
      line-height: 2.7083333333vw;
      text-align: center;
      transition: all 0.3s linear;
      margin: 0 auto;
      margin-top: 4.1666666667vw;
      cursor: pointer; }
      .qPentHouseDetailBox .qLineUpBox .ckOtherF:hover {
        background: #333;
        color: #fff; }

@media (min-width: 769px) and (max-width: 1440px) {
  .qPentHouseDetailBox .qLineUpBox ul .qIconTxt {
    font-size: 12px; }
  .qPentHouseDetailBox .qLineUpBox ul .ckMore {
    font-size: 12px; } }
@media (max-width: 768px) {
  .qPentHouseBox {
    padding: 10.6666666667vw 0;
    padding-bottom: 0;
    margin-bottom: 0; }
    .qPentHouseBox .qChangeBox .qTabBox {
      width: 90.6666666667vw;
      padding: 0;
      justify-content: center;
      margin-bottom: 8vw; }
      .qPentHouseBox .qChangeBox .qTabBox li {
        font-size: 1.5625vw;
        color: #333;
        line-height: 2.0833333333vw;
        text-align: left;
        font-size: 4vw;
        line-height: 5.3333333333vw;
        margin: 0 2.6666666667vw;
        padding-bottom: 3.2vw; }
        .qPentHouseBox .qChangeBox .qTabBox li::before {
          height: 0.5333333333vw; }
    .qPentHouseBox .qChangeBox .caseFastJump {
      margin-bottom: 4.8vw; }
      .qPentHouseBox .qChangeBox .caseFastJump .contTxt .pBox p {
        margin-bottom: 4vw; }

  .qPentHouseDetailBox {
    margin-bottom: 8vw; }
    .qPentHouseDetailBox .qDetailBox > li {
      height: auto;
      position: relative; }
      .qPentHouseDetailBox .qDetailBox > li img {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        object-fit: cover;
        -ms-object-fit: cover;
        -moz-object-fit: cover;
        -webkit-object-fit: cover;
        -o-object-fit: cover;
        position: relative; }
      .qPentHouseDetailBox .qDetailBox > li .qTxtBox {
        width: 81.3333333333vw;
        position: absolute;
        top: 14.6666666667vw;
        transform: translateY(0); }
        .qPentHouseDetailBox .qDetailBox > li .qTxtBox .stit {
          font-size: 6.4vw;
          line-height: 6.6666666667vw;
          margin-bottom: 4vw; }
        .qPentHouseDetailBox .qDetailBox > li .qTxtBox p {
          font-size: 2.9333333333vw;
          line-height: 6.6666666667vw; }
    .qPentHouseDetailBox .qDetailBox > li:nth-child(odd) .qTxtBox {
      left: 9.3333333333vw; }
    .qPentHouseDetailBox .qDetailBox > li:nth-child(even) .qTxtBox {
      right: auto;
      left: 9.3333333333vw; }
    .qPentHouseDetailBox .qDetailBox .black .qTxtBox .stit, .qPentHouseDetailBox .qDetailBox .black .qTxtBox p {
      color: #fff !important; }
    .qPentHouseDetailBox .qDiyBox {
      width: 100%; }
    .qPentHouseDetailBox .qLineUpBox {
      width: 100%;
      padding: 14.6666666667vw 0;
      padding-bottom: 18.6666666667vw;
      margin: 0 auto; }
      .qPentHouseDetailBox .qLineUpBox .qTit {
        font-size: 3.7333333333vw;
        margin-bottom: 9.3333333333vw; }
      .qPentHouseDetailBox .qLineUpBox ul {
        width: 90.6666666667vw;
        justify-content: space-between; }
        .qPentHouseDetailBox .qLineUpBox ul li {
          width: 43.2vw;
          height: 58.4vw;
          margin: 0;
          margin-bottom: 5.3333333333vw;
          display: flex;
          align-items: center;
          justify-content: center;
          flex-direction: column; }
        .qPentHouseDetailBox .qLineUpBox ul li:hover .qCon {
          transform: translateY(-5.3333333333vw); }
        .qPentHouseDetailBox .qLineUpBox ul li:hover .ckMore {
          opacity: 1; }
        .qPentHouseDetailBox .qLineUpBox ul .qCon {
          width: 100%;
          height: auto; }
        .qPentHouseDetailBox .qLineUpBox ul .img {
          width: 26.6666666667vw;
          height: 28vw;
          margin-bottom: 1.3333333333vw; }
        .qPentHouseDetailBox .qLineUpBox ul p {
          font-size: 3.7333333333vw;
          line-height: 5.3333333333vw; }
        .qPentHouseDetailBox .qLineUpBox ul .qIconTxt {
          display: none; }
        .qPentHouseDetailBox .qLineUpBox ul .ckMore {
          width: 23.4666666667vw;
          height: 6.9333333333vw;
          position: relative;
          left: 0;
          bottom: 0;
          transform: translateX(0);
          font-size: 3.2vw;
          line-height: 6.9333333333vw;
          margin: 0 auto;
          opacity: 1;
          margin-top: 4vw; }
        .qPentHouseDetailBox .qLineUpBox ul .ckMore:hover {
          background: #fff;
          color: #333; }
      .qPentHouseDetailBox .qLineUpBox .ckOtherF {
        width: 23.4666666667vw;
        height: 6.9333333333vw;
        border: 1px solid #333;
        font-size: 2.4vw;
        color: #333;
        line-height: 6.9333333333vw;
        text-align: center;
        transition: all 0.3s linear;
        margin: 0 auto;
        margin-top: 10.6666666667vw;
        cursor: pointer; }
        .qPentHouseDetailBox .qLineUpBox .ckOtherF:hover {
          background: #333;
          color: #fff; } }
/*家用产品列表*/
.houseHoldProductsListsPage .pcontBodyCont {
  padding-top: 3.125vw; }
.houseHoldProductsListsPage .procductMiddleBox .leftNavBox ul li {
  margin-top: 1.3541666667vw; }
.houseHoldProductsListsPage .procductMiddleBox .leftNavBox ul .on h3 a {
  font-weight: bold; }
.houseHoldProductsListsPage .qChooseBox {
  margin-bottom: 4.6875vw; }
  .houseHoldProductsListsPage .qChooseBox .qChooseTabBox {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 1.5625vw; }
  .houseHoldProductsListsPage .qChooseBox label {
    width: 4.6875vw;
    font-size: 0.9375vw;
    color: #a4a6a9;
    line-height: 1.875vw;
    text-align: left; }
  .houseHoldProductsListsPage .qChooseBox ul {
    flex: 1;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap; }
    .houseHoldProductsListsPage .qChooseBox ul li {
      padding: 0 1.25vw;
      white-space: nowrap;
      font-size: 0.8333333333vw;
      color: #333;
      line-height: 1.71875vw;
      text-align: left;
      cursor: pointer;
      margin-right: 0.2083333333vw; }
    .houseHoldProductsListsPage .qChooseBox ul li:hover {
      background: #ebebeb; }
    .houseHoldProductsListsPage .qChooseBox ul .on {
      background: #ebebeb; }
  .houseHoldProductsListsPage .qChooseBox .qChooseTabBox:nth-child(2) ul li {
    margin-bottom: 0.625vw; }
  .houseHoldProductsListsPage .qChooseBox .qSet {
    width: 4.1666666667vw;
    height: 2.0833333333vw;
    background: #333;
    font-size: 0.9375vw;
    color: #fff;
    line-height: 2.0833333333vw;
    text-align: center;
    cursor: pointer; }
.houseHoldProductsListsPage .qLists {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap; }
  .houseHoldProductsListsPage .qLists .mobNone {
    width: 26.0416666667vw;
    height: 23.9583333333vw;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    cursor: pointer;
    margin-bottom: 1.9791666667vw; }
    .houseHoldProductsListsPage .qLists .mobNone .imgBox {
      width: 9.8958333333vw;
      height: 9.8958333333vw;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 1.5625vw; }
      .houseHoldProductsListsPage .qLists .mobNone .imgBox img {
        max-width: 100%;
        max-height: 100%; }
    .houseHoldProductsListsPage .qLists .mobNone strong {
      font-size: 0.9375vw;
      color: #333;
      line-height: 1.0416666667vw;
      text-align: center;
      margin-bottom: 0.8333333333vw; }
  .houseHoldProductsListsPage .qLists .mobNone:hover {
    background: #fafafa; }
  .houseHoldProductsListsPage .qLists .qTypeBox {
    width: 20.3125vw;
    height: 3.125vw;
    font-size: 0.7291666667vw;
    color: #6b6b6b;
    line-height: 1.0416666667vw;
    text-align: left;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 1.3541666667vw; }
    .houseHoldProductsListsPage .qLists .qTypeBox li {
      margin: 0 0.5208333333vw; }
    .houseHoldProductsListsPage .qLists .qTypeBox li::before {
      content: "#";
      margin-right: 0.3125vw; }
  .houseHoldProductsListsPage .qLists .ckMore {
    width: 7.2916666667vw;
    height: 1.7708333333vw;
    border: 1px solid #333;
    font-size: 0.8333333333vw;
    color: #333;
    line-height: 1.7708333333vw;
    text-align: center;
    cursor: pointer; }
  .houseHoldProductsListsPage .qLists .ckMore:hover {
    color: #fff;
    background: #333; }

.qJumpBox {
  width: 72.9166666667vw;
  margin: 0 auto;
  margin-top: 5.2083333333vw; }
  .qJumpBox ul {
    display: flex;
    align-items: center;
    justify-content: space-between; }
  .qJumpBox li {
    width: 16.9791666667vw;
    height: 11.9791666667vw;
    background: #fafafa;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
    cursor: pointer; }
    .qJumpBox li a {
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0; }
    .qJumpBox li img {
      width: 3.125vw;
      margin-bottom: 0.8333333333vw; }
    .qJumpBox li p {
      font-size: 0.7291666667vw;
      color: #333;
      line-height: 1.0416666667vw;
      text-align: center; }

.houseHoldProductsDetailsPage .procductMiddleBox .leftNavBox ul li dl {
  display: none; }
.houseHoldProductsDetailsPage .procductMiddleBox .leftNavBox ul .on dl {
  display: block; }
.houseHoldProductsDetailsPage .procductMiddleBox .rightConBox {
  width: 55.2083333333vw; }
.houseHoldProductsDetailsPage .procductMiddleBox .qProductViewBox {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 5.2083333333vw; }
  .houseHoldProductsDetailsPage .procductMiddleBox .qProductViewBox .videoBox {
    width: 28.9583333333vw;
    height: 16.25vw;
    position: relative;
    margin-right: 1.875vw; }
  .houseHoldProductsDetailsPage .procductMiddleBox .qProductViewBox .play {
    width: 100%;
    height: 100%;
    background: url("../images/qicon36.png") center no-repeat;
    background-size: contain;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-indent: -99999px;
    cursor: pointer;
    opacity: 0; }
  .houseHoldProductsDetailsPage .procductMiddleBox .qProductViewBox .txtBox {
    min-height: 16.25vw;
    box-sizing: border-box;
    padding-top: 1.0416666667vw;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column; }
  .houseHoldProductsDetailsPage .procductMiddleBox .qProductViewBox .qTop .tit {
    font-weight: bold;
    font-size: 1.3541666667vw;
    color: #333;
    line-height: 1.5625vw;
    text-align: left;
    margin-bottom: 1.5625vw; }
  .houseHoldProductsDetailsPage .procductMiddleBox .qProductViewBox .qTop dd {
    font-size: 0.8333333333vw;
    color: #595959;
    line-height: 1.0416666667vw;
    text-align: left;
    margin-bottom: 0.5208333333vw; }
  .houseHoldProductsDetailsPage .procductMiddleBox .qProductViewBox .footHref {
    display: flex;
    align-items: center;
    justify-content: flex-start; }
    .houseHoldProductsDetailsPage .procductMiddleBox .qProductViewBox .footHref a {
      display: block;
      font-size: 0.9375vw;
      color: #333;
      line-height: 2.6041666667vw;
      text-align: center;
      width: 9.375vw;
      border: 1px solid #333;
      margin-right: 1.8229166667vw; }
      .houseHoldProductsDetailsPage .procductMiddleBox .qProductViewBox .footHref a:hover {
        background: #333;
        color: #fff; }
.houseHoldProductsDetailsPage .procductMiddleBox .qConTabBox {
  width: 41.6666666667vw;
  margin: 0 auto; }
  .houseHoldProductsDetailsPage .procductMiddleBox .qConTabBox .tabBg {
    padding-top: 1.0416666667vw;
    background: #fff;
    position: sticky;
    top: 4.5833333333vw; }
  .houseHoldProductsDetailsPage .procductMiddleBox .qConTabBox .qtabBox {
    width: 100%;
    background: #fff;
    box-sizing: border-box;
    padding: 0 5.2083333333vw;
    border-bottom: 2px solid #ececec;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 3.125vw; }
    .houseHoldProductsDetailsPage .procductMiddleBox .qConTabBox .qtabBox li {
      font-size: 0.8333333333vw;
      color: #333;
      line-height: 1.0416666667vw;
      text-align: center;
      padding-bottom: 1.5625vw;
      border-bottom: 2px solid transparent;
      position: relative;
      top: 2px;
      z-index: 10;
      cursor: pointer; }
    .houseHoldProductsDetailsPage .procductMiddleBox .qConTabBox .qtabBox li:only-child {
      margin: 0 auto; }
    .houseHoldProductsDetailsPage .procductMiddleBox .qConTabBox .qtabBox .on {
      font-weight: bold;
      border-bottom: 2px solid #c3002f; }
  .houseHoldProductsDetailsPage .procductMiddleBox .qConTabBox .qtabBar {
    width: 100%; }
    .houseHoldProductsDetailsPage .procductMiddleBox .qConTabBox .qtabBar > li {
      width: 100%;
      display: none; }
    .houseHoldProductsDetailsPage .procductMiddleBox .qConTabBox .qtabBar > li:nth-child(1) {
      display: block; }
  .houseHoldProductsDetailsPage .procductMiddleBox .qConTabBox .imgs {
    width: 100%;
    line-height: 0;
    font-size: 0; }
    .houseHoldProductsDetailsPage .procductMiddleBox .qConTabBox .imgs img {
      width: 100%; }
  .houseHoldProductsDetailsPage .procductMiddleBox .qConTabBox .ckMore {
    width: 9.2708333333vw;
    height: 2.8125vw;
    border: 1px solid #333;
    font-size: 0.9375vw;
    color: #333;
    line-height: 2.8125vw;
    text-align: center;
    cursor: pointer; }
    .houseHoldProductsDetailsPage .procductMiddleBox .qConTabBox .ckMore:hover {
      background: #333;
      color: #fff; }
  .houseHoldProductsDetailsPage .procductMiddleBox .qConTabBox .ckOtherP {
    position: relative;
    margin: 0 auto; }
    .houseHoldProductsDetailsPage .procductMiddleBox .qConTabBox .ckOtherP a {
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0; }
  .houseHoldProductsDetailsPage .procductMiddleBox .qConTabBox .qParameterBox, .houseHoldProductsDetailsPage .procductMiddleBox .qConTabBox .qMatchBox {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap; }
    .houseHoldProductsDetailsPage .procductMiddleBox .qConTabBox .qParameterBox dd, .houseHoldProductsDetailsPage .procductMiddleBox .qConTabBox .qMatchBox dd {
      width: 19.7916666667vw;
      height: 22.8125vw;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      margin-bottom: 2.0833333333vw; }
    .houseHoldProductsDetailsPage .procductMiddleBox .qConTabBox .qParameterBox dd:hover, .houseHoldProductsDetailsPage .procductMiddleBox .qConTabBox .qMatchBox dd:hover {
      background: #f7f7f7; }
    .houseHoldProductsDetailsPage .procductMiddleBox .qConTabBox .qParameterBox .imgBox, .houseHoldProductsDetailsPage .procductMiddleBox .qConTabBox .qMatchBox .imgBox {
      width: 9.375vw;
      height: 11.9791666667vw;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 1.0416666667vw; }
      .houseHoldProductsDetailsPage .procductMiddleBox .qConTabBox .qParameterBox .imgBox img, .houseHoldProductsDetailsPage .procductMiddleBox .qConTabBox .qMatchBox .imgBox img {
        max-width: 100%;
        max-height: 100%; }
    .houseHoldProductsDetailsPage .procductMiddleBox .qConTabBox .qParameterBox p, .houseHoldProductsDetailsPage .procductMiddleBox .qConTabBox .qMatchBox p {
      font-size: 1.0416666667vw;
      color: #333;
      line-height: 1.0416666667vw;
      text-align: center;
      margin-bottom: 1.0416666667vw; }
  .houseHoldProductsDetailsPage .procductMiddleBox .qConTabBox .qMatchBox .imgBox {
    width: 15.625vw;
    height: 6.25vw; }
  .houseHoldProductsDetailsPage .procductMiddleBox .qConTabBox .qMatchBox ul {
    width: 90%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    font-size: 0.7291666667vw;
    color: #333;
    line-height: 1.0416666667vw;
    text-align: center;
    margin-top: 0.5208333333vw;
    margin-bottom: 2.0833333333vw; }
    .houseHoldProductsDetailsPage .procductMiddleBox .qConTabBox .qMatchBox ul li {
      margin-right: 0.5208333333vw; }
    .houseHoldProductsDetailsPage .procductMiddleBox .qConTabBox .qMatchBox ul li::before {
      content: "#"; }
  .houseHoldProductsDetailsPage .procductMiddleBox .qConTabBox .qAl {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 3.125vw; }
    .houseHoldProductsDetailsPage .procductMiddleBox .qConTabBox .qAl dd {
      width: 20.3125vw;
      margin-bottom: 1.5625vw; }
    .houseHoldProductsDetailsPage .procductMiddleBox .qConTabBox .qAl .img {
      width: 100%;
      height: 11.4583333333vw;
      position: relative;
      margin-bottom: 1.0416666667vw;
      overflow: hidden; }
      .houseHoldProductsDetailsPage .procductMiddleBox .qConTabBox .qAl .img img {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        object-fit: cover;
        -ms-object-fit: cover;
        -moz-object-fit: cover;
        -webkit-object-fit: cover;
        -o-object-fit: cover; }
    .houseHoldProductsDetailsPage .procductMiddleBox .qConTabBox .qAl .txt {
      padding: 0 0.5208333333vw;
      display: flex;
      align-items: flex-end;
      justify-content: space-between; }
      .houseHoldProductsDetailsPage .procductMiddleBox .qConTabBox .qAl .txt p {
        display: flex;
        align-items: flex-end;
        justify-content: flex-start;
        font-size: 1.0416666667vw;
        color: #333;
        line-height: 1.5625vw;
        text-align: center; }
      .houseHoldProductsDetailsPage .procductMiddleBox .qConTabBox .qAl .txt span {
        margin-left: 0.5208333333vw;
        font-size: 0.7291666667vw;
        color: #333;
        line-height: 1.25vw;
        text-align: center; }
      .houseHoldProductsDetailsPage .procductMiddleBox .qConTabBox .qAl .txt strong {
        font-weight: normal;
        display: block;
        padding-left: 1.3541666667vw;
        background: url("../images/qicon17.png") left center no-repeat;
        background-size: 0.8333333333vw;
        padding-top: 0.3125vw;
        font-size: 0.7291666667vw;
        color: #333;
        line-height: 0.8333333333vw;
        text-align: center; }

@media (min-width: 769px) and (max-width: 1440px) {
  .houseHoldProductsListsPage .qChooseBox label {
    font-size: 12px; }
  .houseHoldProductsListsPage .qChooseBox ul li {
    font-size: 12px; }
  .houseHoldProductsListsPage .qLists .mobNone strong {
    font-size: 12px; }
  .houseHoldProductsListsPage .qLists .qTypeBox {
    font-size: 12px;
    line-height: 20px; }
  .houseHoldProductsListsPage .qLists .ckMore {
    font-size: 12px; }

  .houseHoldProductsDetailsPage .procductMiddleBox .qProductViewBox .qTop dd {
    font-size: 12px;
    line-height: 16px; }
  .houseHoldProductsDetailsPage .procductMiddleBox .qConTabBox .qtabBox li {
    font-size: 12px; }
  .houseHoldProductsDetailsPage .procductMiddleBox .qConTabBox .qParameterBox p {
    font-size: 12px; }
  .houseHoldProductsDetailsPage .procductMiddleBox .qConTabBox .ckMore {
    font-size: 12px; }
  .houseHoldProductsDetailsPage .procductMiddleBox .qConTabBox .qMatchBox p {
    font-size: 12px; }
  .houseHoldProductsDetailsPage .procductMiddleBox .qConTabBox .qMatchBox ul {
    font-size: 12px; }
  .houseHoldProductsDetailsPage .procductMiddleBox .qConTabBox .qAl .txt p {
    font-size: 14px;
    line-height: 20px; }
    .houseHoldProductsDetailsPage .procductMiddleBox .qConTabBox .qAl .txt p span {
      font-size: 14px;
      line-height: 20px; }
  .houseHoldProductsDetailsPage .procductMiddleBox .qConTabBox .qAl .txt strong {
    font-size: 12px;
    line-height: 20px;
    padding-top: 0;
    padding-left: 14px;
    background-size: 10px; }

  .qJumpBox li p {
    font-size: 12px; } }
@media (max-width: 768px) {
  .houseHoldProductsListsPage .pcontBodyCont {
    padding-top: 8vw; }
  .houseHoldProductsListsPage .procductMiddleBox .leftNavBox ul li {
    margin-top: 3.4666666667vw; }
  .houseHoldProductsListsPage .qChooseBox {
    margin-bottom: 8vw;
    margin-top: 5.3333333333vw; }
    .houseHoldProductsListsPage .qChooseBox .qChooseTabBox {
      margin-bottom: 0; }
    .houseHoldProductsListsPage .qChooseBox label {
      width: 12vw;
      font-size: 3.2vw;
      line-height: 4.8vw; }
    .houseHoldProductsListsPage .qChooseBox ul li {
      padding: 0 1.3333333333vw;
      font-size: 3.2vw;
      line-height: 4.8vw;
      margin-right: 0.5333333333vw;
      margin-bottom: 3.2vw; }
    .houseHoldProductsListsPage .qChooseBox .qChooseTabBox:nth-child(2) ul li {
      margin-bottom: 3.2vw; }
    .houseHoldProductsListsPage .qChooseBox .qSet {
      width: 14.6666666667vw;
      height: 6.6666666667vw;
      font-size: 3.2vw;
      line-height: 6.6666666667vw; }
  .houseHoldProductsListsPage .qLists .mobNone {
    width: 42.4vw;
    height: 78.6666666667vw;
    background: #f7f7f7;
    margin-bottom: 5.0666666667vw; }
    .houseHoldProductsListsPage .qLists .mobNone .imgBox {
      width: 25.3333333333vw;
      height: 25.3333333333vw;
      margin-bottom: 4vw; }
    .houseHoldProductsListsPage .qLists .mobNone strong {
      font-size: 3.7333333333vw;
      line-height: 4vw;
      margin-bottom: 2.1333333333vw; }
  .houseHoldProductsListsPage .qLists .mobNone:hover {
    background: none; }
  .houseHoldProductsListsPage .qLists .qTypeBox {
    width: 34.6666666667vw;
    height: 13.3333333333vw;
    font-size: 2.6666666667vw;
    line-height: 4vw;
    margin-bottom: 3.4666666667vw; }
    .houseHoldProductsListsPage .qLists .qTypeBox li {
      margin: 0 1.3333333333vw; }
    .houseHoldProductsListsPage .qLists .qTypeBox li::before {
      margin-right: 0.8vw; }
  .houseHoldProductsListsPage .qLists .ckMore {
    width: 18.6666666667vw;
    height: 4.5333333333vw;
    font-size: 2.6666666667vw;
    line-height: 4.5333333333vw; }
  .houseHoldProductsListsPage .qLists .ckMore:hover {
    color: #333;
    background: #fff; }

  .qJumpBox {
    width: 76vw;
    margin-top: 14.6666666667vw; }
    .qJumpBox ul {
      flex-wrap: wrap; }
    .qJumpBox li {
      width: 30.6666666667vw;
      height: 20.8vw;
      margin-bottom: 5.3333333333vw; }
      .qJumpBox li img {
        width: 10.6666666667vw;
        margin-bottom: 1.3333333333vw; }
      .qJumpBox li p {
        font-size: 3.2vw;
        line-height: 4vw; }

  .houseHoldProductsDetailsPage .procductMiddleBox .rightConBox {
    width: 100vw; }
  .houseHoldProductsDetailsPage .procductMiddleBox .qProductViewBox {
    width: 82.6666666667vw;
    align-items: center;
    flex-direction: column;
    margin: 0 auto;
    margin-bottom: 13.3333333333vw; }
    .houseHoldProductsDetailsPage .procductMiddleBox .qProductViewBox .videoBox {
      width: 82.6666666667vw;
      height: 46.6666666667vw;
      margin-right: 0;
      margin-bottom: 6.6666666667vw; }
    .houseHoldProductsDetailsPage .procductMiddleBox .qProductViewBox .txtBox {
      width: 100%;
      height: auto;
      padding-top: 0;
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-direction: column; }
      .houseHoldProductsDetailsPage .procductMiddleBox .qProductViewBox .txtBox dl {
        width: 100%; }
    .houseHoldProductsDetailsPage .procductMiddleBox .qProductViewBox .qTop {
      width: 100%; }
      .houseHoldProductsDetailsPage .procductMiddleBox .qProductViewBox .qTop .tit {
        font-size: 6.4vw;
        line-height: 6.6666666667vw;
        text-align: center;
        margin-bottom: 4vw; }
      .houseHoldProductsDetailsPage .procductMiddleBox .qProductViewBox .qTop dd {
        font-size: 3.2vw;
        line-height: 6.1333333333vw;
        margin-bottom: 1.3333333333vw; }
    .houseHoldProductsDetailsPage .procductMiddleBox .qProductViewBox .footHref {
      width: 70vw;
      justify-content: space-between;
      margin-top: 10.6666666667vw; }
      .houseHoldProductsDetailsPage .procductMiddleBox .qProductViewBox .footHref a {
        font-size: 3.2vw;
        line-height: 8.5333333333vw;
        width: 28vw;
        height: 8.5333333333vw;
        margin-right: 0; }
        .houseHoldProductsDetailsPage .procductMiddleBox .qProductViewBox .footHref a:hover {
          background: #fff;
          color: #333; }
  .houseHoldProductsDetailsPage .procductMiddleBox .qConTabBox {
    width: 100vw; }
    .houseHoldProductsDetailsPage .procductMiddleBox .qConTabBox .tabBg {
      padding-top: 2.6666666667vw;
      top: 11.7333333333vw; }
    .houseHoldProductsDetailsPage .procductMiddleBox .qConTabBox .qtabBox {
      width: 96vw;
      justify-content: flex-start;
      padding: 0;
      border-bottom: 1px solid #ececec;
      margin-bottom: 8vw;
      margin-left: 4vw;
      overflow-y: auto; }
      .houseHoldProductsDetailsPage .procductMiddleBox .qConTabBox .qtabBox li {
        flex-shrink: 0;
        font-size: 3.2vw;
        line-height: 3.4666666667vw;
        padding-bottom: 4vw;
        border-bottom: 0.5333333333vw solid transparent;
        top: 0px;
        z-index: 10;
        margin-right: 6.6666666667vw; }
      .houseHoldProductsDetailsPage .procductMiddleBox .qConTabBox .qtabBox .on {
        font-weight: bold;
        border-bottom: 0.5333333333vw solid #c3002f; }
    .houseHoldProductsDetailsPage .procductMiddleBox .qConTabBox .ckMore {
      width: 23.7333333333vw;
      height: 7.2vw;
      font-size: 3.2vw;
      line-height: 7.2vw; }
      .houseHoldProductsDetailsPage .procductMiddleBox .qConTabBox .ckMore:hover {
        background: #333;
        color: #fff; }
    .houseHoldProductsDetailsPage .procductMiddleBox .qConTabBox .ckOtherP {
      margin-top: 8vw; }
    .houseHoldProductsDetailsPage .procductMiddleBox .qConTabBox .qParameterBox, .houseHoldProductsDetailsPage .procductMiddleBox .qConTabBox .qMatchBox {
      width: 90.6666666667vw;
      margin: 0 auto; }
      .houseHoldProductsDetailsPage .procductMiddleBox .qConTabBox .qParameterBox dd, .houseHoldProductsDetailsPage .procductMiddleBox .qConTabBox .qMatchBox dd {
        width: 42.6666666667vw;
        height: 58.1333333333vw;
        margin-bottom: 5.3333333333vw; }
      .houseHoldProductsDetailsPage .procductMiddleBox .qConTabBox .qParameterBox dd:hover, .houseHoldProductsDetailsPage .procductMiddleBox .qConTabBox .qMatchBox dd:hover {
        background: #fff; }
      .houseHoldProductsDetailsPage .procductMiddleBox .qConTabBox .qParameterBox .imgBox, .houseHoldProductsDetailsPage .procductMiddleBox .qConTabBox .qMatchBox .imgBox {
        width: 42.6666666667vw;
        height: 43.2vw;
        margin-bottom: 2.6666666667vw; }
        .houseHoldProductsDetailsPage .procductMiddleBox .qConTabBox .qParameterBox .imgBox img, .houseHoldProductsDetailsPage .procductMiddleBox .qConTabBox .qMatchBox .imgBox img {
          max-width: 80%;
          max-height: 80%; }
      .houseHoldProductsDetailsPage .procductMiddleBox .qConTabBox .qParameterBox p, .houseHoldProductsDetailsPage .procductMiddleBox .qConTabBox .qMatchBox p {
        font-size: 3.2vw;
        line-height: 4vw;
        margin-bottom: 2.6666666667vw; }
    .houseHoldProductsDetailsPage .procductMiddleBox .qConTabBox .qMatchBox dd {
      height: 57.8666666667vw;
      background: #f7f7f7; }
    .houseHoldProductsDetailsPage .procductMiddleBox .qConTabBox .qMatchBox .imgBox {
      width: 34.6666666667vw;
      height: 14.6666666667vw; }
    .houseHoldProductsDetailsPage .procductMiddleBox .qConTabBox .qMatchBox p {
      font-size: 3.4666666667vw;
      line-height: 4vw; }
    .houseHoldProductsDetailsPage .procductMiddleBox .qConTabBox .qMatchBox ul {
      width: 90%;
      font-size: 3.2vw;
      line-height: 4vw;
      margin-top: 1.3333333333vw;
      margin-bottom: 5.3333333333vw; }
      .houseHoldProductsDetailsPage .procductMiddleBox .qConTabBox .qMatchBox ul li {
        margin-right: 1.3333333333vw; }
    .houseHoldProductsDetailsPage .procductMiddleBox .qConTabBox .qAl {
      width: 90.6666666667vw;
      margin: 0 auto;
      margin-top: 8vw; }
      .houseHoldProductsDetailsPage .procductMiddleBox .qConTabBox .qAl dd {
        width: 100%;
        margin-bottom: 4vw; }
      .houseHoldProductsDetailsPage .procductMiddleBox .qConTabBox .qAl .img {
        width: 100%;
        height: 51.2vw;
        margin-bottom: 2.6666666667vw; }
      .houseHoldProductsDetailsPage .procductMiddleBox .qConTabBox .qAl .txt {
        padding: 0 1.3333333333vw; }
        .houseHoldProductsDetailsPage .procductMiddleBox .qConTabBox .qAl .txt p {
          font-size: 3.2vw;
          line-height: 4vw; }
        .houseHoldProductsDetailsPage .procductMiddleBox .qConTabBox .qAl .txt span {
          margin-left: 1.3333333333vw;
          font-size: 2.4vw;
          line-height: 4vw; }
        .houseHoldProductsDetailsPage .procductMiddleBox .qConTabBox .qAl .txt strong {
          padding-left: 4.2666666667vw;
          background-size: 3.2vw;
          padding-top: 0.8vw;
          font-size: 2.4vw;
          line-height: 4vw; } }
/*购买指南*/
.qGuidePageBox .qMsBox {
  width: 62.5vw;
  margin: 0 auto;
  margin-top: 4.1666666667vw; }
  .qGuidePageBox .qMsBox .tit {
    font-size: 1.5625vw;
    color: #333;
    line-height: 2.0833333333vw;
    text-align: center;
    margin-bottom: 1.3541666667vw; }
  .qGuidePageBox .qMsBox strong {
    display: block;
    font-size: 1.25vw;
    color: #333;
    line-height: 1.5625vw;
    text-align: center;
    margin-bottom: 0.5208333333vw; }
  .qGuidePageBox .qMsBox p {
    font-size: 1.1458333333vw;
    color: #333;
    line-height: 1.5625vw;
    text-align: center; }
.qGuidePageBox .qStepBox {
  margin-top: 3.6458333333vw;
  position: relative; }
  .qGuidePageBox .qStepBox > img {
    width: 100%; }
  .qGuidePageBox .qStepBox .steps {
    width: 70.8333333333vw;
    position: absolute;
    left: 50%;
    top: 2.6041666667vw;
    margin-left: -35.4166666667vw; }
  .qGuidePageBox .qStepBox .qAbox {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 0.8333333333vw; }
  .qGuidePageBox .qStepBox a {
    width: 10.2083333333vw;
    height: 2.8125vw;
    border: 1px solid #333;
    font-size: 0.9375vw;
    color: #333;
    line-height: 2.8125vw;
    text-align: center; }
    .qGuidePageBox .qStepBox a:hover {
      color: #fff;
      background: #333; }
  .qGuidePageBox .qStepBox li {
    width: 32.6041666667vw;
    position: absolute;
    top: 0; }
  .qGuidePageBox .qStepBox li:nth-child(1) {
    left: 0; }
    .qGuidePageBox .qStepBox li:nth-child(1)::after {
      content: "";
      width: 4.53125vw;
      height: 5.7291666667vw;
      background: url("../images/qicon37.png") center no-repeat;
      background-size: contain;
      position: absolute;
      right: -5.2083333333vw;
      top: 50%;
      margin-top: -2.5vw; }
    .qGuidePageBox .qStepBox li:nth-child(1) .qAbox {
      padding: 0 4.8958333333vw; }
  .qGuidePageBox .qStepBox li:nth-child(2) {
    left: 38.3333333333vw; }
    .qGuidePageBox .qStepBox li:nth-child(2)::after {
      content: "";
      width: 4.53125vw;
      height: 5.7291666667vw;
      background: url("../images/qicon38.png") center no-repeat;
      background-size: contain;
      position: absolute;
      left: 50%;
      top: 15.625vw;
      margin-left: -2.8645833333vw; }
    .qGuidePageBox .qStepBox li:nth-child(2) .qAbox {
      padding: 0 4.8958333333vw; }
  .qGuidePageBox .qStepBox li:nth-child(3) {
    top: 19.5833333333vw;
    left: 38.3333333333vw; }
    .qGuidePageBox .qStepBox li:nth-child(3)::after {
      content: "";
      width: 4.53125vw;
      height: 5.7291666667vw;
      background: url("../images/qicon39.png") center no-repeat;
      background-size: contain;
      position: absolute;
      left: -5.2083333333vw;
      top: 50%;
      margin-top: -2.5vw; }
  .qGuidePageBox .qStepBox li:nth-child(4) {
    top: 19.5833333333vw;
    left: 0vw; }
  .qGuidePageBox .qStepBox .tit {
    display: inline-block;
    font-weight: bold;
    font-size: 1.1458333333vw;
    color: #333;
    line-height: 1.5625vw;
    text-align: left;
    position: relative;
    margin-bottom: 0.625vw;
    text-indent: 0.5208333333vw; }
    .qGuidePageBox .qStepBox .tit::after {
      content: "";
      width: 0.2083333333vw;
      height: 0.2083333333vw;
      border-radius: 50%;
      border: 0.15625vw solid #bd1643;
      position: absolute;
      right: -0.625vw;
      top: -0.1041666667vw; }
  .qGuidePageBox .qStepBox .txts {
    width: 100%;
    position: relative;
    line-height: 0; }
    .qGuidePageBox .qStepBox .txts img {
      width: 100%; }
    .qGuidePageBox .qStepBox .txts .txt {
      width: 100%;
      height: 100%;
      box-sizing: border-box;
      padding: 1.0416666667vw 0.7291666667vw;
      padding-right: 2.0833333333vw;
      position: absolute;
      left: 0;
      top: 0;
      font-size: 0.8333333333vw;
      color: #595757;
      line-height: 1.5625vw;
      text-align: left; }
      .qGuidePageBox .qStepBox .txts .txt strong {
        font-weight: normal;
        color: #333; }
  .qGuidePageBox .qStepBox .qEwmImg {
    width: 6.7708333333vw;
    margin: 0 auto; }
    .qGuidePageBox .qStepBox .qEwmImg .img {
      width: 4.8958333333vw;
      margin: 0 auto;
      margin-bottom: 0.3125vw; }
      .qGuidePageBox .qStepBox .qEwmImg .img img {
        width: 100%; }
    .qGuidePageBox .qStepBox .qEwmImg p {
      font-size: 0.8333333333vw;
      color: #333;
      line-height: 1.0416666667vw;
      text-align: center; }

@media (min-width: 769px) and (max-width: 1440px) {
  .qGuidePageBox .qStepBox .txts .txt {
    height: 100%;
    font-size: 12px; }
  .qGuidePageBox .qStepBox .qEwmImg {
    width: 90px; }
    .qGuidePageBox .qStepBox .qEwmImg p {
      font-size: 12px;
      white-space: nowrap; } }
@media (min-width: 769px) and (max-width: 980px) {
  .qGuidePageBox .qStepBox .txts .txt {
    height: 70px;
    font-size: 12px;
    line-height: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis; } }
@media (max-width: 768px) {
  .qGuidePageBox .qMsBox {
    width: 64vw;
    margin-top: 6.6666666667vw; }
    .qGuidePageBox .qMsBox .tit {
      font-size: 3.7333333333vw;
      line-height: 5.3333333333vw;
      margin-bottom: 2.1333333333vw; }
    .qGuidePageBox .qMsBox strong {
      font-size: 3.4666666667vw;
      line-height: 4vw;
      margin-bottom: 1.3333333333vw; }
    .qGuidePageBox .qMsBox p {
      font-size: 3.2vw;
      line-height: 4vw; }
  .qGuidePageBox .qStepBox {
    margin-top: 5.3333333333vw; }
    .qGuidePageBox .qStepBox .steps {
      width: 90.6666666667vw;
      position: absolute;
      top: 5.3333333333vw;
      margin-left: -45.3333333333vw; }
    .qGuidePageBox .qStepBox .qAbox {
      margin-top: 2.1333333333vw; }
    .qGuidePageBox .qStepBox a {
      width: 34.6666666667vw;
      height: 9.3333333333vw;
      font-size: 3.2vw;
      line-height: 9.3333333333vw; }
      .qGuidePageBox .qStepBox a:hover {
        color: #333;
        background: none; }
    .qGuidePageBox .qStepBox li {
      width: 100%;
      position: relative;
      top: 0 !important;
      left: 0 !important;
      padding-bottom: 13.3333333333vw; }
      .qGuidePageBox .qStepBox li::after {
        width: 14.6666666667vw !important;
        height: 11.6vw !important;
        background: url("../images/qicon38.png") center no-repeat !important;
        background-size: contain !important;
        position: absolute;
        left: 50% !important;
        right: auto !important;
        top: auto !important;
        bottom: 0;
        margin-left: -7.3333333333vw !important;
        margin-top: 0 !important; }
    .qGuidePageBox .qStepBox li:last-child {
      padding-bottom: 0; }
      .qGuidePageBox .qStepBox li:last-child::after {
        display: none; }
    .qGuidePageBox .qStepBox li:nth-child(1) .qAbox {
      padding: 0 6.6666666667vw; }
    .qGuidePageBox .qStepBox li:nth-child(2) .qAbox {
      padding: 0 6.6666666667vw; }
    .qGuidePageBox .qStepBox li:nth-child(3) .qAbox {
      width: 93.3333333333vw;
      margin-left: -1.3333333333vw; }
      .qGuidePageBox .qStepBox li:nth-child(3) .qAbox a:nth-child(1) {
        width: 25.8666666667vw; }
      .qGuidePageBox .qStepBox li:nth-child(3) .qAbox a:nth-child(2) {
        width: 31.2vw; }
      .qGuidePageBox .qStepBox li:nth-child(3) .qAbox a:nth-child(3) {
        width: 31.2vw; }
    .qGuidePageBox .qStepBox .tit {
      font-size: 3.4666666667vw;
      line-height: 4vw;
      margin-bottom: 2.6666666667vw;
      text-indent: 4vw; }
      .qGuidePageBox .qStepBox .tit::after {
        width: 0.5333333333vw;
        height: 0.5333333333vw;
        border: 0.4vw solid #bd1643;
        right: -1.6vw;
        top: -0.2666666667vw; }
    .qGuidePageBox .qStepBox .txts .txt {
      padding: 2.6666666667vw 1.8666666667vw;
      padding-right: 5.3333333333vw;
      font-size: 2.9333333333vw;
      line-height: 5.3333333333vw; }
    .qGuidePageBox .qStepBox .qEwmImg {
      width: 18.6666666667vw;
      margin-top: 2.6666666667vw; }
      .qGuidePageBox .qStepBox .qEwmImg .img {
        width: 19.4666666667vw;
        margin-bottom: 1.3333333333vw; }
      .qGuidePageBox .qStepBox .qEwmImg p {
        font-size: 2.6666666667vw;
        line-height: 4vw; } }
/*空间解决方案*/
.spaceSolution .qImgList {
  width: 72.9166666667vw;
  margin: 0 auto;
  margin-top: 2.6041666667vw; }
.spaceSolution .tBox {
  width: 100%;
  position: sticky;
  top: 4.5833333333vw;
  background: #fff;
  z-index: 20; }
.spaceSolution .qTabBox {
  width: 44.7916666667vw;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #333; }
  .spaceSolution .qTabBox li {
    font-size: 1.25vw;
    color: #333;
    line-height: 1.5625vw;
    text-align: center;
    padding: 1.0416666667vw 0.5208333333vw;
    border-bottom: 0.2083333333vw solid transparent;
    cursor: pointer;
    z-index: 10; }
  .spaceSolution .qTabBox .act {
    font-weight: bold;
    border-bottom: 0.2083333333vw solid #333; }
.spaceSolution .qListBar {
  width: 100%; }
  .spaceSolution .qListBar li {
    margin-top: 3.125vw; }
  .spaceSolution .qListBar .qTop {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fafafa;
    margin-bottom: 7.8125vw; }
    .spaceSolution .qListBar .qTop .img {
      width: 40.625vw;
      height: 22.9166666667vw;
      position: relative; }
      .spaceSolution .qListBar .qTop .img img {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        object-fit: cover;
        -ms-object-fit: cover;
        -moz-object-fit: cover;
        -webkit-object-fit: cover;
        -o-object-fit: cover; }
    .spaceSolution .qListBar .qTop .qTxtBox {
      flex: 1;
      box-sizing: border-box;
      padding: 0 5.2083333333vw; }
    .spaceSolution .qListBar .qTop .tit {
      font-weight: bold;
      font-size: 1.9791666667vw;
      color: #333;
      line-height: 2.6041666667vw;
      text-align: left;
      margin-bottom: 1.5625vw; }
    .spaceSolution .qListBar .qTop p {
      font-size: 0.8333333333vw;
      color: #333;
      line-height: 1.0416666667vw;
      text-align: left;
      margin-bottom: 0.5208333333vw; }
  .spaceSolution .qListBar .qBottom {
    width: 100%;
    padding-top: 6.7708333333vw;
    padding-bottom: 2.6041666667vw;
    background: #fafafa;
    position: relative; }
    .spaceSolution .qListBar .qBottom .imgTop {
      width: 17.7083333333vw;
      position: absolute;
      left: 50%;
      top: 0;
      transform: translate(-50%, -50%);
      display: flex;
      align-items: center;
      justify-content: center; }
      .spaceSolution .qListBar .qBottom .imgTop img {
        max-width: 100%; }
    .spaceSolution .qListBar .qBottom > p {
      font-size: 1.25vw;
      color: #333;
      line-height: 1.5625vw;
      text-align: center;
      margin-bottom: 4.6875vw; }
    .spaceSolution .qListBar .qBottom dl {
      width: 100%;
      box-sizing: border-box;
      padding: 0 4.1666666667vw;
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      margin-bottom: 3.125vw; }
      .spaceSolution .qListBar .qBottom dl dd {
        width: 30%; }
      .spaceSolution .qListBar .qBottom dl p {
        font-size: 0.8333333333vw;
        color: #333;
        line-height: 1.0416666667vw;
        text-align: center; }
      .spaceSolution .qListBar .qBottom dl .img {
        width: 100%;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        margin-top: 1.5625vw; }
        .spaceSolution .qListBar .qBottom dl .img img {
          max-width: 100%; }
    .spaceSolution .qListBar .qBottom table {
      width: 45.3125vw;
      border-collapse: collapse;
      table-layout: fixed;
      border: 1px solid #333;
      margin: 0 auto; }
      .spaceSolution .qListBar .qBottom table tr {
        display: none; }
      .spaceSolution .qListBar .qBottom table th {
        border: 1px solid #333;
        height: 2.6041666667vw;
        font-size: 0.7291666667vw;
        color: #333;
        line-height: 2.6041666667vw;
        text-align: center; }
      .spaceSolution .qListBar .qBottom table td {
        border: 1px solid #333;
        min-height: 2.6041666667vw;
        box-sizing: border-box;
        padding: 0.5208333333vw;
        font-size: 0.7291666667vw;
        color: #333;
        line-height: 1.5625vw;
        text-align: center; }
    .spaceSolution .qListBar .qBottom .qShowHide {
      width: 4.1666666667vw;
      height: 2.0833333333vw;
      background: #333;
      font-size: 0.9375vw;
      color: #fff;
      line-height: 2.0833333333vw;
      text-align: center;
      cursor: pointer;
      margin: 0 auto;
      margin-top: 2.0833333333vw; }

@media (min-width: 769px) and (max-width: 1440px) {
  .spaceSolution .qListBar .qTop p {
    font-size: 12px;
    line-height: 16px; }
  .spaceSolution .qListBar .qBottom dl p {
    font-size: 12px;
    line-height: 14px; } }
@media (max-width: 768px) {
  .spaceSolution .qImgList {
    width: 90.6666666667vw;
    margin-top: 6.6666666667vw; }
  .spaceSolution .tBox {
    top: 11.7333333333vw; }
  .spaceSolution .qTabBox {
    width: 90.6666666667vw; }
    .spaceSolution .qTabBox li {
      font-size: 3.2vw;
      line-height: 4vw;
      padding: 2.6666666667vw 1.3333333333vw;
      border-bottom: 0.5333333333vw solid transparent; }
    .spaceSolution .qTabBox .act {
      border-bottom: 0.5333333333vw solid #333; }
  .spaceSolution .qListBar li {
    margin-top: 8vw; }
  .spaceSolution .qListBar .qTop {
    flex-direction: column;
    background: #fafafa;
    margin-bottom: 20vw; }
    .spaceSolution .qListBar .qTop .img {
      width: 100%;
      height: 58.6666666667vw; }
    .spaceSolution .qListBar .qTop .qTxtBox {
      flex: auto;
      width: 100%;
      padding: 5.3333333333vw 10.6666666667vw; }
    .spaceSolution .qListBar .qTop .tit {
      font-size: 5.3333333333vw;
      line-height: 6.6666666667vw;
      margin-bottom: 4vw; }
    .spaceSolution .qListBar .qTop p {
      font-size: 3.2vw;
      line-height: 4vw;
      margin-bottom: 1.3333333333vw; }
  .spaceSolution .qListBar .qBottom {
    padding-top: 20vw;
    padding-bottom: 6.6666666667vw; }
    .spaceSolution .qListBar .qBottom .imgTop {
      width: 50.6666666667vw; }
    .spaceSolution .qListBar .qBottom > p {
      font-size: 4vw;
      line-height: 5.3333333333vw;
      margin-bottom: 5.3333333333vw; }
    .spaceSolution .qListBar .qBottom dl {
      width: 77.3333333333vw;
      padding: 0;
      flex-direction: column;
      margin: 0 auto;
      margin-bottom: 6.6666666667vw; }
      .spaceSolution .qListBar .qBottom dl dd {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column-reverse;
        margin-bottom: 6.6666666667vw; }
      .spaceSolution .qListBar .qBottom dl dd:last-child {
        margin-bottom: 0; }
      .spaceSolution .qListBar .qBottom dl p {
        font-size: 3.2vw;
        line-height: 4vw; }
      .spaceSolution .qListBar .qBottom dl .img {
        margin-top: 0;
        width: 77.3333333333vw;
        height: 47.7333333333vw;
        overflow: hidden;
        margin-bottom: 1.3333333333vw; }
        .spaceSolution .qListBar .qBottom dl .img img {
          width: 100%;
          height: 100%;
          object-fit: cover; }
    .spaceSolution .qListBar .qBottom table {
      width: 77.3333333333vw; }
      .spaceSolution .qListBar .qBottom table th {
        height: 7.4666666667vw;
        font-size: 3.2vw;
        line-height: 7.4666666667vw; }
      .spaceSolution .qListBar .qBottom table td {
        min-height: 7.4666666667vw;
        padding: 1.7333333333vw;
        font-size: 3.2vw;
        line-height: 4vw; }
    .spaceSolution .qListBar .qBottom .qShowHide {
      width: 14.6666666667vw;
      height: 6.6666666667vw;
      font-size: 3.2vw;
      line-height: 6.6666666667vw; } }
/*实力介绍*/
.sIntroduction {
  width: 100%;
  line-height: 0; }
  .sIntroduction .qImgs {
    width: 100%; }
    .sIntroduction .qImgs img {
      width: 100%; }
  .sIntroduction .jumpBox {
    width: 100%;
    position: relative; }
    .sIntroduction .jumpBox img {
      width: 100%; }
    .sIntroduction .jumpBox .txtBox {
      position: absolute;
      top: 50%;
      right: 6.7708333333vw;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column; }
      .sIntroduction .jumpBox .txtBox p {
        font-size: 1.9791666667vw;
        color: #fff;
        line-height: 2.0833333333vw;
        text-align: center;
        white-space: nowrap;
        font-weight: bold;
        margin-bottom: 2.0833333333vw; }
      .sIntroduction .jumpBox .txtBox a {
        width: 7.8125vw;
        height: 2.5vw;
        border: 1px solid #fff;
        font-size: 0.9375vw;
        color: #fff;
        line-height: 2.5vw;
        text-align: center;
        transition: all 0.2s linear; }
        .sIntroduction .jumpBox .txtBox a:hover {
          border: 1px solid #333;
          background: #333; }
  .sIntroduction .homeBlock {
    margin-top: -1px; }

@media (max-width: 768px) {
  .sIntroduction .jumpBox .txtBox {
    width: 100%;
    top: 19.4666666667vw;
    right: 0; }
    .sIntroduction .jumpBox .txtBox p {
      font-size: 5.6vw;
      line-height: 5.8666666667vw;
      margin-bottom: 5.3333333333vw; }
    .sIntroduction .jumpBox .txtBox a {
      width: 23.2vw;
      height: 7.2vw;
      font-size: 2.6666666667vw;
      line-height: 7.2vw; }
      .sIntroduction .jumpBox .txtBox a:hover {
        border: 1px solid #fff;
        background: none; }
  .sIntroduction .homeBlock {
    margin-top: -1px; } }
/*招商合作加盟*/
.cooperateBox .qBan {
  height: 34.7395833333vw;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 5.2083333333vw; }
  .cooperateBox .qBan .txtBox {
    width: 47.9166666667vw;
    box-sizing: border-box;
    padding-left: 3.6458333333vw;
    position: relative;
    z-index: 20;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column; }
  .cooperateBox .qBan .qTit {
    position: relative;
    font-size: 3.3333333333vw;
    color: #000;
    line-height: 3.6458333333vw;
    text-align: left;
    margin-bottom: 3.6458333333vw; }
    .cooperateBox .qBan .qTit span {
      position: relative;
      z-index: 10; }
    .cooperateBox .qBan .qTit::after {
      content: "";
      width: 1.3541666667vw;
      height: 1.3541666667vw;
      box-sizing: border-box;
      border: 0.4166666667vw solid #c3002f;
      position: absolute;
      right: -0.7291666667vw;
      top: -0.1041666667vw;
      border-radius: 50%; }
  .cooperateBox .qBan li {
    margin-bottom: 0.5208333333vw; }
  .cooperateBox .qBan strong {
    display: block;
    font-size: 1.4583333333vw;
    color: #000;
    line-height: 2.0833333333vw;
    text-align: left;
    margin-bottom: 1.0416666667vw; }
  .cooperateBox .qBan p {
    font-size: 0.9375vw;
    color: #000;
    line-height: 1.5625vw;
    text-align: left; }
.cooperateBox .choseBox {
  width: 46.875vw;
  margin: 0 auto; }
.cooperateBox .tabBox {
  width: 100%;
  height: 3.8541666667vw;
  border: 2px solid #000;
  border-radius: 0.5208333333vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
  margin-bottom: 2.6041666667vw; }
  .cooperateBox .tabBox li {
    width: 50%;
    height: 100%;
    border-radius: 0.2604166667vw;
    font-size: 1.1458333333vw;
    color: #000;
    line-height: 3.8541666667vw;
    text-align: center;
    cursor: pointer; }
  .cooperateBox .tabBox .on {
    color: #fff;
    background: #000; }
.cooperateBox .tabBar > li {
  display: none; }
.cooperateBox .tabBar > li:first-child {
  display: block; }
.cooperateBox .tabBar dl {
  width: 100%; }
.cooperateBox .tabBar dd {
  box-sizing: border-box;
  border: 2px solid #888888;
  border-radius: 2.6041666667vw;
  margin-bottom: 2.6041666667vw;
  position: relative;
  padding: 0 1.5625vw; }
.cooperateBox .tabBar .iBox {
  height: 3.9583333333vw;
  font-size: 0; }
.cooperateBox .tabBar input {
  height: 100%;
  font-size: 0.9375vw;
  color: #000;
  line-height: 3.8541666667vw;
  text-align: left; }
.cooperateBox .tabBar .tBox {
  padding: 1.0416666667vw 0; }
.cooperateBox .tabBar textarea {
  height: 8.8541666667vw;
  font-size: 0.9375vw;
  color: #000;
  line-height: 1.5625vw;
  text-align: left;
  resize: none; }
.cooperateBox .aBox span {
  font-size: 0.9375vw;
  color: #000;
  line-height: 3.8541666667vw;
  text-align: left; }
.cooperateBox .subBtn {
  width: 12.8125vw;
  height: 3.125vw;
  background: #000;
  border-radius: 0.5208333333vw;
  font-size: 1.3541666667vw;
  color: #fff;
  line-height: 3.125vw;
  text-align: center;
  cursor: pointer;
  margin: 0 auto;
  margin-bottom: 3.125vw; }
.cooperateBox .contactBox {
  width: 100%;
  height: 26.875vw;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center; }
  .cooperateBox .contactBox > img {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -ms-object-fit: cover;
    -moz-object-fit: cover;
    -webkit-object-fit: cover;
    -o-object-fit: cover; }
  .cooperateBox .contactBox .txtImgBox {
    width: 46.875vw;
    height: 17.9166666667vw;
    border: 2px solid #fff;
    border-radius: 1.5625vw;
    position: relative;
    z-index: 20;
    box-sizing: border-box;
    padding: 4.1666666667vw 5.7291666667vw 0 7.2916666667vw;
    overflow: hidden;
    background: url("../images/qimg106.png") center no-repeat;
    background-size: cover;
    display: flex;
    align-items: flex-start;
    justify-content: space-between; }
  .cooperateBox .contactBox p {
    position: relative;
    font-weight: bold;
    font-size: 1.5625vw;
    color: #000;
    line-height: 2.0833333333vw;
    text-align: left;
    margin-bottom: 0.8333333333vw;
    display: flex;
    align-items: center;
    justify-content: flex-start; }
    .cooperateBox .contactBox p::before {
      content: "";
      display: block;
      width: 1.40625vw;
      height: 1.5104166667vw;
      background: url("../images/icon50.png") center no-repeat;
      background-size: contain;
      margin-left: -1.875vw;
      margin-right: 0.5208333333vw; }
  .cooperateBox .contactBox strong {
    display: block;
    font-size: 1.5625vw;
    color: #000;
    line-height: 2.0833333333vw;
    text-align: left;
    margin-bottom: 1.3541666667vw; }
    .cooperateBox .contactBox strong a {
      color: #000; }
  .cooperateBox .contactBox .cx {
    display: block;
    width: 9.2708333333vw;
    height: 2.7083333333vw;
    background: #333;
    font-size: 0.9375vw;
    color: #fff;
    line-height: 2.7083333333vw;
    text-align: center; }
  .cooperateBox .contactBox .rightImg {
    width: 8.9583333333vw; }
    .cooperateBox .contactBox .rightImg img {
      width: 100%; }
.cooperateBox .qBanBox {
  width: 100%;
  height: 47.9166666667vw;
  box-sizing: border-box;
  padding-top: 11.9791666667vw;
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin-bottom: 4.1666666667vw; }
  .cooperateBox .qBanBox > img {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -ms-object-fit: cover;
    -moz-object-fit: cover;
    -webkit-object-fit: cover;
    -o-object-fit: cover; }
  .cooperateBox .qBanBox .txtBox {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
    z-index: 20; }
  .cooperateBox .qBanBox .qTit {
    position: relative;
    font-size: 3.3333333333vw;
    color: #000;
    line-height: 3.6458333333vw;
    text-align: left;
    margin-bottom: 1.5625vw; }
    .cooperateBox .qBanBox .qTit > div {
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      z-index: 10; }
      .cooperateBox .qBanBox .qTit > div p {
        padding-left: 1.5625vw; }
    .cooperateBox .qBanBox .qTit::after {
      content: "";
      width: 1.3541666667vw;
      height: 1.3541666667vw;
      box-sizing: border-box;
      border: 0.4166666667vw solid #c3002f;
      position: absolute;
      right: -0.7291666667vw;
      top: -0.1041666667vw;
      border-radius: 50%; }
  .cooperateBox .qBanBox strong {
    display: block;
    padding-bottom: 1.5625vw;
    border-bottom: 1px solid #cfcfcf;
    font-size: 1.6666666667vw;
    color: #000;
    line-height: 1.6666666667vw;
    text-align: left;
    position: relative;
    margin-bottom: 2.6041666667vw; }
    .cooperateBox .qBanBox strong::after {
      content: "";
      display: block;
      width: 33%;
      height: 3px;
      background: #c3002f;
      position: absolute;
      left: 50%;
      bottom: -2px;
      transform: translateX(-50%); }
  .cooperateBox .qBanBox a {
    width: 12.8125vw;
    height: 3.8541666667vw;
    border: 1px solid #333;
    font-weight: bold;
    font-size: 1.3541666667vw;
    color: #000;
    line-height: 3.8541666667vw;
    text-align: center; }
    .cooperateBox .qBanBox a:hover {
      color: #fff;
      background: #333; }
.cooperateBox .sTit {
  font-weight: bold;
  font-size: 1.5625vw;
  color: #000;
  line-height: 2.0833333333vw;
  text-align: center;
  margin-bottom: 4.1666666667vw; }
.cooperateBox .proBox {
  width: 100%;
  height: 81.25vw;
  position: relative;
  margin-bottom: 4.1666666667vw;
  overflow: hidden; }
  .cooperateBox .proBox > img {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -ms-object-fit: cover;
    -moz-object-fit: cover;
    -webkit-object-fit: cover;
    -o-object-fit: cover; }
  .cooperateBox .proBox ul {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 20; }
  .cooperateBox .proBox li {
    min-width: 22.9166666667vw;
    position: absolute;
    padding-left: 0.7291666667vw;
    display: block; }
    .cooperateBox .proBox li strong {
      display: block;
      font-size: 1.25vw;
      color: #000;
      line-height: 1.5625vw;
      text-align: left; }
    .cooperateBox .proBox li p {
      font-size: 1.0416666667vw;
      color: #000;
      line-height: 1.5625vw;
      text-align: left; }
    .cooperateBox .proBox li::before {
      content: "";
      width: 0.2083333333vw;
      height: 80%;
      background: #c3002f;
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%); }
  .cooperateBox .proBox li:nth-child(1) {
    width: 35.4166666667vw;
    left: 48.75vw;
    top: 9.0625vw; }
  .cooperateBox .proBox li:nth-child(2) {
    left: 18.5416666667vw;
    top: 40.9375vw; }
  .cooperateBox .proBox li:nth-child(3) {
    left: 61.25vw;
    top: 40.9375vw; }
  .cooperateBox .proBox li:nth-child(4) {
    left: 18.5416666667vw;
    top: 59.8958333333vw; }
  .cooperateBox .proBox li:nth-child(5) {
    left: 61.25vw;
    top: 59.8958333333vw; }
.cooperateBox .numBox {
  width: 100%;
  height: 37.7083333333vw;
  position: relative;
  margin-bottom: 3.6458333333vw;
  overflow: hidden; }
  .cooperateBox .numBox > img {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -ms-object-fit: cover;
    -moz-object-fit: cover;
    -webkit-object-fit: cover;
    -o-object-fit: cover; }
.cooperateBox .caseBox {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center; }
  .cooperateBox .caseBox li {
    width: 50%;
    height: 31.6666666667vw;
    overflow: hidden;
    position: relative; }
    .cooperateBox .caseBox li img {
      position: absolute;
      left: 0px;
      top: 0px;
      width: 100%;
      height: 100%;
      object-fit: cover;
      -ms-object-fit: cover;
      -moz-object-fit: cover;
      -webkit-object-fit: cover;
      -o-object-fit: cover;
      transition: all 0.3s linear; }
    .cooperateBox .caseBox li a {
      min-width: 12.1875vw;
      height: 3.6458333333vw;
      box-sizing: border-box;
      padding: 0 2.0833333333vw;
      border: 1px solid #333;
      font-weight: bold;
      font-size: 1.1458333333vw;
      color: #000;
      line-height: 3.6458333333vw;
      text-align: center;
      position: absolute;
      left: 50%;
      top: 3.6458333333vw;
      transform: translateX(-50%); }
      .cooperateBox .caseBox li a:hover {
        color: #fff;
        background: #333; }
  .cooperateBox .caseBox li:hover img {
    transform: scale(1.1); }
.cooperateBox .hzBox {
  width: 100%;
  height: 26.3541666667vw;
  box-sizing: border-box;
  padding-top: 5.2083333333vw;
  margin: 3.6458333333vw auto;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden; }
  .cooperateBox .hzBox:hover img {
    transform: scale(1.1); }
  .cooperateBox .hzBox img {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -ms-object-fit: cover;
    -moz-object-fit: cover;
    -webkit-object-fit: cover;
    -o-object-fit: cover;
    transition: all 0.3s linear; }
  .cooperateBox .hzBox .txtBox {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
    z-index: 20; }
    .cooperateBox .hzBox .txtBox strong {
      font-size: 1.9791666667vw;
      color: #fff;
      line-height: 2.0833333333vw;
      text-align: center;
      margin-bottom: 1.5625vw; }
  .cooperateBox .hzBox a {
    width: 12.8125vw;
    height: 3.8541666667vw;
    border: 1px solid #fff;
    font-weight: bold;
    font-size: 1.3541666667vw;
    color: #fff;
    line-height: 3.8541666667vw;
    text-align: center; }
    .cooperateBox .hzBox a:hover {
      color: #fff;
      background: #333;
      border: 1px solid #333; }

@media (max-width: 768px) {
  .cooperateBox .qBan {
    height: 108vw;
    box-sizing: border-box;
    padding-top: 12vw;
    margin-bottom: 8vw;
    justify-content: flex-start; }
    .cooperateBox .qBan .txtBox {
      width: 84vw;
      padding-left: 0; }
    .cooperateBox .qBan .qTit {
      white-space: nowrap;
      font-size: 6.4vw;
      line-height: 6.6666666667vw;
      margin-bottom: 9.3333333333vw; }
      .cooperateBox .qBan .qTit::after {
        width: 3.4666666667vw;
        height: 3.4666666667vw;
        border: 1.0666666667vw solid #c3002f;
        right: -1.8666666667vw;
        top: -0.2666666667vw; }
    .cooperateBox .qBan ul {
      width: 74.6666666667vw; }
    .cooperateBox .qBan li {
      margin-bottom: 2.6666666667vw; }
    .cooperateBox .qBan strong {
      font-size: 5.0666666667vw;
      line-height: 6.6666666667vw;
      margin-bottom: 1.3333333333vw; }
    .cooperateBox .qBan p {
      font-size: 3.7333333333vw;
      line-height: 4.8vw; }
  .cooperateBox .choseBox {
    width: 86.6666666667vw; }
  .cooperateBox .tabBox {
    height: 9.8666666667vw;
    border: 1px solid #000;
    border-radius: 2vw;
    margin-bottom: 4vw; }
    .cooperateBox .tabBox li {
      border-radius: 0.6666666667vw;
      font-size: 4vw;
      line-height: 9.8666666667vw; }
  .cooperateBox .tabBar {
    margin-bottom: 8vw; }
    .cooperateBox .tabBar dd {
      border: 1px solid #888888;
      border-radius: 4vw;
      margin-bottom: 4vw;
      padding: 0 4vw; }
    .cooperateBox .tabBar .iBox {
      height: 10.1333333333vw; }
    .cooperateBox .tabBar input {
      font-size: 3.7333333333vw;
      line-height: 9.8666666667vw; }
    .cooperateBox .tabBar .tBox {
      padding: 2.6666666667vw 0; }
    .cooperateBox .tabBar textarea {
      height: 22.6666666667vw;
      font-size: 3.7333333333vw;
      line-height: 5.8666666667vw; }
  .cooperateBox .aBox {
    height: 100%; }
    .cooperateBox .aBox span {
      font-size: 3.7333333333vw !important;
      line-height: 9.8666666667vw !important; }
  .cooperateBox .subBtn {
    width: 37.0666666667vw;
    height: 9.0666666667vw;
    border-radius: 1.3333333333vw;
    font-size: 3.4666666667vw;
    line-height: 9.0666666667vw;
    margin-bottom: 8vw; }
  .cooperateBox .contactBox {
    height: 52.9333333333vw;
    box-sizing: border-box;
    padding-left: 4vw;
    justify-content: flex-start; }
    .cooperateBox .contactBox .txtImgBox {
      width: 61.3333333333vw;
      height: 30.6666666667vw;
      border-radius: 4vw;
      padding: 0 2.6666666667vw 4.8vw 10.6666666667vw;
      align-items: flex-end; }
    .cooperateBox .contactBox p {
      font-size: 4vw;
      line-height: 4vw;
      margin-bottom: 2.1333333333vw; }
      .cooperateBox .contactBox p::before {
        width: 3.6vw;
        height: 3.8666666667vw;
        margin-left: -4.8vw;
        margin-right: 1.3333333333vw; }
    .cooperateBox .contactBox strong {
      font-size: 4vw;
      line-height: 4vw;
      margin-bottom: 3.4666666667vw; }
    .cooperateBox .contactBox .cx {
      width: 20.5333333333vw;
      height: 6.1333333333vw;
      font-size: 2.1333333333vw;
      line-height: 6.1333333333vw; }
    .cooperateBox .contactBox .rightImg {
      width: 15.7333333333vw; }
  .cooperateBox .qBanBox {
    height: 144vw;
    padding-top: 16vw;
    margin-bottom: 12vw; }
    .cooperateBox .qBanBox .qTit {
      font-size: 8vw;
      line-height: 12vw;
      margin-bottom: 4vw; }
      .cooperateBox .qBanBox .qTit > div {
        flex-direction: column; }
        .cooperateBox .qBanBox .qTit > div p {
          padding-left: 0; }
      .cooperateBox .qBanBox .qTit::after {
        content: "";
        width: 3.4666666667vw;
        height: 3.4666666667vw;
        border: 1.0666666667vw solid #c3002f;
        right: -1.8666666667vw;
        top: 13.3333333333vw; }
    .cooperateBox .qBanBox strong {
      padding-bottom: 4vw;
      font-size: 4vw;
      line-height: 4.2666666667vw;
      margin-bottom: 16vw; }
    .cooperateBox .qBanBox a {
      width: 32.8vw;
      height: 9.8666666667vw;
      font-size: 3.4666666667vw;
      line-height: 9.8666666667vw; }
  .cooperateBox .sTit {
    font-size: 5.0666666667vw;
    line-height: 5.3333333333vw;
    margin-bottom: 10.6666666667vw; }
  .cooperateBox .proBox {
    width: 100%;
    height: 218.6666666667vw;
    margin-bottom: 12vw; }
    .cooperateBox .proBox li {
      min-width: 41.3333333333vw;
      padding-left: 1.8666666667vw; }
      .cooperateBox .proBox li strong {
        font-size: 4vw;
        line-height: 5.3333333333vw;
        margin-bottom: 1.3333333333vw; }
        .cooperateBox .proBox li strong span {
          font-size: 2.9333333333vw; }
      .cooperateBox .proBox li p {
        font-size: 3.2vw;
        line-height: 4.5333333333vw; }
      .cooperateBox .proBox li::before {
        content: "";
        width: 0.5333333333vw;
        height: 4vw;
        top: 0.8vw;
        transform: translateY(0); }
    .cooperateBox .proBox li:nth-child(1) {
      width: 72vw;
      left: 25.3333333333vw;
      top: 17.3333333333vw; }
    .cooperateBox .proBox li:nth-child(2) {
      left: 4.5333333333vw;
      top: 97.0666666667vw; }
    .cooperateBox .proBox li:nth-child(3) {
      left: 54.6666666667vw;
      top: 97.0666666667vw; }
    .cooperateBox .proBox li:nth-child(4) {
      left: 4.5333333333vw;
      top: 161.8666666667vw; }
    .cooperateBox .proBox li:nth-child(5) {
      left: 54.6666666667vw;
      top: 161.8666666667vw; }
  .cooperateBox .numBox {
    height: 79.2vw;
    margin-bottom: 0; }
  .cooperateBox .caseBox {
    margin-bottom: 0; }
    .cooperateBox .caseBox li {
      height: 52vw; }
      .cooperateBox .caseBox li a {
        min-width: 21.8666666667vw;
        height: 6.6666666667vw;
        padding: 0 4vw;
        font-size: 2.1333333333vw;
        line-height: 6.6666666667vw;
        top: 5.3333333333vw;
        white-space: nowrap; }
    .cooperateBox .caseBox li:hover img {
      transform: scale(1); }
  .cooperateBox .hzBox {
    height: 49.8666666667vw;
    padding-top: 0vw;
    margin: 0 auto; }
    .cooperateBox .hzBox .txtBox strong {
      font-size: 5.3333333333vw;
      line-height: 5.6vw;
      margin-bottom: 4vw; }
    .cooperateBox .hzBox a {
      width: 32.8vw;
      height: 9.8666666667vw;
      font-size: 3.4666666667vw;
      line-height: 9.8666666667vw; } }

/*# sourceMappingURL=style.css.map */