.wrapper{
  width: 100%;
  background-color: #161618;
}
.content{
  width: 100%;
}
.content-column{
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  min-height: 18rem;
  text-align: center;
  margin: -1px auto 0;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-size: 38.4rem 18rem;
  background-position: center 100%;
}
.column-text-01{
  position: relative;
  height: 54px;
  padding: 0 50px;
  border-radius: 10px;
  border: 2px solid transparent;
  margin-top: 48px;
  border: 2px solid #CDF4FF;
  /* background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  background-image: linear-gradient(to right, #161618, #161618), linear-gradient(90deg, #CBF3FF, #7C94FF); */
}
.column-text-01-content{
  font-size: 28px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #CDF4FF;
  line-height: 46px;
  /* background: linear-gradient(90deg, #CBF3FF 0%, #CBF3FF 29%, #83DDFF 56%, #7C94FF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; */
}
 
.column-text-02{
  font-size: 54px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #FFF1DF;
  line-height: 75px;
  background: linear-gradient(90deg, #CBF3FF 0%, #CBF3FF 29%, #83DDFF 56%, #7C94FF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-top: 12px;
}
.column-text-02-sub{
  font-size: 18px;
  font-family: PingFangSC-Light, PingFang SC;
  font-weight: 300;
  color: #FFFFFF;
  line-height: 25px;
}
.column-text-03{
  font-size: 20px;
  font-family: PingFangSC-Regular, PingFang SC;
  color: #FFFFFF;
  line-height: 30px;
  margin-top: 24px;
  line-height: 30px;
}
.column-img{
  margin-top: 60px;
}
.column-list{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 1104px;
  margin-top: 60px;
  /* margin-left: 86px; */
}
.column-list-item{
  padding: 6px 0 18px;
  /* margin-right: 86px; */
}
.column-list-img{
  width: 282px;
  height: 170px;
  border-radius: 12px;
}
.column-list-title{
  font-size: 20px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 28px;
  margin-top: 10px;
}
.column-list-desc{
  font-size: 18px;
  font-family: PingFangSC-Light, PingFang SC;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.6);
  line-height: 25px;
  margin-top: 4px;
}
.content-column-24 .column-list{
  width: 1144px;
}
.content-column-24 .column-list-img{
  width: 256px;
}
.content-column-24 .column-list-item{
  /* margin-right: 40px; */
}
.content-column-24 .column-list-desc{
  margin-top: 10px;
}
.column-text-bottom{
  font-size: 18px;
  font-family: PingFangSC-Light, PingFang SC;
  font-weight: 300;
  line-height: 25px;
  margin-top: 27px;
  margin-bottom: 48px;
  color: rgba(255, 255, 255, 0.5);
} 
.content-column-1{
  height: 900px;
  background-image: url('https://jt.dangbei.net/shop/f3air/imgs/pc/column-1-bg.jpg');
  /* background-size: cover; */
}
.content-column-1 img{
  /* display: block; */
  /* margin: 0 auto; */
}
.column-1-img-01{
  width: 383px;
  height: 47px;
  margin-top: 120px;
}
.column-1-img-02{ 
  width: 714px;
  height: 84px;
  margin-top: 37px;
}
.column-1-img-03{
  position: absolute;
  bottom: 0;
  width: 264px;
  height: 63px;
}
.column-1-text-main{
  font-size: 90px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 126px;
  letter-spacing: 2px;
  margin-top: 19px;
}
.column-1-text-01{
  font-size: 0;
  margin-top: 14px;
}
.column-1-text-01-item{
  display: inline-block;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 27px;
  font-size: 27px;
  padding: 0 20px;
}
.column-1-text-01-item + .column-1-text-01-item{
  border-left: 3px solid #fff;
}
.content-column-2{
  background-image: url('https://jt.dangbei.net/shop/f3air/imgs/pc/column2/column-2-bg.jpg');
}
.content-column-2-content{
  width: 1192px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-top: 85px;
}
.content-column-2-content img{
  width: 100%;
}
.column-2-left,
.column-2-center,
.column-2-right{
  flex: 0 0 384px;
}
.column-2-left{
}
.column-2-center{
}
.column-2-right{
}

.content-column-3{
  background-image: url('https://jt.dangbei.net/shop/f3air/imgs/pc/column-3-bg.jpg');
}

.content-column-4{
  background-image: url('https://jt.dangbei.net/shop/f3air/imgs/pc/column-4-bg.jpg');
}

