/* 设置一个 版心 宽度，专门用来控制响应式 用时直接加 类名就行  */

.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;

  flex: 1;
}



.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;

  height: 155.2rem;

  &: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;

  }

}