* {
  padding: 0;
  margin : 0;
}

body {
  font-family: "Microsoft YaHei" !important;
}

a:hover {
  text-decoration: none !important;
}

a {
  text-decoration: none !important;
  color          : #000;
}

.switchCheck {
  background   : rgba(5, 162, 95, 1);
  border-radius: 10px 10px 0px 0px;
  color        : #fff;
}

.generate-columns(400);

.generate-columns(@n, @i: 1) when (@i =< @n) {

  tbody tr:nth-child(@{i}) {
    background: #F4F4F4
  }

  .generate-columns(@n, @i + 2);
}

button {
  cursor: pointer;
}

.nav-ul li a:hover {
  color: #05a25f;
}


a:hover {
  text-decoration: none;
}

.selectText {
  color: #05A25F;
}

.phone-nav {
  display: none;
}

.aboutPlateCheck {
  color        : #05A25F;
  border-bottom: 2px solid #05A25F;
}

.center {
  text-align: center;
}

input,
textarea {
  outline: none;
}

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

li {
  list-style: none;
}

header {
  height    : 40px;
  background: #535353;
  width     : 100%;
}

.wrap {
  width   : 1200px;
  margin  : 0 auto;
  overflow: hidden;
}

header ul {
  display        : flex;
  align-items    : center;
  height         : 100%;
  justify-content: space-between;

  li {
    display           : flex;
    justify-content   : center;
    font-size         : 12px;
    color             : #EEEEEE;
    // padding        : 0 36px;
    align-items       : center;

    img {
      margin-right: 7px;
    }
  }
}

nav {
  height       : 120px;
  // background: red;
}

.swiper-container1 .swiper-slide img {
  width: 100%;
}

.about-container {
  width             : 100%;
  // height         : 698px;
  background        : url('/app/index/pc_view/image/about.png');
  background-size   : 100%;
  padding-bottom    : 40px;
}

nav {
  display        : flex;
  align-items    : center;
  justify-content: space-between;

  .left {
    p {
      font-size  : 24px;
      font-weight: bold;
      margin-top : 6px;
    }
  }

  .right {
    flex: 0 0 70%;

    .nav-ul {
      display        : flex;
      align-items    : center;
      justify-content: flex-end;
      margin-top     : 17px;

      li {
        font-size  : 16px;
        font-family: Source Han Sans CN;
        font-weight: 800;
        color      : #000000;
        text-align : center;
        flex       : 0 0 11.5%;
      }
    }

    .contact-wrap {
      display        : flex;
      align-items    : center;
      justify-content: flex-end;

      li {
        flex           : 0 0 23%;
        display        : flex;
        justify-content: center;
        align-items    : center;
        font-weight    : 700;
        font-size      : 14px;

        img {
          margin-right: 4px;
        }

        a {
          font-weight: 700;
        }

        input {
          width              : 172px;
          height             : 22px;
          background         : rgba(255, 255, 255, 1);
          border             : 1px solid rgba(181, 181, 181, 1);
          border-radius      : 8px;
          text-indent        : 5px;
          background-image   : url('/app/index/pc_view/image/magnifying.png');
          background-position: 147px center;
          background-repeat  : no-repeat;
        }
      }
    }
  }

  .select {
    color     : #05A25F;
    /*position: relative;*/
  }

  .select::after {
    content   : '';
    width     : 60%;
    height    : 4px;
    background: #05a25f;
    position  : absolute;
    bottom    : -15px;
    left      : 25%;
  }
}

.plate-title {
  font-size     : 30px;
  font-family   : Source Han Sans CN;
  font-weight   : bold;
  color         : rgba(0, 0, 0, 1);
  text-align    : center;
  margin        : 0 auto;
  margin-top    : 50px;
  width         : 1200px;
  // line-height: 16px;
}

