/*  PC手机分开 || 当前PC端 || rem为单位，根元素100px || 100px=1rem || 16px=0.16rem */
/* 1.预约演示 */
.order {
  width: 100vw;
  height: 100vh;
  position: relative;
  overflow-x: hidden;
  overflow-y: scroll;
  background: url(../image/order-bg.png) no-repeat center/cover;
}

.order .order-cons {
  position: absolute;
  top: calc(50% + 0.5rem); /* 50px -> 0.5rem */
  left: 50%;
  transform: translate(-50%, -50%);
  width: 14.2rem /* 1420px -> 14.2rem */;
  height: 7.7rem /* 770px -> 7.7rem */;
  box-sizing: border-box;
  padding: 0.24rem /* 24px -> 0.24rem */;
  background: rgba(255, 255, 255, 0.85);
  border-radius: 0.32rem /* 32px -> 0.32rem */;
  display: flex;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
}

.order .order-swiper,
.order .beg {
  box-sizing: border-box;
  width: 6.4rem /* 640px -> 6.4rem */;
}

.order .beg {
  padding-right: 1.1rem /* 110px -> 1.1rem */;
}

/* 1-1.请求预约 */
/* 1-1-1.请求成功 */
.beg .item {
  display: none;
}

.beg .item.active {
  display: block;
}

.beg-win .icon {
  width: 1.04rem /* 104px -> 1.04rem */;
  height: 1.04rem /* 104px -> 1.04rem */;
  margin: 0 auto;
}

.beg-win h2 {
  text-align: center;
  font-size: 0.28rem /* 28px -> 0.28rem */;
  margin-top: 0.18rem /* 18px -> 0.18rem */;
  font-weight: bold;
  color: #1890ff;
}

.beg-win .desc {
  text-align: center;
  margin-top: 0.14rem /* 14px -> 0.14rem */;
  color: #555555;
  font-size: 0.18rem /* 18px -> 0.18rem */;
  line-height: 0.32rem /* 32px -> 0.32rem */;
}

.beg-win .back {
  display: block;
  width: 2.24rem /* 224px -> 2.24rem */;
  height: 0.52rem /* 52px -> 0.52rem */;
  line-height: 0.52rem /* 52px -> 0.52rem */;
  background: #ffffff;
  border-radius: 0.32rem /* 32px -> 0.32rem */;
  margin: 0.48rem /* 48px -> 0.48rem */ auto 0;
  text-align: center;
  font-size: 0.18rem /* 18px -> 0.18rem */;
  color: #bbbbbb;
  transition:all .7s;
}
    .beg-win .back:hover {
        color:#555;
    }

    .beg-win .tips {
        text-align: center;
        margin-top: 1rem /* 100px -> 1rem */;
        color: #a6a7a8;
        font-size: 0.18rem /* 18px -> 0.18rem */;
        line-height: 0.32rem /* 32px -> 0.32rem */;
    }

.beg-win .tips a {
  color: #42a4ff;
}

/* 1-1-2.表单 */
.beg-form .submit {
  text-align: center;
  width: 100%;
  height: 0.56rem /* 56px -> 0.56rem */;
  line-height: 0.56rem /* 56px -> 0.56rem */;
  color: #ffffff;
  background: #1890ff;
  border-radius: 0.08rem /* 8px -> 0.08rem */;
  cursor: pointer;
  font-size: 0.18rem /* 18px -> 0.18rem */;
}

.beg-form .group {
  margin-bottom: 0.32rem /* 32px -> 0.32rem */;
}

.beg-form h3 {
  padding-left: 0.1rem /* 10px -> 0.1rem */;
  position: relative;
  font-size: 0.18rem /* 18px -> 0.18rem */;
  line-height: 0.32rem /* 32px -> 0.32rem */;
  color: #555555;
}

.beg-form h3::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 0.03rem /* 3px -> 0.03rem */;
  height: 0.13rem /* 13px -> 0.13rem */;
  background: #1890ff;
  border-radius: 0.13rem /* 13px -> 0.13rem */;
}

.beg-form ul li {
  width: 100%;
  height: 0.46rem /* 46px -> 0.46rem */;
  border-radius: 0.04rem /* 4px -> 0.04rem */;
  margin-top: 0.1rem /* 10px -> 0.1rem */;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 0.01rem /* 1px -> 0.01rem */ solid #d5d5d5;
}

.beg-form ul .verif {
  border: 0;
}

.beg-form ul li .cell {
  flex: 1;
  height: 100%;
}

.beg-form ul li .cell:not(:first-child) {
  border-left: 0.01rem /* 1px -> 0.01rem */ solid #d5d5d5;
}

.beg-form ul li input {
  width: 100%;
  height: 100%;
  border: 0;
  outline: 0;
  resize: none;
  background-color: transparent;
  background-color: #ffffff;
  padding: 0 0.12rem /* 12px -> 0.12rem */;
  color: #555555;
  font-size: 0.17rem /* 17px -> 0.17rem */;
}

.beg-form ul li input::-webkit-input-placeholder,
.beg-form ul li textarea::-webkit-input-placeholder {
  /* WebKit browsers 适配谷歌 */
  color: #bbbbbb;
}
.beg-form ul li input:-moz-placeholder,
.beg-form ul li textarea:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 适配火狐 */
  color: #bbbbbb;
}
.beg-form ul li input::-moz-placeholder,
.beg-form ul li textarea::-moz-placeholder {
  /* Mozilla Firefox 19+ 适配火狐 */
  color: #bbbbbb;
}
.beg-form ul li input:-ms-input-placeholder,
.beg-form ul li textarea:-ms-input-placeholder {
  /* Internet Explorer 10+  适配ie*/
  color: #bbbbbb;
}

