/* 设置一个 版心 宽度，专门用来控制响应式 用时直接加 类名就行  */
.area {
  max-width: var(--container-max-width);
  margin: 0 auto;
}

/* 应用市场 */
.summary-box {
  position: relative;
}

.summary-bg {
  position: absolute;
  top: 85rem;
  left: 0;
  width: 100%;
  height: 520rem;
  display: block;
  z-index: -1;
}

.summary-box .left-box {
  background-color: #fff;
  font-size: 16rem;
  line-height: 26.14rem;
  color: #333;
  width: 248rem !important;
  flex-shrink: 0;
  border-top: 4rem solid #164cc2;
  padding: 10rem 10rem 20rem 16rem;
  margin-right: 18rem;
}

.summary-box .arrow-pic {
  margin-left: 6rem;
  width: 8rem;
  height: 13rem;
  display: block;
}

.summary-box .left-box-item {
  margin-bottom: 13rem;
  font-weight: 550;
}

.summary-box .left-box .txt {
  /* width: calc((100% - 20rem) / 3);
    overflow: hidden;
    margin-right: 10rem; */
  width: calc(100% / 2);
  overflow: hidden;
  /* margin-right: 6rem; */
}

.summary-box .left-box .txt:last-child {
  margin-right: 0;
}

.summary-box .left-box .txt a {
  font-size: 14rem;
  color: #515a6e;
  font-weight: 400;
  /* white-space: nowrap; */
}

.summary-box .left-box .txt a:hover {
  color: #164cc2;
}

.summary-box .center-box {
  margin-top: 18rem;
  min-width: 1152rem;
}

/* .summary-box .center-box .summary-pic {
     width: 100%;
     height: 335rem;
     display: block;
     margin-bottom: 12rem;
 } */
.summary-box .center-box .summary-pic {
  width: 1152rem;
  height: 332rem;
  margin-bottom: 12rem;
  background-size: cover; /* 或者使用 contain */
  background-position: center;
}

.summary-box .center-box .summary-a {
  width: 569rem;
  height: 132rem;
  /* background-repeat: no-repeat;
     background-position: center; */
  background-size: contain;
  position: relative;
}

.summary-box .center-box .summary-a .summary-txt-box {
  position: absolute;
  top: 30rem;
  left: 55rem;
  color: #fff;
  font-size: 22rem;
}

.summary-box .center-box .summary-a .summary-txt {
  margin-top: 10rem;
  font-size: 18rem;
}

.summary-box .center-box .summary-pic1 {
  width: 570rem;
  /* height: 130rem; */
  display: block;
}

.summary-box .right-box {
  min-width: 224rem;
  margin-left: 18rem;
  margin-top: 18rem;
}

.summary-box .right-box a {
  margin-bottom: 13rem;
  display: block;

  &:last-child {
    margin-bottom: 0;
  }
}

.summary-box .right-box-item {
  width: 100%;
  height: 150rem;
  font-size: 18rem;
  line-height: 26.14rem;
  color: #333;
  font-weight: 550;
  margin-bottom: 13rem;

  &:last-child {
    margin-bottom: 0;
  }
}

.summary-box .right-box-item :last-child {
  margin-bottom: 0;
}

.summary-box .title-box {
  position: relative;
  height: 119rem;
}

/* .summary-box .right-box-item .summary-pic3 {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     display: block;
 } */
.summary-box .right-box-item .summary-pic3-bg {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  image-rendering: pixelated;
  backface-visibility: hidden;
}

.summary-box .right-box-item .title {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: #164cc2;
  width: 100%;
  padding: 0 20rem;
}

.summary-box .right-box-item .btm-box {
  background: #fff;
  line-height: 31rem;
  /* padding: 0 10rem 0 25rem; */
  text-align: center;
  font-weight: 400;
  font-size: 16rem;
}

.application-market {
  position: relative;
  width: 100%;
  /* margin-top: 24rem; */
  overflow: hidden;
}

.application-market-box {
  padding: 30rem 0 105rem;
  width: 100%;
}

.application-market-top {
  margin-top: 52rem;
}

.application-market .bg-pic01 {
  width: 580rem;
  height: 583rem;
  display: block;
  position: absolute;
  top: -220rem;
  right: -80rem;
  z-index: -1;
}

.application-market .bg-pic02 {
  width: 580rem;
  height: 583rem;
  display: block;
  position: absolute;
  bottom: 0rem;
  left: -68rem;
  z-index: -1;
}

.application-market .title-box {
  border-bottom: 1rem solid #d9d9d9;
  font-size: 24rem;
  color: #333;
  padding-bottom: 19rem;
  font-weight: 550;
  margin-bottom: 20rem;
}

.application-market .more-box {
  font-size: 18rem;
  color: #6a6a6a;
  font-weight: 400;
  flex-shrink: 0;
}

.application-market .more-box .arrow-pic {
  width: 7rem;
  height: 11rem;
  display: block;
  margin-left: 10rem;
}

.application-market .con-item {
  /* width: calc((100% - 102rem) / 4); */
  /* width: 390rem; */
  height: 312rem;
  /* display: block; */
  border-radius: 8rem;
  background-color: rgb(255, 255, 255);
  margin-bottom: 28rem;
  padding: 27rem 21rem 20rem 25rem;
  font-size: 22rem;
  color: #333;
  font-weight: 550;
  /* margin-right: 33rem; */
  /* 
     &:nth-child(4n) {
         margin-right: 0;
     } */
}

/* .application-market .con-item:nth-child(4n) {
    margin-right: 0;
} */
.application-market .con-item .tip-box {
  font-size: 16rem;
  font-weight: 400;
  margin-bottom: 18rem;
}

.application-market .con-item .right-pic {
  width: 20rem;
  height: 20rem;
  display: block;
  margin-right: 15rem;
}

.application-market .con-item .label {
  border: 1rem solid #164cc2;
  display: inline-block;
  font-size: 14rem;
  font-weight: 400;
  color: #164cc2;
  line-height: 20rem;
  padding: 0 10rem;
  border-radius: 4rem;
  margin-top: 18rem;
}

/* .application-market .con-item .btn-box {
     margin-top: 38rem;
 } */

.application-market .con-item .btn {
  width: 134.15rem;
  height: 46.12rem;
  border-radius: 8rem;
  font-size: 18rem;
  line-height: 46.12rem;
  font-weight: 400;
  background-color: #164cc2;
  color: #fff;
}

.application-market .con-item .btn-box {
  color: #164cc2;
  font-size: 30rem;
  font-weight: 400;
}

.application-market .con-item .btn-box .txt {
  color: #838383;
  font-size: 14rem;
  font-weight: 400;
}

/* 应用市场 - 立即咨询 弹窗 */
.consult-box {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  /* background-color: rgba(0, 0, 0, 0.8); */
}

.consult-con {
  width: 720rem;
  height: 336rem;
  background-color: #fff;
  box-shadow: 0rem 0rem 20rem #e2e6f2;
  border-radius: 16rem;
  padding: 0 98rem 0 73rem;
  font-size: 16rem;
  line-height: 36rem;
  color: #383838;
  position: relative;
}

.consult-con .phone-box2 {
  background-color: #f0f5ff;
  color: #0044e4;
  font-size: 24rem;
  font-weight: 550;
  padding: 15rem 25rem;
  border-radius: 10rem;
  margin-bottom: 15rem;
}

.consult-con .robot-pic {
  width: 104rem;
  height: 104rem;
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}

.consult-con .code2 {
  width: 170rem;
  height: 169rem;
  display: block;
}

/* 底部 logo */
.footer-logo-box {
  width: 100%;
  height: 269rem;
  position: relative;
}

.footer-logo-box .logo-bg {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.footer-logo-box .logo_blue {
  width: 632rem;
  height: 127rem;
  display: block;
  position: absolute;
  /* top: -2rem; */
  left: 0;
}

.footer-logo-box .txt-box {
  max-width: 70%;
  position: absolute;
  top: 77rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 9;
  font-size: 28rem;
  color: #fff;
}

.footer-logo-box .btn {
  width: 232.53rem;
  height: 62rem;
  border-radius: 31rem;
  background-color: #fff;
  font-size: 20rem;
  line-height: 62rem;
  margin: 37rem auto;
  overflow: hidden;
}

.footer-logo-box .btn a {
  color: #164cc2;
  height: 100%;
  width: 100%;
  display: block;
}

/* 新闻资讯 */
/* .newsBanner-box {
     width: 100%;
     height: 465rem;
     margin-top: 85rem;
     display: flex;
     justify-content: center;
     overflow: hidden;
     background-color: #FAF9F1;
 } */

.newsBanner-box-box {
  width: 100%;
  height: 468rem;
}

.newsBanner-box {
  margin-top: 85rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 468rem;
}

.banner-bg {
  /* width: 100%; */
  /* height: 100%; */
  display: block;
}

.news-information {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-bottom: 56rem;
}

.news-information-box {
  margin-top: 45rem;
  width: 100%;
}

.news-information .bg-pic01 {
  width: 365rem;
  height: 548rem;
  display: block;
  position: absolute;
  top: -40rem;
  right: -20rem;
  z-index: -1;
}

.news-information .bg-pic02 {
  width: 303rem;
  height: 522rem;
  display: block;
  position: absolute;
  bottom: -160rem;
  left: -70rem;
  z-index: -1;
}

.news-information .left-box {
  padding: 30rem 56rem 42rem 46rem;
  background-color: #fff;
  border-radius: 8rem;
  margin-right: 22rem;
  margin-bottom: 20rem;
}

.news-information .title-box {
  font-size: 18rem;
  color: #164cc2;
  font-weight: 550;
}

.news-information .line-pic {
  width: 386rem;
  height: 10rem;
  display: block;
  margin: 25rem 0;
  object-position: left;
}

.news-information .con-pic {
  width: 100%;
  display: block;
}

.news-information .left-box .list-item {
  margin-top: 37rem;
}

.news-information .left-box .list-item:hover .list-info {
  color: #164cc2 !important;
}

.news-information .list-pic {
  width: 252rem;
  height: 144rem;
  display: block;
  margin-right: 25rem;
}

.news-information .list-info {
  height: 144rem;
  font-size: 20rem;
  color: #383838;
  border-bottom: 1rem solid #ebebeb;
  padding-bottom: 18rem;
}

.news-information .tip {
  font-size: 16rem;
  color: #888;
  line-height: 24rem;
  margin: 6rem 0 24rem;
}

.news-information .time-box {
  font-size: 16rem;
  color: #888;
  line-height: 24rem;
}

.news-information .time-box .tip-txt {
  max-width: 60%;
}

.news-information .time-box .line {
  width: 1rem;
  height: 12rem;
  background-color: #164cc2;
  margin: 0 14rem;
}

.news-information .right-box {
  padding: 30rem 0rem 0rem 45rem;
  background-color: #fff;
  border-radius: 8rem;
  width: 504rem;
}

.news-information .title {
  font-size: 20rem;
  color: #383838;
}

.news-information .txt {
  font-size: 16rem;
  color: #888;
  line-height: 24rem;
  margin: 10rem 0 24rem;
}

.news-information .right-box .list-item {
  border-bottom: 1rem solid #ebebeb;
  margin-bottom: 28rem;
  padding-right: 25rem;
  display: block;

  &:last-child {
    border: none;
  }
}

.news-information .right-box .list-item:last-child {
  border: none;
}

.news-information .right-box .list-item:hover .title {
  color: #164cc2 !important;
}

/* 品牌案例 */
.brandCase-tab-box {
  width: 100%;
  background-color: #fff;
  height: 118rem;
  font-size: 22rem;
  color: #333;
  margin-bottom: 45rem;
}

.brandCase-tab-box .brandCase-tab-item {
  cursor: pointer;
  height: 100%;
  padding: 0 40rem;
}

.brandCase-tab-box .brandCase-tab-act {
  border-bottom: 2rem solid #164cc2;
  box-sizing: border-box;
  color: #164cc2;
}

.brandCase-tab-box .tab-pic {
  width: 62rem;
  height: 62rem;
  margin-right: 20rem;
}

.brandCase-tab-box .tab-pic-hide {
  width: 62rem;
  height: 62rem;
  margin-right: 20rem;
}

.brand-case .item {
  width: calc((100% - 52rem) / 2);
  border-radius: 8rem;
  position: relative;
  margin-bottom: 52rem;
  overflow: hidden;
  height: 364.31rem;
}

.brand-case .item .item-box {
  font-size: 36rem;
  color: #333;
  font-weight: 550;
  width: 100%;
  height: 100%;
  background-color: #fff;
  padding: 60rem 296rem 68rem 33rem;
  border-radius: 8rem;
  position: absolute;
  top: 0;
  left: 0;
  /* z-index: 999; */
}

.brand-case .item .item-box:hover .name-txt {
  color: #164cc2 !important;
}

.brand-case .line-pic {
  width: 426rem;
  height: 25rem;
  display: block;
  margin-top: 30rem;
}

.brand-case .lable {
  font-size: 18rem;
  color: #2351af;
  margin: 45rem 0 20rem;
}

.brand-case .title {
  font-size: 16rem;
  color: #949494;
  font-weight: 400;
}

.brand-case .tab-pic {
  width: 360rem;
  height: 360rem;
  display: block;
  position: absolute;
  bottom: 0rem;
  right: 0rem;
}

.brand-case .bg-pic01 {
  width: 422rem;
  height: 343rem;
  display: block;
  position: absolute;
  top: 870rem;
  right: 0rem;
}

.brand-serve {
  background-color: #fff;
  font-size: 36rem;
  line-height: 60rem;
  color: #333;
  font-weight: 400;
  padding-bottom: 120rem;
}

.brand-serve .left-box {
  position: relative;
  border-right: 1rem solid #ebebeb;
  padding: 90rem 130rem 0 0;
}

.brand-serve .footer-logo {
  width: 636rem;
  height: 126rem;
  display: block;
  margin-bottom: 40rem;
}

.brand-serve .tip {
  font-size: 19.21rem;
  margin: 20rem 0;
}

.brand-serve .txt {
  font-size: 19.21rem;
  line-height: 36rem;
}

.brand-serve .serve-bg {
  width: 578rem;
  height: 536rem;
  display: block;
  position: absolute;
  bottom: -120rem;
  right: 80rem;
}

.brand-serve .title {
  font-size: 24rem;
  margin-bottom: 30rem;
}

.brand-serve .title .line {
  width: 4rem;
  height: 20rem;
  background-color: #f3b64b;
  margin-right: 10rem;
}

.brand-serve .code-box {
  font-size: 16rem;
  line-height: 36rem;
  margin-bottom: 20rem;
}

.brand-serve .code-pic {
  width: 116rem;
  height: 116rem;
  display: block;
}

.brand-serve .num {
  width: 38.4rem;
  height: 62.37rem;
  border-radius: 10rem;
  background-color: #eff3f7;
  color: #164cc2;
  font-size: 43.2rem;
  line-height: 62.37rem;
  margin-right: 10rem;
}

.brand-serve input::placeholder {
  color: #9ea0a2;
  font-size: 18rem;
}

.brand-serve .input0::placeholder {
  color: #fff;
}

.brand-serve input {
  width: 100%;
  height: 62rem;
  border-radius: 8rem;
  color: #333;
  font-size: 18rem;
  background-color: rgba(22, 76, 194, 0.05);
  padding-left: 16rem;
}

.brand-serve .input0 {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.05);
}

