.column,.column1,.column2,.column3{
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
  flex-wrap: wrap;
}
.column-left,.column2-left{
  width: 842px;
}
.lunbo .swiper-slide{
  position: relative;
}
.lunbo .swiper-slide a{
  display: block;
}
.lunbo .swiper-slide a img{
  width: 100%;
  height: 474px;
  border-radius: 8px;
  object-fit: cover;
}
.lunbo .swiper-slide a p{
  width: 100%;
  height: 182px;
  background: linear-gradient(359.07deg,rgba(0, 0, 0, 0.6) 2.95%,rgba(0, 0, 0, 0) 89.49%);
  border-radius: 0px 0px 8px 8px;
  position: absolute;
  left: 0;
  bottom: 0;
  padding:100px 33px 23px 33px;
  font-weight:700;
  color:#ffffff;
  font-size:22px;
  line-height: 28px;
}
.lunbo .swiper-slide a p span{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  white-space: unset;
}
.swiper-button-next, .swiper-button-prev{
  color: #fff;
}
.swiper-button-next{
  right: 35px;
}
.swiper-button-prev{
  left: 35px;
}
.column-left-zt{
  width: 100%;
  /* height: 120px; */
  border-radius: 8px;
  margin-top: 30px;
}
.column-left-zt img{
  width: 100%;
  height: 100%;
  border-radius: 8px;
  object-fit: cover;

}
.column-left-hot{
  margin-top: 30px;
}
.column-left-title{
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 22px;
  color:#333333;

}
.column-left-title h2{
  font-size:22px;
}
.column-left-title a{
  font-size:16px;

}
.column-left-hot-list-one {
  position: relative;
}
.column-left-hot-list{
  display: flex;
  justify-content: space-between;
  margin-top: 27px;
}
.column-left-hot-list-l{
  width: 406px;
}
.column-left-hot-list-one{
  width: 100%;
  height: 229px;
}
.column-left-hot-list-one img{
  width: 100%;
  height: 100%;
  border-radius:8px;
  object-fit: cover;
}
.column-left-hot-list-one p{
  width: 100%;
  height: 164px;
  background: linear-gradient(359.5deg,rgba(0, 0, 0, 0.4) 0.89%,rgba(0, 0, 0, 0) 91.96%);
  border-radius: 0px 0px 8px 8px;
  position: absolute;
  left: 0;
  bottom: 0;
  color:#ffffff;
  font-size:18px;
  line-height: 23px;
  padding:106px 20px 0px 20px;;
}
.column-left-hot-list-one p span{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  white-space: unset;
}
.column-left-hot-list-l ul{
  margin-top: 10px;
}
.column-left-hot-list-l.column-left-hot-list-r ul{
  margin-top: 0px;
}
.column-left-hot-list-r{
  margin-top: -11px;
}
.column-left-hot-list-l ul li{
  line-height: 48px;
  border-bottom: 1px solid #e6e6e6;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.column-left-hot-list-l ul li a{
  color:#333333;
  font-size:16px;
}
.column-right,.column2-right{
  width:408px;

}
.column-right li{
  position: relative;
  margin-bottom: 24px;
}
.column-right li:last-child{
  margin-bottom: 0;
}
.column-right li a>img{
  width: 100%;
  height:229px;
  border-radius:8px;  
  object-fit: cover;
}
.column-right li div{
  position: absolute;
  left: 0;
  bottom:0;
  height:61px;
  background:rgba(0, 0, 0, 0.7);
  border-radius:0px 0px 8px 8px;
  width: 100%;
  padding:10px 20px 0 20px;
  display: flex;
  justify-content: space-between;
}
.column-right li div img{
  width:16px;
  height:18px;
  background: none;
  margin-top: 13px;
}
.column-right li div p{
  width:326px;
  color:#ffffff;
  font-size:16px;
  line-height: 22px;
  height: 44px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  white-space: unset;
}
.column1-left{
  width: 842px;
  /* height: 132px; */
  display: block;
}
.column1-right{
  width: 408px;
  /* height: 132px; */
  display: block;

}
.column1-left img,.column1-right img{
  width: 100%;
  height: 100%;
  border-radius: 8px;
  object-fit: cover;
}
.column2-left-item{
  margin-top: 32px;
}
.column2-left-item:first-child{
  margin-top: 0;
}
.column-left-list{
  margin-top: 25px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.column-left-list>a{
  display: block;
  width:406px;
}
.column-left-list>a img{
  width: 100%;
  height: 229px;
  border-radius: 8px;
}
.column-left-list>a p{
  color:#333333;
  font-size:18px;
  line-height: 23px;
  height: 46px;
  width: 100%;
  margin-top: 14px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  white-space: unset;
}
.column2-right-item{
  margin-top: 30px;
}
.column2-right-item:first-child{
  margin-top: 0;
}
.column-right-list{
  margin-top: 25px;
}
.column-right-list-top{
  display: block;
  width: 100%;
  height: 230px;
  position: relative;
}
.column-right-list-top img{
  width: 100%;
  height: 100%;
  border-radius: 8px;
  object-fit: cover;

}
.column-right-list-top p{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 164px;
  background: linear-gradient(359.5deg,rgba(0, 0, 0, 0.4) 0.9%,rgba(0, 0, 0, 0) 91.95%);
  border-radius: 0px 0px 8px 8px; 
  display: flex;
  align-items: flex-end;
  padding:0 20px 12px 20px
}
.column-right-list-top p span{
  color:#ffffff;
  font-size:18px;
  line-height: 23px;
  max-height: 46px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  white-space: unset;
}
.column-right-list ul{
  margin-top: 4px;
}
.column-right-list ul li{
  line-height: 60px;
  border-bottom: 1px solid #e6e6e6;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.column-right-list ul li::before{
  content: "";
  width: 6px;
  height: 6px;
  background: #e6e6e6;
  border-radius: 50%;
  display: block;
  margin-right: 15px;
}
.column-right-list ul li a{
  color:#333333;
  font-size:16px;
  width: calc(100% - 21px);
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.column3 li{
  margin-bottom: 40px;
}
.column3 li img{
  width: 180px;
  height: 180px;
}
.column3 li p{
  color:#333333;
  font-size:16px;
  text-align:center;
  line-height: 20px;
  margin-top: 10px;
}
.max{
  display: block;
}
.min{
  display: none;
}
@media(max-width: 768px){
  .max{
    display: none;
  }
  .min{
    display: block;
  }
  .column, .column1, .column2, .column3{
    padding:0 .32rem;
    margin-top: .32rem;
  }
  .column-left, .column2-left{
    width: 100%;
  }
  .lunbo .swiper-slide a img{
    height:3.86rem;
  }
  .lunbo .swiper-slide a p{
    height:3.64rem;
    background:linear-gradient(359.62deg,rgba(0, 0, 0, 0.6) 0.52%,rgba(0, 0, 0, 0) 92.4%);
    padding:2.56rem .32rem 0 .32rem;
    font-size:.32rem;
    line-height: .44rem;
    font-weight: normal;
  }
  .swiper-button-next, .swiper-button-prev{
    display: none;
  }
  .column-left-zt{
    margin-top: .32rem;
  }
  .column-left-hot{
    margin-top: .32rem;
  }
  .column-left-title{
    line-height: .44rem;
  }
  .column-left-title h2{
    font-size:.44rem;
  }
  .column-left-title a{
    font-size:.32rem;
  }
  .column-left-hot-list-l{
    width: 100%;
  }
  .column .column-left-hot-list-r{
    display: none;
  }
  .column-left-hot-list-one a{
    display: flex;
    justify-content: space-between;
  }
  .column-left-hot-list-one img{
    width: 3rem;
    height: 1.68rem;

  }
  .column-left-hot-list-one{
    height: auto;
  }
  .column-left-hot-list-one p{
    background: none;
    width:3.5rem;
    height:1.28rem;
    line-height:.44rem;
    color:#333333;
    font-size:.32rem;
    position: unset;
    padding: 0;
  }
  .column-left-hot-list-one p span{
    -webkit-line-clamp: 3;

  }
  .column-left-hot-list-l ul{
    margin-top: .2rem;
  }
  .column-left-hot-list-l ul li{
    line-height: 1rem;
  }
  .column-left-hot-list-l ul li a{
    font-size: .32rem;
  }
  .column-left-hot-list-l ul li:nth-child(6){
    display: none;
  }
  .column-right{
    width: 100%;
    margin-top: .3rem;
  }
  .column-left-title.min{
    display: flex;
    margin-bottom: .3rem;
  }
  .column-right-ul{
    width: 100%;
    overflow: auto;
  }
  .column-right ul{
    overflow: auto;
    display: flex;
    justify-content: space-between;
    width: fit-content;
  }
  .column-right li,.column-right li:last-child{
    width: 5.6rem;
    margin-bottom: .34rem;
    margin-right: .3rem;
  }
  .column-right li:last-child{
    margin-right: 0;
  }
  .column-right li a>img{
    height: 3.14rem;
  }
  .column-right li div{
    height:1.22rem;
    padding:.2rem .4rem 0 .4rem
  }
  .column1-left,.column1-right{
    width: 100%;
    height: 2.64rem;
  }
  .column1-left{
    margin-bottom: .32rem;
  }
  .column-left-list>a{
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  .column-left-list>a img{
    width: 3rem;
    height: 1.68rem;
  }
  .column-left-list>a p{
    width: 3.5rem;
    height: 1.28rem;
    line-height: .44rem;
    color: #333333;
    font-size: .32rem;
    margin-top: 0;
    -webkit-line-clamp: 3;
  }
  .column-left-hot-list-r{
    margin-top: 0 ;
  }
  .column2-left-item,.column2-right-item{
    margin-top: .34rem;
  }
  .column2-right{
    width: 100%;
    margin-top: .32rem;
  }
  .column-right-list-top{
    display: flex;
    justify-content: space-between;
    height: auto;
  }
  .column-right-list-top img{
    width: 3rem;
    height: 1.68rem;

  }
  .column-right-list-top p{
    background: none;
    width: 3.5rem;
    height: 1.28rem;
    line-height: .44rem;
    font-size: .32rem;
    position: unset;
    padding: 0;
    display: block;
  }
  .column-right-list-top p span{
    -webkit-line-clamp: 3;

    color: #333333;

  }
  .column-right-list ul{
    margin-top: 0;}
  .column-right-list ul li::before{
    display: none;
  }
  .column-right-list ul li{
    line-height: 1rem;
  }
  .column-right-list ul li a{
    font-size: .32rem;
    width: 100%;
  }
  .column3{
    display: none;
  }
}