.beg-form ul li .cell-verif {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.beg-form ul li .cell-verif img {
  width: 1.56rem /* 156px -> 1.56rem */;
  height: 100%;
  border-radius: 0.04rem /* 4px -> 0.04rem */;
  border: 0.01rem /* 1px -> 0.01rem */ solid #d5d5d5;
  cursor: pointer;
}

.beg-form ul .cell-verif input {
  width: calc(100% - 1.68rem) /* 168px -> 1.68rem */;
  border: 0.01rem /* 1px -> 0.01rem */ solid #d5d5d5;
  border-radius: 0.04rem /* 4px -> 0.04rem */;
}

.beg-form .cell-date,
.beg-form .cell-time {
  position: relative;
}

.beg-form .cell-date img {
  position: absolute;
  right: 0.13rem /* 13px -> 0.13rem */;
  top: 50%;
  width: 0.18rem /* 18px -> 0.18rem */;
  height: 0.18rem /* 18px -> 0.18rem */;
  transform: translateY(-50%);
}

.beg-form .cell-time img {
  position: absolute;
  right: 0.13rem /* 13px -> 0.13rem */;
  top: 50%;
  width: 0.16rem /* 16px -> 0.16rem */;
  height: 0.16rem /* 16px -> 0.16rem */;
  transform: translateY(-50%);
}

/* 下拉选择 */
.drop-select {
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  position: relative;
  font-size: 0.17rem /* 17px -> 0.17rem */;
}

.drop-select .drop-pull {
  width: 100%;
  height: 100%;
  cursor: pointer;
  color: #bbbbbb;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 0.12rem /* 12px -> 0.12rem */;
}

.drop-select-black .drop-pull {
  color: #555555;
}

.drop-select .drop-pull i {
  display: block;
  width: calc(100% - 0.15rem) /* 15px -> 0.15rem */;
  /* 超出隐藏 */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.drop-select .drop-pull .drop-row {
  width: 0.16rem /* 16px -> 0.16rem */;
  height: 0.16rem /* 16px -> 0.16rem */;
  margin-top: -0.1rem /* -10px -> -0.1rem */;
}

.drop-select .drop-pull .drop-row img {
  width: 100%;
  height: 100%;
}

/* 箭头旋转 */
.drop-select .drop-pull .drop-row.rowRota img {
  transform-origin: center center;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transition: transform 0.5s;
  -moz-transition: -moz-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  -o-transition: -o-transform 0.3s;
  -ms-transition: -ms-transform 0.3s;
}

.drop-select .drop-options {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: auto;
  border-radius: 0.04rem /* 4px -> 0.04rem */;
  border-top: 0;
  background-color: #ffffff;
  padding: 0.12rem 0 /* 12px -> 0.12rem */;
  z-index: 10;
  /* 阴影 */
  box-shadow: 0.03rem /* 3px -> 0.03rem */ 0.05rem /* 5px -> 0.05rem */ 0.13rem
    /* 13px -> 0.13rem */ 0 rgba(0, 0, 0, 0.08);
}

.drop-select .drop-options s {
  display: block;
  width: 100%;
  line-height: 0.37rem /* 37px -> 0.37rem */;
  font-size: 0.16rem /* 16px -> 0.16rem */;
  color: #bbbbbb;
  padding: 0 0.12rem /* 12px -> 0.12rem */;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}

.drop-select .drop-options s:hover {
  background-color: #ebf0ff;
}

/* 1-2.轮播图 */
.order .order-swiper {
  height: 100%;
  overflow: hidden;
  border-radius: 0.24rem /* 24px -> 0.24rem */;
}

.order-swiper .swiper-container {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.order-swiper .swiper-slide {
  width: 100%;
  height: 100%;
  overflow: hidden;
  cursor: pointer;
}

.order-swiper .swiper-slide a,
.order-swiper .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
}

/* 分页器按钮样式修改 */
.order-swiper .swiper-pagination {
  width: 100%;
  bottom: 0.24rem /* 24px -> 0.24rem */;
  text-align: center;
}
.order-swiper .swiper-pagination-bullet,
.order-swiper .swiper-pagination-bullet-active {
  width: 0.24rem /* 24px -> 0.24rem */;
  height: 0.1rem /* 10px -> 0.1rem */;
  border-radius: 0.12rem /* 12px -> 0.12rem */;
  background-color: #1890ff;
}
.order-swiper .swiper-pagination-bullet-active {
  width: 0.8rem /* 80px -> 0.8rem */;
}
.order-swiper
  .swiper-container
  > .swiper-pagination-bullets
  .swiper-pagination-bullet {
  margin: 0 0.12rem /* 12px -> 0.12rem */;
}

/* 2.首页 */
/* 2-1.轮播图 */
.index-swiper {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.index-swiper .swiper-container {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 0.24rem /* 24px -> 0.24rem */;
}

.index-swiper .swiper-slide a {
  display: block;
}

.index-swiper .swiper-slide,
.index-swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  overflow: hidden;
  cursor: pointer;
}

/* 分页器按钮样式修改 */
.index-swiper .swiper-pagination {
  width: 100%;
  bottom: 0.24rem /* 24px -> 0.24rem */;
  text-align: center;
}
.index-swiper .swiper-pagination-bullet,
.index-swiper .swiper-pagination-bullet-active {
  width: 0.24rem /* 24px -> 0.24rem */;
  height: 0.1rem /* 10px -> 0.1rem */;
  border-radius: 0.12rem /* 12px -> 0.12rem */;
  background-color: #1890ff;
}
.index-swiper .swiper-pagination-bullet-active {
  width: 0.8rem /* 80px -> 0.8rem */;
}
.index-swiper
  .swiper-container
  > .swiper-pagination-bullets
  .swiper-pagination-bullet {
  margin: 0 0.12rem /* 12px -> 0.12rem */;
}

/* 2-2.企业套件 */
.kit {
  box-sizing: border-box;
  padding: 0.24rem /* 24px -> 0.24rem */;
  border-radius: 0.24rem /* 16px -> 0.16rem */;
  background-color: #ffffff;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.kit .kit-item {
  width: calc(50% - 0.12rem); /* 12px -> 0.12rem */
  height: auto;
}

.kit .kit-item:nth-child(n + 3) {
  margin-top: 0.24rem /* 24px -> 0.24rem */;
}

.kit .kit-cons .kit-cons-cell {
  width: 100%;
  height: 100%;
  border-radius: 0.16rem /* 24px -> 0.24rem */;
  overflow: hidden;
  display: none;
}

.kit .kit-cons .kit-cons-cell.active {
  display: block;
}

.kit .kit-cons .kit-cons-cell img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display:block;
  margin:auto;
}

.kit .kit-tabs {
  box-sizing: border-box;
  padding: 0.32rem /* 32px -> 0.32rem */;
  position: relative;
}

.kit .kit-tabs-icon {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  padding: 0.32rem /* 32px -> 0.32rem */;
}

.kit .kit-tabs-icon img {
  width: 100%;
  height: 100%;
  display: none;
}

.kit .kit-tabs-icon img.active {
  display: block;
}

.kit .kit-tabs-nav {
  position: relative;
}

.kit .kit-tabs-nav-desc {
  text-align: center;
  font-size: 0.24rem /* 24px -> 0.24rem */;
  color: #888888;
  line-height: 0.4rem /* 40px -> 0.4rem */;
  margin-top: 0.42rem /* 42px -> 0.42rem */;
}

.kit .kit-tabs-nav-desc li {
  display: none;
}

.kit .kit-tabs-nav-desc li.active {
  display: block;
}

.kit .kit-tabs-nav-link {
  margin-top: 0.5rem /* 96px -> 0.96rem */;
  text-align: center;
}

.kit .kit-tabs-nav-link li {
  display: inline-block;
  width: 1.18rem /* 118px -> 1.18rem */;
  height: 0.52rem /* 52px -> 0.52rem */;
  text-align: center;
  line-height: 0.52rem /* 52px -> 0.52rem */;
  background: #ffffff;
  border-radius: 0.34rem /* 34px -> 0.34rem */;
  color: #bbbbbb;
  font-size: 0.2rem /* 20px -> 0.2rem */;
  cursor: pointer;
  /* 过渡 */
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}

.kit .kit-tabs-nav-link li:nth-child(-n + 3),
.kit .kit-tabs-nav-link li:nth-child(5),
.kit .kit-tabs-nav-link li:nth-child(6) {
  margin-right: 0.12rem /* 24px -> 0.24rem */;
}
    .kit .kit-tabs-nav-link li:nth-child( 4) {
        margin-right: 0.12rem /* 24px -> 0.24rem */;
    }
.kit .kit-tabs-nav-link li:nth-child(n + 5) {
  margin-top: 0.24rem /* 24px -> 0.24rem */;
}

.kit .kit-tabs-nav-link li:hover,
.kit .kit-tabs-nav-link li.active {
  color: #ffffff;
  /* 过渡 */
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}

.kit .kit-tabs-nav-link li:nth-child(1):hover,
.kit .kit-tabs-nav-link li:nth-child(1).active {
  background: linear-gradient(180deg, #3853b3 0%, rgba(255, 255, 255, 0) 100%);
}
.kit .kit-tabs-nav-link li:nth-child(2):hover,
.kit .kit-tabs-nav-link li:nth-child(2).active {
  background: #ffffff
    linear-gradient(180deg, #48a8ed 0%, rgba(255, 255, 255, 0) 100%);
}
.kit .kit-tabs-nav-link li:nth-child(3):hover,
.kit .kit-tabs-nav-link li:nth-child(3).active {
  background: linear-gradient(180deg, #00b9b9 0%, rgba(255, 255, 255, 0) 100%);
}
.kit .kit-tabs-nav-link li:nth-child(4):hover,
.kit .kit-tabs-nav-link li:nth-child(4).active {
  background: linear-gradient(180deg, #319577 0%, rgba(255, 255, 255, 0) 100%);
}
.kit .kit-tabs-nav-link li:nth-child(5):hover,
.kit .kit-tabs-nav-link li:nth-child(5).active {
  background: #ffffff
    linear-gradient(180deg, #c28c58 0%, rgba(255, 255, 255, 0) 100%);
}
.kit .kit-tabs-nav-link li:nth-child(6):hover,
.kit .kit-tabs-nav-link li:nth-child(6).active {
  background: #ffffff
    linear-gradient(180deg, #9c836e 0%, rgba(255, 255, 255, 0) 100%);
}
.kit .kit-tabs-nav-link li:nth-child(7):hover,
.kit .kit-tabs-nav-link li:nth-child(7).active {
  background: #ffffff
    linear-gradient(180deg, #ab6c6c 0%, rgba(255, 255, 255, 0) 100%);
}

/* 2-3.产品 */
.pro {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.pro li {
  width: calc((100% / 4) - 0.42rem); /* 42px -> 0.42rem */
  height: 5rem /* 500px -> 5rem */;
  box-sizing: border-box;
  /* 48px -> 0.48rem */ /* 24px -> 0.24rem */ /* 32px -> 0.32rem */
  padding: 0.32rem 0.24rem 0.48rem;
  border-radius: 0.24rem /* 24px -> 0.24rem */;
  overflow: hidden;
  text-align: center;
  cursor: pointer;
  /* 过渡 */
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
}

.pro li:hover {
  box-shadow: 0.02rem /* 2px -> 0.02rem */ 0.06rem /* 6px -> 0.06rem */ 0.24rem
    /* 24px -> 0.24rem */ 0.04rem /* 4px -> 0.04rem */ rgba(0, 24, 108, 0.15);
  /* 过渡 */
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}

.pro li:nth-child(n + 5) {
  margin-top: 0.56rem /* 56px -> 0.56rem */;
}

.pro li a {
  width: 100%;
  height: 100%;
  display: block;
}

.pro li .pic {
  overflow: hidden;
  margin: 0 auto;
  width: auto /* 154px -> 1.54rem */;
  height: .96rem /* 96px -> 0.96rem */;
}
    .pro li .pic img {
        width:auto;
        height:100%;
        display:block;
        margin:0 auto;
    }
    .pro li .pic img:nth-child(2) {
        display: none;
    }

    .pro .active .pic img:nth-child(1) {
        display: none;
    }
    .pro .active .pic img:nth-child(2) {
        display: block;
    }

    .pro li h3 {
        font-size: 0.27rem /* 27px -> 0.27rem */;
        margin-top: 0.32rem /* 32px -> 0.32rem */;
        color: #222222;
    }
    .pro .active span {
        display:block;
    }

    .pro li p {
        color: #555555;
        margin-top: 0.16rem /* 16px -> 0.16rem */;
        font-size: 0.2rem /* 20px -> 0.2rem */;
        line-height: 0.32rem /* 32px -> 0.32rem */;
    }

.pro li span {
  position: absolute;
  bottom: 0.32rem /* 32px -> 0.32rem */;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  width: 1.6rem /* 160px -> 1.6rem */;
  height: 0.54rem /* 54px -> 0.54rem */;
  line-height: 0.54rem /* 54px -> 0.54rem */;
  text-align: center;
  color: #ffffff;
  font-size: 0.17rem /* 17px -> 0.17rem */;
  margin-top: 1.12rem /* 112px -> 1.12rem */;
  border-radius: 0.45rem /* 45px -> 0.45rem */;
  display:none;
  /*border: 0.02rem*/ /* 2px -> 0.02rem */ /*solid rgba(255, 255, 255, 0.3);*/
}

.pro li:nth-child(1) {
  background-color: #ebf0ff;
}
.pro li:nth-child(2) {
  background-color: #e3f5ff;
}
.pro li:nth-child(3) {
  background-color: #daffff;
}
.pro li:nth-child(4) {
  background-color: #e1fff6;
}
.pro li:nth-child(5) {
  background-color: #fff8ed;
}
.pro li:nth-child(6) {
  background-color: #f5f1f0;
}
.pro li:nth-child(7) {
  background-color: #fff2f2;
}
.pro li:nth-child(8) {
  background-color: #f6f6f6;
}

.pro li:nth-child(1) span {
  background: linear-gradient(180deg, #3853b3 0%, rgba(255, 255, 255, 0) 100%);
}
.pro li:nth-child(2) span {
  background: linear-gradient(180deg, #48a8ed 0%, rgba(255, 255, 255, 0) 100%);
}
.pro li:nth-child(3) span {
  background: linear-gradient(180deg, #00b9b9 0%, rgba(255, 255, 255, 0) 100%);
}
.pro li:nth-child(4) span {
  background: linear-gradient(180deg, #319577 0%, rgba(255, 255, 255, 0) 100%);
}
.pro li:nth-child(5) span {
  background: linear-gradient(180deg, #c28c58 0%, rgba(255, 255, 255, 0) 100%);
}
.pro li:nth-child(6) span {
  background: linear-gradient(180deg, #9c836e 0%, rgba(255, 255, 255, 0) 100%);
}
.pro li:nth-child(7) span {
  background: linear-gradient(180deg, #ab6c6c 0%, rgba(255, 255, 255, 0) 100%);
}
.pro li:nth-child(8) span {
  background: linear-gradient(180deg, #999999 0%, rgba(255, 255, 255, 0) 100%);
}

/* 2-4.优势 */
.adva {
  display: flex;
  justify-content: space-between;
}

.adva li {
  width: calc((100% / 3) - 0.32rem); /* 32px -> 0.32rem */
  height: auto;
  box-sizing: border-box;
  border-radius: 0.24rem /* 24px -> 0.24rem */;
  overflow: hidden;
  cursor: pointer;
  background-color: #ffffff;
  /* 过渡 */
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
  box-shadow: 0.02rem /* 2px -> 0.02rem */ 0.06rem /* 6px -> 0.06rem */ 0.16rem
    /* 16px -> 0.16rem */ 0px rgba(0, 24, 108, 0.08);
}

.adva li:hover {
  box-shadow: 0.02rem /* 2px -> 0.02rem */ 0.06rem /* 6px -> 0.06rem */ 0.24rem
    /* 24px -> 0.24rem */ 0.04rem /* 4px -> 0.04rem */ rgba(0, 24, 108, 0.15);
  /* 过渡 */
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}

.adva li .img {
  width: 100%;
}

.adva li .det {
  box-sizing: border-box;
  /* 32px -> 0.32rem */ /* 32px -> 0.32rem */ /* 110px -> 1.1rem */
  padding: 0.32rem 0.32rem 1.1rem;
}

.adva li h3 {
  font-size: 0.27rem /* 27px -> 0.27rem */;
  color: #222222;
  padding-left: 0.38rem /* 38px -> 0.38rem */;
  position: relative;
  overflow: hidden;
}

.adva li h3::before {
  content: "";
  display: block;
  width: 0.24rem /* 24px -> 0.24rem */;
  height: 0.24rem /* 24px -> 0.24rem */;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background: url(../image/dot.png) no-repeat center/cover;
}

.adva li p {
  color: #888888;
  margin-top: 0.16rem /* 16px -> 0.16rem */;
  font-size: 0.21rem /* 21px -> 0.21rem */;
  line-height: 0.34rem /* 34px -> 0.34rem */;
}

/* 2-5.为什么 */
.why {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.why .img,
.why .txt {
  width: 7.84rem /* 784px -> 7.84rem */;
}

.why .img {
  border-radius: 0.24rem /* 24px -> 0.24rem */;
  overflow: hidden;
}

.why .txt h2 {
  display: inline-block;
  font-size: 0.36rem /* 36px -> 0.36rem */;
  font-weight: bold;
  color: #222222;
  position: relative;
  padding-bottom: 0.11rem /* 11px -> 0.11rem */;
}

.why .txt h2 i {
  display: block;
  position: relative;
}

.why .txt h2::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0.22rem /* 22px -> 0.22rem */;
  background: #6966ff;
}

.why .txt p {
  color: #87878a;
  margin-top: 0.56rem /* 56px -> 0.56rem */;
  font-size: 0.23rem /* 23px -> 0.23rem */;
  line-height: 0.37rem /* 37px -> 0.37rem */;
}

.why .txt .icon {
  width: 4.56rem /* 456px -> 4.56rem */;
  margin-top: 0.64rem /* 64px -> 0.64rem */;
}

.why .txt a {
  display: block;
  float: right;
  margin-top: 0.43rem /* 43px -> 0.43rem */;
  width: 2.56rem /* 256px -> 2.56rem */;
  height: 0.7rem /* 70px -> 0.7rem */;
  line-height: 0.7rem /* 70px -> 0.7rem */;
  background: #ffffff;
  text-align: center;
  box-sizing: border-box;
  color: #555555;
  font-size: 0.2rem /* 20px -> 0.2rem */;
  border-radius: 0.45rem /* 45px -> 0.45rem */;
  border: 0.01rem /* 1px -> 0.01rem */ solid rgba(0, 0, 0, 0.15);
  /* 过渡 */
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}

.why .txt a:hover {
  color: #ffffff;
  border: 0;
  background: linear-gradient(180deg, #3853b3 0%, rgba(255, 255, 255, 0) 100%);
  /* 过渡 */
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}

/* 2-6.商标 */
.brand.str_wrap {
  background-color: #ffffff;
}

.brand img {
  width: 1.8rem /* 180px -> 1.8rem */;
  height: 0.8rem /* 80px -> 0.8rem */;
  border-radius: 0.16rem /* 16px -> 0.16rem */;
  margin-right: 0.6rem /* 60px -> 0.6rem */;
}

/* 2-7.共创未来 */
.fut-box {
  background: url(../image/fut-bg.png) no-repeat center/cover;
}

.fut-box .more {
  display: block;
  width: 2.8rem /* 280px -> 2.8rem */;
  height: 0.7rem /* 70px -> 0.7rem */;
  line-height: 0.7rem /* 70px -> 0.7rem */;
  background: #2b3244;
  text-align: center;
  color: #ffffff;
  font-size: 0.2rem /* 20px -> 0.2rem */;
  border-radius: 0.45rem /* 45px -> 0.45rem */;
  margin: 0.52rem /* 52px -> 0.52rem */ auto 0;
}

.fut {
  padding: 0 1.52rem /* 152px -> 1.52rem */;
  display: flex;
  justify-content: space-between;
}

.fut a {
  display: block;
  text-align: center;
}

.fut a img {
  display: block;
  width: 0.78rem /* 78px -> 0.78rem */;
  height: 0.78rem /* 78px -> 0.78rem */;
  margin-bottom: 0.1rem /* 10px -> 0.1rem */;
}

.fut a:nth-child(1) {
  color: #3853b3;
}
.fut a:nth-child(2) {
  color: #48a8ed;
}
.fut a:nth-child(3) {
  color: #38b38e;
}
.fut a:nth-child(4) {
  color: #38b38e;
}
.fut a:nth-child(5) {
  color: #e2ac79;
}
.fut a:nth-child(6) {
  color: #a3764f;
}
.fut a:nth-child(7) {
  color: #bc6969;
}

/* 2-8.心声 */
.voice .more {
  display: block;
  width: 2.08rem /* 208px -> 2.08rem */;
  height: 0.7rem /* 70px -> 0.7rem */;
  line-height: 0.7rem /* 70px -> 0.7rem */;
  background: #ffffff;
  text-align: center;
  box-sizing: border-box;
  color: #555555;
  margin: 0.56rem /* 56px -> 0.56rem */ auto 0;
  font-size: 0.2rem /* 20px -> 0.2rem */;
  border-radius: 0.45rem /* 45px -> 0.45rem */;
  border: 0.01rem /* 1px -> 0.01rem */ solid rgba(0, 0, 0, 0.15);
  /* 过渡 */
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}

.voice .more:hover {
  color: #ffffff;
  border: 0;
  background: linear-gradient(180deg, #3853b3 0%, rgba(255, 255, 255, 0) 100%);
  /* 过渡 */
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}

.voice-tabs {
  width: 8.32rem /* 832px -> 8.32rem */;
  display: flex;
  justify-content: center;
  margin: 0 auto;
  border-bottom: 0.01rem /* 1px -> 0.01rem */ solid #d9d9d9;
}

.voice-tabs li {
  text-align: center;
  flex: 1;
  color: #555555;
  font-size: 0.21rem /* 21px -> 0.21rem */;
  padding-bottom: 0.12rem /* 12px -> 0.12rem */;
  cursor: pointer;
  /* 过渡 */
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}

.voice-tabs li:hover,
.voice-tabs li.active {
  color: #1890ff;
  border-bottom: 0.02rem /* 2px -> 0.02rem */ solid #1890ff;
  /* 过渡 */
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}

.voice-cons {
  margin-top: 0.52rem /* 52px -> 0.52rem */;
}

.voice-cons .voice-cons-cell {
  display: none;
}

.voice-cons .voice-cons-cell.active {
  display: block;
}

.voice-swiper {
  width: 100%;
  height: auto;
  overflow: hidden;
  position: relative;
}

.voice-swiper .swiper-container {
  width: calc(100% - 2.8rem); /* 312px -> 3.12rem */
  overflow: hidden;
  position: relative;
}

.voice-swiper .swiper-slide {
  width: 100%;
  box-sizing: border-box;
  padding: 0.24rem /* 24px -> 0.24rem */;
  overflow: hidden;
  cursor: pointer;
}

.voice-swiper .swiper-slide a {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: space-between;
  overflow: hidden;
  border-radius: 0.48rem 0.24rem 0.24rem 0.24rem;
}

.voice-swiper .img {
  width: 4.98rem /* 498px -> 4.98rem */;
  overflow: hidden;
  border-radius: 0.48rem 0.24rem 0.96rem 0.24rem;
}

.voice-swiper .txt {
  /* 498px -> 4.98rem */
  width: calc(100% - 4.98rem);
  box-sizing: border-box;
  padding: 0.4rem /* 40px -> 0.4rem */;
  border-radius: 0.24rem /* 24px -> 0.24rem */;
  overflow: hidden;
  position: relative;
}

.voice-swiper .txt::before {
  content: "";
  display: block;
  width: 1.14rem /* 114px -> 1.14rem */;
  height: 0.8rem /* 80px -> 0.8rem */;
  position: absolute;
  right: 0.4rem /* 40px -> 0.4rem */;
  top: 0.4rem /* 40px -> 0.4rem */;
  background: url(../image/maohao8.png) no-repeat center/cover;
}

.voice-swiper .txt h2 {
  font-size: 0.3rem /* 30px -> 0.3rem */;
  font-weight: bold;
  color: #222222;
  line-height: 0.38rem /* 38px -> 0.38rem */;
}

.voice-swiper .txt .det {
  margin-top: 0.16rem /* 16px -> 0.16rem */;
  font-size: 0.18rem /* 18px -> 0.18rem */;
  color: #555555;
  line-height: 0.32rem /* 32px -> 0.32rem */;
}

.voice-swiper .txt .det i {
  color: #3853b3;
}

.voice-swiper .txt .desc {
  margin-top: 0.24rem /* 24px -> 0.24rem */;
  font-size: 0.18rem /* 18px -> 0.18rem */;
  color: #888888;
  line-height: 0.32rem /* 32px -> 0.32rem */;
  /* 文字对齐 */
  text-align: justify;
  text-align-last: left;
  text-justify: inter-ideograph;
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-line-clamp:7;
  -webkit-box-orient:vertical;
}

.voice-swiper .txt span {
  display: block;
  text-align: right;
  margin-top: 0.71rem /* 71px -> 0.71rem */;
  color: #1890ff;
  font-size: 0.2rem /* 20px -> 0.2rem */;
}

/* 分页按钮修改 */
.voice-swiper .swiper-button-next,
.voice-swiper .swiper-button-prev {
  width: 0.6rem /* 60px -> 0.6rem */;
  height: 0.6rem /* 60px -> 0.6rem */;
}
.voice-swiper .swiper-button-prev,
.voice-swiper .swiper-container-rtl .swiper-button-next {
  background-image: url(../image/row-left.png);
  background-size: 100% 100%;
  cursor: pointer;
}
.voice-swiper .swiper-button-next,
.voice-swiper .swiper-container-rtl .swiper-button-prev {
  background-image: url(../image/row-right.png);
  background-size: 100% 100%;
  cursor: pointer;
}

/* 3.关于我们 */
/* 3-1.数字转型 */
.figure {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.figure .img {
  width: 6rem /* 600px -> 6rem */;
  height: 5rem /* 500px -> 5rem */;
}

.figure .img {
  width: 6rem /* 600px -> 6rem */;
  height: 5rem /* 500px -> 5rem */;
}

.figure .img img {
  object-fit: fill;
}

.figure .txt {
  /* 600px -> 6rem */
  width: calc(100% - 6rem);
}

.figure-set .img {
  width: 6.4rem /* 640px -> 6.4rem */;
  height: 6.4rem /* 640px -> 6.4rem */;
}

.figure-set .txt {
  /* 640px -> 6.4rem */
  width: calc(100% - 6.4rem);
  padding-right: 1.2rem /* 120px -> 1.2rem */;
}

.figure .txt h2 {
  display: inline-block;
  font-size: 0.48rem /* 48px -> 0.48rem */;
  font-weight: bold;
  color: #00a79e;
  position: relative;
  padding-bottom: 0.1rem /* 10px -> 0.1rem */;
}

.figure .txt h2 i {
  display: block;
  position: relative;
}

.figure .txt h2::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0.2rem /* 20px -> 0.2rem */;
  background: rgba(0, 167, 158, 0.2);
}

.figure .txt p {
  color: #555555;
  margin-top: 0.38rem /* 38px -> 0.38rem */;
  font-size: 0.3rem /* 30px -> 0.3rem */;
  line-height: 0.44rem /* 44px -> 0.44rem */;
}

.figure .txt h4 {
  font-size: 0.4rem /* 40px -> 0.4rem */;
  line-height: 0.56rem /* 56px -> 0.56rem */;
  color: #222222;
  font-weight: bold;
}

.figure .txt h3 {
  font-weight: bold;
  font-size: 0.48rem /* 48px -> 0.48rem */;
  line-height: 0.67rem /* 67px -> 0.67rem */;
  color: #1890ff;
  position: relative;
  padding-bottom: 0.18rem /* 18px -> 0.18rem */;
}

.figure .txt h3::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0.35rem /* 35px -> 0.35rem */;
  height: 0.1rem /* 10px -> 0.1rem */;
  background: #1890ff;
  border-radius: 0.14rem /* 14px -> 0.14rem */;
}

.figure .txt span {
  display: block;
  font-size: 0.22rem /* 22px -> 0.22rem */;
  line-height: 0.38rem /* 38px -> 0.38rem */;
  color: #555555;
  margin-top: 0.24rem /* 24px -> 0.24rem */;
  /* 文字对齐 */
  text-align: justify;
  text-align-last: left;
  text-justify: inter-ideograph;
}

.figure .txt a {
  display: block;
  margin-top: 0.76rem /* 76px -> 0.76rem */;
  width: 4.37rem /* 437px -> 4.37rem */;
  height: 0.62rem /* 62px -> 0.62rem */;
}

.figure .txt a img {
  width: 100%;
  height: auto;
}

.figure .txt .icon {
  width: 4.26rem /* 426px -> 4.26rem */;
  height: 0.4rem /* 40px -> 0.4rem */;
  margin-bottom: 0.24rem /* 24px -> 0.24rem */;
}

.figure .txt .icon img {
  object-fit: fill;
}

/* 3-2.关于我们 */
.about {
  margin-top: 0.55rem /* 55px -> 0.55rem */;
}

.about-tabs {
  height: 0.9rem /* 90px -> 0.9rem */;
  background: #f6fffe;
  /* 1px -> 0.01rem */
  border-bottom: 0.01rem solid #d9d9d9;
  display: flex;
  justify-content: space-between;
  line-height: 0.9rem /* 90px -> 0.9rem */;
  font-size: 0.24rem /* 24px -> 0.24rem */;
  color: #888888;
}

.about-tabs-fixed {
  position: fixed;
  top: 0.8rem /* 50px -> 0.5rem */;
  left: 0;
  width: 100%;
  z-index: 100;
  height: 0.6rem /* 60px -> 0.6rem */;
  line-height: 0.6rem /* 60px -> 0.6rem */;
  font-size: 0.18rem /* 18px -> 0.18rem */;
}

.about-tabs li {
  cursor: pointer;
  position: relative;
  /* 过渡 */
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}

.about-tabs li::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0.04rem /* 4px -> 0.04rem */;
  background: #00a79e;
  opacity: 0;
  /* 过渡 */
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}

.about-tabs li:hover,
.about-tabs li.active {
  color: #00a79e;
  /* 过渡 */
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}

.about-tabs li:hover::before,
.about-tabs li.active::before {
  opacity: 1;
}

.about-cons .about-cons-cell {
  display: none;
}

.about-cons-fixed .about-cons-cell {
  padding-top: 0.15rem /* 15px -> 0.15rem */;
}

.about-cons .about-cons-cell.active {
  display: block;
}

/* 3-3.联系我们 */
.contact .img {
  width: 100%;
  margin-top: 0.72rem /* 72px -> 0.72rem */;
}

/* 3-4.产品资讯 */
.news-swiper {
  width: 100%;
  height: auto;
  overflow: hidden;
  position: relative;
  padding-bottom: 1.2rem /* 120px -> 1.2rem */;
}

.news-swiper .swiper-container {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.news-swiper .swiper-slide {
  width: 100%;
  box-sizing: border-box;
  padding: 0.24rem /* 24px -> 0.24rem */;
  overflow: hidden;
  cursor: pointer;
}

.news-swiper .swiper-slide .items {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: space-between;
  overflow: hidden;
  border-radius: 0.24rem /* 24px -> 0.24rem */;
  background-color: #ffffff;
}

.news-swiper .img {
  width: 8.08rem /* 808px -> 8.08rem */;
  padding: 0.24rem /* 24px -> 0.24rem */;
  box-sizing: border-box;
  overflow: hidden;
  border-radius: 0.48rem 0.24rem 0.96rem 0.24rem;
}

.news-swiper .txt {
  /* 808px -> 8.08rem */
  width: calc(100% - 8.08rem);
  box-sizing: border-box;
  /* 66px -> 0.66rem */ /* 56px -> 0.56rem */ /* 16px -> 0.16rem */
  padding: 0.66rem 0.56rem 0.66rem 0.16rem;
  overflow: hidden;
  position: relative;
}

.news-swiper .txt h3 {
  color: #666666;
  font-size: 0.32rem /* 32px -> 0.32rem */;
  line-height: 0.38rem /* 38px -> 0.38rem */;
}

.news-swiper .txt h3 img {
  width: 0.2rem /* 20px -> 0.2rem */;
  height: 0.22rem /* 22px -> 0.22rem */;
  margin-right: 0.05rem /* 5px -> 0.05rem */;
  vertical-align: top;
  margin-top: 0.07rem /* 7px -> 0.07rem */;
}

.news-swiper .txt h2 {
  font-size: 0.32rem /* 32px -> 0.32rem */;
  font-weight: bold;
  color: #00a79e;
  line-height: 0.38rem /* 38px -> 0.38rem */;
  margin-top: 0.24rem /* 24px -> 0.24rem */;
}

.news-swiper .txt .desc {
  margin-top: 0.18rem /* 18px -> 0.18rem */;
  font-size: 0.21rem /* 21px -> 0.21rem */;
  color: #afafaf;
  line-height: 0.34rem /* 34px -> 0.34rem */;
  /* 文字对齐 */
  text-align: justify;
  text-align-last: left;
  text-justify: inter-ideograph;
}

/* 分页按钮修改 */
.news-swiper .news-switch {
  width: 100%;
  height: 0.8rem /* 80px -> 0.8rem */;
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.news-swiper .swiper-button-next,
.news-swiper .swiper-button-prev {
  width: 0.6rem /* 60px -> 0.6rem */;
  height: 0.6rem /* 60px -> 0.6rem */;
  position: relative;
  margin-bottom: 0.6rem /* 60px -> 0.6rem */;
}
.news-swiper .swiper-button-prev,
.news-swiper .swiper-container-rtl .swiper-button-next {
  background-image: url(../image/row-left1.png);
  background-size: 100% 100%;
  cursor: pointer;
}
.news-swiper .swiper-button-next,
.news-swiper .swiper-container-rtl .swiper-button-prev {
  background-image: url(../image/row-right1.png);
  background-size: 100% 100%;
  cursor: pointer;
}
.news-swiper .swiper-pagination {
  width: auto;
  text-align: center;
  margin: 0 0.48rem /* 48px -> 0.48rem */;
  overflow: hidden;
  position: relative;
}
.news-swiper .swiper-pagination-bullet,
.news-swiper .swiper-pagination-bullet-active {
  width: 0.12rem /* 12px -> 0.12rem */;
  height: 0.12rem /* 12px -> 0.12rem */;
  border-radius: 50%;
  background-color: #00a79e;
}
.news-swiper .swiper-pagination-bullet-active {
  width: 0.12rem /* 16px -> 0.16rem */;
  height: 0.12rem /* 16px -> 0.16rem */;
  background-color: #00a79e;
}
.news-swiper
  .news-switch
  > .swiper-pagination-bullets
  .swiper-pagination-bullet {
  margin: 0 0.12rem /* 12px -> 0.12rem */;
}

/* 3-5.企业介绍 */
.brief {
  background-color: #f4f5f8;
  box-sizing: border-box;
  /* 64px -> 0.64rem */
  padding: 0.64rem 0;
  overflow: hidden;
  margin-top: 0.54rem /* 54px -> 0.54rem */;
}

.brief .inside-lg-sa {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.brief .img {
  width: 7.04rem /* 704px -> 7.04rem */;
  height: 4.6rem /* 460px -> 4.6rem */;
  border-radius: 0.16rem /* 16px -> 0.16rem */;
  overflow: hidden;
}

.brief .txt {
  /* 704px -> 7.04rem */
  width: calc(100% - 7.04rem);
  box-sizing: border-box;
  padding-left: 0.56rem /* 56px -> 0.56rem */;
}

.brief .txt h2 {
  display: inline-block;
  font-size: 0.4rem /* 40px -> 0.4rem */;
  font-weight: bold;
  color: #00a79e;
  position: relative;
  padding-bottom: 0.1rem /* 10px -> 0.1rem */;
}

.brief .txt h2 i {
  display: block;
  position: relative;
}

/*.brief .txt h2::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0.2rem*/ /* 20px -> 0.2rem *//*;
  background: rgba(0, 167, 158, 0.2);
}*/

.brief .txt p {
  margin-top: 0.9rem /* 90px -> 0.9rem */;
  font-size: 0.22rem /* 22px -> 0.22rem */;
  font-weight: 500;
  color: #222222;
  line-height: 0.32rem /* 32px -> 0.32rem */;
}

.brief .txt p em {
  display: block;
  padding-left: 0.42rem /* 42px -> 0.42rem */;
  position: relative;
}

.brief .txt p em:not(:first-child) {
  margin-top: 0.16rem /* 16px -> 0.16rem */;
}

.brief .txt p em::before {
  content: "";
  display: block;
  width: 0.22rem /* 22px -> 0.22rem */;
  height: 0.22rem /* 22px -> 0.22rem */;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background: url(../image/dot.png) no-repeat center/cover;
}

.brief .txt span {
  display: block;
  margin-top: 1.05rem /* 105px -> 1.05rem */;
  font-size: 0.2rem /* 20px -> 0.2rem */;
  font-weight: 500;
  color: #555555;
  text-align: right;
}

/* 3-6.激励 */
.stim {
  width: 100%;
  height: 9.1rem /* 910px -> 9.1rem */;
  position: relative;
  overflow: hidden;
}

.stim li {
  width: 4.2rem /* 420px -> 4.2rem */;
  height: 4.2rem /* 420px -> 4.2rem */;
  position: absolute;
  cursor: pointer;
}

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

.stim li:nth-child(2) {
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}

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

.stim li:nth-child(4) {
  left: 2.44rem /* 244px -> 2.44rem */;
  top: 2.44rem /* 244px -> 2.44rem */;
}

.stim li:nth-child(5) {
  right: 2.44rem /* 244px -> 2.44rem */;
  top: 2.44rem /* 244px -> 2.44rem */;
}

.stim li:nth-child(6) {
  left: 50%;
  top: 4.88rem /* 488px -> 4.88rem */;
  transform: translateX(-50%);
}

.stim li .items {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.stim li .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.stim li .bg img {
  width: 100%;
  height: 100%;
}

    .stim li .sight {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        color: #ffffff;
        overflow: hidden;
        /* 绘制菱形 */
        /*clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);*/
        text-align: center;
        background: url(../image/stim-bg.png) no-repeat center/cover;
        opacity: 0;
        /* 过渡 */
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        -ms-transition: all 0.3s;
        transition: all 0.3s;
    }

.stim li:hover .sight {
  opacity: 1;
  /* 过渡 */
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}

    .stim li .sight s {
        display: block;
        width: 100%;
        height: 0.8rem /* 80px -> 0.8rem */;
        line-height: 0.8rem /* 80px -> 0.8rem */;
        background: url(https://sys.jpvat.com/libs/pc/pc/images/about-jiao-bg.png) no-repeat center/36% 89%;
        font-size: 0.36rem /* 36px -> 0.36rem */;
        font-weight: bold;
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 0;
    }

.stim li .sight p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 0.4rem /* 40px -> 0.4rem */;
  font-weight: bold;
}

/* 3-7.企业历程 */
.course .img {
  width: 100%;
}

/* 4.案例 */
/* 4-1.列表 */
.anli {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.anli li {
  /* 42px -> 0.42rem */
  width: calc((100% / 3) - 0.42rem);
  height: auto;
  box-sizing: border-box;
  border-radius: 0.16rem /* 16px -> 0.16rem */;
  overflow: hidden;
  cursor: pointer;
  background-color: #ffffff;
  /* 过渡 */
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
}

.anli li:nth-child(n + 4) {
  margin-top: 0.72rem /* 72px -> 0.72rem */;
}

.anli li a {
  display: block;
}

.anli li .img {
  width: 100%;
}

.anli li .det {
  box-sizing: border-box;
  padding: 0.24rem /* 24px -> 0.24rem */;
  font-size: 0.16rem /* 16px -> 0.16rem */;
  line-height: 0.3rem /* 30px -> 0.3rem */;
}

.anli li .det h3 {
  font-size: 0.2rem /* 20px -> 0.2rem */;
  font-weight: 500;
  color: #3853b3;
  line-height: 0.28rem /* 28px -> 0.28rem */;
}

.anli li .det .desc {
  color: #888888;
  margin-top: 0.1rem /* 10px -> 0.1rem */;
  height: 1.8rem   /* 190px -> 1.9rem */;
  /* 文字对齐 */
  text-align: justify;
  text-align-last: left;
  text-justify: inter-ideograph;
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-line-clamp:6;
  -webkit-box-orient:vertical;
}

.anli li .det p {
  margin-top: 0.34rem /* 34px -> 0.34rem */;
  color: #555555;
  font-weight: 500;
}

/* 4-2.侧栏 */
.gaine {
  padding-top: 0.24rem /* 24px -> 0.24rem */;
  padding-bottom: 0.24rem /* 24px -> 0.24rem */;
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-top: -0.24rem /* -24px -> -0.24rem */;
  box-sizing: border-box;
}

.gaine .gaine-bar {
  float: left;
  width: 4.8rem /* 480px -> 4.8rem */;
  height: auto;
  background-color: #ffffff;
}

.gaine .gaine-cons {
  float: right;
  /* 480px -> 4.8rem */
  width: calc(100% - 4.8rem);
  padding-left: 0.8rem /* 80px -> 0.8rem */;
  box-sizing: border-box;
}

.gaine .gaine-bar-cell {
  width: 100%;
  height: auto;
  background-color: #ffffff;
}

.gaine .gaine-bar .gaine-bar-cell:not(:first-child) {
  margin-top: 0.43rem /* 43px -> 0.43rem */;
}

.gaine .gaine-bar-cell h2 {
  /* 12px -> 0.12rem */ /* 24px -> 0.24rem */
  padding: 0.12rem 0.24rem;
  font-size: 0.24rem /* 24px -> 0.24rem */;
  font-weight: 500;
  color: #222222;
  line-height: 0.28rem /* 28px -> 0.28rem */;
  /* 1px -> 0.01rem */
  border-bottom: 0.01rem solid #d9d9d9;
}

.gaine .gaine-bar-cell .det {
  /* 24px -> 0.24rem */ /* 144px -> 1.44rem */
  padding: 0.24rem 0.24rem;
  color: #555555;
  font-size: 0.21rem /* 21px -> 0.21rem */;
  line-height: 0.37rem /* 37px -> 0.37rem */;
  font-weight: 500;
}

.gaine .gaine-bar-cell .det p:first-child {
  color: #3853b3;
}

.gaine .gaine-bar-cell .way {
  padding: 0.24rem /* 24px -> 0.24rem */;
  color: #1890ff;
  font-size: 0.21rem /* 21px -> 0.21rem */;
  line-height: 0.37rem /* 37px -> 0.37rem */;
  font-weight: 500;
}

.gaine .gaine-bar-cell .way p img {
  width: 0.18rem /* 18px -> 0.18rem */;
  height: auto;
  margin-right: 0.04rem /* 4px -> 0.04rem */;
  vertical-align: middle;
  margin-bottom: 0.03rem /* 3px -> 0.03rem */;
}

.gaine .gaine-bar-cell .way em {
  font-size: 0.18rem /* 18px -> 0.18rem */;
  color: #bbbbbb;
}

/* 4-3.详情 */
.anli-det {
  width: 100%;
}

.anli-det .brand {
  width: 100%;
  height: auto;
}

.anli-det .brand img {
  width: 100%;
  height: 100%;
}

.anli-det .item {
  margin-top: 0.6rem /* 60px -> 0.6rem */;
}

.anli-det .item h2 {
  font-size: 0.4rem /* 40px -> 0.4rem */;
  font-weight: bold;
  color: #222222;
  line-height: 0.47rem /* 47px -> 0.47rem */;
  text-align: center;
}

.anli-det .item h3 {
  font-size: 0.28rem /* 28px -> 0.28rem */;
  font-weight: bold;
  color: #222222;
  line-height: 0.32rem /* 32px -> 0.32rem */;
  text-align: center;
}

.anli-det .item h3 i {
  position: relative;
  padding-left: 0.18rem /* 18px -> 0.18rem */;
}

.anli-det .item h3 i::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 0.06rem /* 6px -> 0.06rem */;
  height: 100%;
  background: #1890ff;
}

.anli-det .item p {
  margin-top: 0.22rem /* 22px -> 0.22rem */;
  font-size: 0.22rem /* 22px -> 0.22rem */;
  font-weight: 400;
  color: #555555;
  line-height: 0.4rem /* 40px -> 0.4rem */;
  /* 文字对齐 */
  text-align: justify;
  text-align-last: left;
  text-justify: inter-ideograph;
}

.anli-det .item .img {
  width: 100%;
  margin-top: 0.24rem /* 24px -> 0.24rem */;
  border-radius: 0.16rem /* 16px -> 0.16rem */;
  overflow: hidden;
}

.anli-det s {
  display: block;
  font-size: 0.2rem /* 20px -> 0.2rem */;
  font-weight: 400;
  color: #bbbbbb;
  line-height: 0.23rem /* 23px -> 0.23rem */;
  margin-top: 1.12rem /* 112px -> 1.12rem */;
}

/* 5.使用条款||隐私政策 */
.terms {
  font-size: 0.2rem /* 20px -> 0.2rem */;
  color: #555555;
  line-height: 0.38rem /* 38px -> 0.38rem */;
  /* 文字对齐 */
  text-align: justify;
  text-align-last: left;
  text-justify: inter-ideograph;
}

.terms a {
  color: #555555;
  text-decoration: underline;
}

.terms h3 {
  font-size: 0.24rem /* 24px -> 0.24rem */;
  font-weight: bold;
  color: #222222;
  margin-bottom: 0.16rem /* 16px -> 0.16rem */;
}

.terms h2 {
  font-size: 0.32rem /* 32px -> 0.32rem */;
  font-weight: bold;
  color: #222222;
  margin-bottom: 0.16rem /* 16px -> 0.16rem */;
}

.terms b {
  display: block;
  font-weight: bold;
  color: #222222;
  margin: 0.16rem /* 16px -> 0.16rem */ 0 0.32rem /* 32px -> 0.32rem */;
}

.terms em {
  display: block;
  /* 第二行缩进 */
  text-indent: -1em;
  margin-left: 2em;
  margin-top: 0.16rem /* 16px -> 0.16rem */;
}

.terms p s {
  display: block;
  margin-top: 0.16rem /* 16px -> 0.16rem */;
}

/* 6.计划与定价 */
/* 6-1.套餐 */
.meal {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.meal li {
  width: calc((100% / 3) - 0.32rem); /* 32px -> 0.32rem */
  height: auto;
  box-sizing: border-box;
  border-radius: 0.24rem /* 24px -> 0.24rem */;
  overflow: hidden;
  background-color: #ffffff;
  /* 过渡 */
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
  box-shadow: 0.02rem /* 2px -> 0.02rem */ 0.06rem /* 6px -> 0.06rem */ 0.16rem
    /* 16px -> 0.16rem */ 0px rgba(0, 24, 108, 0.08);
  /* 63px -> 0.63rem */ /* 32px -> 0.32rem */ /* 48px -> 0.48rem */
  padding: 0.63rem 0.32rem 0.48rem;
}

.meal li:nth-child(n + 4) {
  margin-top: 0.32rem /* 32px -> 0.32rem */;
}

.meal li .sub {
  padding-bottom: 0.62rem /* 62px -> 0.62rem */;
  border-bottom: 0.01rem /* 1px -> 0.01rem */ solid #ebeef7;
}

.meal li .sub em {
  display: block;
  text-align: center;
  position: relative;
  padding-bottom: 0.24rem /* 24px -> 0.24rem */;
  font-size: 0.32rem /* 32px -> 0.32rem */;
  color: #222222;
  line-height: 0.38rem /* 38px -> 0.38rem */;
}

.meal li .sub em::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0.24rem /* 24px -> 0.24rem */;
  height: 0.06rem /* 6px -> 0.06rem */;
  background: #1890ff;
  border-radius: 0.06rem /* 6px -> 0.06rem */;
}

.meal li .more {
  display: block;
  width: 2.03rem /* 203px -> 2.03rem */;
  height: 0.66rem /* 66px -> 0.66rem */;
  line-height: 0.66rem /* 66px -> 0.66rem */;
  background: #ffffff;
  text-align: center;
  box-sizing: border-box;
  color: #222222;
  margin: 0.4rem /* 40px -> 0.4rem */ auto 0;
  font-size: 0.2rem /* 20px -> 0.2rem */;
  border-radius: 0.45rem /* 45px -> 0.45rem */;
  border: 0.01rem /* 1px -> 0.01rem */ solid rgba(0, 0, 0, 0.15);
  /* 过渡 */
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}

.meal li .more:hover {
  color: #ffffff;
  border: 0;
  background: linear-gradient(180deg, #3853b3 0%, rgba(255, 255, 255, 0) 100%);
  /* 过渡 */
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}

.meal li .det .item {
  margin-top: 0.32rem /* 32px -> 0.32rem */;
}

.meal li .det .item span {
  display: block;
  font-size: 0.2rem /* 20px -> 0.2rem */;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.85);
  line-height: 0.32rem /* 32px -> 0.32rem */;
}

.meal li .det .item p {
  font-size: 0.19rem /* 19px -> 0.19rem */;
  color: #888888;
  line-height: 0.24rem /* 24px -> 0.24rem */;
  margin-top: 0.24rem /* 24px -> 0.24rem */;
  position: relative;
  padding-left: 0.32rem /* 32px -> 0.32rem */;
}

.meal li .det .item p::before {
  content: "";
  display: block;
  width: 0.2rem /* 20px -> 0.2rem */;
  height: 0.2rem /* 20px -> 0.2rem */;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.meal li .det .item-green p::before {
  background: url(../image/dot.png) no-repeat center/cover;
}

.meal li .det .item-blue p::before {
  background: url(../image/dot-b.png) no-repeat center/cover;
}

.meal li .det {
  height: 5.5rem /* 550px -> 5.5rem */;
}

/* 6-2.流程 */
.flow {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.flow li {
  width: calc(50% - 0.4rem); /* 40px -> 0.4rem */
  height: 3.6rem /* 360px -> 3.6rem */;
  background: #f4f6fa;
  border-radius: 0.16rem /* 16px -> 0.16rem */;
  overflow: hidden;
  position: relative;
  padding: 0.4rem /* 40px -> 0.4rem */;
  box-sizing: border-box;
  cursor: pointer;
  /* 过渡 */
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}

.flow2 li {
  width: calc(50% - 0.24rem); /* 24px -> 0.24rem */
}

.flow li:hover {
  background: #ffffff;
  box-shadow: 0.02rem /* 2px -> 0.02rem */ 0.06rem /* 6px -> 0.06rem */ 0.24rem
    /* 24px -> 0.24rem */ 0.04rem /* 4px -> 0.04rem */ rgba(0, 24, 108, 0.15);
  /* 过渡 */
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}

.flow li:not(:nth-child(2n)) {
  margin-right: 0.8rem /* 80px -> 0.8rem */;
}

.flow2 li:not(:nth-child(2n)) {
  margin-right: 0.48rem /* 48px -> 0.48rem */;
}

.flow li:nth-child(n + 3) {
  margin-top: 0.6rem /* 60px -> 0.6rem */;
}

.flow2 li:nth-child(n + 3) {
  margin-top: 0.48rem /* 48px -> 0.48rem */;
}

.flow li span {
  display: block;
  position: absolute;
  right: -0.24rem /* -24px -> -0.24rem */;
  bottom: -0.24rem /* -24px -> -0.24rem */;
  font-size: 1.32rem /* 132px -> 1.32rem */;
  line-height: 1.32rem /* 132px -> 1.32rem */;
  color: #e9f1fa;
  transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
}

.flow li:hover span {
  color: #badeff;
  /* 过渡 */
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}

.flow li h2 {
  font-size: 0.24rem /* 24px -> 0.24rem */;
  color: #555555;
  line-height: 0.48rem /* 48px -> 0.48rem */;
}

.flow li:hover h2 {
  color: #1890ff;
}

.flow li h2 img {
  width: 0.48rem /* 48px -> 0.48rem */;
  height: 0.48rem /* 48px -> 0.48rem */;
  margin-right: 0.07rem /* 7px -> 0.07rem */;
}

.flow li .det {
  margin-top: 0.24rem /* 24px -> 0.24rem */;
}

.flow li .det p {
  font-size: 0.2rem /* 20px -> 0.2rem */;
  color: #888888;
  line-height: 0.24rem /* 24px -> 0.24rem */;
  margin-top: 0.16rem /* 16px -> 0.16rem */;
  position: relative;
  padding-left: 0.25rem /* 25px -> 0.25rem */;
}

.flow li .det p::before {
  content: "";
  display: block;
  width: 0.16rem /* 16px -> 0.16rem */;
  height: 0.16rem /* 16px -> 0.16rem */;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background: url(../image/dot-b.png) no-repeat center/cover;
}

.flow li h3 {
  font-size: 0.24rem /* 24px -> 0.24rem */;
  color: #555555;
  line-height: 0.38rem /* 38px -> 0.38rem */;
  position: relative;
  padding-left: 0.32rem /* 32px -> 0.32rem */;
}

.flow li h3::before {
  content: "";
  display: block;
  width: 0.18rem /* 18px -> 0.18rem */;
  height: 0.18rem /* 18px -> 0.18rem */;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background: url(../image/dot-b.png) no-repeat center/cover;
}

.flow li .desc {
  font-size: 0.2rem /* 20px -> 0.2rem */;
  color: #888888;
  line-height: 0.34rem /* 34px -> 0.34rem */;
  margin-top: 0.24rem /* 24px -> 0.24rem */;
}

.flow li:hover .desc {
  color: #555555;
}

/* 6-3.常见问题 */
.issue-box {
  background-color: #f4f6fa;
  padding: 0.64rem /* 64px -> 0.64rem */ 0;
}

.issue {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.issue li {
  width: calc(50% - 0.2rem); /* 20px -> 0.2rem */
  height: 3.2rem /* 320px -> 3.2rem */;
  background: #ffffff;
  border-radius: 0.16rem /* 16px -> 0.16rem */;
  overflow: hidden;
  position: relative;
  padding: 0.32rem /* 32px -> 0.32rem */ 0.4rem /* 40px -> 0.4rem */;
  box-sizing: border-box;
  cursor: pointer;
  /* 过渡 */
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}

.issue li:hover {
  box-shadow: 0.02rem /* 2px -> 0.02rem */ 0.06rem /* 6px -> 0.06rem */ 0.24rem
    /* 24px -> 0.24rem */ 0.04rem /* 4px -> 0.04rem */ rgba(0, 24, 108, 0.15);
  /* 过渡 */
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}

.issue li:not(:nth-child(2n)) {
  margin-right: 0.4rem /* 40px -> 0.4rem */;
}

.issue li:nth-child(n + 3) {
  margin-top: 0.4rem /* 40px -> 0.4rem */;
}

.issue li span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 0.88rem /* 88px -> 0.88rem */;
  height: 0.88rem /* 88px -> 0.88rem */;
  background: #1890ff;
  opacity: 0.3;
  font-size: 0.32rem /* 32px -> 0.32rem */;
  line-height: 0.28rem /* 28px -> 0.28rem */;
  color: #ffffff;
  background: url(../image/trig.png) no-repeat center/cover;
}

.issue li span i {
  display: block;
  transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
}

.issue li:hover span {
  opacity: 1;
  /* 过渡 */
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}

.issue li h3 {
  font-size: 0.24rem /* 24px -> 0.24rem */;
  color: #555555;
  line-height: 0.32rem /* 32px -> 0.32rem */;
  margin-left: 0.48rem /* 48px -> 0.48rem */;
}

.issue li p {
  font-size: 0.2rem /* 20px -> 0.2rem */;
  color: #676767;
  line-height: 0.32rem /* 32px -> 0.32rem */;
  margin-top: 0.24rem /* 24px -> 0.24rem */;
  /* 文字对齐 */
  text-align: justify;
  text-align-last: left;
  text-justify: inter-ideograph;
}

/* 6-4.更多问题 */
.question-box {
  box-sizing: border-box;
  box-shadow: 0px 0px 0.4rem /* 40px -> 0.4rem */ 0px rgba(0, 24, 108, 0.08);
  border-radius: 0.16rem /* 16px -> 0.16rem */;
  /* 40px -> 0.4rem */ /* 108px -> 1.08rem */ /* 80px -> 0.8rem */
  padding: 0.4rem 1.08rem 0.8rem;
}

.question li {
  box-sizing: border-box;
  padding: 0.24rem /* 24px -> 0.24rem */ 0;
  border-bottom: 0.01rem /* 1px -> 0.01rem */ solid #d9d9d9;
  font-size: 0.2rem /* 20px -> 0.2rem */;
  line-height: 0.34rem /* 34px -> 0.34rem */;
  cursor: pointer;
}

.question li:first-child {
  padding-top: 0;
}

.question li .qs {
  color: #555555;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.question li span {
  display: block;
  /* 64px -> 0.64rem */
  width: calc(100% - 0.64rem);
  /* 文字对齐 */
  text-align: justify;
  text-align-last: left;
  text-justify: inter-ideograph;
}

.question li .qs img {
  width: 0.22rem /* 22px -> 0.22rem */;
  height: 0.22rem /* 22px -> 0.22rem */;
  margin-top: 0.09rem /* 9px -> 0.09rem */;
}

.question li .aw {
  display: none;
  margin-top: 0.16rem /* 16px -> 0.16rem */;
  color: #888888;
  /* 文字对齐 */
  text-align: justify;
  text-align-last: left;
  text-justify: inter-ideograph;
}

.question li img.rowRota {
  transform-origin: center center;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transition: transform 0.5s;
  -moz-transition: -moz-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  -o-transition: -o-transform 0.3s;
  -ms-transition: -ms-transform 0.3s;
}

/* 7.产品与功能 */
/* 7-1.仓储系统 */
.storage {
  width: 100%;
  height: auto;
  background: #ffffff;
  box-sizing: border-box;
  border-radius: 0.24rem /* 24px -> 0.24rem */;
  padding: 0.4rem /* 40px -> 0.4rem */;
  box-shadow: 0.06rem /* 6px -> 0.06rem */ 0.08rem /* 8px -> 0.08rem */ 0.32rem
    /* 32px -> 0.32rem */ 0px rgba(0, 24, 108, 0.15);
}

/* 7-2.特点 */
.fea {
  padding: 0.56rem /* 56px -> 0.56rem */ 0;
  background: url(../image/fea-bg.png) no-repeat center/cover;
}

.fea-gray {
  /* 56px -> 0.56rem */ /* 100px -> 1rem */
  padding: 0.56rem 0 1rem;
  background: none;
  background-color: #f4f6fa;
}

.fea-white {
  padding: 0;
  background: none;
}

.fea .pic,
.fea3 .pic {
  width: 100%;
}
.fea3 {
    background: #F4F6FA;
    padding:.56rem 0;
}
/* 7-3.WMS */
.wms-box {
    padding: 0.88rem /* 88px -> 0.88rem */ 0;
    background-color: #f4f5f8;
}

.wms-box2 {
  padding: 0.56rem /* 56px -> 0.56rem */ 0;
  background-color: #f4f5f8;
}

.wms {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.wms .txt {
  width: 4.68rem /* 468px -> 4.68rem */;
}

.wms .img {
  width: 8.4rem /* 840px -> 8.4rem */;
  height: auto;
  border-radius: 0.16rem /* 16px -> 0.16rem */;
  /*overflow: hidden;*/
}

.wms .img2 {
  width: 7.84rem /* 784px -> 7.84rem */;
}

.wms .img3 {
  width: 7.34rem /* 734px -> 7.34rem */;
}

.wms .img4 {
  width: 10.04rem /* 1004px -> 10.04rem */;
}

.wms .img img {
  object-fit: fill;
}

.wms .txt h2 {
  font-size: 0.3rem /* 30px -> 0.3rem */;
  color: #222222;
  font-weight: bold;
}

.wms .txt a {
  display: block;
  margin-top: 0.38rem /* 38px -> 0.38rem */;
  width: 1.6rem /* 160px -> 1.6rem */;
  height: 0.58rem /* 58px -> 0.58rem */;
  line-height: 0.58rem /* 58px -> 0.58rem */;
  background: #ffffff;
  border-radius: 0.39rem /* 39px -> 0.39rem */;
  font-size: 0.2rem /* 20px -> 0.2rem */;
  color: #3853b3;
  text-align: center;
  font-weight: 500;
}

.wms .txt .det {
  font-size: 0.22rem /* 22px -> 0.22rem */;
  font-weight: 500;
  color: #555555;
  line-height: 0.38rem /* 38px -> 0.38rem */;
  margin-top: 0.32rem /* 32px -> 0.32rem */;
}

.wms .txt .spot li {
  margin-top: 0.32rem /* 32px -> 0.32rem */;
}

.wms .txt .spot li p {
  font-size: 0.24rem /* 24px -> 0.24rem */;
  color: #222222;
  line-height: 0.38rem /* 38px -> 0.38rem */;
  font-weight: 500;
  position: relative;
  padding-left: 0.32rem /* 32px -> 0.32rem */;
}

.wms .txt .spot li p::before {
  content: "";
  display: block;
  width: 0.2rem /* 20px -> 0.2rem */;
  height: 0.2rem /* 20px -> 0.2rem */;
  position: absolute;
  left: 0;
  top: 0.1rem /* 10px -> 0.1rem */;
  background: url(../image/dot-b2.png) no-repeat center/cover;
}

.wms .txt .spot li span {
  display: block;
  font-size: 0.2rem /* 20px -> 0.2rem */;
  color: #555555;
  line-height: 0.38rem /* 38px -> 0.38rem */;
  margin-top: 0.12rem /* 12px -> 0.12rem */;
}

.wms-labs {
  width: 100%;
  height: 4.9rem /* 490px -> 4.9rem */;
  display: flex;
  justify-content: space-between;
}

.wms-labs-thumb {
  width: 1.32rem /* 132px -> 1.32rem */;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.wms-labs-thumb li {
  width: 1.32rem /* 132px -> 1.32rem */;
  height: 1.32rem /* 132px -> 1.32rem */;
  background: #ffffff;
  border-radius: 0.12rem /* 12px -> 0.12rem */;
  overflow: hidden;
  cursor: pointer;
}

.wms-labs-thumb li img {
  width: 100%;
  height: 100%;
  object-fit: fill;
}

.wms-labs-thumb li img:first-child {
  display: block;
}

.wms-labs-thumb li img:last-child {
  display: none;
}

.wms-labs-thumb li.active img:first-child {
  display: none;
}

.wms-labs-thumb li.active img:last-child {
  display: block;
}

.wms-labs-view {
  width: 6rem /* 600px -> 6rem */;
  height: 100%;
}

.wms-labs-view li {
  width: 100%;
  height: 100%;
  background: #ffffff;
  border-radius: 0.12rem /* 12px -> 0.12rem */;
  overflow: hidden;
}

.wms-labs-view li {
  display: none;
}

.wms-labs-view li.active {
  display: block;
}

.wms-labs-view li img {
  width: 100%;
  height: 100%;
  object-fit: fill;
}

/* 7-4.主要优势 */
.prin {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.prin li {
  /* 36px -> 0.36rem */
  width: calc((100% / 3) - 0.36rem);
  height: 3rem /* 300px -> 3rem */;
  background: #ffffff;
  box-shadow: 0px 0.02rem /* 2px -> 0.02rem */ 0.12rem /* 12px -> 0.12rem */ 0px
    rgba(0, 24, 108, 0.15);
  border-radius: 0.16rem /* 16px -> 0.16rem */;
  box-sizing: border-box;
  padding: 0.32rem /* 32px -> 0.32rem */;
  text-align: center;
}

.prin2 li {
  height: 3.4rem /* 340px -> 3.4rem */;
}

.prin3 li {
  height: 3.6rem /* 360px -> 3.6rem */;
}

.prin li:nth-child(n + 4) {
  margin-top: 0.56rem /* 56px -> 0.56rem */;
}

.prin li .icon {
  width: 1.28rem /* 128px -> 1.28rem */;
  height: 0.8rem /* 80px -> 0.8rem */;
  margin: 0 auto;
}

.prin2 li .icon,
.prin4 li .icon,
.prin5 li .icon {
  height: 0.64rem /* 64px -> 0.64rem */;
}

.prin li h2 {
  font-size: 0.24rem /* 24px -> 0.24rem */;
  font-weight: 500;
  color: #222222;
  margin-top: 0.16rem /* 16px -> 0.16rem */;
}

.prin li p {
  font-size: 0.18rem /* 18px -> 0.18rem */;
  color: #555555;
  margin-top: 0.16rem /* 16px -> 0.16rem */;
  line-height: 0.34rem /* 34px -> 0.34rem */;
}

.prin2 li p {
  /* 文字对齐 */
  text-align: justify;
  text-align-last: left;
  text-justify: inter-ideograph;
}

/* 8.解决方案 */
.solve-tabs {
  height: 0.8rem /* 80px -> 0.8rem */;
  background: #ffffff;
  display: flex;
  justify-content: space-between;
  /*line-height: 0.8rem*/ /* 80px -> 0.8rem *//*;*/
  font-size: 0.2rem /* 20px -> 0.2rem */;
  color: #888888;
  box-shadow: 0px 0px 0.24rem /* 24px -> 0.24rem */ rgba(0, 24, 108, 0.14);
}

    .solve-tabs a {
        display: block;
        width: calc(100% / 6);
        color: #888888;
        text-align: center;
        /* 过渡 */
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        -ms-transition: all 0.3s;
        transition: all 0.3s;
        display: flex;
        align-items: center;
        justify-content: center;
    }

.solve-tabs a.active,
.solve-tabs a:hover {
  color: #ffffff;
  background-color: #1890ff;
  /* 过渡 */
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}

.solve-tabs-fixed {
  position: fixed;
  top: 0.8rem /* 50px -> 0.5rem */;
  left: 0;
  width: 100%;
  z-index: 100;
  height: 0.5rem /* 50px -> 0.5rem */;
  line-height: 0.5rem /* 50px -> 0.5rem */;
  font-size: 0.18rem /* 18px -> 0.18rem */;
}
.posi {
    position:absolute;
    top:-1.3rem;
}
.anli li:hover {
    box-shadow: 0px 10px 36px 6px rgba(0, 24, 108, 0.16);
}
/* 9.为什么我 */
/* 9-1.难题 */
.knot {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.pc-pro-pad-left {
    /*overflow:hidden;*/
}
    .pc-pro-pad-left li {
        float:left;
        width:50%;
        padding:0 .15rem;
    }
        .pc-pro-pad-left li a {
            display:block;
            border-radius:.16rem;
            overflow:hidden;
            box-shadow:0 0 .32rem rgba(0,24,108,.15);
        }
        .pc-pro-pad-left li:last-child {
            width: 100%;
            margin-top:.3rem;
        }
        .pc-pro-pad-left li img{
            width:100%;
            display:none;
        }
            .pc-pro-pad-left li img:first-child {
                display:block;
            }
    .pc-pro-pad-left .active img:first-child {
        display:none;
    }
    .pc-pro-pad-left .active img:last-child {
        display:block;
    }
    .pc-pro-pad-left {
        width:52% !important;
    }
    .pc-wms-pad {
        width: 50%;
        display: flex;
    }
.pc-pro-pad-right {
    width:48% !important;
}
.pc-pro-pad-right {
    padding-left: .15rem;
}
.phonetypelist {
    height:2rem !important;
    overflow:auto;
}
.pc-pro-pad-right li {
    display: none;
    border-radius: .16rem;
    overflow: hidden;
}
.pc-pro-pad-right li img {
    width: 100%;
    display: block;
}
.pc-pro-pad-right li:first-child  {
    display:block;
}
.pc-wms-pad ul {
    width: 50%;
}
    .knot li {
        /* 28px -> 0.28rem */
        width: calc(50% - 0.28rem);
        height: 4.8rem /* 480px -> 4.8rem */;
        border-radius: 0.16rem /* 16px -> 0.16rem */;
        overflow: hidden;
        position: relative;
        cursor: pointer;
    }

.knot li:nth-child(n + 3) {
  margin-top: 0.56rem /* 28px -> 0.28rem */;
}

.knot li .bg,
.knot li .bg img {
  width: 100%;
  height: 100%;
}

.knot li .sight {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  color: #ffffff;
  box-sizing: border-box;
  padding: 0.4rem /* 40px -> 0.4rem */;
  opacity: 0;
  /* 过渡 */
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}

.knot li:hover .sight {
  opacity: 1;
  /* 过渡 */
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}

.knot li h2 {
  display: inline-block;
  font-size: 0.44rem /* 44px -> 0.44rem */;
  color: #ffffff;
  position: relative;
  padding-bottom: 0.1rem /* 10px -> 0.1rem */;
}

.knot li h2::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0.24rem /* 24px -> 0.24rem */;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0.6) 0%,
    rgba(255, 255, 255, 0) 94.2%
  );
  border-radius: 0.59rem /* 59px -> 0.59rem */;
}

.knot li p {
  font-size: 0.32rem /* 32px -> 0.32rem */;
  margin-top: 0.4rem /* 40px -> 0.4rem */;
}

/* 9-2.专业性 */
.expert {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 6.88rem /* 688px -> 6.88rem */;
  background: #ffffff;
  border-radius: 0.24rem /* 24px -> 0.24rem */;
  overflow: hidden;
}

.expert .expert-item {
  width: 50%;
  height: 100%;
  overflow: hidden;
}

.expert-atlas {
  width: 100%;
  height: 100%;
}

.expert-atlas img {
  width: 100%;
  height: 100%;
  display: none;
}

.expert-atlas img.active {
  display: block;
}

.expert-stance {
  width: 100%;
  height: 100%;
  position: relative;
  box-sizing: border-box;
  padding: 0.8rem /* 8000px -> 0.8000rem */;
}

.expert-stance .mark {
  width: 1.14rem /* 114px -> 1.14rem */;
  height: 0.8rem /* 80px -> 0.8rem */;
  position: absolute;
  bottom: 0.8rem /* 8000px -> 0.8000rem */;
  right: 0.8rem /* 8000px -> 0.8000rem */;
}

.expert-stance .mark img {
  width: 100%;
  height: 100%;
}

.expert-stance .more {
  display: block;
  position: absolute;
  bottom: 0.8rem /* 8000px -> 0.8000rem */;
  left: 0.8rem /* 8000px -> 0.8000rem */;
}

.expert-stance .more img {
  width: 0.4rem /* 40px -> 0.4rem */;
  height: auto;
  margin-right: 0.16rem /* 16px -> 0.16rem */;
}

.expert-stance .more span {
  display: inline-block;
  width: 2.56rem /* 256px -> 2.56rem */;
  height: 0.7rem /* 70px -> 0.7rem */;
  text-align: center;
  line-height: 0.7rem /* 70px -> 0.7rem */;
  font-size: 0.2rem /* 20px -> 0.2rem */;
  color: #555555;
  background: #ffffff;
  border-radius: 0.45rem /* 45px -> 0.45rem */;
  border: 0.01rem /* 1px -> 0.01rem */ solid rgba(0, 0, 0, 0.15);
}

.expert-tabs-cell {
  margin-top: 0.4rem /* 40px -> 0.4rem */;
}

.expert-tabs-cell li {
  display: none;
}

.expert-tabs-cell li.active {
  display: block;
}

.expert-tabs-cell li h2 {
  font-size: 0.4rem /* 40px -> 0.4rem */;
  font-weight: bold;
  color: #222222;
  line-height: 0.6rem /* 60px -> 0.6rem */;
}

.expert-tabs-cell li p {
  font-size: 0.24rem /* 24px -> 0.24rem */;
  color: #747474;
  line-height: 0.4rem /* 40px -> 0.4rem */;
  margin-top: 0.32rem /* 32px -> 0.32rem */;
}

.expert-tabs {
  display: inline-block;
  position: relative;
}

.expert-tabs li {
  display: inline-block;
  cursor: pointer;
  font-size: 0.2rem /* 20px -> 0.2rem */;
  color: #222222;
  position: relative;
  z-index: 10;
  width: 0.32rem /* 32px -> 0.32rem */;
  height: 0.64rem /* 64px -> 0.64rem */;
  line-height: 0.64rem /* 64px -> 0.64rem */;
  text-align: center;
}

.expert-tabs li.active {
  width: 1.4rem /* 140px -> 1.4rem */;
}

.expert-tabs li:not(:last-child) {
  margin-right: 0.4rem /* 40px -> 0.4rem */;
}

.expert-tabs li img {
  width: 0.32rem /* 32px -> 0.32rem */;
  height: 0.32rem /* 32px -> 0.32rem */;
  vertical-align: middle;
}

.expert-tabs li i {
  display: none;
}

.expert-tabs li.active i {
  display: inline-block;
}

.expert-tabs .nubby {
  display: block;
  width: 1.4rem /* 140px -> 1.4rem */;
  height: 0.64rem /* 64px -> 0.64rem */;
  background: #ffffff;
  border-radius: 0.45rem /* 45px -> 0.45rem */;
  border: 1px solid rgba(0, 0, 0, 0.15);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  /* 过渡 */
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
  box-shadow: 0px 0.04rem /* 4px -> 0.04rem */ 0.06rem /* 6px -> 0.06rem */ 0px
    rgba(0, 24, 108, 0.15);
}
.sule-top {
    position:relative;
    padding-bottom:1.5rem;
}
.soult-nav {
    position:absolute;
    width:100%;
    padding:0 3rem;
    left:0;
}
.voice {
    padding:0 1.52rem;
}
.code {
    display:flex;
}
.shows {
    display:block !important;
}
.enprin li{
    height: auto;
}
.enmeal li .det {
    height:7rem;
}

.movemeal li .sub em {
    height:calc(.38rem * 2 + .24rem);
}