.plate-slogan {
  font-size  : 14px;
  font-family: Source Han Sans CN;
  font-weight: 300;
  color      : rgba(65, 65, 65, 1);
  text-align : center;
  margin     : 0 auto;
  margin-top : 12px;
  width      : 1200px;
  position   : relative;
}



.about-content {
  display        : flex;
  justify-content: space-between;
  align-items    : flex-start;
  margin-top     : 63px;

  .right {
    video {
      width           : 625px;
      height          : 371px;
      background      : rgba(49, 49, 49, 1);
      border          : 4px solid rgba(255, 255, 255, 1);
      // opacity      : 0.46;
      border-radius   : 10px;
    }

    p {
      font-size : 12px;
      text-align: right;
      margin-top: 6px;
      color     : #3D3D3D;
    }
  }

  .left {
    .slogan {
      width         : 545px;
      height        : 376px;
      text-indent   : 2em;
      font-weight   : 300;
      // color      : rgba(61, 61, 61, 1);
      color         : #3D3D3D;
      line-height   : 30px;
      font-weight   : 500;
      overflow      : hidden;
      text-overflow : ellipsis;
      font-size     : 16px;
    }
  }

  .more {
    width          : 105px;
    height         : 30px;
    border         : 1px solid #05a25f;
    border-radius  : 17px;
    display        : flex;
    justify-content: center;
    align-items    : center;
    color          : #05A25F;
    font-size      : 12px;
    margin-top     : 26px;
    font-weight    : 900;
  }
}

.solution {
  ul {
    position  : relative;
    height    : 571px;
    padding   : 36px 0;
    margin-top: 57px;

    li {
      width          : 395px;
      height         : 375px;
      background     : url('/app/index/pc_view/image/rhombus.png');
      cursor         : pointer;
      display        : flex;
      align-items    : center;
      justify-content: center;
      flex-direction : column;
      position       : absolute;

      .imgBck {
        margin-bottom: 26px;
        width        : 115px;
        height       : 115px;
        object-fit   : contain
      }

      .imgBck1 {
        background: url('/app/index/pc_view/image/solution1.png') no-repeat center center;
      }

      .imgBck2 {
        background: url('/app/index/pc_view/image/solution2.png') no-repeat center center;
      }

      .imgBck3 {
        background: url('/app/index/pc_view/image/solution3.png') no-repeat center center;
      }

      .imgBck4 {
        background: url('/app/index/pc_view/image/solution4.png') no-repeat center center;
      }

      .imgBck5 {
        background: url('/app/index/pc_view/image/solution5.png') no-repeat center center;
      }

      h5 {
        text-align: center;
        font-size : 18px;
      }

      p {
        margin-top        : 2.5px;
        font-size         : 16px;
        overflow          : hidden;
        text-overflow     : ellipsis;
        display           : -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        width             : 45%;
        text-align        : center;
        min-height        : 38px;
      }

    }

    li:hover {
      background: url('/app/index/pc_view/image/rhombusCheck.png');
      color     : #fff;
    }

    li:hover .imgBck1 {
      background: url('/app/index/pc_view/image/solution1W.png') no-repeat center center;
    }

    li:hover .imgBck2 {
      background: url('/app/index/pc_view/image/solution2W.png') no-repeat center center;
    }

    li:hover .imgBck3 {
      background: url('/app/index/pc_view/image/solution3W.png') no-repeat center center;
    }

    li:hover .imgBck4 {
      background: url('/app/index/pc_view/image/solution4W.png') no-repeat center center;
    }

    li:hover .imgBck5 {
      background: url('/app/index/pc_view/image/solution5W.png') no-repeat center center;
    }

    li:nth-child(1) {
      top : 0;
      left: 0;
    }

    li:nth-child(2) {
      top : 0;
      left: 403px;
    }

    li:nth-child(3) {
      top  : 0;
      right: 0;
    }

    li:nth-child(4) {
      top : 213px;
      left: 200px;
    }

    li:nth-child(5) {
      top  : 213px;
      right: 200px;
    }
  }
}