.brand-serve .chose-box {
  margin-left: 14rem;
  width: 230.25rem;
  height: 62rem;
  border-radius: 8rem;
  font-size: 18rem;
  color: #333;
  background-color: rgba(22, 76, 194, 0.05);
  padding: 0 20rem 0 25rem;
}

.brand-serve .chose-box0 {
  background-color: rgba(255, 255, 255, 0.05);
  color: #fff;
}

.brand-serve .chose-box .arrow-right {
  width: 16rem;
  height: 9rem;
  display: block;
}

.brand-serve textarea {
  width: 100%;
  height: 198.5rem;
  border-radius: 8rem;
  font-size: 18rem;
  color: #333;
  background-color: rgba(22, 76, 194, 0.05);
  padding: 15rem 20rem 17rem 15rem;
  resize: none;
  outline: none;
  box-sizing: border-box;
  margin-top: 15rem;
}

.brand-serve textarea::placeholder {
  color: #9ea0a2;
}

.brand-serve .textarea0 {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.05);
}

.brand-serve .textarea0::placeholder {
  color: #fff;
}

.brand-serve .btn {
  width: 100%;
  height: 62rem;
  border-radius: 31rem;
  font-size: 20rem;
  color: #fff;
  background-color: #164cc2;
  line-height: 62rem;
  margin-top: 15rem;
  cursor: pointer;
}

.brand-serve .btn0 {
  background-color: #fff;
  color: #164cc2;
}

/* 灵集定制 */
.customized-demand {
  padding: 70rem 0;
  color: #164cc2;
  font-size: 26rem;
  font-weight: 550;
  position: relative;
}

.customized-demand .bg-pic01 {
  position: absolute;
  width: 356rem;
  height: 524rem;
  top: 1481rem;
  right: 0;
  display: block;
}

.customized-demand .bg-pic02 {
  position: absolute;
  width: 344rem;
  height: 780rem;
  bottom: -37rem;
  left: 0;
  display: block;
  z-index: -1;
}

.customized-demand .tip {
  padding: 0 22rem;
  color: #333;
  font-size: 16rem;
  font-weight: 400;
  max-width: 40%;
}

.customized-demand .item {
  color: #666;
  font-size: 16rem;
  line-height: 24rem;
  font-weight: 400;
  /* width: calc((100% - 460rem) / 4); */
  width: 295rem;
  margin: 0 165rem 40rem 0;

  &:last-child {
    margin-right: 0;
  }
}

.customized-demand .item:last-child {
  margin-right: 0;
}
.customized-demand .item .demand-pic {
  width: 99rem;
  height: 123rem;
  display: block;
  margin: 0 auto;
}

.customized-demand .item .title {
  color: #333;
  font-size: 20rem;
  line-height: 30rem;
  font-weight: 550;
  margin: 20rem auto;
  max-width: 70%;
}

.customized-demand .title-box {
  margin-top: 40rem;
  color: #d1d5dd;
  font-size: 24rem;
  font-weight: 300;
  position: relative;
}

.customized-demand .title-bg {
  position: absolute;
  width: 242rem;
  height: 30rem;
  bottom: -10rem;
  left: 0;
  display: block;
}

.customized-demand .txt-box {
  color: #2351af;
  font-size: 26rem;
  font-weight: 300;
}

.customized-demand .txt-box .txt {
  font-size: 26rem;
  font-weight: 550;
  margin: 0 18rem 0 8rem;
}

.customized-demand .txt-box .txt1 {
  font-size: 16rem;
  font-weight: 400;
  color: #333;
}

.customized-demand .course-pic {
  width: 100%;
  /* height: 408rem; */
  display: block;
  margin: 60rem 0;
  image-rendering: pixelated;
  backface-visibility: hidden;
}

.customized-demand .digit-box {
  /* margin-top: 72rem; */
  background-color: #fff;
  /* width: calc((100% - 32rem) / 2); */
  width: 812.12rem;
  border-radius: 8rem;
  padding: 24rem 47rem 20rem 62rem;
  color: #888;
  font-size: 16rem;
  line-height: 24rem;
  font-weight: 400;
  position: relative;

  margin: 72rem 37rem 40rem 0;

  &:last-child {
    margin-right: 0;
  }
}

.customized-demand .digit-box:last-child {
  margin-right: 0;
}

.customized-demand .digit-box .title {
  font-size: 24rem;
  color: #383838;
  line-height: 48rem;
  font-weight: 550;
}

.customized-demand .digit-box .label {
  font-size: 16rem;
  color: #3960b3;
}

.customized-demand .digit-box .title-line {
  width: 708rem;
  height: 15rem;
  display: block;
  margin: 10rem 0 50rem;
  object-position: left;
}

.customized-demand .digit-box .num {
  font-weight: 550;
  font-size: 100rem;
  color: rgba(183, 192, 206, 0.15);
  position: absolute;
  left: 0;
  top: 4rem;
}

.customized-demand .digit-box .item-box {
  margin-bottom: 45rem;
  padding-left: 12rem;
}

/* .customized-demand .digit-box1 .item-box :last-child {
         margin-bottom: 22rem;
     } */

.customized-demand .digit-box .item-box .title {
  font-weight: 550;
  font-size: 16rem;
  color: #383838;
  line-height: 34rem;
}

.customized-demand .digit-box .digit-pic {
  width: 38rem;
  height: 44rem;
  display: block;
  margin: 10rem 33rem 0 0;
}

.customized-demand .digit-box .digit-pic1 {
  width: 44rem;
  height: 44rem;
  display: block;
  margin: 10rem 30rem 0 0;
}

.customized-demand .enable-box {
  /* margin-top:72rem; */
  background-color: #fff;
  /* width: calc((100% - 96rem) / 3); */
  width: 520rem;
  height: 301rem;
  border-radius: 8rem;
  position: relative;
  /* overflow: hidden; */

  margin: 72rem 52rem 40rem 0;

  &:last-child {
    margin-right: 0;
  }
}

.customized-demand .enable-box:last-child {
  margin-right: 0;
}

.customized-demand .enable-box .enable-box-box {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  padding: 77rem 47rem 20rem 62rem;
  color: #888;
  font-size: 16rem;
  line-height: 30rem;
  font-weight: 400;
  padding-right: 240rem;
}

.customized-demand .enable-box .num {
  font-weight: 550;
  font-size: 100rem;
  color: rgba(183, 192, 206, 0.15);
  position: absolute;
  left: 0;
  top: 4rem;
}

.customized-demand .enable-box .enable-line {
  width: 386rem;
  height: 10rem;
  display: block;
  margin-bottom: 32rem;
  object-position: left;
}

.customized-demand .enable-box .title {
  font-weight: 550;
  font-size: 24rem;
  color: #383838;
  margin-bottom: 17rem;
}

.customized-demand .enable-box .enable-pic {
  width: 520rem;
  height: 300rem;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  image-rendering: pixelated;
  backface-visibility: hidden;
}

.customized-demand .enable-box .website-line {
  width: 438rem;
  height: 10rem;
  display: block;
  margin-bottom: 32rem;
  object-position: left;
}

.customized-demand .enable-box .website-box {
  margin: -50rem 0 0 -78rem;
  flex-shrink: 0;
}
.customized-demand .enable-box .website-box .website-pic {
  width: 337rem;
  height: 199rem;
  display: block;
  image-rendering: pixelated;
  backface-visibility: hidden;
}

.customized-demand .enable-box .commerce-pic {
  width: 333rem;
  height: 599rem;
  display: block;
  position: absolute;
  bottom: 0;
  right: 40rem;
  image-rendering: pixelated;
  backface-visibility: hidden;
}

.customized-demand .digital-box {
  width: 100%;
  background-color: #fff;
  border-radius: 8rem;
  font-size: 20rem;
  color: #164cc2;
  margin-top: 50rem;
  padding: 45rem 0 44rem;
}
.customized-demand .digital-box div:last-child {
  display: none;
}
.customized-demand .digital-box .digital-item div:last-child {
  display: block !important;
}

.customized-demand .digital-box .digital-item {
  padding: 0 40rem;
  min-width: 275rem;
}

.customized-demand .digital-box .title {
  font-size: 72rem;
  color: #383838;
  font-weight: 400;
  position: relative;
}

.customized-demand .digital-box .title .digital-bg {
  width: 92rem;
  height: 24rem;
  display: block;
  position: absolute;
  bottom: 50%;
  left: 50%;
  transform: translate(-9%, 50%);
}

.customized-demand .digital-box .txt {
  font-size: 16rem;
  color: #383838;
  font-weight: 400;
  line-height: 34rem;
}

.customized-demand .digital-box .digital-line {
  width: 1rem;
  height: 285rem;
  background-color: #e7edf9;
  margin-top: 100rem;
}

/* 智慧医疗 */
.solution-box {
  padding: 145rem 0 0rem;
  position: relative;
  overflow: hidden;
}

.solution-box .solution-bg01 {
  width: 560rem;
  height: 604rem;
  display: block;
  position: absolute;
  bottom: 488rem;
  right: -141rem;
  z-index: -1;
}