.content-column-5{
  background-image: url('https://jt.dangbei.net/shop/f3air/imgs/pc/column-5-bg.jpg');
}
.content-column-8{
  background-image: url('https://jt.dangbei.net/shop/f3air/imgs/pc/column-8-bg.gif');
}
.content-column-9{
  background-image: url('https://jt.dangbei.net/shop/f3air/imgs/pc/column-9-bg.jpg');
}
.content-column-10{
  background-image: url('https://jt.dangbei.net/shop/f3air/imgs/pc/column-10-bg.jpg');
}
.content-column-11{
  background-image: url('https://jt.dangbei.net/shop/f3air/imgs/pc/column-11-bg.jpg');
}
.content-column-12{
  background-image: url('https://jt.dangbei.net/shop/f3air/imgs/pc/column-12-bg.jpg');
}
.content-column-14{
  background-image: url('https://jt.dangbei.net/shop/f3air/imgs/pc/column-14-bg.jpg');
}
.content-column-15{
  background-image: url('https://jt.dangbei.net/shop/f3air/imgs/pc/column-15-bg.jpg');
}
.content-column-17{
  background-image: url('https://jt.dangbei.net/shop/f3air/imgs/pc/column-17-bg.jpg');
}
.content-column-19{
  background-image: url('https://jt.dangbei.net/shop/f3air/imgs/pc/column-19-bg.jpg');
}
.content-column-20{
  background-image: url('https://jt.dangbei.net/shop/f3air/imgs/pc/column-20-bg.jpg');
}
.content-column-20 .column-text-01{
  background-image: linear-gradient(to right, #4C4652, #524E5C), linear-gradient(90deg, #CBF3FF, #7C94FF);
}
.content-column-21{
  background-image: url('https://jt.dangbei.net/shop/f3air/imgs/pc/column21/column-21-bg.jpg');
}
.content-column-23{
  background-image: url('https://jt.dangbei.net/shop/f3air/imgs/pc/column-23-bg.jpg');
}
.content-column-24{
  min-height: auto;
  padding-top: 40px;
  padding-bottom: 120px;
}


.column-4-param{
  display: flex;
  flex-direction: row;
  margin-top: 44px;
}
.column-4-param-item{
  position: relative;
  padding: 0 56px;
}
.column-4-param-item::after{
  position: absolute;
  content: '';
  top: 50%;
  right: 0;
  transform: translate(0%, -50%);
  width: 1px;
  height: 80px;
  background: rgba(128,188,255,0.3000);
}
.column-4-param-item:last-child::after{
  height: 0;
}
.column-4-param-img{
  font-size: 32px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 34px;
  background: linear-gradient(90deg, #CBF3FF 0%, #CBF3FF 29%, #83DDFF 56%, #7C94FF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.column-4-param-text{
  font-size: 18px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 25px;
  background: linear-gradient(90deg, #CBF3FF 0%, #CBF3FF 29%, #83DDFF 56%, #7C94FF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-top: 6px;
}
.column-17-param{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 666px;
  margin-top: 44px;
}
.column-17-param-item{
  flex: 0 0 190px;
  position: relative;
  text-align: center;
  border-radius: 10px;
  border: 1px solid transparent;
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  background-image: linear-gradient(to right, #161618, #161618), linear-gradient(90deg, #CBF3FF, #7C94FF);
  /* border-image: linear-gradient(90deg, rgba(203, 243, 255, 1), rgba(203, 243, 255, 1), rgba(131, 221, 255, 1), rgba(124, 148, 255, 1)) 1 1; */
  margin-bottom: 38px;
  padding-bottom: 8px;
}

.column-17-param-img{
  font-size: 40px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 56px;
  background: linear-gradient(90deg, #CBF3FF 0%, #CBF3FF 29%, #83DDFF 56%, #7C94FF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.column-17-param-text{
  font-size: 20px;
  font-family: PingFangSC-Light, PingFang SC;
  font-weight: 300;
  color: #FFFFFF;
  line-height: 28px;
  background: linear-gradient(90deg, #CBF3FF 0%, #8BE4FF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.column-17-search{
  width: 452px;
  height: 82px;
  display: flex;
  align-items: center;
  background: linear-gradient(90deg, #E5E5E5 0%, #F6F6F6 100%);
  box-shadow: inset 2px 3px 14px 0px rgba(102,102,102,0.7900);
  border-radius: 47px;
  border: 6px solid transparent;
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  background-image: linear-gradient(to right, #fff, #fff), linear-gradient(90deg, rgba(124, 124, 124, 1), rgba(204, 204, 204, 1));
}
.column-17-search-txt{
  font-size: 32px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
  line-height: 45px;
  padding-left: 50px;
}
.column-17-search-icon{
  padding-left: 50px;
}
.column-18-param,
.column-19-param{
  display: flex;
  flex-direction: row;
  margin-top: 30px;
  justify-content: space-between;
  width: 632px;
}
.column-18-param-item,
.column-19-param-item{
  position: relative;
  width: 140px;
  height: 48px;
  line-height: 44px;
  text-align: center;
  border-radius: 8px;
  border: 1px solid transparent;
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
}
.column-18-param-item{
  background-image: linear-gradient(to right, #161618, #161618), linear-gradient(90deg, #CBF3FF, #7C94FF);
}
.column-19-param-item{
  background-image: linear-gradient(to right, #4C4652, #524E5C), linear-gradient(90deg, #CBF3FF, #7C94FF);
}
 
.column-18-param-text,
.column-19-param-text{
  font-size: 18px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  background: linear-gradient(90deg, #CBF3FF 0%, #CBF3FF 29%, #83DDFF 56%, #7C94FF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.column-19-param{
  width: 468px;
}

.column-21-param{
  display: flex;
  flex-direction: row;
  margin-top: 44px;
  width: 720px;
  justify-content: space-between;
}
.column-21-param-item{
  position: relative;
}
 
.column-21-param-img{
  width: 75px;
  height: 57px;
}
.column-21-param-text{
  font-size: 18px;
  font-family: PingFangSC-Light, PingFang SC;
  font-weight: 300;
  color: #FFF1DF;
  line-height: 25px;
  background: linear-gradient(90deg, #CBF3FF 0%, #CBF3FF 29%, #83DDFF 56%, #7C94FF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-top: 12px;
}


.swiper-content{
  position: relative;
}
.swiper {
  width: 800px;
  margin: 60px auto 0;
  position: relative;
  transform: translate3d(0,0,0);
  overflow: hidden;
}

.swiper .swiper-slide {
  transform:translate3d(0,0,0)
}
.swiper-text{
  font-size: 36px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #FFF1DF;
  line-height: 50px;
  background: linear-gradient(90deg, #CBF3FF 0%, #CBF3FF 29%, #83DDFF 56%, #7C94FF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 50px;
}

.swiper .swiper-slide img {
  height: 394px;
  border-radius: 30px;
}

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 65%;
  /* transform: translate(0%, -100%); */
  width: 40px;
  height: 40px;
  opacity: 0.8;
  z-index: 10;
  cursor: pointer;
}
.swiper-button-prev{
  left: -160px;
}
.swiper-button-next{
  right: -160px;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url('https://jt5.dangbei.net/shop/mall/x3pro_r/arrow.svg');
  background-size: cover;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url('https://jt5.dangbei.net/shop/mall/x3pro_r/arrow.svg');
  background-size: cover;
  transform: rotate(180deg);
}

.swiper-pagination-bullet {
  width: 14px;
  height: 14px;
  background: #FFFFFF;
}

.swiper-pagination-bullet-active {
  background: #FFFFFF;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin:0 14px 0 0;
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 22px;
}

.swiper-silde-text-box{
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  text-align: center;
  margin: 0 auto;
}
.swiper-text-bottom{
  font-size: 22px;
  font-family: PingFangSC-Light, PingFang SC;
  font-weight: 300;
  color: #FFFFFF;
  line-height: 30px;
  margin-top: 28px;
}

.swiper-content2 .swiper-pagination{
  bottom: 80px;
}
.swiper-content2 .swiper-button-next,
.swiper-content2 .swiper-button-prev{
  top: 50%;
}
.swiper-content3 .swiper{
  width: 100%;
  height: 100%;
  margin: 0 auto;
  overflow: hidden;
}
.swiper-content3 .swiper .swiper-slide img {
  height: 900px;
  border-radius: 30px;
}
.swiper-content3 .swiper-pagination{
  bottom: 60px;
}
.swiper-content3 .swiper-button-next,
.swiper-content3 .swiper-button-prev{
  top: 50%;
}
/* swiper3 */
.mySwiper3 {
  width: 100%;
  position: relative;
  margin: 0 auto;
}
.mySwiper3 .swiper-silde-text-box{
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
}
.mySwiper3 .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #F3F2F2;
}

.mySwiper3 .swiper-slide img {
  display: block;
  width: 100%;
  height: 900px !important;
  object-fit: cover;
  border-radius: 0;
}
.mySwiper3 .swiper-pagination{
  bottom: 60px;
}
.mySwiper3 .swiper-button-next{
  right:  100px;
}
.mySwiper3 .swiper-button-prev{
  left:  100px;
}