.platform-wrap {
  overflow      : hidden;
  background    : url('/app/index/pc_view/image/bg2.png') center center;
  padding-bottom: 35px;

  .wrap {
    display: flex;

  }
}

.swiper-container2 {
  width         : 1200px;
  height        : 100%;
  margin-top    : 65px;
  padding-bottom: 80px;

  .swiper-wrapper {
    display    : flex;
    align-items: center;

    .swiper-slide {
      flex           : 0 0 19.4%;
      height         : 393px;
      background     : rgba(255, 255, 255, 1);
      border-radius  : 10px;
      cursor         : pointer;
      display        : flex;
      justify-content: center;
      align-items    : center;
      flex-direction : column;

      img {
        width        : 115px;
        height       : 115px;
        margin-bottom: 30px;
        object-fit   : contain;
      }

      h5 {
        font-weight       : bold;
        color             : #282828;
        font-size         : 16px;
        width             : 75%;
        line-height       : 23px;
        text-overflow     : ellipsis;
        display           : -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow          : hidden;
      }

      p {
        font-size         : 14px;
        color             : #505050;
        width             : 88%;
        line-height       : 23px;
        text-overflow     : ellipsis;
        display           : -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow          : hidden;
      }

      .heng {
        width     : 113px;
        height    : 2px;
        background: #dcdcdc;
        margin    : 30px 0;
        position  : relative;
      }

      .heng::after {
        content   : '';
        width     : 50px;
        height    : 4px;
        background: #05a25f;
        position  : absolute;
        left      : 28%;
        bottom    : -1px;
      }
    }

    .swiper-slide:hover {
      background: linear-gradient(0deg, rgba(255, 255, 255, 1), rgba(221, 255, 240, 1));
    }
  }
}

.product-wrap {
  padding-bottom: 55px;

  .plate-slogan {
    margin-bottom: 10px;
  }

  ul {
    display  : flex;
    flex-wrap: wrap;

    li {
      flex           : 0 0 24%;
      display        : flex;
      flex-direction : column;
      justify-content: center;
      align-items    : center;
      border         : 1px solid #DCDCDC;
      margin         : 0 5px;
      margin-top     : 30px;

      a {
        width          : 100%;
        display        : flex;
        flex-direction : column;
        justify-content: center;
        align-items    : center;
      }

      img {
        width : 250px;
        height: 250px;
      }

      .product-info {
        width          : 100%;
        display        : flex;
        justify-content: center;
        align-items    : center;
        height         : 44px;
        background     : #DCDCDC;
        font-weight    : bold;
        font-size      : 15px;
      }
    }

    li:hover {
      border: 1px solid #05A25F;
    }

    li:hover .product-info {
      background: #05a25f;
      color     : #fff;
    }
  }
}

.case-container {
  background    : #F4F4F4;
  overflow      : hidden;
  padding-bottom: 70px;
}


.poster-main {
  position: relative;
  margin  : 0 auto;

}

.poster-main a,
.poster-main img {
  display: block;
  width  : 100%;
  height : 100%;
}


.poster-main .poster-list {
  width     : 1000px;
  height    : 500px;
  margin-top: 47px;
}

.poster-main .poster-list .poster-item {
  width   : 200px;
  height  : 500px;
  position: absolute;
  left    : 0;
  top     : 0;

}

.poster-main .poster-btn {
  position: absolute;
  top     : 0;
  cursor  : pointer;
  filter  : opacity(.5) brightness(1);
}

.poster-main .poster-btn:hover {
  filter: opacity(1) brightness(2);
}

.poster-main .poster-prev-btn {
  left      : 0;
  background: url(/app/index/pc_view/image/pre.png) no-repeat center center;
}

.poster-main .poster-next-btn {
  right     : 0;
  background: url(/app/index/pc_view/image/next.png) no-repeat center center;
}