.solution-box .solution-bg02 {
  width: 392rem;
  height: 896rem;
  display: block;
  position: absolute;
  bottom: 350rem;
  left: -30rem;
  z-index: 0;
}

.solution-box .solution-bg03 {
  width: 440rem;
  height: 854rem;
  display: block;
  position: absolute;
  bottom: 980rem;
  right: 0rem;
  z-index: 0;
}

.solution-box .title-box {
  font-size: 32rem;
  color: #333;
  position: relative;
  max-width: 50%;
}

.solution-box .title-box .title-bg {
  width: 86rem;
  height: 87rem;
  display: block;
  position: absolute;
  top: 50%;
  right: -34rem;
  transform: translateY(-50%);
  z-index: -1;
}

.solution-box .type-box {
  width: calc(100% - 332rem);
  margin: 109rem auto 10rem;
}

.solution-box .type-box .type-item {
  width: 357.5rem;
  height: 80rem;
  border-radius: 40rem;
  background-color: #164cc2;
  position: relative;
  font-size: 18rem;
  color: #fff;
  padding: 8rem 20rem 0 78rem;
  margin-bottom: 94rem;
}

.solution-box .type-box .type-item .txt {
  font-size: 24rem;
  font-weight: 550;
  line-height: 36rem;
}

.solution-box .type-box .type-item .yuan1 {
  width: 54rem;
  height: 54rem;
  border-radius: 50%;
  background: #fff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 15rem;
  font-size: 24rem;
  line-height: 54rem;
  color: #164cc2;
}

.solution-box .type-box .type-item .yuan2 {
  width: 129.62rem;
  height: 129.62rem;
  border-radius: 50%;
  background: #fff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -26rem;
  border: 1rem solid #f1f0e9;
  z-index: -1;
}

.solution-box .title-box .title-bg01 {
  width: 54rem;
  height: 54rem;
  display: block;
  position: absolute;
  top: -17rem;
  right: -24rem;
  z-index: -1;
}

.solution-box .tip {
  font-size: 18rem;
  color: #666;
  margin: 13rem auto 129rem;
  max-width: 80%;
}

.solution-box .con-item {
  /* width: calc((100% - 105rem) / 4); */
  width: 384rem;
  height: 312rem;
  background: #fff;
  border-radius: 16rem;
  font-size: 24rem;
  color: #333;
  padding: 86rem 28rem 0;
  position: relative;
  box-shadow: 0rem 4rem 8rem 0rem #f4f3eb;

  margin: 0 41rem 116rem 0;

  &:last-child {
    margin-right: 0;
  }
}

.solution-box .con-item:last-child {
  margin-right: 0;
}

.solution-box .con-item .txt {
  font-size: 18rem;
  color: #666;
  line-height: 36rem;
  margin-top: 20rem;
}

.solution-box .con-item .solution-pic {
  width: 109rem;
  height: 108rem;
  display: block;
  position: absolute;
  left: 50%;
  top: 0%;
  transform: translate(-50%, -50%);
}

.solution-box .core-item {
  /* width: calc((100% - 96rem) / 5); */
  width: 312rem;
  height: 313rem;
  background: #164cc2;
  border-radius: 10rem;
  font-size: 18rem;
  color: #fff;
  padding: 0 40rem;
  margin: 0 25rem 0rem 0;

  &:last-child {
    margin-right: 0;
  }
}

.solution-box .core-item:last-child {
  margin-right: 0;
}

.solution-box .core-item .txt {
  font-size: 22rem;
  margin: 25rem 0 15rem;
}

.solution-box .core-item .core-pic {
  width: 61rem;
  height: 53rem;
  display: block;
}

.solution-box .blueprint-pic {
  width: 1200rem;
  height: 685rem;
  display: block;
  margin: 60rem auto 0;
}

.solution-box .structure-line {
  width: 1648rem;
  height: 52rem;
  display: block;
  margin: 30rem auto 39rem;
}

.solution-box .structure-list {
  /* background-color: red; */
  margin-right: 111rem;

  &:last-child {
    margin-right: 0;
  }
}

.solution-box .structure-list:last-child {
  margin-right: 0;
}

.solution-box .structure-item {
  position: relative;
  margin-right: 63rem;

  &:nth-child(4n) {
    margin-right: 0;
  }
}

.solution-box .structure-item:nth-child(4n) {
  margin-right: 0;
}

.solution-box .structure-title {
  color: #2f354e;
  font-size: 24rem;
  position: relative;
  margin: 0 auto 70rem;
  /* max-width: 150rem; */

  &::after {
    content: '';
    display: block;
    width: 48rem;
    height: 4rem;
    border-radius: 4rem;
    background-color: #4680ff;
    position: absolute;
    bottom: -28rem;
    left: 50%;
    transform: translateX(-50%);
  }
}

.solution-box .structure-title01 {
  &::after {
    background-color: #16c25b;
  }
}

.solution-box .structure-title02 {
  &::after {
    background-color: #eda61e;
  }
}

.solution-box .structure-title03 {
  &::after {
    background-color: #ff893a;
  }
}

.solution-box .structure-title04 {
  &::after {
    background-color: #9570ff;
  }
}

.solution-box .structure-title05 {
  &::after {
    background-color: #5ebdd9;
  }
}

.solution-box .structure-pic01 {
  width: 40rem;
  height: 40rem;
  display: block;
  margin: 0rem auto 55rem;
}

.solution-box .structure-item .txt {
  position: absolute;
  width: max-content;
  top: 52rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 14rem;
}

.solution-box .structure-pic {
  width: 825rem;
  height: 1368rem;
  display: block;
  margin: 50rem auto 90rem;
}

.solution-box .scheme-pic {
  width: 481rem;
  height: 475rem;
  display: block;
  margin-right: 146rem;
}

.solution-box .num-box {
  position: relative;
  font-size: 30rem;
  color: #1850a9;
  margin-right: 50rem;
}

.solution-box .scheme-num {
  position: absolute;
  width: 43rem;
  height: 37rem;
  display: block;
  top: -8rem;
  left: 0;
}

.solution-box .txt-item {
  font-size: 18rem;
  color: #333;
  margin-top: 3rem;
  line-height: 30rem;
}

.medical-cloud {
  /* background-color: #164CC2; */
  padding: 83rem 0 95rem;
  /* color: #fff; */
  font-size: 18rem;
}

.medical-cloud .title {
  font-size: 32rem;
  margin: 0 auto 12rem;
  position: relative;
}

.medical-cloud .title .title-bg01 {
  width: 54rem;
  height: 54rem;
  display: block;
  position: absolute;
  top: -17rem;
  right: -24rem;
  z-index: -1;
}

.medical-cloud .tab-box {
  width: fit-content;
  margin: 85rem auto 70rem;
}

.medical-cloud .tab-box .tab-item {
  /* width: calc((100% - 200rem) / 5); */
  width: 200rem;
  background-color: rgba(248, 249, 255, 0.15);
  padding: 24rem 28rem 23rem 25rem;
  border-radius: 10rem;
  cursor: pointer;
  margin: 0 55rem 30rem 0;

  &:last-child {
    margin-right: 0;
  }
}

.medical-cloud .tab-box .tab-item:last-child {
  margin-right: 0;
}

.medical-cloud .tab-box .tab-item-act {
  background-color: #fff;
  color: #2f354e;
  transition: all 0.3s;
}

.medical-cloud .tab-box .tab-pic {
  width: 33rem;
  height: 30rem;
  display: block;
  margin: 0 auto 10rem;
}

.medical-cloud .tab-content {
  width: calc(100% - 460rem);
  margin: 0rem auto;
}

.medical-cloud .tab-content .cloud-pic-box {
  width: 572rem;
  height: 368rem;
  display: block;
  margin-right: 126rem;
}

.medical-cloud .tab-content .cloud-pic {
  width: 572rem;
  height: 368rem;
  display: block;
  /* margin-right: 126rem; */
}

.medical-cloud .tab-content .cloud-pic01 {
  width: 19.8rem;
  height: 18rem;
  display: block;
  margin-right: 22rem;
}

.medical-cloud .tab-content .cloud-txt {
  margin-top: 15rem;
}

/* .solution-box .solution-tab-item {
     color: #707589;
     font-size: 18rem;
     padding: 50rem 54rem 17rem;
     border-bottom: 3rem solid #F1F1EF;
     cursor: pointer;
 }

 .solution-box .solution-tab-item-act {
     color: #164CC2;
     border-bottom: 3rem solid #164CC2;
 } */

.solution-box .system-box {
  margin-top: 95rem;
  font-size: 20rem;
  color: #2f354e;
  font-weight: 550;
  line-height: 46rem;
  /* height: 458rem; */
}

.solution-box .system-txt {
  font-size: 18rem;
  color: #9598a5;
  font-weight: 400;
  line-height: 40rem;
}

.solution-box .system-pic {
  width: 999rem;
  height: 457rem;
  display: block;
  margin-left: 80rem;
}

.solution-box .system-txt .system-item {
  width: 19rem;
  height: 13rem;
  display: block;
  margin-right: 20rem;
}

.medical-cloud ul {
  width: 751rem;
  margin-top: 23rem;
}

.medical-cloud ul li {
  font-size: 14rem;
  color: #2f354e;
  margin-bottom: 21rem;
}

.medical-cloud ul .num {
  font-size: 18rem;
  color: #3860f4;
  width: 16rem;
  height: 16rem;
  border-radius: 50%;
  background: #f8f9ff;
  line-height: 16rem;
  margin-right: 13rem;
}

.medical-cloud ul .num-box {
  background: #f8f9ff;
  width: 320rem;
  height: 39rem;
  line-height: 39rem;
  border-radius: 10rem;
  padding-left: 17rem;
  font-weight: 550;
}

.medical-cloud .analyse-box {
  width: calc(100% - 460rem);
  margin: 0 auto;
}
.medical-cloud .analyse-box .analyse-pic {
  width: 502rem;
  height: 503rem;
  display: block;
}

.medical-cloud .analyse-item {
  width: 300rem;
  height: 210rem;
  border-radius: 10rem;
  background-color: #f8f9ff;
  margin-bottom: 40rem;
  font-size: 16rem;
  line-height: 30rem;
  color: #2f354e;
  padding: 0 22rem 0 31rem;

  &:last-child {
    margin-bottom: 0rem;
  }
}

.medical-cloud .analyse-item:last-child {
  margin-bottom: 0rem;
}

.medical-cloud .analyse-item .analyse-pic01 {
  width: 43rem;
  height: 41rem;
  display: block;
  margin-bottom: 6rem;
}

.medical-cloud .analyse-item .txt {
  font-size: 22rem;
  line-height: 48rem;
}

.medical-cloud .analyse-item .analyse-pic {
  width: 502rem;
  height: 503rem;
  display: block;
}

