.column{
  padding: 50px 0;
}
.column >.inner{
  display: flex;
  justify-content: center;
  align-items: center;
}

.column1{
  background: url("/v4/images/zeta-network/column1.png") no-repeat;
  background-size: cover;
  padding: 50px 0;
  padding-bottom: 0;
}
.column1>.inner{
  display: flex;
  justify-content: space-between;
}
.column1>.inner>ul>li{
  margin-bottom: 24px;
}
.column1>.inner>ul>li >.dis{
  font-size: 16px;
  color: #4067FF;
  margin-bottom: 18px;
}
.column1>.inner>ul>li strong{
  font-size: 44px;
  color: #000000;
  font-weight: bolder;
  margin-right: 20px;
}
.column1>.inner>ul>li span{
  font-size: 14px;
  color: #000000;
}
.column2{
  display: block;
  /*background: url("/v4/images/zeta-network/column2.png") no-repeat;*/
  background-size: cover;
  /*padding-top: 260px;*/
  /*padding-bottom: 190px;*/
  position: relative;
  overflow: hidden;
  padding: 0;
}
/*.column2>img{
  width: 100%;
  object-fit: cover;
  height: auto;
  float: left;
  display: none;
}
.column2>img.active{
  display: block;
}
.column2>.inner{
  position: absolute;
  padding-top: 260px;
  padding-bottom: 190px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}*/
.column2 h3{
  color: #FFFFFF;
  margin-bottom: 24px;
}
/*.column2 >.inner>ul{
  display: flex;
}
.column2 >.inner>ul>li{
  margin-right: 20px;
  padding: 12px 23px;
  background: rgba(255, 255, 255, 0.8);
  border-radius:  45px;
  font-size: 14px;
  color: #616266;
  position: relative;
  cursor: pointer;
}
.column2 >.inner>ul>li:before {
  content: '';
  height: 0;
  width: 0;
  border-width: 0 8px 10px 8px;
  border-color: transparent transparent rgba(255, 255, 255, 0.8) transparent ;
  position: absolute;
  border-style: solid;
  top: 0;
  left: 50%;
  margin-left: -8px;
  margin-top: -10px;
}
.column2 >.inner>ul>li:hover,
.column2 >.inner>ul>li.active{
  background: #fff;
}
.column2 >.inner>ul>li:hover:before,
.column2 >.inner>ul>li.active:before{
  border-color: transparent transparent rgba(255, 255, 255,1) transparent ;
}*/
.column2 .swiper-slide>img{
  object-fit: cover;
  height: auto;
  float: left;
  width: 100%;
}
.column2>.inner{
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 1000px;
  padding-right: 3rem;
  padding-top: 2.6rem;
  z-index: 1;
}
.column2 .bullet-list.swiper-pagination-clickable{
  position: absolute;
  left: 0;
  right: 0;
  top: 2.6rem;
  z-index: 1;
  display: flex;
  margin: auto;
  width: 1000px;
  margin-top: 110px;
}
.column2 .bullet-list.swiper-pagination-clickable .swiper-pagination-bullet{
  margin-right: 20px;
  padding: 12px 23px;
  background: rgba(255, 255, 255, 0.8);
  border-radius:  45px;
  font-size: 14px;
  color: #616266;
  position: relative;
  cursor: pointer;
  width: auto;
  height: auto;
  opacity: 1;
}
.column2 .bullet-list.swiper-pagination-clickable .swiper-pagination-bullet:before {
  display: none;
  content: '';
  height: 0;
  width: 0;
  border-width: 0 8px 10px 8px;
  border-color: transparent transparent rgba(255, 255, 255, 0.8) transparent ;
  position: absolute;
  border-style: solid;
  top: 0;
  left: 50%;
  margin-left: -8px;
  margin-top: -10px;
}
.column2 .bullet-list.swiper-pagination-clickable .swiper-pagination-bullet:hover,
.column2 .bullet-list.swiper-pagination-clickable .swiper-pagination-bullet.swiper-pagination-bullet-active{
  background: #fff;
}
.column2 .bullet-list.swiper-pagination-clickable .swiper-pagination-bullet:hover:before,
.column2 .bullet-list.swiper-pagination-clickable .swiper-pagination-bullet.swiper-pagination-bullet-active:before{
  border-color: transparent transparent rgba(255, 255, 255,1) transparent ;
}
.column2 .bullet-list.swiper-pagination-clickable .swiper-pagination-bullet[aria-label='Go to slide 1']{
}
.column2 .bullet-list.swiper-pagination-clickable .swiper-pagination-bullet[aria-label='Go to slide 2']{
}
.column2 .bullet-list.swiper-pagination-clickable .swiper-pagination-bullet[aria-label='Go to slide 3']{
}
.column2 .bullet-list.swiper-pagination-clickable .swiper-pagination-bullet.swiper-pagination-bullet-active[aria-label='Go to slide 1']{
}

.column3{
  padding: 55px 0;
}
.column3 >h2{
  width: 1200px;
  margin: 0 auto;
  text-align: center;
}
.column3 >p{
  width: 1200px;
  margin: 0 auto;
  margin-bottom: 33px;
  text-align: center;
}
.column3 >.inner>.img{
  margin-right: 17px;
}
.column3 >.inner img{
  display: block;
}
.column3 >.inner .img{
  width: 100%;
  object-fit: cover;
  height: auto;
  float: left;
  position: relative;
  overflow: hidden;
}
.column3 >.inner p{
  position: absolute;
  top: 36px;
  left: 45px;
  right: 45px;
  font-size: 26px;
  color: #FFFFFF;
  line-height: 45px;
  text-align: left;
}
.column3 >.inner>.right>.img:first-child{
  margin-bottom: 20px;
}
/*.column3 >.inner>div>img{
  display: block;
}
.column3 >.inner>div>img:first-child{
  margin-bottom: 20px;
}*/