.poster-item-title {
  font-size  : 18px;
  text-align : center;
  line-height: 48px;
  display    : block;
  position   : absolute;
  bottom     : 0px;
  background : red;
  background : rgba(5, 162, 95, 0.8);
  width      : 100%;
  /* height  : 48px; */
  color      : #fff;
}

footer {
  border-top        : 6px solid #05A25F;
  // height         : 6px;
  width             : 100%;
  background        : url('/app/index/pc_view/image/footer.png') no-repeat;
  // background-size: 100%;

  >ul {
    display: flex;

    >li {
      display       : flex;
      flex          : 0 0 24%;
      flex-direction: column;
      margin-left   : 16px;

      h2 {
        font-size: 24px;
        margin   : 40px 0 25px 0;
      }

      ul {
        text-indent: 0px;
      }

      li {
        color      : #D4D4D4;
        font-size  : 14px;
        line-height: 28px;
        margin-top : 6px;

        a {
          color: #D4D4D4;
        }
      }

    }
  }


  li {
    color: #fff;

    a {
      color: #fff;
    }
  }
}

.copyright-wrap {
  /*
  border-top     : 2px solid #A0A0A0;
  width          : 100%;
  padding        : 16px 0;
  display        : flex;
  align-items    : center;
  justify-content: center;
  margin-top     : 14px;
   */
  width          : 100%;
  padding        : 16px 0;
  display        : flex;
  align-items    : center;
  justify-content: center;
  background     : #6d35a5;
  background     : url(/app/index/pc_view/image/footer.png) no-repeat;
  background-size: 100%;

  p {
    text-align: center;
    color     : #fff;
    font-size : 14px;
  }
}

.about-content {
  .right {
    img {
      width : 590px;
      height: 364px
    }
  }
}

.aboutDetail {
  .about-content {
    margin-top: 0;
  }

  .left {
    h1 {
      font-size  : 24px;
      font-family: Source Han Sans CN;
      font-weight: bold;
      position   : relative;
    }

    .slogan {
      margin-top: 32px;
    }

    h1::after {
      content   : '';
      width     : 57px;
      height    : 2px;
      background: #05a25f;
      position  : absolute;
      left      : 0;
      bottom    : -15px;
    }
  }
}

.switchTab {
  display        : flex;
  justify-content: center;
  height         : 60px;
  background     : rgba(255, 255, 255, 1);
  box-shadow     : 0px 2px 6px 0px rgba(110, 110, 110, 0.1);
  align-items    : center;

  li {
    width          : 145px;
    text-align     : center;
    cursor         : pointer;
    height         : 100%;
    align-items    : center;
    display        : flex;
    font-size      : 18px;
    justify-content: center;
  }
}

.detail-wrap .rotateInDownLeft h3 {
  width: 100%;
}