/* 灵集Medjoin 新增 */
/* 智慧医疗全方位解决方案 样式 */
.web-three {
  padding: 74.09rem 0 100rem;
}
.web_three_con {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.web_three_con .three_left {
  position: relative;
  width: 500rem;
}
.web_three_con .three_left .story_hd {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: left;
}
.web_three_con .three_left .story_hd li {
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
  position: relative;
  padding-left: 44rem;
  width: 100%;
  margin: 0;
}
.web_three_con .three_left .story_hd li .story_gress {
  position: absolute;
  left: 0;
  top: 0;
  width: 44rem;
  display: block;
  text-align: center;
  height: 100%;
}
.web_three_con .three_left .story_hd li .story_gress .track1,
.web_three_con .three_left .story_hd li .story_gress .track2 {
  position: absolute;
  display: block;
  top: 19rem;
  right: auto;
  bottom: -12rem;
  left: 10rem;
  width: 1rem;
  height: auto;
}
.web_three_con .three_left .story_hd li .story_gress .track1 {
  border: none;
  border-top: 1rem solid #fff;
  border-bottom: 1rem solid #fff;
  background: repeating-linear-gradient(
    180deg,
    #ced6fe 0,
    #ced6fe 6rem,
    transparent 0,
    transparent 12rem
  );
  background-repeat: repeat-y;
}
.web_three_con .three_left .story_hd li .story_gress .track2 {
  -webkit-transition: opacity 0.3s ease-out, -webkit-transform 0.3s linear;
  transition: opacity 0.3s ease-out, -webkit-transform 0.3s linear;
  transition: transform 0.3s linear, opacity 0.3s ease-out;
  transition: transform 0.3s linear, opacity 0.3s ease-out,
    -webkit-transform 0.3s linear;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: top left;
  transform-origin: top left;
  opacity: 0;
  background-color: #334ac0;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
}
.web_three_con .three_left .story_hd li .story_gress .track3 {
  position: absolute;
  top: 0.6rem;
  left: 0;
  display: block;
  width: 19rem;
  height: 19rem;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  opacity: 0.2;
  border-radius: 50%;
  opacity: 1;
}
.web_three_con .three_left .story_hd li .story_gress .track3:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: '';
  -webkit-transition: -webkit-transform 0.3s ease-in;
  transition: -webkit-transform 0.3s ease-in;
  transition: transform 0.3s ease-in;
  transition: transform 0.3s ease-in, -webkit-transform 0.3s ease-in;
  -webkit-transform: scale(0.3);
  transform: scale(0.3);
  -webkit-transform-origin: center center;
  transform-origin: center center;
  border: 1rem solid #334ac0;
  border-radius: 50%;
  background-color: #fff;
}
.web_three_con .three_left .story_hd li .story_gress .track3:after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-35%, -45%);
  display: block;
  width: 9rem;
  height: 9rem;
  content: '';
  border-radius: 50%;
  background: linear-gradient(91.46deg, #344bc1, #834bf3 111.67%);
}
.web_three_con .three_left .story_hd li h3 {
  font-size: 26rem;
  color: rgba(51, 51, 51, 1);
  font-weight: 700;
  margin-top: -5rem;
  -webkit-transition: opacity 0.3s, color 0.4s;
  transition: opacity 0.3s, color 0.4s;
  cursor: pointer;
}
.web_three_con .three_left .story_hd li .story_content {
  display: block;
  font-size: 15rem;
  color: rgba(51, 51, 51, 1);
  line-height: 21.72rem;
  overflow: hidden;
  width: 100%;
  height: 0;
  margin-bottom: 30rem;
  -webkit-transition: opacity 0.2s linear, height 0.4s ease-in-out,
    -webkit-transform 0.2s ease-in-out 0.2s;
  transition: opacity 0.2s linear, height 0.4s ease-in-out,
    -webkit-transform 0.2s ease-in-out 0.2s;
  transition: opacity 0.2s linear, height 0.4s ease-in-out,
    transform 0.2s ease-in-out 0.2s;
  transition: opacity 0.2s linear, height 0.4s ease-in-out,
    transform 0.2s ease-in-out 0.2s, -webkit-transform 0.2s ease-in-out 0.2s;
  -webkit-transform: translateY(-20rem);
  transform: translateY(-20rem);
  opacity: 0;
}
.web_three_con .three_left .story_hd li:last-child .track1,
.web_three_con .three_left .story_hd li:last-child .track2 {
  display: none;
}
.web_three_con .three_left .story_hd li.on h3 {
  color: rgba(22, 76, 194, 1);
}
.web_three_con .three_left .story_hd li.on .story_content {
  height: 120rem;
  -webkit-transition: opacity 0.2s linear 0.3s, height 0.4s ease-in-out,
    -webkit-transform 0.2s ease-in-out 0.2s;
  transition: opacity 0.2s linear 0.3s, height 0.4s ease-in-out,
    -webkit-transform 0.2s ease-in-out 0.2s;
  transition: opacity 0.2s linear 0.3s, height 0.4s ease-in-out,
    transform 0.2s ease-in-out 0.2s;
  transition: opacity 0.2s linear 0.3s, height 0.4s ease-in-out,
    transform 0.2s ease-in-out 0.2s, -webkit-transform 0.2s ease-in-out 0.2s;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}
