.centerContent {
  margin-top: 0.63rem;
  margin-bottom: 1rem;
  position: relative;
  min-height: 7rem;
  overflow: auto;
}
.bannerPart {
  width: 100%;
  height: 4.13rem;
  background-image: url("../assets/index/img_bg_banner@2x.png");
  background-size: 100% 100%;
  position: relative;
}
.investModal {
  position: absolute;
  top: 1.62rem;
  right: 49.47%;
  animation: topIconSCale 1.5s infinite;
}
.investModal .mainImg {
  display: block;
  width: 0.41rem;
  height: 0.48rem;
}
.circleModal {
  width: 0.2rem;
  height: 0.2rem;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.3);
  box-shadow: 0px 1px 0.2rem 0px rgba(0, 0, 0, 0.16);
  position: absolute;
  bottom: 0.08rem;
  left: 0.03rem;
}
.centerCircle {
  width: 0.14rem;
  height: 0.14rem;
  background: #c5d6ff;
  border-radius: 50%;
  margin: 0.03rem;
  box-sizing: border-box;
  padding: 0.04rem;
}
.innerCirlce {
  width: 0.06rem;
  height: 0.06rem;
  background: #3470ff;
  border-radius: 50%;
}
.modalDescPart {
  width: 0.4rem;
  height: 0.21rem;
  background: #ffffff;
  border-radius: 0.03rem 0.03rem 0.03rem 0.03rem;
  border: 1px solid rgba(52, 112, 255, 0.3);
  text-align: center;
  line-height: 0.21rem;
  font-size: 0.12rem;
  color: #3470ff;
  position: absolute;
  bottom: 0.05rem;
  left: -0.47rem;
}
.modalDescPart::after {
  content: "";
  display: inline-block;
  width: 0.13rem;
  height: 1px;
  background: #c5d6ff;
  border-radius: 0px 0px 0px 0px;
  position: absolute;
  right: -0.13rem;
  top: 0.1rem;
}

.money {
  top: 1.87rem;
  right: 25.1%;
}
.money .mainImg {
  width: 0.43rem;
  height: 0.47rem;
}
.money .centerCircle {
  background: #fff6e3;
}
.money .innerCirlce {
  background: #ffaf00;
}
.money .modalDescPart {
  color: #ffaf00;
  border-color: rgba(255, 175, 0, 0.3);
}
.money .modalDescPart::after {
  background: #fff6e3;
}

.construction {
  top: 2.35rem;
  right: -0.01rem;
}
.construction .mainImg {
  width: 0.61rem;
  height: 0.42rem;
}
.construction .centerCircle {
  background: #c4ebd7;
}
.construction .innerCirlce {
  background: #4ebb84;
}
.construction .modalDescPart {
  color: #4ebb84;
  border-color: rgba(78, 187, 132, 0.3);
}
.construction .modalDescPart::after {
  background: #c4ebd7;
}

.examine {
  top: unset;
  bottom: 0.7rem;
  right: 30.87%;
}
.examine .mainImg {
  width: 0.5rem;
  height: 0.58rem;
}
.examine .centerCircle {
  background: #e2deff;
}
.examine .innerCirlce {
  background: #8470ff;
}
.examine .modalDescPart {
  color: #8470ff;
  border-color: rgba(132, 112, 255, 0.3);
  bottom: unset;
  top: 0.13rem;
  z-index: 99;
}
.examine .modalDescPart::after {
  background: #e2deff;
  bottom: unset;
  top: 0.1rem;
  right: -0.14rem;
}
.examine .circleModal {
  top: 0.13rem;
  left: 0.07rem;
}

.program {
  top: unset;
  bottom: 0.44rem;
  right: 47.2%;
}
.program .mainImg {
  width: 0.85rem;
  height: 0.61rem;
}
.program .centerCircle {
  background: #d4ebec;
}
.program .innerCirlce {
  background: #3cc0c5;
}
.program .modalDescPart {
  color: #3cc0c5;
  border-color: rgba(55, 209, 215, 0.3);
  bottom: 0;
  top: unset;
  left: unset;
  right: -0.2rem;
}
.program .modalDescPart::after {
  background: #d4ebec;
  bottom: unset;
  top: 0.1rem;
  right: unset;
  left: -0.14rem;
}
.program .circleModal {
  top: unset;
  bottom: 0.1rem;
  left: 0.34rem;
}
.program .modalDescPart {
  top: unset;
  bottom: 0.1rem;
  /* left: 0.34rem; */
}