.column4{
  /*padding: 100px 0;*/
}
.column4 >.inner{
  justify-content: flex-end;
}
.column4 >.inner>div{
  margin-right: 58px;
}
.column5{
  overflow: hidden;
  padding-bottom: 0;
}
.column5 >.inner{
  display: block;
  text-align: center;
  margin-bottom: 43px;
}
.column5 >.inner p{
  width: 400px;
  margin: 0 auto;
}
.column5 >.img{
  width: 100%;
  position: relative;
}
.column5>.img >img{
  width: 100%;
  object-fit: cover;
  height: auto;
  float: left;
}
.column5>.img >ul{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: space-between;
}
.column5>.img >ul>li{
  width: 1.16rem;
  height: 1.16rem;
  min-width: 80px;
  min-height: 80px;
  text-align: center;
  background: linear-gradient(330deg, #DDEBF9 0%, #FBFBFD 100%);
  font-size: 20px;
  font-weight: 600;
  color: #000000;
  border-radius: 50%;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
}
.column5>.img >ul>li:nth-child(1){
  top: 1.72rem;
  left: 5.02rem;
  margin-top: -0.58rem;
  margin-left: -0.58rem;
}
.column5>.img >ul>li:nth-child(2){
  top: 0.62rem;
  left: 8.08rem;
  margin-top: -0.58rem;
  margin-left: -0.58rem;
}
.column5>.img >ul>li:nth-child(3){
  top: 1.66rem;
  right: 8.08rem;
  margin-top: -0.58rem;
  margin-right: -0.58rem;
}
.column5>.img >ul>li:nth-child(4){
  top: 2.57rem;
  right: 5.12rem;
  margin-top: -0.58rem;
  margin-right: -0.58rem;
}
.column5>.img >ul>li:hover{
  width: 2.07rem;
  height: 2.07rem;
  border: 1px solid rgba(50, 197, 255, 0.24);
  text-indent: -9999px;
}
.column5>.img >ul>li:nth-child(1):hover,
.column5>.img >ul>li:nth-child(2):hover{
  margin-top: -1.03rem;
  margin-left: -1.03rem;
}
.column5>.img >ul>li:nth-child(3):hover,
.column5>.img >ul>li:nth-child(4):hover{
  margin-top: -1.03rem;
  margin-right: -1.03rem;
}
.column5>.img >ul>li:nth-child(1):hover{
  background: url("/v4/images/zeta-network/column5-1.png") no-repeat center;
  background-size: 1.86rem;
}
.column5>.img >ul>li:nth-child(2):hover{
  background: url("/v4/images/zeta-network/column5-2.png") no-repeat center;
  background-size: 1.86rem;
}
.column5>.img >ul>li:nth-child(3):hover{
  background: url("/v4/images/zeta-network/column5-3.png") no-repeat center;
  background-size: 1.86rem;
}
.column5>.img >ul>li:nth-child(4):hover{
  background: url("/v4/images/zeta-network/column5-4.png") no-repeat center;
  background-size: 1.86rem;
}

.column6 img{
  margin-right: 29px;
}
.column6 img:last-child{
  margin-right: 0;
}

.column7{
  background: #F5F9FF;
  padding-top: 90px;
  padding-bottom: 60px;
}
.column7 .column-slogan{
  text-align: center;
}
.column7 .column-slogan h2{
  margin-bottom: 40px;
}


@media only screen and (max-width: 1400px) {

}
@media only screen and (max-width: 860px) {
  .column1>.inner {
    flex-direction: column;
  }
  .column1>.inner img{
    width: 100%;
    height: auto;
  }

  .column2 .swiper-slide>img {
    min-height: 300px;
  }
  .column2>.inner {
    width: 100%;
    padding: 15px;
  }
  .column2 .bullet-list.swiper-pagination-clickable {
    top: 140px;
    width: 100%;
    margin-top: 0;
    justify-content: center;
    flex-direction: column;
    padding: 0 15px;
  }
  .column2 .bullet-list.swiper-pagination-clickable .swiper-pagination-bullet {
    margin-right: 0;
    padding: 10px 18px;
    margin-bottom: 5px;
    text-align: center;
  }

  .column3{
    padding: 20px 15px;
  }
  .column3 >h2,
  .column3 >p {
    width: 100%;
  }
  .column3 >p {
    margin-bottom: 15px;
    text-align: left;
  }
  .column >.inner {
    flex-direction: column;
  }
  .column3 >.inner .img>img {
    width: 100%;
    height: auto;
  }
  .column3 >.inner>.img {
    margin-right: 0;
    margin-bottom: 10px;
  }
  .column3 >.inner>.right>.img:first-child {
    margin-bottom: 10px;
  }
  .column3 >.inner p {
    top: 15px;
    left: 15px;
    right: 15px;
  }

  .column4,
  .column5{
    padding: 20px 15px;
  }

  .column4 >.inner>div {
    margin-right: 0;
    text-align: center;

  }
  .column4 >.inner img{
    width: 100%;
    height: auto;
  }

  .column5 >.inner {
    margin-bottom: 0;
  }
  .column5 >.img {
    display: none;
  }
  .column5 >.inner p {
    width: 100%;
  }
  .column6 .inner{
    padding: 0 15px;
  }
  .column6 img {
    margin-right: 0;
    margin-bottom: 10px;
    width: 100%;
    height: auto;
  }

  .column7 {
    padding: 40px 0;
  }
  .column7 .column-slogan {
    padding: 0 15px;
  }
}