.web_three_con .three_left .story_hd li.on .story_content .title {
  font-size: 16rem;
  font-weight: 400;
  letter-spacing: 0rem;
  line-height: 24rem;
  color: rgba(22, 76, 194, 1);
  margin: 14rem 0 10rem;
}
.web_three_con .three_left .story_hd li.on .story_gress .track2 {
  transform: translateX(10rem);
  -webkit-transition: opacity 0.3s ease-out, -webkit-transform 3s linear;
  transition: opacity 0.3s ease-out, -webkit-transform 3s linear;
  transition: transform 3s linear, opacity 0.3s ease-out;
  transition: transform 3s linear, opacity 0.3s ease-out,
    -webkit-transform 3s linear;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transition-duration: 3s;
  transition-duration: 3s;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
.web_three_con .three_left .story_hd li.on .story_gress .track3 {
  opacity: 1;
}
.web_three_con .three_left .story_hd li.on .story_gress .track3:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}
/* .web_three_con .three_right{
    width:77%;margin-left:-2%;position:relative
} */
.web_three_con .three_right .story_bd {
  position: relative;
}
.web_three_con .three_right .story_bd li {
  position: relative;
  margin-top: -33rem;
}
/* .web_three_con .three_right .story_bd li img{
    display:block;
    width: 829rem;
    height: 609rem;
    margin:0 auto;
    cursor:-webkit-grab;
    cursor:grab
} */
.web_three_con .three_right .story_bd li .story-pic-bd {
  width: 829rem;
  height: 609rem;
  margin: 0 auto;
  cursor: -webkit-grab;
  cursor: grab;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

/* 智慧医疗全方位解决方案   end */

/* 灵集MedJoin 产品亮点 */
.solution-box .solution-tab-item {
  height: 64rem;
  font-size: 20rem;
  font-weight: 700;
  letter-spacing: 0rem;
  line-height: 64rem;
  color: rgba(0, 0, 0, 1);
  cursor: pointer;
}
.solution-box .solution-tab-item-act {
  background: rgba(22, 76, 194, 1);
  color: rgba(255, 255, 255, 1);
}
.solution-box .highlights-box {
  display: grid;
  grid-template-columns: repeat(3, 530rem);
}
.solution-box .highlights-box .highlights-item {
  background: #fff;
  height: 285rem;
  opacity: 1;
  padding: 6rem 81rem 37rem;
  border-radius: 10rem;
  font-size: 16rem;
  font-weight: 400;
  letter-spacing: 0rem;
  line-height: 26rem;
  color: rgba(51, 51, 51, 1);
  margin-bottom: 36rem;
}
.solution-box .highlights-box .highlights-item .highlights-pic {
  width: 160rem;
  height: 126rem;
  display: block;
  margin: 0 auto;
}
.solution-box .highlights-box .highlights-item .title {
  font-size: 24rem;
  font-weight: 500;
  line-height: 34.75rem;
  margin: 0.39rem 0 16rem;
}

/* 灵集Medjoin 核心价值 样式*/
.solution-box .swiper-box {
  width: 1400rem;
  height: 568rem;
  /* opacity: 0.04; */
  background: rgba(22, 76, 194, 0.05);
  margin: 69.09rem auto 162rem;
  position: relative;
}
.solution-box .swiper,
.solution-box .swiper-box .swiper-slide-box {
  height: 100%;
}

.solution-box .swiper-box .swiper-button-next {
  top: 50%;
  transform: translateY(-50%);
  right: -6%;
}
.solution-box .swiper-box .swiper-button-prev {
  top: 50%;
  transform: translateY(-50%);
  left: -6%;
}
.solution-box .swiper-box .swiper-button-prev img,
.solution-box .swiper-box .swiper-button-next img {
  width: 32rem;
  height: 32rem;
  display: block;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: none !important;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: none !important;
}
.solution-box .swiper-box .swiper-slide-box {
  padding: 0 130rem;
  font-size: 16rem;
  font-weight: 400;
  letter-spacing: 0rem;
  line-height: 30rem;
  color: rgba(51, 51, 51, 1);
  /* background-size: contain; */
  /* background: rgba(22, 76, 194, 0.1); */
}
.solution-box .swiper-box .swiper-slide-box .title {
  font-size: 26rem;
  font-weight: 700;
  line-height: 37.65rem;
}
.solution-box .swiper-box .swiper-slide-box .swiper-tip {
  width: 70rem;
  height: 10rem;
  display: block;
  margin: 23rem 0;
}
.solution-box .swiper-box .swiper-slide-box a {
  display: block;
  width: 140rem;
  height: 40rem;
  opacity: 1;
  border-radius: 4rem;
  background: rgba(22, 76, 194, 1);
  font-size: 16rem;
  font-weight: 400;
  letter-spacing: 0rem;
  line-height: 23.17rem;
  color: rgba(255, 255, 255, 1);
  text-align: center;
  line-height: 40rem;
  margin-top: 48rem;
}

.solution-box .swiper-box .swiper-slide-box ul li {
  width: 200rem;
  height: 50rem;
  /* opacity: 0.1; */
  border-radius: 10rem;
  background: rgba(94, 128, 247, 0.1);
  /* backdrop-filter: blur(80rem); */
  font-weight: 550;
  line-height: 50rem;
  color: rgba(12, 29, 61, 1);
  padding-left: 24rem;
  margin-bottom: 10rem;
}
.solution-box .swiper-box .swiper-slide-box ul li:last-child {
  margin-bottom: 0rem !important;
}

/* 灵集Medjoin 实践案例 样式 */
.medical-cloud .practice-item {
  width: 620rem;
  font-size: 16rem;
  font-weight: 400;
  letter-spacing: 0rem;
  line-height: 26rem;
  color: rgba(51, 51, 51, 1);
  background-color: #fff;
}
.medical-cloud .practice-item .practice-pic {
  width: 100%;
  height: 300rem;
  display: block;
}
.medical-cloud .practice-item .con-box {
  padding: 32rem 40rem 45rem;
  height: 320rem;
}
.medical-cloud .practice-item .txt {
  font-size: 26rem;
  font-weight: 500;
  line-height: 37.65rem;
  margin-bottom: 12rem;
}
.medical-cloud .practice-item .txt0 {
  margin-top: 24rem;
}

/* 新闻详情 */
.news-details-box {
  border-radius: 8rem;
  background: rgba(255, 255, 255, 1);
  font-size: 16rem;
  color: #333333;
  /* text-align: center; */
  width: 1014rem;
  padding: 30rem 30rem 92rem;
}

.news-details-box > p:nth-child(1) {
  font-size: 34rem;
  font-weight: 400;
  letter-spacing: 0rem;
  line-height: 49.23rem;
  color: rgba(0, 0, 0, 1);
  padding: 0 120rem;
}

.news-details-box > p:nth-child(2) {
  margin-top: 20rem;
  font-size: 14rem;
  font-weight: 400;
  letter-spacing: 0rem;
  line-height: 40rem;
  color: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 40rem;
  opacity: 1;
  background: rgba(237, 243, 255, 0.6);
}

.news-details-box > p:nth-child(2) > span:nth-child(1) {
  margin-right: 20rem;
}

.news-details-box > .con {
  margin: 40rem 0 60rem;
  /* border-bottom: 1rem solid #dfdfdf; */
  /* border-top: 1rem solid #dfdfdf; */
  /* padding: 30rem 0; */
  line-height: 37rem;
  min-height: 400rem;
}

.news-details-box > .con > img {
  margin: 30rem auto;
}

.news-details-box > .con > p {
  text-align: left;
  text-indent: 32rem;
  width: 100%;
}

.news-details-box > .con > p > img {
  margin: 0 auto;
}

.news-details-box > .con > p > span {
  display: block;
  width: 100%;
  text-wrap: wrap !important;
}

.news-details-box > a {
  text-align: right;
  font-size: 13rem;
  color: #333333;
  display: block;
  margin-bottom: 49rem;
}

.news-details-box > .bottom {
  text-align: left;
  margin-bottom: 20rem;
  background: rgba(237, 243, 255, 0.6);
}

.news-details-box > .bottom > a:nth-child(1) {
  display: inline-block;
  width: 97rem;
  height: 37rem;
  text-align: center;
  line-height: 37rem;
  background: #164cc2;
  color: #fff;
  font-size: 14rem;
  margin-right: 10rem;
}

.news-details-box > .bottom > div {
  display: inline-block;
  width: 97rem;
  height: 40rem;
  text-align: center;
  line-height: 40rem;
  background: #164cc2;
  color: #fff;
  font-size: 14rem;
  margin-right: 10rem;
}

.news-details-box > .bottom > a:nth-child(2) {
  font-size: 14rem;
  font-weight: 400;
  letter-spacing: 0rem;
  line-height: 40rem;
  color: rgba(0, 0, 0, 0.7);
}

.news-list-box {
  width: 262rem;
  min-height: 400rem;
  opacity: 1;
  border-radius: 8rem;
  background: rgba(255, 255, 255, 1);
  padding: 24rem 19rem 12rem 20rem;
}
.news-list-box ul li {
  margin-bottom: 22rem;
}
.news-list-box ul li .news-pic {
  width: 9.41rem;
  height: 8.41rem;
  display: block;
  margin-right: 7.29rem;
}
.news-list-box ul li a {
  font-size: 14rem;
  font-weight: 400;
  letter-spacing: 0rem;
  line-height: 17.38rem;
  color: rgba(51, 51, 51, 1);
  display: flex;
}
.news-list-box ul li a:hover p {
  color: #164cc2;
}
.news-list-box div {
  font-size: 16rem;
  font-weight: 400;
  letter-spacing: 0rem;
  line-height: 23.17rem;
  color: rgba(0, 0, 0, 1);
  margin-bottom: 20rem;
}

/* 客服 */
.service-box {
  position: absolute;
  width: 200rem;
  height: 200rem;
  border-radius: 16rem;
  background-color: #fff;
  padding: 15rem;
  top: 50%;
  right: 46rem;
  transform: translateY(-50%);
}

.service-box .code {
  width: 100%;
  height: 100%;
  display: block;
}

.service-box .sjx {
  width: 0;
  border: 15rem solid transparent;
  border-right-color: #fff;
  position: absolute;
  top: 50%;
  left: -30rem;
  transform: translateY(-50%);
}

/* 数字乡村 */
.countryside-box {
  padding: 98rem 0 71rem;
  position: relative;
}

.countryside-box .countryside-bg01 {
  width: 558rem;
  height: 726rem;
  display: block;
  position: absolute;
  top: -255rem;
  right: -21rem;
  z-index: -1;
}

.countryside-box .countryside-bg02 {
  width: 368rem;
  height: 741rem;
  display: block;
  position: absolute;
  bottom: -244rem;
  left: -40rem;
  z-index: -1;
}

.countryside-box .title-box {
  font-size: 32rem;
  color: #333;
  position: relative;
  max-width: 50%;
}

.countryside-box .title-box .title-bg01 {
  width: 54rem;
  height: 54rem;
  display: block;
  position: absolute;
  top: -14rem;
  right: -18rem;
  z-index: -1;
}

.countryside-box .tip {
  font-size: 18rem;
  line-height: 32rem;
  color: #666;
  margin: 20rem auto 55rem;
  max-width: 80%;
}

.countryside-box .countryside-pic {
  width: 1080rem;
  height: 623rem;
  display: block;
  margin: 0 auto 80rem;
}

.countryside-box .con-item {
  /* width: calc((100% - 60rem) / 2); */
  width: 800rem;
  height: 300.12rem;
  background: #fff;
  border-radius: 8rem;
  font-size: 18rem;
  color: #383838;
  line-height: 36rem;
  padding: 40rem 76rem 60rem 40rem;
  box-shadow: 0rem 4rem 8rem 0rem #f4f3eb;
  /* margin-bottom: 54rem; */
  margin: 0 60rem 54rem 0;

  &:nth-child(2n) {
    margin-right: 0;
  }
}

.countryside-box .con-item:nth-child(2n) {
  margin-right: 0;
}

.countryside-box .con-item .txt {
  font-size: 24rem;
  color: #666;
  margin: 37rem 0 16rem;
}

.countryside-box .con-item .advantage-pic {
  width: 50rem;
  height: 50rem;
  display: block;
}

.scene-box {
  background-color: #4f7ce5;
  padding: 75rem 0 102rem;
  color: #fff;
  font-size: 18rem;
}

.scene-box .title {
  font-size: 32rem;
  margin: 0 auto 12rem;
  position: relative;
}

.scene-box .title .title-bg01 {
  width: 54rem;
  height: 54rem;
  display: block;
  position: absolute;
  top: -13rem;
  right: -24rem;
  z-index: -1;
}

.scene-box .tab-box .tab-item {
  padding: 15rem 52rem 0rem 44rem;
  border-right: 1rem solid #648ce8;
  font-size: 16rem;
  color: #fff;
  line-height: 24rem;
  height: 667rem;

  &:last-child {
    border-right: none;
  }
}

.scene-box .tab-box .tab-item:last-child {
  border-right: none;
}

.scene-box .tab-box .tab-item .title {
  font-size: 22rem;
  line-height: 60rem;
  font-weight: 550;
}

.scene-box .tab-box .tab-pic {
  width: 40rem;
  height: 40rem;
  display: block;
  margin: 0 auto 25rem;
}

.scene-box .tab-box .scene-item {
  width: 160rem;
  height: 36rem;
  border-radius: 10rem;
  background-color: #6189e8;
  border: 1rem solid #fff;
  font-size: 16rem;
  line-height: 36rem;
  margin: 0 auto 16rem;
}

.solution-box .architecture-pic {
  width: 1422rem;
  height: 800rem;
  display: block;
  margin: 60rem auto 0;
}

.system-function {
  background-color: #164cc2;
  padding: 83rem 0 88rem;
  color: #fff;
  font-size: 18rem;
}

.system-function .title {
  font-size: 32rem;
  margin: 0 auto 12rem;
  position: relative;
}

.system-function .title .title-bg01 {
  width: 54rem;
  height: 54rem;
  display: block;
  position: absolute;
  top: -14rem;
  right: -24rem;
  z-index: -1;
}

.system-function .tab-box {
  margin: 73rem 0 65rem;
}

.system-function .tab-box .tab-item {
  /* width: calc((100% - 141rem) / 4); */
  width: 380rem;
  height: 428rem;
  background-color: rgba(248, 249, 255, 0.15);
  padding: 41rem 45rem 0rem 43rem;
  border-radius: 8rem;
  font-size: 18rem;
  line-height: 30rem;
  margin: 0 46rem 30rem 0;

  &:last-child {
    margin-right: 0;
  }
}

.system-function .tab-box .tab-item:last-child {
  margin-right: 0;
}

.system-function .tab-box .tab-pic {
  width: 53rem;
  height: 50rem;
  display: block;
  margin: 0 auto 30rem;
}

.system-function .tab-box .title {
  font-size: 24rem;
  margin-bottom: 20rem;
}

.system-function .function-pic {
  width: 1199rem;
  height: 532rem;
  display: block;
  margin: 0 auto;
}

.platform-application {
  padding: 107rem 0 84rem;
  position: relative;
}

.platform-application .countryside-bg03 {
  width: 369rem;
  height: 536rem;
  display: block;
  position: absolute;
  top: -149rem;
  right: 0rem;
  z-index: -1;
}

.platform-application .title-box {
  font-size: 32rem;
  color: #333;
  position: relative;
  max-width: 50%;
}

.platform-application .tip {
  font-size: 18rem;
  color: #666;
  margin: 13rem auto 60rem;
  max-width: 80%;
}

.platform-application .title-box .title-bg01 {
  width: 54rem;
  height: 54rem;
  display: block;
  position: absolute;
  top: -17rem;
  right: -24rem;
  z-index: -1;
}

.platform-application .core-item {
  /* width: calc((100% - 150rem) / 4); */
  /* width: 380rem; */
  height: 258.12rem;
  background: #fff;
  border-radius: 8rem;
  font-size: 18rem;
  color: #383838;
  padding: 0 30rem;
  margin: 0 0rem 38rem 0;

  /* &:nth-child(4n) {
         margin-right: 0;
     } */
}

/* .platform-application .core-item:nth-child(4n) {
    margin-right: 0;
} */
.platform-application .core-item .txt {
  font-size: 24rem;
  margin: 40rem 0 15rem;
}

.platform-application .core-item .core-pic {
  width: 41rem;
  height: 40rem;
  display: block;
}

/* 智慧农牧 */
.product-functions {
  padding: 101rem 0 0rem;
  position: relative;
}

.product-functions .functions-bg01 {
  width: 569rem;
  height: 724rem;
  display: block;
  position: absolute;
  top: -306rem;
  right: 0rem;
  z-index: -1;
}

.product-functions .title-box {
  font-size: 32rem;
  color: #333;
  position: relative;
  max-width: 50%;
}

.product-functions .type-box .type-item {
  width: 320rem;
  height: 221rem;
  border-radius: 6rem;
  font-size: 16rem;
  line-height: 30rem;
  color: #fff;
  padding: 37rem 36rem 20rem 24rem;
  position: relative;
  overflow: hidden;
  margin: 0 14.99rem 30rem 0;

  &:last-child {
    margin-right: 0;
  }
}

.product-functions .type-box .type-item:last-child {
  margin-right: 0;
}

.product-functions .type-box .type-item .txt {
  font-size: 24rem;
  font-weight: 550;
  line-height: 35rem;
}

.product-functions .type-box .type-item .type-bg {
  width: 204rem;
  height: 204rem;
  position: absolute;
  top: -45rem;
  right: -102rem;
  z-index: 999;
}

.product-functions .type-box .type-item .type-pic {
  width: 30rem;
  height: 32rem;
  display: block;
  margin-right: 20rem;
}

.product-functions .title-box .title-bg01 {
  width: 54rem;
  height: 54rem;
  display: block;
  position: absolute;
  top: -16rem;
  right: -22rem;
  z-index: -1;
}

.product-functions .tip {
  font-size: 18rem;
  color: #666;
  margin: 13rem auto 85rem;
  max-width: 80%;
}

.product-functions .con-item {
  width: 390rem;
  height: 340.62rem;
  background: #fff;
  border-radius: 8rem;
  font-size: 24rem;
  color: #333;
  padding: 86rem 28rem 0;
  position: relative;
  box-shadow: 0rem 4rem 8rem 0rem #f4f3eb;
  margin: 0 33rem 101rem 0;

  &:last-child {
    margin-right: 0;
  }
}

.product-functions .con-item:last-child {
  margin-right: 0;
}

.product-functions .con-item .txt {
  font-size: 18rem;
  color: #666;
  line-height: 36rem;
  margin-top: 20rem;
}

.product-functions .con-item .solution-pic {
  width: 143rem;
  height: 127rem;
  display: block;
  position: absolute;
  left: 50%;
  top: 0%;
  transform: translate(-50%, -50%);
}

.advantage-box {
  padding: 76rem 0 86rem;
  position: relative;
  background-color: #4f7ce5;
  color: #fff;
}

.advantage-box .title-box {
  font-size: 32rem;
  position: relative;
  max-width: 50%;
}

.advantage-box .title-box .title-bg01 {
  width: 54rem;
  height: 54rem;
  display: block;
  position: absolute;
  top: -14rem;
  right: -23rem;
}

.advantage-box .tip {
  font-size: 18rem;
  line-height: 30rem;
  margin: 13rem auto 66rem;
  max-width: 56%;
}

.advantage-box .core-item {
  font-size: 26rem;
  color: #fff;
}

.advantage-box .core-item .core-pic {
  width: 40rem;
  height: 40rem;
  display: block;
  margin-right: 18rem;
}

.advantage-box .core-line {
  width: 2rem;
  height: 26rem;
  background-color: #fff;
}

.advantage-box .advantage-pic {
  width: 1008rem;
  height: 790rem;
  display: block;
  margin: 103rem auto 0;
}

.business-challenges {
  padding: 106rem 0 77rem;
  position: relative;
}

.business-challenges .title-box {
  font-size: 32rem;
  color: #333;
  position: relative;
  max-width: 50%;
}

.business-challenges .title-box .title-bg01 {
  width: 54rem;
  height: 54rem;
  display: block;
  position: absolute;
  top: -16rem;
  right: -22rem;
  z-index: -1;
}

.business-challenges .con-item {
  width: 474rem;
  font-size: 18rem;
  line-height: 36rem;
  color: #383838;
  margin: 0 119rem 30rem 0;

  &:last-child {
    margin-right: 0;
  }
}

.business-challenges .con-item:last-child {
  margin-right: 0;
}

.business-challenges .con-item .txt {
  font-size: 24rem;
  margin: 30rem 0 20rem;
}

.business-challenges .con-item .solution-pic {
  width: 158rem;
  height: 150rem;
  display: block;
  margin: 0 auto;
}

.programme-planning {
  padding: 76rem 0 58rem;
  position: relative;
  background-color: #fafafa;
}

.programme-planning .functions-bg02 {
  width: 448rem;
  height: 624rem;
  display: block;
  position: absolute;
  bottom: -272rem;
  left: 0rem;
  z-index: 0;
}

.programme-planning .title-box {
  font-size: 32rem;
  color: #333;
  position: relative;
  max-width: 50%;
}

.programme-planning .type-box .type-item {
  width: 455rem;
  font-size: 24rem;
  line-height: 35rem;
  color: #2f354e;
  margin: 0 147rem 40rem 0;

  &:nth-child(3n) {
    margin-right: 0;
  }
}

.programme-planning .type-box .type-item:nth-child(3n) {
  margin-right: 0;
}

.programme-planning .type-box .type-item .txt {
  font-size: 18rem;
  margin-top: 30rem;
}

.programme-planning .type-box .type-item .planning-item {
  width: 22rem;
  height: 14rem;
  display: block;
  margin-right: 22rem;
}

.programme-planning .title-box .title-bg01 {
  width: 54rem;
  height: 54rem;
  display: block;
  position: absolute;
  top: -16rem;
  right: -22rem;
}

.programme-planning .planning-pic {
  width: 100%;
  display: block;
  margin: -40rem auto;
}

.advantage-box .table-box .row01 {
  width: 73.31rem;
  height: 760rem;
  margin-right: 39rem;
  background-color: #d0dbf3;
  color: #3860f4;
  font-size: 28rem;
  font-weight: 550;
  letter-spacing: 17rem;
}

.advantage-box .table-box {
  color: #fff;
  font-size: 20rem;
  line-height: 40rem;
}

.advantage-box .table-box .row02 .vertical-text {
  background-color: #a2b7e7;
  width: 91.65rem;
  height: 96rem;
  margin-right: 31rem;
  margin-bottom: 15rem;
  color: #3860f4;
  font-size: 24rem;
  font-weight: 550;
  letter-spacing: 2rem;

  &:last-child {
    margin-bottom: 0;
  }
}

.advantage-box .table-box .row02 .vertical-text:last-child {
  margin-bottom: 0;
}

.advantage-box .table-box .row03 div {
  background-color: #5c82d4;
  width: 243.21rem;
  height: 40rem;
  border: 1rem solid #fff;
  margin-right: 31rem;
  margin-bottom: 15rem;
  color: #fff;
  font-size: 20rem;
  line-height: 40rem;

  &:last-child {
    margin-bottom: 0;
  }
}

.advantage-box .table-box .row03 div:last-child {
  margin-bottom: 0;
}

.advantage-box .table-box .row04 .floor01 div {
  background-color: rgba(46, 94, 200, 1);
  width: calc((100% - 62rem) / 3);
  height: 40rem;
  border: 1rem solid #fff;
  margin-right: 31rem;
  margin-bottom: 15rem;
  text-align: center;

  &:last-child {
    margin-bottom: 0;
    margin-right: 0rem;
  }
}

.advantage-box .table-box .row04 .floor01 div:last-child {
  margin-bottom: 0;
  margin-right: 0rem;
}

.advantage-box .table-box .row04 .floor02 div {
  background-color: rgba(46, 94, 200, 1);
  text-align: center;
  width: calc((100% - 93rem) / 4);
  height: 40rem;
  border: 1rem solid #fff;
  margin-right: 31rem;
  margin-bottom: 15rem;

  &:last-child {
    margin-bottom: 0;
    margin-right: 0rem;
  }
}

.advantage-box .table-box .row04 .floor02 div:last-child {
  margin-bottom: 0;
  margin-right: 0rem;
}

.advantage-box .table-box .row04 .floor3-4 .big-box {
  background-color: rgba(46, 94, 200, 1);
  width: 264.453rem;
  height: 96rem;
  line-height: 96rem;
  border: 1rem solid #fff;
  margin-right: 31rem;
  margin-bottom: 15rem;
  text-align: center;
}

.advantage-box .table-box .row04 .floor3-4 .row-box {
  width: 100%;
}

.advantage-box .table-box .row04 .floor3-4 .row-box div {
  background-color: rgba(46, 94, 200, 1);
  width: calc((100% -62rem) / 3);
  text-align: center;
  height: 40rem;
  flex: 1;
  border: 1rem solid #fff;
  margin-right: 31rem;
  margin-bottom: 15rem;

  &:last-child {
    margin-bottom: 0;
    margin-right: 0rem;
  }
}

.advantage-box .table-box .row04 .floor3-4 .row-box div:last-child {
  margin-bottom: 0;
  margin-right: 0rem;
}

.advantage-box .table-box .row04 .floor11 .big-box {
  background-color: rgba(46, 94, 200, 1);
  /* width:256.78rem; */
  flex: 1;
  height: 96rem;
  line-height: 96rem;
  border: 1rem solid #fff;
  margin-right: 31rem;
  text-align: center;

  &:last-child {
    margin-right: 0rem;
  }
}

.advantage-box .table-box .row04 .floor11 .big-box:last-child {
  margin-right: 0rem;
}

/* 字体竖排 */
.vertical-text {
  writing-mode: vertical-rl;
  /* 从右向左垂直书写 */
  /* 或使用 vertical-lr 从左向右垂直书写 */
  text-orientation: upright;
  /* 文字方向为直立 */
}

.core-values {
  padding: 103rem 0 96rem;
}

.core-values .title-box {
  font-size: 32rem;
  color: #333;
  position: relative;
  max-width: 50%;
}

.core-values .title-box .title-bg01 {
  width: 54rem;
  height: 54rem;
  display: block;
  position: absolute;
  top: -16rem;
  right: -22rem;
  z-index: -1;
}

.core-values ul li {
  width: 520rem;
  height: 220rem;
  padding: 37rem 30rem;
  background-color: #fff;
  margin-bottom: 27rem;
  color: #2f354e;
  font-size: 14rem;
  line-height: 22rem;

  /* &:last-child {
         margin-bottom: 0;
     } */
}

/* .core-values ul li:last-child {
    margin-bottom: 0;
} */
.core-values ul li .values-item {
  width: 119rem;
  height: 114rem;
  display: block;
  margin: 0 auto;
}

.core-values .pic-box {
  background-color: #fff;
  margin-bottom: 27rem;
}

.core-values .pic-box .values-pig {
  width: 730rem;
  height: 545rem;
  display: block;
}

/* 林草大数据 */
.background-box {
  padding: 100rem 0 18rem;
  position: relative;
  overflow: hidden;
}

.background-box .background-bg01 {
  width: 332rem;
  height: 694rem;
  display: block;
  position: absolute;
  top: -226rem;
  right: -53rem;
  z-index: -1;
}

.background-box .background-bg02 {
  width: 343rem;
  height: 807rem;
  display: block;
  position: absolute;
  top: 181rem;
  left: 0rem;
  z-index: -1;
}

.background-box .background-bg03 {
  width: 333rem;
  height: 753rem;
  display: block;
  position: absolute;
  top: 241rem;
  right: 0rem;
  z-index: -1;
}

.background-box .title-box {
  font-size: 32rem;
  color: #333;
  position: relative;
  max-width: 50%;
}

.background-box .title-box .title-bg01 {
  width: 54rem;
  height: 54rem;
  display: block;
  position: absolute;
  top: -14rem;
  right: -18rem;
  z-index: -1;
}

.background-box .tip {
  font-size: 18rem;
  line-height: 32rem;
  color: #666;
  margin: 20rem auto 0rem;
  max-width: 88%;
}

.background-box .background-pic {
  width: 1170rem;
  height: 565rem;
  display: block;
  margin: 0 auto 20rem;
}

.background-box .core-item {
  /* width: calc((100% - 141rem) / 4); */
  /* width: 380rem; */
  height: 380rem;
  background: #fff;
  border-radius: 8rem;
  font-size: 18rem;
  color: #383838;
  padding: 66rem 30rem 0;
  margin: 0 0rem 44rem 0;
  line-height: 36rem;
  /* &:nth-child(4n){
        margin-right: 0;
    } */
}

/* .background-box .core-item:nth-child(4n){
    margin-right: 0;
} */
.background-box .core-item .txt {
  font-size: 24rem;
  /* font-weight: 550; */
  margin: 56rem 0 20rem;
}

.background-box .core-item .core-pic {
  width: 65rem;
  height: 64rem;
  display: block;
  margin: 0 auto;
}

.background-box .background-pic01 {
  width: 1185rem;
  height: 618rem;
  display: block;
  margin: 45rem auto 64rem;
}

.background-box .advantage-item {
  /* width: calc((100% - 96rem) / 3); */
  width: 520rem;
  height: 368.12rem;
  background: #fff;
  border-radius: 8rem;
  font-size: 18rem;
  color: #383838;
  padding: 65rem 52rem 0;
  margin: 0 50rem 100rem 0;
  line-height: 36rem;

  &:nth-child(3n) {
    margin-right: 0;
  }
}

.background-box .advantage-item:nth-child(3n) {
  margin-right: 0;
}

.background-box .advantage-item .txt {
  font-size: 24rem;
  /* font-weight: 550; */
  margin: 45rem 0 16rem;
}

.background-box .advantage-item .advantage-pic {
  width: 74rem;
  height: 74rem;
  display: block;
  margin: 0 auto;
}

.functional-module {
  background-color: #4f7ce5;
  padding: 75rem 0 32rem;
  color: #fff;
  font-size: 18rem;
}

.functional-module .title {
  font-size: 32rem;
  margin: 0 auto 12rem;
  position: relative;
}

.functional-module .title .title-bg01 {
  width: 54rem;
  height: 54rem;
  display: block;
  position: absolute;
  top: -13rem;
  right: -24rem;
  z-index: -1;
}

.functional-module .con-item {
  width: 800rem;
  height: 230.09rem;
  background: #dce5fa;
  border-radius: 8rem;
  font-size: 24rem;
  color: #383838;
  font-weight: 550;
  padding: 47rem 60rem 0rem 50rem;
  /* box-shadow: 0rem 4rem 8rem 0rem #F4F3EB; */
  margin: 0 60rem 54rem 0;

  &:nth-child(2n) {
    margin-right: 0;
  }
}

.functional-module .con-item:nth-child(2n) {
  margin-right: 0;
}

.functional-module .con-item .txt {
  font-size: 16rem;
  line-height: 30rem;
  font-weight: 400;
  margin-top: 20rem;
}

.functional-module .con-item .advantage-pic {
  width: 58rem;
  height: 58rem;
  display: block;
  margin-right: 35rem;
}

.background-box .programme-pic {
  width: 1200rem;
  height: 790rem;
  display: block;
  margin: 0rem auto 113rem;
}

.background-box .diversity-item {
  width: 380rem;
  height: 458rem;
  background: #fff;
  border-radius: 8rem;
  font-size: 16rem;
  color: #383838;
  padding: 50rem 38rem 0;
  margin: 0 46rem 30rem 0;
  line-height: 32rem;

  &:nth-child(4n) {
    margin-right: 0;
  }
}

.background-box .diversity-item:nth-child(4n) {
  margin-right: 0;
}

.background-box .diversity-item .txt {
  font-size: 24rem;
  /* font-weight: 550; */
  margin: 37rem 0 30rem;
}

.background-box .diversity-item .diversity-pic {
  width: 113rem;
  height: 112rem;
  display: block;
  margin: 0 auto;
}

.background-box .background-bg04 {
  width: 327rem;
  height: 631rem;
  display: block;
  position: absolute;
  top: 266rem;
  left: -33rem;
  z-index: -1;
}

.background-box .background-bg05 {
  width: 315rem;
  height: 587rem;
  display: block;
  position: absolute;
  bottom: 730rem;
  right: -49rem;
  z-index: -1;
}

.none-box {
  margin: 0 auto;
  position: relative;
}

.none-pic {
  width: 512rem !important;
  height: 512rem !important;
  display: block;
  margin: 0 auto;
  object-fit: contain;
}

.none-txt {
  font-size: 22rem;
  color: #333;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 20%;
}

/* 数智零售 */
.retail-pain {
  padding: 110rem 0 70rem;
  position: relative;
  overflow: hidden;
}

.retail-pain .background-bg01 {
  width: 560rem;
  height: 580rem;
  display: block;
  position: absolute;
  top: -195rem;
  right: -53rem;
  z-index: -1;
}

.retail-pain .background-bg02 {
  width: 381rem;
  height: 510rem;
  display: block;
  position: absolute;
  bottom: -166rem;
  left: -42rem;
  z-index: -1;
}

.retail-pain .title-box {
  font-size: 32rem;
  color: #333;
  position: relative;
  max-width: 50%;
}

.retail-pain .title-box .title-bg01 {
  width: 54rem;
  height: 54rem;
  display: block;
  position: absolute;
  top: -14rem;
  right: -18rem;
  z-index: -1;
}

.retail-pain .tip {
  font-size: 18rem;
  line-height: 32rem;
  color: #666;
  margin: 20rem auto 0rem;
  max-width: 88%;
}

.retail-pain .core-item {
  width: 390rem;
  height: 229.65rem;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 8rem;
  font-size: 24rem;
  /* font-weight: 550; */
  color: #383838;
  padding: 50rem 90rem 0;
  margin: 0 33rem 30rem 0;
  line-height: 36rem;

  &:last-child {
    margin-right: 0;
  }
}

.retail-pain .core-item:last-child {
  margin-right: 0;
}

.retail-pain .core-item .core-pic {
  width: 60rem;
  height: 70rem;
  display: block;
  margin: 0 auto 25rem;
}

.retail-pain .challenge-item {
  width: 390rem;
  height: 396.12rem;
  background: #fff;
  border-radius: 8rem;
  font-size: 18rem;
  color: #383838;
  padding: 54rem 30rem 0;
  margin: 0 33rem 44rem 0;
  line-height: 36rem;

  &:nth-child(4n) {
    margin-right: 0;
  }
}

.retail-pain .challenge-item:nth-child(4n) {
  margin-right: 0;
}

.retail-pain .challenge-item .txt {
  font-size: 24rem;
  /* font-weight: 550; */
  margin: 42rem 0 20rem;
}

.retail-pain .challenge-item .challenge-pic {
  width: 93rem;
  height: 93rem;
  display: block;
  margin: 0 auto;
}

.retail-pain .platform-item {
  width: 507.59rem;
  height: 493rem;
  background: #fff;
  font-size: 16rem;
  color: #111111;
  margin: 0 67rem 44rem 0;
  line-height: 39rem;
  box-shadow: 0rem 0rem 40rem #eff0f1;

  &:nth-child(3n) {
    margin-right: 0;
  }
}

.retail-pain .platform-item:nth-child(3n) {
  margin-right: 0;
}

.retail-pain .platform-item .top-box {
  width: 100%;
  height: 130rem;
  position: relative;
}

.retail-pain .platform-item .top-box .top-txt {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 14rem;
  color: #333;
  line-height: 24rem;
  z-index: 1;
  padding: 27rem 194rem 0 47rem;
}

.retail-pain .platform-item .top-box .txt {
  font-size: 20rem;
  color: #111;
  line-height: 35rem;
  font-weight: 550;
  margin-bottom: 4rem;
}

.retail-pain .platform-item .top-box .platform-bg {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.retail-pain .platform-item .top-box .platform-pic {
  width: 145rem;
  height: 135rem;
  display: block;
  position: absolute;
  top: -20rem;
  right: 60rem;
}

.retail-pain .platform-item .bottom-box {
  width: 100%;
  padding: 0 145rem 0 63rem;
}

.retail-pain .platform-item .bottom-box .pic-item {
  width: 41rem;
  height: 41rem;
  display: block;
  margin-right: 20rem;
}

.retail-pain .platform-item .bottom-box .item-box {
  border-bottom: 1rem solid #dedede;
  font-size: 14rem;
  color: #666;
  line-height: 16rem;

  &:last-child {
    border-bottom: none;
  }
}

.retail-pain .platform-item .bottom-box .item-box:last-child {
  border-bottom: none;
}

.retail-pain .platform-item .bottom-box .txt {
  color: #111;
  font-size: 16rem;
  font-weight: 550;
  margin-bottom: 14rem;
}

.retail-pain .platform-item .bottom-box .txt-item {
  margin: 0 14rem 10rem 0;
}

.retail-pain .platform-item .bottom-box .title-txt {
  color: #111;
  font-size: 16rem;
  font-weight: 550;
}

.retail-pain .capacity-item {
  font-size: 14rem;
  color: #2f354e;
  line-height: 26rem;
  margin-bottom: 60rem;
}

.retail-pain .capacity-item .txt {
  font-size: 24rem;
  /* font-weight: 550; */
  margin: 56rem 0 20rem;
}

.retail-pain .capacity-item .capacity-pic {
  width: 91rem;
  height: 83rem;
  display: block;
  margin: 0 auto;
}

.plan-blueprint {
  background-color: #fff;
  padding: 75rem 0 90rem;
  color: #333;
  font-size: 18rem;
}

.plan-blueprint .title {
  font-size: 32rem;
  margin: 0 auto 12rem;
  position: relative;
}

.plan-blueprint .title .title-bg01 {
  width: 54rem;
  height: 54rem;
  display: block;
  position: absolute;
  top: -13rem;
  right: -24rem;
  z-index: -1;
}

.plan-blueprint .blueprint-pic {
  /* width: 1661rem;
    height: 1535rem; */
  display: block;
  margin: 30rem auto 0;
  width: 100%;
}

.synergy-box {
  padding: 100rem 0 0rem;
  position: relative;
  overflow: hidden;
}

.synergy-box .title-box {
  font-size: 32rem;
  color: #333;
  position: relative;
  max-width: 50%;
  margin-bottom: 105rem;
}

.synergy-box .title-box .title-bg01 {
  width: 54rem;
  height: 54rem;
  display: block;
  position: absolute;
  top: -14rem;
  right: -18rem;
  z-index: -1;
}

.synergy-box .synergy-item {
  font-size: 18rem;
  color: #2f354e;
  line-height: 36rem;
  margin-bottom: 90rem;
  padding: 0 45rem;
}

.synergy-box .synergy-item .txt {
  font-size: 24rem;
  /* font-weight: 550; */
  margin: 50rem 0 20rem;
}

.synergy-box .synergy-item .synergy-pic {
  width: 94rem;
  height: 94rem;
  display: block;
  margin: 0 auto;
}

.commodity-management {
  padding: 80rem 0 115rem;
  position: relative;
  overflow: hidden;
  background-color: #fff;
}

.commodity-management .title-box {
  font-size: 32rem;
  color: #333;
  position: relative;
  max-width: 70%;
}

.commodity-management .title-box .title-bg01 {
  width: 54rem;
  height: 54rem;
  display: block;
  position: absolute;
  top: -14rem;
  right: -18rem;
}

.commodity-management .tip {
  font-size: 18rem;
  line-height: 32rem;
  color: #666;
  margin: 20rem auto 80rem;
  max-width: 88%;
}

.commodity-management .background-pic {
  width: 1256rem;
  height: 554rem;
  display: block;
  margin: 0 auto;
}

/* 数字校园 */
.challenge-box {
  padding: 93rem 0 85rem;
  color: #333;
  font-size: 18rem;
  overflow: hidden;
  position: relative;
}

.challenge-box .background-bg01 {
  width: 594rem;
  height: 809rem;
  display: block;
  position: absolute;
  top: -329rem;
  right: -39rem;
  z-index: -1;
}

.challenge-box .title {
  font-size: 32rem;
  margin: 0 auto 12rem;
  position: relative;
}

.challenge-box .title .title-bg01 {
  width: 54rem;
  height: 54rem;
  display: block;
  position: absolute;
  top: -14rem;
  right: -24rem;
  z-index: -1;
}

.challenge-box .tab-box {
  margin: 53rem 0 25rem;
}

.challenge-box .tab-box .tab-item {
  height: 390rem;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 50rem 108rem 0rem;
  border-radius: 8rem;
  font-size: 16rem;
  line-height: 32rem;
  margin-bottom: 70rem;
}

.challenge-box .tab-box .tab-pic {
  width: 86rem;
  height: 86rem;
  display: block;
  margin: 0 auto 30rem;
}

.challenge-box .tab-box .title {
  font-size: 22rem;
  font-weight: 550;
  margin-bottom: 20rem;
}

.challenge-box .function-box {
  margin-top: 50rem;
}

.challenge-box .function-box .function-item {
  height: 240rem;
  background-color: #fff;
  padding: 53rem 20rem 0rem;
  border-radius: 8rem;
  font-size: 20rem;
  /* font-weight: 550; */
  line-height: 36rem;
  margin-bottom: 42rem;
}

.challenge-box .function-box .function-pic {
  width: 86rem;
  height: 86rem;
  display: block;
  margin: 0 auto 20rem;
}

.office-platform {
  background-color: #4f7ce5;
  padding: 75rem 0 78rem;
  color: #fff;
  font-size: 18rem;
}

.office-platform .title {
  font-size: 32rem;
  margin: 0 auto 12rem;
  position: relative;
}

.office-platform .title .title-bg01 {
  width: 54rem;
  height: 54rem;
  display: block;
  position: absolute;
  top: -13rem;
  right: -24rem;
  z-index: -1;
}

.office-platform .tab-box .tab-item {
  padding: 15rem 30rem 22rem;
  border-right: 1rem solid #648ce8;
  font-size: 16rem;
  color: #fff;
  line-height: 24rem;
  min-width: 324rem;

  &:last-child {
    border-right: none;
  }
}

.office-platform .tab-box .tab-item:last-child {
  border-right: none;
}

.office-platform .tab-box .tab-item .title {
  font-size: 18rem;
  line-height: 60rem;
  font-weight: 550;
  color: #ffe400;
}

.office-platform .tab-box .tab-pic {
  width: 40rem;
  height: 40rem;
  display: block;
  margin: 0 auto 25rem;
}

.application-platform {
  padding: 112rem 0 124rem;
  color: #333;
  font-size: 18rem;
  position: relative;
  overflow: hidden;
}

.application-platform .background-bg02 {
  width: 444rem;
  height: 603rem;
  display: block;
  position: absolute;
  bottom: -128rem;
  left: -28rem;
  z-index: -1;
}

.application-platform .title {
  font-size: 32rem;
  position: relative;
}

.application-platform .title .title-bg01 {
  width: 54rem;
  height: 54rem;
  display: block;
  position: absolute;
  top: -14rem;
  right: -24rem;
  z-index: -1;
}

.application-platform .tab-box {
  margin: 73rem 0 88rem;
}

.application-platform .tab-box .tab-item {
  padding: 0 50rem;
  font-size: 16rem;
  line-height: 24rem;
  margin-bottom: 30rem;
  min-width: 225rem;
}

.application-platform .tab-box .tab-pic {
  width: 92rem;
  height: 80rem;
  display: block;
  margin: 0 auto 44rem;
}

.application-platform .tab-box .title {
  font-size: 18rem;
  font-weight: 550;
  margin-bottom: 28rem;
}

.application-platform .con-item {
  /* width: calc((100% - 60rem) / 2); */
  height: 360rem;
  background: #fff;
  border-radius: 8rem;
  font-size: 16rem;
  color: #383838;
  line-height: 30rem;
  padding: 60rem 75rem 0rem 43rem;
  box-shadow: 0rem 4rem 8rem 0rem #f4f3eb;
  margin: 0 0rem 57rem 0;
  /* &:nth-child(2n){
        margin-right: 0rem;
    } */
}

/* .application-platform .con-item:nth-child(2n){
    margin-right: 0rem;
} */
.application-platform .con-item .txt {
  font-size: 20rem;
  font-weight: 550;
  margin-bottom: 26rem;
}

.application-platform .con-item .advantage-pic {
  width: 196rem;
  height: 210rem;
  display: block;
  margin: 41rem 0 0 86rem;
}

.application-platform .tip {
  font-size: 18rem;
  line-height: 32rem;
  color: #666;
  margin: 20rem auto 55rem;
  max-width: 80%;
}

.application-platform .use-box {
  width: 464rem;
  margin-top: 80rem;
}

.application-platform .use-box .use-item {
  height: 196.15rem;
  background-color: #2776ff;
  border-radius: 4rem;
  margin-bottom: 68rem;
  color: #fff;
  font-size: 18rem;
  line-height: 35rem;
  padding: 0 30rem;
}

.application-platform .use-box .use-item .use-pic {
  height: 42rem;
  width: 46rem;
  display: block;
  margin: 0 auto 14rem;
}

.application-platform .use_pic {
  height: 490rem;
  width: 573rem;
  display: block;
  margin-top: 65rem;
}

.system-architecture {
  padding: 76rem 0 150rem;
}

.system-architecture .title-box {
  font-size: 32rem;
  color: #333;
  position: relative;
  max-width: 50%;
}

.system-architecture .title-box .title-bg01 {
  width: 54rem;
  height: 54rem;
  display: block;
  position: absolute;
  top: -14rem;
  right: -24rem;
  z-index: -1;
}

.system-architecture .architecture-pic {
  /* width: 1661rem;
    height: 1524rem; */
  display: block;
  margin: 65rem auto 0;
  width: 100%;
}

/* 案例详情 */
.case-details .position-box {
  font-size: 14rem;
  font-weight: 400;
  letter-spacing: 0rem;
  line-height: 20.27rem;
}

.case-details .position-box a {
  color: rgba(0, 0, 0, 0.7);
}

.case-details .position-box a:hover {
  color: #164cc2;
}
.case-details .position-box .back-pic {
  width: 40rem;
  height: 40rem;
  display: block;
}

.case-details .position-box .txt {
  color: rgba(22, 76, 194, 1);
}

.case-details .case-details-box {
  width: 100%;
  min-height: 500rem;
  background-color: #fff;
  border-radius: 8rem;
  padding: 52rem 50rem;
  margin-top: 24rem;
}

.case-details .case-details-box .title-pic {
  width: 100%;
  /* margin: 56rem 0 90.63rem; */
  margin-top: 56rem;
  display: block;
}
.case-details .case-details-box .con-box {
  width: 100%;
}
.case-details .case-details-box .con-box .con {
  /* width: calc(100% - 390rem); */
  display: block;
  /* background-color: red; */
  min-height: 500rem;
  margin-top: 90.63rem;
}
.case-details .case-details-box .con-box > .previous-left-a {
  position: fixed;
  left: calc((100vw - 1470rem) / 2);
  top: 50%;
  z-index: 999;
}
.case-details .case-details-box .con-box > .previous-right-a {
  position: fixed;
  right: calc((100vw - 1470rem) / 2);
  top: 50%;
  z-index: 999;
}

.case-details .case-details-box .time-box {
  font-size: 14rem;
  font-weight: 400;
  letter-spacing: 0rem;
  line-height: 26.27rem;
  color: rgba(0, 0, 0, 0.7);
  text-align: right;
  margin-bottom: 4rem;
}

.case-details .case-details-box .tips-box {
  height: 48rem;
  opacity: 1;
  border-radius: 80rem;
  border: 1rem solid rgba(22, 76, 194, 1);
  font-size: 18rem;
  font-weight: 400;
  letter-spacing: 0rem;
  line-height: 48rem;
  color: rgba(22, 76, 194, 1);
  padding: 0 19rem 0 20rem;
  display: inline-block;
  margin: 24rem 0 0rem;
}

.case-details .case-details-box .btn-box {
  font-size: 18rem;
  font-weight: 400;
  letter-spacing: 0rem;
  line-height: 26.06rem;
  color: rgba(0, 0, 0, 1);
  margin-top: 20rem;
}

.case-details .case-details-box .btn-box .btn {
  width: 140rem;
  height: 48rem;
  opacity: 1;
  border-radius: 80rem;
  background: rgba(22, 76, 194, 1);
  font-size: 16rem;
  font-weight: 400;
  letter-spacing: 0rem;
  line-height: 48rem;
  color: rgba(255, 255, 255, 1);
  margin-left: 120rem;
}
.case-details .case-details-box .title {
  font-size: 50rem;
  font-weight: 400;
  letter-spacing: 0rem;
  line-height: 72.4rem;
  color: rgba(0, 0, 0, 1);
}

/* 上一个案例 */
.case-details .case-details-box .previous-box {
  width: 50rem;
  height: 50rem;
  position: relative;
}

.case-details .case-details-box .previous-box .previous-box-box {
  position: absolute;
  left: 0;
  top: 0;
  width: 50rem;
  height: 50rem;
  transition: all 0.5s;
  /* opacity: 0.8; */
  border-radius: 50%;
}

.case-details .case-details-box .previous-box .previous-box-txt {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  padding-left: 69rem;
  display: none;
  font-size: 14rem;
  font-weight: 400;
  letter-spacing: 0rem;
  line-height: 50rem;
  color: rgba(255, 255, 255, 1);
  padding-right: 16.32rem;
  width: max-content;
}

.case-details .case-details-box .previous-box img {
  width: 50rem;
  height: 50rem;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}

.case-details .case-details-box .previous-box-box.on {
  width: 170rem;
  background-color: rgba(0, 0, 0, 1);
  border-radius: 150rem;
}

/* 下一个案例 */
.case-details .case-details-box .next-box {
  width: 50rem;
  height: 50rem;
  position: relative;
}

.case-details .case-details-box .next-box .next-box-box {
  position: absolute;
  left: 0;
  top: 0;
  width: 50rem;
  height: 50rem;
  transition: all 0.5s;
  /* opacity: 0.8; */
  border-radius: 50%;
  transform: translateX(0%);
  /* 初始状态下完全移出容器 */
  background-color: transparent;
  /* 初始状态下无背景色 */
}

.case-details .case-details-box .next-box .next-box-txt {
  position: absolute;
  right: 60rem;
  top: 0;
  z-index: 10;
  display: none;
  font-size: 14rem;
  font-weight: 400;
  letter-spacing: 0rem;
  line-height: 50rem;
  color: rgba(255, 255, 255, 1);
  padding-right: 16.32rem;
  width: max-content;
}

.case-details .case-details-box .next-box img {
  width: 50rem;
  height: 50rem;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}

.case-details .case-details-box .next-box-box.on {
  width: 170rem;
  background-color: rgba(0, 0, 0, 1);
  border-radius: 150rem;
  transform: translateX(-120rem);
}

/* 应用详情 */
.case-details .apply-info-box {
  width: 100%;
  /* min-height: 500rem; */
  background-color: #fff;
  border-radius: 8rem;
  padding: 30rem 30rem 40.03rem 30rem;
  margin: 24rem 0;
}

.case-details .apply-info-box .detail-box {
  margin-left: 30rem;
  font-size: 14rem;
  font-weight: 400;
  letter-spacing: 0rem;
  line-height: 22rem;
  color: rgba(34, 34, 34, 1);
}

.case-details .apply-info-box .detail-box .title {
  font-size: 34rem;
  font-weight: 400;
  letter-spacing: 0rem;
  line-height: 49.23rem;
  color: rgba(0, 0, 0, 1);
  margin-bottom: 10rem;
}

.case-details .apply-info-box .detail-box .txt {
  line-height: 30rem;
  color: rgba(22, 76, 194, 1);
  padding: 0 12rem;
  height: 30rem;
  opacity: 1;
  border-radius: 4rem;
  border: 1rem solid rgba(22, 76, 194, 1);
  margin: 0 10rem 10rem 0;
}

.case-details .apply-info-box .detail-box .txt-box .txt:last-child {
  /* background-color: red; */
  margin-right: 0rem;
}

.case-details .apply-info-box .detail-box .price-box {
  width: 362rem;
  height: 80rem;
  opacity: 1;
  border-radius: 4rem;
  background: rgba(237, 243, 255, 1);
  font-size: 40rem;
  font-weight: 400;
  letter-spacing: 0rem;
  line-height: 39rem;
  color: rgba(22, 76, 194, 1);
  padding: 0 0 17rem 26rem;
  margin-right: 10rem;
}

.case-details .apply-info-box .detail-box .price-box .txt0 {
  font-size: 18rem;
  line-height: 26.06rem;
}

.case-details .apply-info-box .detail-box .num-box {
  height: 80rem;
  opacity: 1;
  border-radius: 4rem;
  background: rgba(237, 243, 255, 1);
  font-size: 14rem;
  font-weight: 400;
  letter-spacing: 0rem;
  line-height: 20.27rem;
  color: rgba(0, 0, 0, 0.7);
}
.case-details .apply-info-box .detail-box .num-box .star-box {
  margin-top: 6rem;
}
.case-details .apply-info-box .detail-box .num-box .star-box img {
  margin-right: 4.75rem;
  width: 14rem;
  height: 14rem;
  display: block;
}
.case-details .apply-info-box .detail-box .num-box .star-box img:last-child {
  margin-right: 0;
}

.case-details .apply-info-box .detail-box a {
  display: block;
  width: 100%;
  height: 48rem;
  opacity: 1;
  border-radius: 4rem;
  background: rgba(22, 76, 194, 1);
  font-size: 18rem;
  font-weight: 700;
  letter-spacing: 0rem;
  line-height: 48rem;
  color: rgba(255, 255, 255, 1);
  margin-top: 32rem;
}

.case-details .apply-info-box ul li {
  font-size: 18rem;
  font-weight: 400;
  letter-spacing: 0rem;
  line-height: 26.06rem;
  color: rgba(0, 0, 0, 1);
  flex-shrink: 0;
  margin-right: 124rem;
}

.case-details .apply-info-box ul li img {
  margin-right: 20rem;
  width: 70rem;
  height: 87rem;
  display: block;
}

.case-details .apply-details-box .con-box {
  width: 100%;
  min-height: 595rem;
  padding: 24rem 30rem;
  opacity: 1;
  border-radius: 8rem;
  background: rgba(255, 255, 255, 1);
}

.case-details .apply-details-box .list-box {
  width: 262rem;
  min-height: 595rem;
  opacity: 1;
  border-radius: 8rem;
  background: rgba(255, 255, 255, 1);
  margin-left: 24rem;
  padding: 24rem 30rem 4rem;
}

.case-details .apply-details-box .list-box .title {
  font-size: 16rem;
  font-weight: 400;
  letter-spacing: 0rem;
  line-height: 23.17rem;
  color: rgba(0, 0, 0, 1);
  margin-bottom: 12rem;
}

.case-details .apply-details-box .list-box ul li {
  margin-bottom: 24rem;
}

.case-details .apply-details-box .list-box ul li a {
  font-size: 14rem;
  font-weight: 400;
  letter-spacing: 0rem;
  line-height: 20.27rem;
  color: rgba(0, 0, 0, 1);
}

@media only screen and (max-width: 493px) {
  .consult-box {
    background-color: rgba(0, 0, 0, 0.8);
  }
  .consult-con {
    width: 360rem;
    height: 168rem;
    background-color: #fff;
    box-shadow: 0rem 0rem 10rem #e2e6f2;
    border-radius: 8rem;
    padding: 0 49rem 0 36rem;
    font-size: 8rem;
    line-height: 18rem;
    color: #383838;
    position: relative;
  }
  .consult-con .robot-pic {
    width: 52rem;
    height: 52rem;
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .consult-con .phone-box2 {
    background-color: #f0f5ff;
    color: #0044e4;
    height: auto !important;
    font-size: 12rem !important;
    font-weight: 550;
    padding: 7rem 12rem;
    border-radius: 5rem;
    margin-bottom: 7rem;
  }
  .consult-con .phone-box .flex> div {
    font-size: 12rem !important;
  }
  .consult-con .phone-box2 .flex> div {
    font-size: 12rem !important;
  }
  .consult-con .phone-box {
    background-color: #f0f5ff;
    color: #0044e4;
    height: auto !important;
    font-size: 12rem !important;
    font-weight: 550;
    padding: 7rem 12rem;
    border-radius: 5rem;
    margin-bottom: 7rem;
  }
  .consult-con img {
    height: 61rem !important;
    width: 66rem !important;
    display: inline-block !important;
  }
}