.finance {
  top: unset;
  bottom: 0.52rem;
  right: unset;
  left: 8.27%;
}
.finance .mainImg {
  width: 0.62rem;
  height: 0.62rem;
}
.finance .centerCircle {
  background: #fff6e3;
}
.finance .innerCirlce {
  background: #ffaf00;
}
.finance .modalDescPart {
  color: #ffaf00;
  border-color: rgba(255, 175, 0, 0.3);
  bottom: 0;
  top: unset;
  left: unset;
  right: -0.32rem;
}
.finance .modalDescPart::after {
  background: #fff6e3;
  bottom: unset;
  top: 0.1rem;
  right: unset;
  left: -0.14rem;
}
.finance .circleModal {
  top: unset;
  bottom: 0.1rem;
  left: 0.22rem;
}
.finance .modalDescPart {
  top: unset;
  bottom: 0.1rem;
}
.warehouse {
  top: 2.29rem;
  left: 15.2%;
  right: unset;
}
.warehouse .mainImg {
  width: 0.47rem;
  height: 0.44rem;
}
.warehouse .centerCircle {
  background: #e2deff;
}
.warehouse .innerCirlce {
  background: #8470ff;
}
.warehouse .modalDescPart {
  color: #8470ff;
  border-color: rgba(132, 112, 255, 0.3);
}
.warehouse .modalDescPart::after {
  background: #e2deff;
}

.develop {
  top: 2.3rem;
  left: 36.13%;
  right: unset;
}
.develop .mainImg {
  width: 0.57rem;
  height: 0.5rem;
}
.develop .centerCircle {
  background: #fee9e8;
}
.develop .innerCirlce {
  background: #ff574e;
}
.develop .modalDescPart {
  color: #ff574e;
  border-color: rgba(255, 87, 78, 0.3);
}
.develop .modalDescPart::after {
  background: #fee9e8;
}
.develop .circleModal {
  top: unset;
  bottom: 0.15rem;
  left: 0.15rem;
}
.develop .modalDescPart {
  top: unset;
  bottom: 0.15rem;
  left: -0.35rem;
}
/* 运维 */
.operate {
  top: 2.4rem;
  left: 59.13%;
  right: unset;
}
.operate .mainImg {
  width: 0.57rem;
  height: 0.5rem;
}
.operate .centerCircle {
  background: #c5d6ff;
}
.operate .innerCirlce {
  background: #3470ff;
}
.operate .modalDescPart {
  color: #3470ff;
  border-color: rgba(194, 212, 255, 0.3);
}
.operate .modalDescPart::after {
  background: #c5d6ff;
}
.operate .circleModal {
  top: unset;
  bottom: 0.1rem;
  left: 0.17rem;
}
.operate .modalDescPart {
  top: unset;
  bottom: 0.08rem;
  left: -0.33rem;
}
/* 运营 */
.operation {
  top: 2.85rem;
  left: 79.13%;
  right: unset;
}
.operation .mainImg {
  width: 0.57rem;
  height: 0.5rem;
}
.operation .centerCircle {
  background: #d4ebec;
}
.operation .innerCirlce {
  background: #3cc0c5;
}
.operation .modalDescPart {
  color: #3cc0c5;
  border-color: rgba(195, 241, 243, 0.3);
}
.operation .modalDescPart::after {
  background: #d4ebec;
}
.operation .circleModal {
  top: unset;
  bottom: 0.1rem;
  left: 0.17rem;
}
.operation .modalDescPart {
  top: unset;
  bottom: 0.08rem;
  left: -0.3rem;
}
@keyframes topIconSCale {
  5% {
    transform: translateY(-2%);
  }

  25% {
    transform: translateY(-1%);
  }
  75% {
    transform: translateY(2%);
  }
  100% {
    transform: translateY(0%);
  }
}