.patent-wrap {
  display   : flex;
  margin-top: 15px;

  li {
    flex           : 0 0 19%;
    height         : 285px;
    display        : flex;
    align-items    : center;
    justify-content: center;
    background     : #F4F4F4;
    margin         : 0 6.3px;
    border-radius  : 10px;
    flex-direction : column;
    background     : linear-gradient(0deg, rgb(211, 247, 231), #fbfbfb);

    img {
      position     : relative;
      width        : 120px;
      height       : 120px;
      border-radius: 50%;
    }

    b {
      width     : 30px;
      height    : 2px;
      margin    : 20px 0;
      background: rgba(5, 162, 95, 1);
    }

    p {
      font-size : 18px;
      margin-top: 2px;
    }
  }
}

.credential-wrap {
  .credentials {
    display    : flex;
    align-items: center;
    margin-top : 15px;

    li {
      flex           : 0 0 33%;
      display        : flex;
      justify-content: center;
      align-items    : center;
      flex-wrap      : wrap;
    }
  }
}

.credential-wrap {
  display: none;
}

.navigation {
  display      : flex;
  align-items  : center;
  font-size    : 12px;
  border-bottom: 1px dashed #05A25F;
  margin       : 30px auto;
  padding      : 14px 0;
  color        : #1B1B1B;

  li {
    display    : flex;
    align-items: center;

    img {
      margin-right: 11px;
    }
  }
}

.classifyList {
  display    : flex;
  align-items: center;
  flex-wrap  : wrap;
  margin     : 18px auto;

  li {
    padding: 0 15px;
    color  : #1B1B1B;
    cursor : pointer;
  }
}

.detail-wrap {
  .left {
    width: 390px;
  }
}

.gallery-top {
  .swiper-slide {
    img {
      border    : 1px solid #05A25F;
      display   : block;
      margin    : 0 auto;
      object-fit: cover;
      width     : 98%;
    }
  }
}

.swiper-container3 {
  width: 369px;
}

.gallery-thumbs .swiper-slide-thumb-active {
  border: 1px solid #05A25F !important;
}

.gallery-thumbs {
  .swiper-wrapper {
    // display: inline !important;
    // float  : left;
    flex-wrap : nowrap !important;
  }

  .swiper-slide {
    border       : 1px solid #B5B5B5;
    width        : 120px !important;
    height       : 120px !important;
    border-radius: 10px;

    img {
      width        : 120px;
      height       : 120px;
      border-radius: 10px;
    }
  }
}

.detail-wrap {
  display    : flex;
  align-items: flex-start;
}

.detail-wrap {
  .right {
    margin-left: 35px;

    h6,
    p {
      font-size: 16px;
    }

    h6 {
      color        : #05A25F;
      margin-top   : 16px;
      margin-bottom: 5px;
    }

    p {
      color      : #1B1B1B;
      text-indent: 2em;
      font-size  : 14px;
    }
  }
}

.switchProduct {
  display      : flex;
  align-items  : center;
  border-bottom: 1px dashed #05A25F;
  margin-top   : 35px;

  li {
    width          : 120px;
    height         : 34px;
    display        : flex;
    align-items    : center;
    justify-content: center;
    cursor         : pointer;
    font-size      : 15px;
  }
}

.product-detail {
  display        : flex;
  align-items    : center;
  justify-content: center;
  margin         : 30px 0 75px 0;

  img {
    max-width : 792px;
    object-fit: cover;
  }

}


.solution-wrap .left {
  width : 571px;
  height: 500px;

  img {
    width     : 571px;
    object-fit: contain;
    height    : 500px;
  }
}

.downloadTable {
  margin-bottom: 30px;
  border-bottom: 5px solid #F4F4F4;
  font-size    : 15px;

  thead {
    background: linear-gradient(90deg, rgba(56, 199, 225, 1), rgba(43, 198, 131, 1));

    td {
      color: #fff;
    }

  }

  td {
    text-align: center;
    height    : 50px;
  }

  tbody {
    td:nth-child(4) {
      color : #05A25F;
      cursor: pointer;
    }
  }
}

.contact-wrap {
  display        : flex;
  justify-content: space-between;
  align-items    : flex-start;

  .left {
    flex: 0 0 41%;

    h2 {
      color      : #727171;
      font-size  : 24px;
      line-height: 29px;

      span {
        color    : #E70000;
        font-size: 16px;
      }
    }

    ul {
      li {
        color     : #727171;
        margin-top: 19px;
        font-size : 16px;
      }
    }
  }

  .right {
    flex: 1;

    img {
      width: 100%;
    }
  }
}

.remittance-info {
  background     : #F4F4F4;
  display        : flex;
  justify-content: space-around;
  align-items    : center;
  padding        : 45px 0;
  background     : rgba(244, 244, 244, 1);
  box-shadow     : 0px 3px 7px 0px rgba(0, 0, 0, 0.09);
  border-radius  : 10px;
  margin-top     : 51px;
  margin-bottom  : 30px;

  li {
    color     : #727171;
    font-size : 16px;
    margin-top: 10px;
  }

  h5 {
    font-size: 24px;
    color    : #727171;
    margin   : 0 0 21px 0;
  }
}

.vertical {
  width     : 2px;
  height    : 235px;
  background: linear-gradient(0deg, rgba(244, 244, 244, 0.21) 10%, rgba(223, 223, 223, 0.97) 50%, rgba(244, 244, 244, 0.19) 90%);
}

aside {
  position: fixed;
  right   : 10px;
  top     : 350px;

  >div {
    cursor: pointer;
  }
}


.swiper-pagination-bullet-active {
  opacity   : 1;
  background: #05A25F !important;
}

.swiper-pagination-bullet {
  width        : 0.241667rem;
  height       : 0.031667rem;
  border-radius: 0;
  display      : inline-block;
  border-radius: 5px;
  background   : #000;
  margin-top   : 45px;
}

.detail-wrap .right {
  >h3 {
    font-size: 18px;
  }
}

.hide-nav {
  position   : absolute;
  width      : 984px;
  background : white;
  z-index    : 99999999999999;
  padding    : 0 34px;
  min-height : 140px;
  display    : none;
  left       : -464px;
  padding-top: 26px;
  display    : none !important;

  >div {
    border-top : 2px solid #05a25f;
    width      : 105.8%;
    margin-left: -33px;
    padding-top: 19px;
  }

  h1 {
    font-size  : 16px;
    font-weight: 500;
    line-height: 52px;
    border-top : 1px solid #05a25f;
    width      : 1052px;
    margin-left: -34px;
    text-indent: -21px;
  }

  >div {
    display  : flex;
    flex-wrap: wrap;

    >ul {
      flex         : 0 0 25%;
      margin-bottom: 5px;
    }
  }

  ul {
    h3 {
      font-size    : 16px;
      margin-bottom: 6px;
    }

    li {
      font-size: 12px;
      margin   : 6px 0;

      a {
        color    : #828080 !important;
        font-size: 13px !important;
      }
    }
  }
}

nav {
  position: relative !important;
  overflow: inherit !important;
}

.product-center:hover .hide-nav {
  display: block !important;
}

.nav-ul li:nth-child(2):hover ul {
  display        : flex !important;
  flex           : 0 0 15% !important;
  text-align     : center !important;
  justify-content: center !important;
  margin-top     : 0 !important;
}

.nav-ul li:nth-child(6):hover ul {
  margin-top: 0 !important;
}

.nav-ul li:nth-child(6):hover ul {
  justify-content: center !important;
}

.nav-ul li:nth-child(2) .hide-nav>div {
  justify-content: center !important;
}

.nav-ul li:nth-child(6) .hide-nav>div {
  justify-content: center !important;
}

.nav-ul li:nth-child(2) .hide-nav {
  position   : absolute;
  width      : 637px !important;
  background : white;
  z-index    : 99999999999999;
  padding    : 0 34px;
  min-height : 140px;
  display    : none;
  left       : -288px !important;
  padding-top: 26px;
}

.nav-ul li:nth-child(6) .hide-nav ul h3 {
  flex: 0 0 13% !important;
}

.consulting {
  position: fixed;
  top     : 20%;
  display : none;
  right   : 0;

  li {
    width   : 50px;
    height  : 42.5px;
    position: relative;
    cursor  : pointer;

    a {
      display: block;
      width  : 50px;
      height : 50px;

      img {
        display         : block;
        margin          : auto;
        //   padding-top: 6px;
      }
    }

    .ewm {
      width     : 210px;
      position  : absolute;
      left      : -210px;
      top       : 0;
      display   : none;
      background: #ffffff;

      p {
        text-align : center;
        color      : rgb(0, 0, 0);
        font-size  : 14px;
        font-family: "微软雅黑";
        line-height: 30px;
        margin     : 15px 0px 0px;
      }

      .iBox1 {
        overflow: hidden;

        img:nth-child(1) {
          display    : block;
          float      : left;
          margin-left: 20px;
        }

        img:nth-child(2) {
          float       : right;
          display     : block;
          margin-right: 20px;
        }
      }

      img {
        display      : block;
        margin       : auto;
        margin-top   : 10px;
        margin-bottom: 15px;
      }
    }
  }
}

.consulting li a img {
  display    : block;
  margin     : auto;
  padding-top: 10px;
}

.consulting li .dhh {
  width     : 185px;
  position  : absolute;
  left      : -185px;
  top       : -50px;
  height    : 208px;
  background: url(/app/index/pc_view/image/consultingImg.png) no-repeat center;
  display   : none;

  p {
    width      : 140px;
    font-family: "微软雅黑";
    font-size  : 14px;
    color      : rgb(124, 124, 124);
    margin     : 5px auto auto;
  }

  input,
  textarea {
    display      : block;
    width        : 130px;
    margin       : auto;
    border       : none;
    border-bottom: #000000 solid 1px;
    outline      : none;
    margin-top   : 10px;
    font-family  : inherit;
    font-size    : inherit;
    line-height  : inherit;
    color        : #aaaaaa;
    padding      : 4px 0;
  }

  button {
    width        : 50px;
    height       : 20px;
    border       : none;
    background   : #05a25f;
    color        : #ffffff;
    border-radius: 5px;
    float        : right;
    margin-top   : 10px;
    margin-right : 25px;
    outline      : none;
    line-height  : 23px;
  }
}

.backTop {
  float       : right;
  margin-right: 177px;
  margin-top  : -33px;
}

.socialLogo {
  vertical-align: middle;
  margin-right  : 2px;
  width         : 28px;
  height        : 28px;
}

.yejiao {
  vertical-align: middle;
  margin-right  : 2px;
  width         : 28px;
  height        : 28px;
  position      : absolute;
  cursor        : pointer;
}

.footerInfo {
  position: relative;
  width   : 1200px;
  margin  : 0 auto;

  .wechatEwm {
    width   : 97px;
    height  : 97px;
    right   : 247px;
    position: absolute;
    top     : -68px;
    display : none;
  }
}

.xun {
  width   : 100px;
  height  : 100px;
  /* width: 185px; */
  position: absolute;
  left    : -107px;
  top     : 0px;
  display : none;
}

.em:hover .xun {
  display: block
}

.dh:hover .dhh {
  display: block;
}

/*----------*/
.solution-container {
  display        : flex;
  align-items    : center;
  justify-content: center;
  box-shadow     : 0px 2px 6px 0px rgba(110, 110, 110, 0.1);

  .left,
  .right {
    cursor: pointer;
  }

  .left {
    margin-right: 10px;
  }

  .right {
    margin-left: 10px;
  }
}

.solution-wrap {
  //display      :flex;
  align-items    : flex-start;
  width          : 1200px;
  overflow-x     : auto;
  justify-content: center;

  //box-shadow:0px 2px 6px 0px rgba(110,110,110,0.1);
  .switchTab {
    //width        :1200px;
    box-shadow     : none;
    justify-content: flex-start;
    white-space    : normal;
    display        : block;
    width          : 3000px;
    transition     : all .1s;

    li {
      // width        : 106px;
      /*margin        :015px;*/
      line-height     : 55px;
      height          : 95%;
      display         : inline-block;
      overflow        : hidden;
      text-overflow   : ellipsis;
      white-space     : nowrap;
      font-size       : 14px;
    }
  }

  &::-webkit-scrollbar {
    display: none;
  }
}

.classifyList li {
  font-size: 15px !important;
}

.comcontul {
  font-size: 15px !important;
}

.jieshao h3 {
  display       : flex;
  flex-direction: column;
  align-items   : center;

  img {
    width        : 60px;
    height       : 60px;
    border-radius: 50%;
    margin-bottom: 12px;
    object-fit   : cover;
  }
}