* {
  margin: 0;
  padding: 0;
}

@font-face {
  font-family: "YouSheBiaoTiHei";
  src: url("/channel-home/network/font/YouSheBiaoTiHei-2.ttf");
}

.container {
  min-width: 1200px;
  /* min-width: 1920px; */
}

.leftlines{
  display: none;
  width: 2px;
  height: 113px;
  background-color: #006dff;
  margin-left: -2px;
}

.cpal-cont-left-one-tips {
  display: none; /* 默认不显示tips */
}

.cpal-cont-left-one-active .cpal-cont-left-one-tips {
  display: block; /* 当元素激活时显示tips */
}

.cpal-cont-left-one-active .cpal-cont-left-one-title{
  color:#333;
}


/* 顶部 */
.top {
  width: 100%;
  /* min-width: 1200px; */
  /* height: 41.67vw; */
  min-height: 42vw;
  /* height: 800px; */
  background-image: url("https://zbhk-new.lnyun.com.cn/www/bdkj/images/202503/759351660068737197.png");
  background-size: 100% 100%;
  
  padding-bottom: 5vw;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* 顶部结束 */

/* 方案优势 */
.fays {
  width: 100%;
  /* height: 37.67vw; */
  /* min-height: 800px; */
  min-height: 41vw;
  background-image: url("../static/rmt/faysbg.png");
  background-size: 100%;
  padding-left: 61%;
  padding-top: 5%;
  box-sizing: border-box;
}

.fays-title {
  color: #000000;
  font-weight: 700;
  font-size: 48px;
}

.fays-tip {
  color: #75797e;
  font-weight: 400;
  font-size: 18px;
  margin-top: 1vw;
}

.fays-typebox {
  margin-top: 10%;
  display: flex;
  align-items: flex-start;
}

.fays-type-one {
  color: #000000;
  font-weight: 500;
  font-size: 22px;
  margin-right: 5%;
  padding-bottom: 4px;
  cursor: pointer;
}

.fays-type-one-active {
  color: #006dff;
  font-weight: 700;
  font-size: 22px;
  border-bottom: 3px solid #006dff;
}

.fays-cont-title {
  color: #000000;
  font-weight: 700;
  font-size: 32px;
  margin-top: 2vw;
}

.fays-cont-tip {
  color: #75797e;
  font-weight: 400;
  font-size: 18px;
  width: 70%;
  margin-top: 1vw;
}
/* 方案优势结束 */

/* 功能板块 */
.gnbk {
  width: 100%;
  /* height: 57.29vw;
  min-height: 630.19px; */
  height: 1097px;
  background-image: url("/channel-home/network/static/rmt/gnbkbg.png");
  background-size: 100% 100%;
  padding: 6vw 2vw;
  box-sizing: border-box;
}

.gnbk-title {
  color: #ffffff;
  font-weight: 700;
  font-size: 48px;
  text-align: center;
}

.gnbk-tip {
  color: #ffffff;
  font-weight: 400;
  font-size: 18px;
  text-align: center;
  margin-top: 34px;
}

.swiperbigbox {
  width: 100%;
  /* height: 35vw; */
  height: 670px;
  min-height: 480px;
  margin: 0 auto;
  overflow: hidden;
  background-image: url("/channel-home/network/static/rmt/gnbkcontbg.png");
  background-size: 100% 100%;
  position: relative;
  margin-top: 3vw;
}

.swiper-container2 {
  width: 80%;
  height: 100%;
  margin: 0 auto;
  overflow: hidden;

  margin-top: -10px;
}
.swiper-wrapper2 {
  width: 100%;
}

.swiperqianone {
  transform: rotateZ(4deg) rotateY(4deg) rotateX(0deg) !important;
}

.swiperqianone2 {
  transform: rotateZ(7deg) rotateY(4deg) rotateX(0deg) !important;
}

.swiperqiantwo {
  transform: rotateZ(7deg) rotateY(4deg) !important;
  margin-top: 11% !important;
}

.swiperqianthree {
  transform: rotateZ(9deg) rotateY(4deg) !important;
  margin-top: 8% !important;
}

.swiperhouone {
  transform: rotateZ(356deg) rotateY(4deg) !important;
}

.swiperhouone2 {
  transform: rotateZ(352deg) rotateY(4deg) !important;
}

.swiperhoutwo {
  transform: rotateZ(352.5deg) rotateY(4deg) !important;
  margin-top: 11.2% !important;
}

.swiperhouthree {
  transform: rotateZ(350.5deg) rotateY(4deg) !important;
  margin-top: 10% !important;
}

.swiper2 {
  text-align: center;
  font-size: 18px;
  height: 27% !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  transition: 300ms;
  /* transform: scale(0.8) !important; */
  background-image: url("/channel-home/network/static/rmt/gnmkone.png");
  background-size: 100% 100%;
  color: #fff;
  width: 32% !important;
  padding-top: 10.5%;
  margin-top: 13%;
}


.swiper22 {
  text-align: center;
  font-size: 18px;
  height: 27% !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  transition: 300ms;
  /* transform: scale(0.8) !important; */
  background-image: url("/channel-home/network/static/rmt/gnmkone.png");
  background-size: 100% 100%;
  color: #fff;
  width: 18.5% !important;
  padding-top: 7.5%;
  margin-top: 13%;
}

.swiper-wrapper2 > .swiper-slide-active {
  transform: scaleX(1.4) !important;
  z-index: 999;
  margin-top: 62px;
  height: 50% !important;
  padding-top: 11%;
}

.swiper-wrapper22 > .swiper-slide-active{
  transform: scaleX(1.4) !important;
  z-index: 999;
  margin-top: 5px;
  height: 50% !important;
  padding-top: 18%;
}

.swiper-wrapper2 > .swiper-slide-active .bktitle{
transform: scaleY(1.4) !important;
}


.swiper-wrapper2 > .swiper-slide-active .bktip{
transform: scaleY(1.4) !important;
}

.swiperprev,
.swipernext {
  width: 4vw;
  height: 4vw;
  position: absolute;
  z-index: 99;
  cursor: pointer;
}

.swipernext {
  right: 5%;
  top: 38%;
}

.swiperprev {
  left: 5%;
  top: 38%;
}

.bkicon {
  /* width: 4vw;
  height: 4vw; */
  height: 77px;
  width: 77px;
  margin-top: -23%;
}

.swiper-slide-active > .bkicon {
  margin-top: -22% !important;
  /* width: 5vw;
  height: 7vw; */
  width: 96px;
  height: 134px;
}

.swiper-slide-active > .bktitle {
  font-size: 30px;
  padding: 0 3%;
  box-sizing: border-box;
}

.bktitle {
  color: #e9f1ff;
  font-size: 20px;
  font-family: YouSheBiaoTiHei;
  margin-top: 9px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bktip {
  padding: 0 17%;
  color: #ffffff;
  font-size: 11px;
  margin-top: 20px;
}
/* 功能板块结束 */

/* 产品案例 */
.cpal {
  width: 100%;
  /* height: 45.83vw;
  min-height: max-content; */
  background-image: url("/channel-home/network/static/rmt/cpalbg.png");
  background-size: 100% 100%;
  padding: 4vw 0;
  box-sizing: border-box;
}

.leftlines{
width: 2px;
    height: 115px;
    background-color: #006DFF;
    margin-left: -2px;
}

.cpal-title {
  color: #000000;
  font-weight: 700;
  font-size: 48px;
  text-align: center;
  margin-bottom: 4vw;
}

.cpal-cont {
  width: 100%;
  padding-left: 7vw;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}

.cpal-cont-left {
  width: 43%;
  min-width: 444px;
  border-left: 2px solid  #E1E1E1;;
}

.cpal-cont-left-one {
  /* border-left: 1px solid #e1e1e1; */
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
}

.cpal-cont-left-one-active {
  /* border-left: 1px solid #006dff; */
}

.cpal-cont-left-one-title {
  color: #999;
  font-weight: 700;
  font-size: 26px;
  margin-bottom: 40px;
}

.cpal-cont-left-one-tip {
  color: #75797e;
  font-weight: 400;
  font-size: 18px;
  padding-left: 8px;
  margin-bottom: 20px;
  display: flex;
  align-items: flex-start;
}
.cpal-cont-left-one-tip-line {
  width: 1px;
  height: 18px;
  background-color: #75797e;
  margin-right: 8px;
  margin-top: 4px;
}

.cpal-cont-right {
width: calc(56% - 84px);
    min-width: calc(100% - 542px);
  margin-left: 84px;
}

.swiper-slides {
  width: 70% !important;
  /* border-right: 1px solid #e1e1e1; */
}

.swiper-slides img {
  width: 100%;
}

.swiper-pagination-current {
  color: #000000;
  font-weight: 400;
  font-size: 36px;
}

.swiper-pagination-total {
  color: #adadad;
  font-size: 18px;
}

.swiper-pagination-fraction {
  bottom: -5px !important;
}

.swiper-next {
  position: absolute;
  bottom: 0px;
  z-index: 9999;
  left: 40%;
  opacity: 0.2;
}
.swiper-prev {
  position: absolute;
  bottom: 0px;
  z-index: 9999;
  right: 40%;
}
/* 产品案例结束 */

/* 多家媒体 */
.allmedia {
  width: 100%;
  padding: 4vw 0;
}
/* 外层容器：固定视口，隐藏溢出 */
.viewport {
  width: 100%;
  overflow: hidden;
  position: relative;
}

/* 滚动轨道：承载所有图片 */
.track {
  display: flex;
  will-change: transform; /* 优化渲染性能 */
}

/* 单个图片项 */
.item {
  flex-shrink: 0;
  width: 200px; /* 图片宽度 */
  margin-right: 20px; /* 图片间距 */
}

.item img {
  width: 11vw;
  height: auto;
}