body{ background-color:#888888; }
.newsbox{ width:100%; float:left; padding:0px; }
.news-banner{ width:100%; height:450px; display:flex; flex-direction:column; background-position:center; background-size:cover; background-repeat: no-repeat;}
.newsbox-main{ 
display: flex;
flex-direction: column;
padding: 80px 0px;
}
.newsbox-content{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
.newsone {
  background-color: #e0e0e0;
  padding: 20px;
  transition: all 0.3s ease;
  cursor: pointer;
}
.newsone a{ display:flex; flex-direction:column; }
.newsone:hover {
  background-color: #333333;
  box-shadow: 0 3px 12px rgba(0,0,0,0.3);
  transform: translateY(-3px);
}
/* 图片区域 */
.newsone__img {
  margin-bottom: 18px;
}
.newsone__img img {
  width: 100%;
  object-fit: cover;
  display: block;
}
/* 标题 */
.newsone__title {
  font-size: var(--font-tp);
  color: #000;
  line-height: 1.5;
  margin-bottom: 10px;
  transition: color 0.3s ease;
}
.newsone:hover .newsone__title {
  color: #fff;
}
/* 描述文本 */
.newsone__desc {
  font-size: var(--font-smallx);
  color: #5f5f5f;
  line-height: 1.6;
  margin-bottom: 20px;
  transition: color 0.3s ease;
}
.newsone:hover .newsone__desc {
  color: #FFF;
}
/* 底部操作区 */
.newsone__foot {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 10px;
  transition: border-color 0.3s ease;
}
.newsone__foot p{ 
font-size: var(--font-smallx);
color: #000;
transition: color 0.3s ease;
border-bottom: 1px solid #9a9a9a;
padding-bottom: 5px;
}
.newsone:hover:hover p{
  color: #FFF;
}
.newsone:hover .newsone__foot {
  border-top-color: #555;
}
/* 查看更多链接 */
.newsone__more {
  font-size: var(--font-smallx);
  color: #5f5f5f;
  text-decoration: underline;
  transition: color 0.3s ease;
}
.newsone:hover .newsone__more {
 color: #FFF;
}
/* 日期 */
.newsone__date {
  font-size: var(--font-smallx);
  color: #5f5f5f;
  transition: color 0.3s ease;
}
.newsone:hover .newsone__date {
 color: #FFF;
}

/*分页*/
.pagination-box { width:100%; display:flex; justify-content:center; align-items:center; padding:60px 0px 10px;}
.pagination { width:100%; display:flex; justify-content:center; align-items:center; gap:2px; }
.pagination li { display:flex; justify-content:center; align-items:center;}
.pagination li svg{ width:20px; height: 20px; }
.pagination li a, 
.pagination li span {display:block;border-radius:360%;cursor: pointer; color:#c9c9c9!important; width:40px; height:40px; display: flex; justify-content: center; align-items: center; background-color:#FFF; }
.pagination li a{width:40px;height:40px;display:flex;justify-content:center;align-items:center; border-radius: 360px; border: 2px solid #c9c9c9;}
.pagination li.active a{border: 2px solid #000000; background: #000000!important; color:#FFF!important;}
.pagination li.disabled a {color: #000!important; cursor: not-allowed;}
.pagination li.disabled a:hover {color: #000!important;}
.pagination li a:hover:not(.disabled) {opacity: 0.7}
.pagination li a.cw:hover:not(.disabled) {background: #333;color:#FFF!important;}
#cco{ fill:#949494; }
#prevstart #cco{ fill:#949494; }
#nextend #cco{ fill:#949494; }

/*-- 新闻详细内容 --*/
.pbom{ padding-bottom:100px; }
.in-newsbox_title { width:100%; padding:60px 0px 25px; font-size:var(--font-t1); font-weight: 600; text-align:center; float:left; color:#FFF;  text-transform: uppercase; }
.in-newsbox_info {width:100%;height:auto;float:left; padding:20px 0px; }
.in-newsbox_info ul{ width:100%; display: flex; flex-direction: row;justify-content:space-between; align-items: center; }
.in-newsbox_info ul li{ font-size:var(--font-body); color:#FFF;}
.in-newsbox_info span{ font-size:var(--font-body); color:#FFF; padding-right:10px;list-style:none; text-align:center; display:inline-block;}
.in-newsbox_content{float:left; font-size:var(--font-body); line-height:1.9; width:100%; color:#FFF;}
.in-newsbox_content img{ max-width:100%}
.backbtn{ width:100%; height: auto; float: left; text-align: center; display: flex; justify-content: center; align-items: center;}
.backbtn a{ padding: 5px 30px; font-size:1rem; background-color: #000; color: #ffffff; border-radius: 3px;}
.backbtn a:hover{ background-color:#FFF; color: #000}
.prev-next{width:100%;float:left; height:auto; padding: 30px 0px; display: flex; flex-direction: row; justify-content: space-between; align-items:flex-start;}
.prev{ display:flex; flex-direction:column; justify-content:flex-start; }
.next{ display:flex; flex-direction:column; justify-content:flex-end; }
.prev a,.next a{ width:auto; font-size:var(--font-small); line-height:1.5; padding:5px 0px; color:#FFF; display:flex; flex-direction:column;align-items: flex-start; }
.next a{ align-items: flex-end; }
.prev p,.next p{font-size:var(--font-smallx); line-height:1.5; padding:5px 15px;color:#FFF; background: #000000; border-radius: 5px; }
.prev span{ font-size:1rem;line-height:1.5; padding:5px; color:#ffffff; }
.next span{ font-size:1rem;line-height:1.5; padding:5px; color:#ffffff; text-align:right; }
.prev a:hover p,.next a:hover p{background-color:#FFF;color:#000;}


@media (max-width:1430px) {
.news-banner{ height:400px; }
}
@media (max-width:1230px) {
.news-banner{ height:350px; }
}

@media (max-width: 1230px) {
.newsbox-content{
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
}
}

/*ipad*/
@media (min-width: 768px) and (max-width: 991px) {
.newsbox-content{
  grid-template-columns: repeat(2, 1fr);
}

}
/* xs */
@media (max-width: 767px) {
.newsbox-main{ padding: 40px 0px 60px; }
.news-banner{ height:220px; }
/*-- 新闻详细内容 --*/
.in-newsbox_title { padding:25px 0px 15px; font-size:1.3rem;  }
.in-newsbox_info { padding:15px 0px; }
.newsbox-content{
  grid-template-columns: repeat(1, 1fr);
}

/*分页*/
.pagination-box { padding:45px 0px 20px;}
.pagination li a, 
.pagination li span { width:35px; height:35px; }
.pagination li a{ width:35px;height:35px; }

}

@media (max-width: 480px) {

}