/*左边区*/
.left-box{
  width: 870px; float: left;
}

/*右边*/
.right-box{
  width: 300px; float: right;
  position: sticky; top: 20px;
}
.left-box .news-card{
  height: 250px;
}

/*banner*/
.banner-jingxuan{
  width: 560px; height: 300px; display: block; border-radius: 12px; overflow: hidden; box-sizing: border-box;
  position: relative; float: left;
}
.banner-jingxuan .img-banner{
  width: 560px; height: 300px; 
}
.banner-jingxuan .mask{
 position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 12px;
  background: linear-gradient(to top, rgba(0, 0, 0, .7), rgba(0, 0, 0, 0));
}
.banner-jingxuan .jingxuan{
  position: absolute; top: 110px; left: 20px;
}
.banner-jingxuan .title{
  font-size: 20px; font-weight: 700; color: #fff; height: 52px; line-height: 26px;
  position: absolute; top: 145px; left: 20px; right: 20px;
  overflow:hidden; display: -webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; line-clamp:2;
}
.banner-jingxuan .text1{
  font-size: 12px; color: #aaa; height: 40px; line-height: 20px;
  position: absolute; top: 208px; left: 20px; right: 20px;
  overflow:hidden; display: -webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; line-clamp:2;
}

.banner-jingxuan .text2{
  font-size: 12px; color: #aaa; height: 20px; line-height: 20px;
  position: absolute; bottom: 20px; left: 20px; right: 20px;
}
.banner-jingxuan .to-details{ color: #fff; cursor: pointer;}
.banner-jingxuan .to-details:hover{ color: #E83625;}


.banner-lunbo{
  width: 300px; height: 300px; box-sizing: border-box; float: right;
  border-radius: 12px; overflow: hidden; position: relative;
}
.banner-lunbo .swiper-slide{
  width: 100%; height: 100%;
  display:block;
  background-size: cover;
  background-position: center;
  position: relative;
  background-size: cover !important; 
  background-position: center !important; 
  background-repeat: no-repeat !important;

}
.banner-lunbo .slide-img{
  width: 100%; height: 100%; 
}
.banner-lunbo .title{
  position: absolute;
  top: 30px;
  left: 20px; font-weight: 700;
  right: 100px;
  color: #fff;
  font-size: 20px;
  height: 56px; line-height: 28px;
  overflow:hidden; display: -webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; line-clamp:2;
}
.banner-lunbo .to-details{
  color: #fff; cursor: pointer; position: absolute; bottom: 20px; left: 20px;
}

/* 分页器 */
.banner-lunbo .pagination{
  position: absolute;
  bottom: 20px;
  right: 20px;
  z-index: 10;
  text-align: center;
}
.banner-lunbo .pagination .swiper-pagination-switch{
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(255,255,255,0.5);
  margin: 0 3px;
  cursor: pointer;
  transition: all .3s;
  box-shadow: none;
}
.banner-lunbo .pagination .swiper-active-switch{
  background: #fff;
  width: 20px;
  border-radius: 4px;
}

/* 导航箭头 */
.banner-lunbo .swiper-btn-prev,
.banner-lunbo .swiper-btn-next{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 20;
  width: 28px;
  height: 28px;
  background: rgba(0,0,0,0.2);
  border-radius: 50%;
  cursor: pointer;
  opacity: 0;
  transition: opacity .3s;
}
.banner-lunbo:hover .swiper-btn-prev,
.banner-lunbo:hover .swiper-btn-next{
  opacity: 1;
}
.banner-lunbo .swiper-btn-prev{
  left: 6px;
}
.banner-lunbo .swiper-btn-next{
  right: 6px;
}
.banner-lunbo .swiper-btn-prev::after,
.banner-lunbo .swiper-btn-next::after{
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  border-left: 2px solid #fff;
  border-top: 2px solid #fff;
  position: absolute;
  top: 50%;
  left: 50%;
}
.banner-lunbo .swiper-btn-prev::after{
  transform: translate(-40%, -50%) rotate(-45deg);
}
.banner-lunbo .swiper-btn-next::after{
  transform: translate(-60%, -50%) rotate(135deg);
}


.cards-row{
  padding: 20px !important;
  display: flex; 
  justify-content: space-between;
  align-items: center;
}
.cards-row .news-card{ width: 405px;}

.banner-ad1{
  height: 90px; border-radius: 12px; overflow: hidden; position: relative;
}
.banner-ad1 img{
  width: 100%; height: 90px;
}
.banner-ad1 .tag-ad-v2{
  bottom: 6px; left: 5px; position: absolute;
}


/*产业行情*/
.cyhq{ display: block;}
.cyhq .news-text-img{
  margin-bottom: 20px;
}
.cyhq .news-text-img:last-child{
  margin-bottom: 0;
}
/*业界动态*/
.yjdt{display: block;}
.yjdt .news-item{
  margin-bottom: 20px;
}
.yjdt .news-item:last-child{ margin-bottom: 0;}


/*华强活动*/
.hqhd{
  padding: 20px !important;
  display: flex; 
  justify-content: space-between;
  align-items: center;
}
.hqhd .news-text-img{ width: 405px; height: 120px;}
.hqhd .news-text-img .img-box{ width: 160px;}
.hqhd .news-text-img .text-box{ max-width: calc(100% - 190px); margin:10px 15px 0 15px;}