.secondModal {
  height: 1.03rem;
  background: #f3f6ff;
  border-radius: 0px 0px 0px 0px;
  box-sizing: border-box;
  padding-top: 0.2rem;
  overflow-x: hidden;
}
.increaseFlexModal {
  display: flex;
  align-items: center;
  justify-content: center;
}
.secondSwiperPart {
  width: 100%;
  height: 100%;
  position: relative;
}
.increaseItem {
  display: flex;
  align-items: center;
  margin-right: 0.56rem;
}
.increaseItem:nth-child(2) {
  margin-right: 0;
}
.increaseItem img {
  display: inline-block;
  width: 0.31rem;
  height: 0.31rem;
  margin-right: 0.13rem;
}
.increaseItem .increaseImg {
  display: inline-block;
  width: 0.14rem;
  height: 0.2rem;
  margin-left: 0.07rem;
}
.rightDescModal p {
  font-size: 0.12rem;
  color: #747c94;
}
.rightDescModal span {
  font-weight: bold;
  font-size: 0.27rem;
  color: #222222;
}
.secondSwiperPagination {
  position: absolute;
  bottom: 0.09rem !important;
  left: 1.58rem !important;
}
.secondSwiperPagination .swiper-pagination-bullet {
  width: 0.15rem;
  height: 0.05rem;
  background: #e6e6e6;
  border-radius: 0.2rem 0.2rem 0.2rem 0.2rem;
}
.secondSwiperPagination .swiper-pagination-bullet-active {
  background: #3470ff;
}
.titleName {
  font-weight: bold;
  font-size: 0.2rem;
  color: #222222;
  text-align: center;
}
/* 产品结构 */
.productStructure {
  box-sizing: border-box;
  padding-top: 0.4rem;
  height: 3.8rem;
  background: linear-gradient(180deg, #ffffff 0%, #eef3ff 100%);
}
.resolveContent {
  margin: 0.27rem 0 0;
  overflow-x: hidden;
  border-bottom: 1px solid #e6e6e6;
}
.topResolveTypeSwiper {
  width: 100%;
  padding-bottom: 0.16rem;
  position: relative;
}
.resolveItem {
  position: relative;
  text-align: center;
}
.resolveItem img {
  display: block;
  width: 0.27rem;
  height: 0.27rem;
  margin: 0 auto;
  margin-bottom: 0.07rem;
}
.swiper-slide.current {
  color: #3470ff;
}
.resolveItem::after {
  content: "";
  display: none;
  width: 20%;
  height: 0.03rem;
  border-radius: 0.02rem 0.02rem 0.02rem 0.02rem;
  background: #3470ff;
  position: absolute;
  bottom: -0.1rem;
  left: 50%;
  transform: translateX(-50%);
}
.swiper-slide.current .resolveItem::after {
  display: inline-block;
}
.correspondingBox {
  margin: 0.2rem 0.2rem 0;
  padding-bottom: 0.2rem;
}
/* 产品结构模块默认显示设置 */
.productStructure .correspondingBox > div {
  display: none;
}
.productStructure .correspondingBox .projectDevelop {
  display: block;
}
.productBottomLimitModal {
  margin: 0.1rem 0.1rem 0;
}
.sameBottomFlexPart {
  display: flex;
  justify-content: space-around;
  margin-bottom: 0.27rem;
}
.productBottomItem {
  width: 12%;
  font-size: 0.15rem;
  color: #222222;
  text-align: center;
  margin-right: 0.61rem;
}
.productBottomItem:nth-child(4n) {
  margin-right: 0;
}
.productBottomItem img {
  display: block;
  width: 0.53rem;
  height: 0.53rem;
  margin: 0 auto 0.09rem;
}
.productBottomItem p {
  width: 0.8rem;
  margin-left: -0.15rem;
}
.sameBottomFlexstart {
  display: flex;
  justify-content: start;
}
/* 光储助手 */
.lightStorageAssistant {
  padding-top: 0.47rem;
  height: 7.2rem;
  background: linear-gradient(180deg, #eef3ff 0%, #ffffff 100%);
}
.lightStorageSwiper {
  width: 100%;
  height: 100%;
}
.lightStorageSwiper .swiper-slide {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.topTitle {
  padding-left: 0.25rem;
  margin-bottom: 0.1rem;
}
.topTitle img {
  display: inline-block;
  vertical-align: middle;
  width: 25px;
  height: 25px;
  margin-right: 0.05rem;
}
.topTitle span {
  display: inline-block;
  vertical-align: middle;
  font-family: Source Han Sans SC, Source Han Sans SC;
  font-weight: 500;
  font-size: 20px;
  color: #222222;
}
.topText {
  margin-left: 0.55rem;
  margin-bottom: 0.2rem;
  font-family: Source Han Sans SC, Source Han Sans SC;
  font-weight: 400;
  font-size: 16px;
  color: #747c94;
  text-align: left;
  font-style: normal;
  text-transform: none;
}
.centerImg {
  width: 2.7rem;
  height: 5.5rem;
  /* border: 1px solid #ccc; */
  border-radius: 0.1rem;
  margin: 0 auto;
}
.centerImg img {
  width: 100%;
  height: 100%;
  border-radius: 0.05rem;
}
.footerNum {
  width: 0.7rem;
  height: 0.4rem;
  margin: 0 auto;
  background-color: #e8efff;
  border-radius: 0.08rem;
  text-align: center;
  line-height: 0.4rem;
  color: #3470ff;
  font-size: 20px;
}
/* 输出场景 */
.outPutViewModal {
  padding-top: 0.47rem;
}
.limitDistanceWidth {
  margin: 0 0.25rem;
}
.sameViewFlex {
  display: flex;
  align-items: center;
  margin-top: 0.33rem;
}
.sameViewFlex:last-child {
  margin-top: 0;
}
.viewItem {
  font-size: 0.14rem;
  color: #222222;
  text-align: center;
}
.viewItem .iconImg {
  display: block;
  width: 0.44rem;
  height: 0.44rem;
  margin: 0 auto 0.1rem;
}
.centerDevideImage {
  width: 0.18rem;
  height: 0.13rem;
  background-image: url("../assets/index/icon_jiantou@2x.png");
  background-size: 100% 100%;
  margin: 0 0.13rem;
}
.centerDevideImage.right {
  background-image: url("../assets/index/icon_jiantou1@2x.png");
}
.centerOnlyDevidePart {
  display: flex;
  justify-content: flex-end;
  margin-right: 0.28rem;
}
.centerOnlyDevidePart img {
  display: block;
  width: 0.18rem;
  height: 0.13rem;
  transform: rotate(90deg);
  margin: 0.15rem 0 0.13rem;
}
/* 功能特色 */
.featuresModal {
  height: 3.2rem;
  background-image: url("../assets/index/img_bg_gnts@2x.png");
  background-size: 100% 100%;
  box-sizing: border-box;
  padding-top: 0.4rem;
}
.featureMainContent {
  margin: 0.2rem;
  overflow-x: hidden;
}
.feartureSwiper {
  width: 100%;
  height: 100%;
}
.featureItemBg {
  height: 1.53rem;
  background-image: url("../assets/index/img_bg_zwnyhy.png");
  background-size: 100% 100%;
  box-sizing: border-box;
  padding: 0.23rem 0 0 0.2rem;
  color: #ffffff;
  font-size: 0.13rem;
}
.featureItemBg.two {
  background-image: url("../assets/index/img_bg_qdspzx.png");
}
.featureItemBg.three {
  background-image: url("../assets/index/img_bg_bdgxws.png");
}
.featureItemBg.four {
  background-image: url("../assets/index/img_bg_qyrcjg.png");
}
.featureItemBg.five {
  background-image: url("../assets/index/img_bg_srzcqx.png");
}

.featureItemBg img {
  display: block;
  width: 0.47rem;
  height: 0.47rem;
  margin-bottom: 0.1rem;
}
.featureItemBg .title {
  font-weight: bold;
  font-size: 0.17rem;
  margin-bottom: 0.07rem;
}
.featurePagination {
  margin-top: 0.24rem;
  position: relative;
  left: 40% !important;
}
.resolveProblemModal {
  box-sizing: border-box;
  padding-top: 0.4rem;
  height: 5rem;
  background-image: url("../assets/index/img_bg_jjwt@2x.png");
  background-size: 100% 100%;
  position: relative;
}
.resolveProblemModal .rightBg {
  position: absolute;
  right: 0;
  top: 1.9rem;
  width: 0.67rem;
  height: 1.43rem;
  background-image: url("../assets/index/img_you@2x.png");
  background-size: 100% 100%;
}
.resolveProblemModal .leftBg {
  position: absolute;
  left: 0;
  bottom: 0.2rem;
  width: 0.67rem;
  height: 0.87rem;
  background-image: url("../assets/index/img_zuo@2x.png");
  background-size: 100% 100%;
}
.resolveContent {
  margin: 0.27rem 0 0;
  overflow-x: hidden;
  border-bottom: 1px solid #e6e6e6;
}
.topResolveTypeSwiper {
  width: 100%;
  padding-bottom: 0.16rem;
  position: relative;
}
.resolveItem {
  position: relative;
  text-align: center;
}
.resolveItem img {
  display: block;
  width: 0.27rem;
  height: 0.27rem;
  margin: 0 auto;
  margin-bottom: 0.07rem;
}
.swiper-slide.current {
  color: #3470ff;
}
.resolveItem::after {
  content: "";
  display: none;
  width: 20%;
  height: 0.03rem;
  background: #3470ff;
  border-radius: 0.02rem 0.02rem 0.02rem 0.02rem;
  background: #3470ff;
  position: absolute;
  bottom: -0.1rem;
  left: 50%;
  transform: translateX(-50%);
}
.swiper-slide.current .resolveItem::after {
  display: inline-block;
}
.correspondingBox {
  margin: 0.2rem 0.2rem 0;
  padding-bottom: 0.2rem;
}
.togetherBottomBox {
  display: none;
}
.currentSelect.togetherBottomBox {
  display: block;
}

.togetherBottomBox p {
  font-size: 0.15rem;
  color: #222222;
  text-align: center;
}
.togetherBottomBox img {
  display: block;
  width: 100%;
  height: 2.27rem;
  margin: 0.2rem 0;
}
.aiFucntionModal {
  height: 4.67rem;
  background-image: url("../assets/index/img_bg_aifn@2x.png");
  background-size: 100% 100%;
  box-sizing: border-box;
  padding-top: 0.33rem;
}
.aiMainLimitContanier {
  overflow-x: hidden;
  margin: 0.33rem 0.2rem 0;
}
.aiSwiper {
  width: 100%;
  height: 100%;
}
.aiPartItem .topModal {
  display: flex;
}
.aiPartItem .topModal img {
  display: inline-block;
  width: 0.2rem;
  height: 0.2rem;
  margin-right: 0.1rem;
}
.aiPartItem .topModal p {
  font-size: 0.13rem;
  color: #a1a7bb;
  margin-bottom: 0.07rem;
}
.aiPartItem .topModal .title {
  font-weight: 500;
  font-size: 0.15rem;
  color: #222222;
}
.aiPartItem .partImage {
  width: 100%;
  margin-top: 0.06rem;
}
.aiPagination {
  margin-top: 0.2rem;
  position: relative;
  left: 40% !important;
}
.businessCoverModal {
  height: 4rem;
  background-image: url("../assets/index/img_bg_ywfg@2x.png");
  background-size: 100% 100%;
  box-sizing: border-box;
  padding-top: 0.47rem;
}
.coverFlexContent {
  margin: 0.33rem 0.2rem 0;
  display: flex;
  flex-wrap: wrap;
}
.coverItem {
  width: 47.8%;
  height: 1.2rem;
  background: #ffffff;
  box-shadow: 0px 1px 0.05rem 0px rgba(52, 112, 255, 0.12);
  border-radius: 0.05rem 0.05rem 0.05rem 0.05rem;
  box-sizing: border-box;
  padding: 0.13rem 0.15rem 0 0.13rem;
  font-size: 0.12rem;
  color: #747c94;
  margin-bottom: 0.17rem;
  margin-right: 0.15rem;
}
.coverItem:nth-child(2n) {
  margin-right: 0;
}
.coverItem img {
  display: block;
  height: 0.28rem;
}
.coverItem > div {
  font-weight: bold;
  font-size: 0.14rem;
  color: #222222;
  margin: 0.07rem 0 0.05rem;
}
/* 日常运营 */
.dailyModal {
  height: 6.42rem;
  background: linear-gradient(180deg, #eef3ff 0%, #fffcf5 100%);
  box-sizing: border-box;
  padding-top: 0.4rem;
  position: relative;
  margin-top: -0.01rem;
}
.dailyModalItem {
  width: 47.8%;
  border-radius: 0.07rem 0.07rem 0.07rem 0.07rem;
  box-sizing: border-box;
  padding: 0.15rem 0 0.15rem 0rem;
  font-size: 0.13rem;
  color: #747c94;
  margin-bottom: 0.17rem;
  margin-right: 0.15rem;
  text-align: center;
}
.dailyModalItem:nth-child(2n) {
  margin-right: 0;
}
.dailyModalItem img {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  margin-right: 0.1rem;
  vertical-align: middle;
  margin-bottom: 0.06rem;
}
.dailyModalItem span {
  font-size: 0.14rem;
  font-weight: 700;
  color: #222222;
}
/* 光储运维 */
.operationModal {
  height: 6.2rem;
  background-image: url("../assets/index/img_bg@2x.png");
  background-size: 100% 100%;
  box-sizing: border-box;
  padding-top: 0.4rem;
  position: relative;
}
.coverFlexContent {
  margin: 0.33rem 0.2rem 0;
  display: flex;
  flex-wrap: wrap;
}
.operationItem {
  position: relative;
  width: 47.8%;
  height: 1rem;
  box-shadow: 0px 1px 0.05rem 0px rgba(52, 112, 255, 0.12);
  border-radius: 0.05rem 0.05rem 0.05rem 0.05rem;
  box-sizing: border-box;
  padding: 0.13rem 0.15rem 0 0.13rem;
  font-size: 0.12rem;
  color: #747c94;
  margin-bottom: 0.17rem;
  margin-right: 0.15rem;
}
.right-bottom {
  display: inline-block;
  width: 0.7rem;
  height: 0.5rem;
  position: absolute;
  right: 0.2px;
  bottom: 0rem;
}
.operationItem:nth-child(2n) {
  margin-right: 0;
}
.operationItem img {
  display: block;
  height: 0.28rem;
}
.operationItem > div {
  font-weight: bold;
  font-size: 0.14rem;
  color: #222222;
  margin: 0.07rem 0 0.05rem;
}
.gcdpBg {
  background: linear-gradient(180deg, #fefeff 0%, #f4f8ff 50%, #eef3ff 100%);
}
.sbglBg {
  background: linear-gradient(180deg, #fefeff 0%, #fff1f1 100%);
}
.ppjrBg {
  background: linear-gradient(180deg, #fefeff 0%, #fffbee 100%);
}
.sjfxBg {
  background: linear-gradient(180deg, #fefeff 0%, #f1eeff 100%);
}
.cndpBg {
  background: linear-gradient(180deg, #fefeff 0%, #f2fcf2 100%);
}
.cnjcBg {
  background: linear-gradient(180deg, #fefeff 0%, #edfffe 100%);
}
.tjsyBg {
  background: linear-gradient(180deg, #fefeff 0%, #eef7ff 100%);
}
.fssyBg {
  background: linear-gradient(180deg, #fefeff 0%, #fff5ee 100%);
}
/* 巡检维保 */
.inspectionModal {
  height: 3.6rem;
  background-image: url("../assets/index/img_bg_gnts-1@2x.png");
  background-size: 100% 100%;
  box-sizing: border-box;
  padding: 0rem 0.1rem 0;
}
.sameFlexPart {
  display: flex;
  justify-content: space-around;
  margin-bottom: 0.27rem;
  margin-top: 0.5rem;
}
.inspectionItem {
  width: 33%;
  font-size: 0.12rem;
  color: #747c94;
  text-align: center;
  margin-right: 0.61rem;
}
.inspectionItem:nth-child(3n) {
  margin-right: 0;
}
.inspectionItem img {
  display: block;
  width: 0.55rem;
  height: 0.53rem;
  margin: 0 auto 0.09rem;
}
.inspectionItem div {
  font-weight: 500;
  font-size: 0.14rem;
  color: #222222;
  margin: 0.07rem 0 0.05rem;
}
.inspectionItem p {
  width: 0.8rem;
}
.bottom-item {
  padding-left: 0.5rem;
}
.top-title {
  margin-left: 0.05rem;
}
.bottom-title {
  margin-left: 0.15rem;
}

/* 施工监管 */
.constructionModal {
  height: 5.67rem;
  background: linear-gradient(180deg, #fafcff 0%, #f8f6ff 100%);
  box-sizing: border-box;
  padding-top: 0.4rem;
  position: relative;
}
.bottomBg {
  position: absolute;
  width: 100%;
  height: 3.31rem;
  bottom: 0;
  left: 0;
  background-image: url("../assets/index/img_bg_sgjg@2x.png");
  background-size: 100% 100%;
}
.constructionLimit {
  margin: 0.27rem 0.2rem 0;
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.constrctionItem {
  width: 47.8%;
  height: 0.73rem;
  background: #e8f8f6;
  border-radius: 0.07rem 0.07rem 0.07rem 0.07rem;
  box-sizing: border-box;
  padding: 0.15rem 0 0.12rem 0.13rem;
  font-size: 0.13rem;
  color: #747c94;
  margin-bottom: 0.17rem;
  margin-right: 0.15rem;
}
.constrctionItem:nth-child(2n) {
  margin-right: 0;
}
.constrctionItem img {
  display: inline-block;
  width: 0.21rem;
  height: 0.21rem;
  margin-right: 0.1rem;
  vertical-align: middle;
  margin-bottom: 0.06rem;
}
.constrctionItem span {
  font-size: 0.14rem;
  color: #222222;
}
.orangeBg {
  background: #fff0e9;
}
.purpleBg {
  background: #f4f0ff;
}
.greenBg {
  background: #ebfce8;
}
.blueBg {
  background: #f0f4ff;
}
.yellowBg {
  background: #fbf5e4;
}
.redBg {
  background: #ffefee;
}
.productFunctionModal {
  height: 4.8rem;
  background: linear-gradient(180deg, #f8f6ff 0%, #ffffff 100%);
  box-sizing: border-box;
  padding-top: 0.47rem;
}
.productLimitModal {
  margin: 0.33rem 0.46rem 0;
}
.sameFlexPart {
  display: flex;
  justify-content: space-around;
  margin-bottom: 0.27rem;
}
.productItem {
  width: 33%;
  font-size: 0.15rem;
  color: #222222;
  text-align: center;
  margin-right: 0.61rem;
}
.productItem:nth-child(3n) {
  margin-right: 0;
}
.productItem img {
  display: block;
  width: 0.53rem;
  height: 0.53rem;
  margin: 0 auto 0.09rem;
}
.linkageModal {
  height: 6.5rem;
  background-image: url("../assets/index/img_bg_ddld@2x.png");
  background-size: 100% 100%;
  box-sizing: border-box;
  padding-top: 0.47rem;
}
.linkageBtn {
  width: 1.8rem;
  height: 0.4rem;
  background: linear-gradient(
    90deg,
    rgba(52, 112, 255, 0.1) 0%,
    rgba(182, 102, 255, 0.1) 100%
  );
  border-radius: 0.2rem 0.2rem 0.2rem 0.2rem;
  text-align: center;
  line-height: 0.4rem;
  color: #3470ff;
  font-size: 0.14rem;
  margin: 0.2rem auto 0.18rem;
}
.bottomLimitLink {
  margin: 0 0.2rem;
}
.pcImage {
  width: 100%;
}
.centerDevideIcon {
  display: block;
  width: 0.31rem;
  height: 0.35rem;
  background-image: url("../assets/index/icon_hutong@2x.png");
  background-size: 100% 100%;
  margin: 0.17rem auto;
}
.productPrice {
  position: relative;
  margin-top: 0.63rem;
  height: 12rem; /* 增加高度以避免滑动条被遮挡 */
  /* border: 1px solid red; */
  background-image: url("../assets/cpbj/img_bg@2x.png");
  background-size: 100% 40%;
  background-repeat: no-repeat;
  padding: 0px 0.25rem;
  padding-top: 0.36rem;
  margin-bottom: 0.2rem;
  display: none; /* 默认隐藏产品报价模块 */
}
.productDetailContent {
  margin-top: 0.3rem;
  height: 10rem;
  /* border: 1px solid green; */
  border-radius: 0.15rem;
  background-color: #f8f9fe;
  border: 1px solid #e4e6ee;
  border-top: 0px;
}
.productTopContent {
  height: 72%;
  /* border: 1px solid pink; */
  border-radius: 0.15rem;
  background-color: #fff;
  box-shadow: 0px 3px 16px 1px rgba(0, 0, 0, 0.06);
}
.topProductCard {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 25%;
  border: 2px solid #fff;
  border-radius: 0.15rem 0.15rem 0 0;
  background: linear-gradient(135deg, #e0f2ff 0%, #b2d4ff 100%);
}
.team {
  width: auto;
  height: 39px;
  font-family: Alimama ShuHeiTi, Alimama ShuHeiTi;
  font-weight: bold;
  font-size: 32px;
  color: #35507e;
  margin-bottom: 20px;
}
.price {
  display: flex;
}
.priceNum1 {
  width: 30px;
  height: 44px;
  font-family: Source Han Sans SC, Source Han Sans SC;
  font-weight: bold;
  font-size: 30px;
  color: #35507e;
  margin-right: 3px;
}
.priceNum2 {
  width: 71px;
  height: 58px;
  font-family: Source Han Sans SC, Source Han Sans SC;
  font-weight: bold;
  font-size: 40px;
  color: #35507e;
  margin-top: -12px;
}
.priceYear {
  width: 24px;
  height: 24px;
  background-color: blue;
  border-radius: 50%;
  color: #fff;
  margin-top: 10px;
  margin-left: -5px;
  margin-right: 5px;
  text-align: center;
  line-height: 24px;
}
.priceNum3,
.priceNum4 {
  width: 44px;
  height: 26px;
  font-family: Source Han Sans SC, Source Han Sans SC;
  font-weight: 500;
  font-size: 18px;
  color: #35507e;
  padding-top: 10px;
}
.centerSetting {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 40px;
  margin-bottom: 20px;
}
.leftLine {
  width: 28%;
  height: 1px;
  background-color: #d7dbec;
  margin-top: 25px;
}
.setText {
  font-family: Source Han Sans SC, Source Han Sans SC;
  font-weight: 400;
  font-size: 16px;
  color: #a1a7bb;
  margin-top: 20px;
  margin-right: 30px;
  margin-left: 30px;
}
.rightLine {
  width: 28%;
  height: 1px;
  background-color: #d7dbec;
  margin-top: 25px;
}
.bottomProductList {
  display: flex;
  flex-direction: column;
  align-items: start;
  padding-left: 30px;
  width: 100%;
  height: 450px;
}
.settingItem {
  margin-bottom: 20px;
}
.settingItem img {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
}
.settingItem span {
  font-family: Source Han Sans SC, Source Han Sans SC;
  font-weight: 400;
  font-size: 16px;
  color: #222222;
  display: inline-block;
  vertical-align: middle;
}
.contentPeople {
  width: 300px;
  height: 50px;
  background: #ffffff;
  border-radius: 8px;
  border: 1px solid #3470ff;
  text-align: center;
  line-height: 50px;
  margin: 0 auto;
  margin-top: -40px;
}
.contentPeople span {
  font-family: Source Han Sans SC, Source Han Sans SC;
  font-weight: 500;
  font-size: 18px;
  color: #3470ff;
}
.topSupport {
  width: 100%;
  display: flex;
  justify-content: start;
  margin: 30px 0 0 30px;
}
.topSupport img {
  width: 24px;
  height: 24px;
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
}
.topSupport span {
  font-family: Source Han Sans SC, Source Han Sans SC;
  font-weight: 500;
  font-size: 16px;
  color: #222222;
}
.supportItem {
  display: flex;
  justify-content: start;
  margin-top: 20px;
  margin-left: 60px;
}
.supportItem img {
  width: 18px;
  height: 18px;
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
}
.supportItem span {
  font-family: Source Han Sans SC, Source Han Sans SC;
  font-weight: 400;
  font-size: 14px;
  color: #222222;
  margin-right: 90px;
}

/* 轮播图样式 */
.carousel-container {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.carousel-wrapper {
  position: relative;
  width: 100%;
  height: 12rem;
}

.carousel-track {
  display: flex;
  width: 400%;
  height: 12rem;
  transition: transform 0.3s ease-in-out;
  touch-action: pan-y;
  align-items: stretch;
}

.carousel-slide {
  flex: 0 0 25%;
  box-sizing: border-box;
  min-height: 0;
  /* margin-right: 1px; */
}

/* 指示器样式 */
.carousel-indicators {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-top: -120px;
}

.indicator {
  width: 25px;
  height: 5px;
  border-radius: 5px;
  background-color: #ccc;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.indicator.active {
  background-color: #007bff;
}

.indicator:hover {
  background-color: #999;
}

/* 触摸滑动支持 */
.carousel-track {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.company {
  background: linear-gradient(135deg, #e5e2ff 0%, #b3b2ff 100%);
  position: relative;
}
.tenNum {
  position: absolute;
  font-family: Source Han Sans SC, Source Han Sans SC;
  font-weight: 500;
  font-size: 16px;
  color: #36326d;
  top: 140px;
}
.tuijian {
  width: 120px;
  height: 120px;
  position: absolute;
  right: -4px;
  top: -12px;
}
.privateDeployment {
  background: linear-gradient(135deg, #fde9db 0%, #ffc89f 100%);
}
.privateDeployment .team {
  color: #6f1304;
}
.enterprise {
  background-image: url("../assets/cpbj/img_bg_qydz@2x.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.setText1 {
  margin-left: 10px;
  margin-right: 10px;
}
.contentPeople1 {
  background: linear-gradient(90deg, #fff5d4 0%, #ffd77a 100%);
  box-shadow: 0px 3px 10px 1px rgba(255, 175, 0, 0.2);
  border: 0px;
  span {
    color: #594200;
  }
}
.supportItem1 {
  margin-top: 15px;
  margin-left: 40px;
}
.topSupportItem {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}
.supportCycle {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #ffde95;
  margin-right: 16px;
}
.supportText {
  font-family: Source Han Sans SC, Source Han Sans SC;
  font-weight: 500;
  font-size: 14px;
  color: #222222;
}
.bottomSupportText {
  font-family: Source Han Sans SC, Source Han Sans SC;
  font-weight: 400;
  font-size: 14px;
  color: #747c94;
  margin-left: 20px;
  margin-right: 60px;
  text-align: left;
}
.contentPeople:hover {
  cursor: pointer;
}
.leftChange,
.rightChange {
  position: fixed;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.3);
  text-align: center;
  line-height: 50px;
  top: 50%;
  left: 1%;
  transform: translateY(-50%);
  cursor: pointer;
  z-index: 999;
}
.rightChange {
  left: 90%;
}
.leftChange img {
  width: 10px;
  height: 20px;
}
.rightChange img {
  width: 10px;
  height: 20px;
}