.banner_sec{
  height: 418px;
}
.banner{
  background: url('../images/news-detail/banner_bg.jpg') no-repeat;
  background-size: cover;
  background-position: center center;
}
@media (max-width: 768px){
  .banner_sec{
    height: 268px;
  }
  .banner {
    background: url('../images/news-detail/banner_bg_m.jpg') no-repeat;
    background-size: 100% 100%;
  }
}
/* 详情 */
.detail_inner{
  padding: 112px 0;
}
.detail_inner .detail_top{
  padding-bottom: 28px;
  text-align: center;
  border-bottom: 1px solid #D8D8D8;
}
.detail_top .title {
  line-height:30px;
}
.detail_inner .date{
  margin: 16px 0;
}
.detail_inner .date,
.detail_inner .brief_introduction{
  /* color:rgba(0,0,0,0.5); */
  line-height: 22px;
}
/* 详情主要内容 */
.detail_content{
  padding:28px 0;
  /* color:rgba(0,0,0,0.5); */
  line-height: 22px;
  font-size: 14px;
}

.detail_content img{
  display: block;
  max-width: 100%;
  margin: 16px auto;
}

/* pagination */
.pagination_sec{
  background: #F0F6FA;
  border-radius: 10px;
  overflow: hidden;
}
.pagination_inner .page_item {
  width: 50%;
  transition: all .3s;
}
.pagination_inner .page_item:hover{
  background: #00A6FD;
  color:#fff;
}
.pagination_inner .page_item a{
  padding: 36px;
} 

.pagination_inner .page_pre .iconfont{
  transform: rotate(90deg);
}

.pagination_inner .page_next a{
  justify-content: flex-end;
}
.pagination_inner .page_next .iconfont{
  transform: rotate(-90deg);
}
.pagination_inner .page_pre_text{
  max-width: 250px;
}
.pagination_inner .page_pre .page_pre_text{
  margin-left: 28px;
}
.pagination_inner .page_next .page_pre_text{
  margin-right: 28px;
}
@media(max-width:768px){
  .pagination_sec{
    display: none;
  }
}
/* 更多新闻 */
.more_news_sec{
  padding-bottom: 112px;
}
.more_news_inner{
  margin-top:20px;
}
.news_nav_menu .news_nav_item{
  color:rgba(0,0,0,0.5);
  margin-right: 20px;
}
.news_nav_menu .news_nav_item.active{
  color:#507390;
  transition: color .1s ease-in-out;
}
.news_nav_menu .news_nav_item.active:hover{
  color:#00A6FD;
}

.more_news_box{
  height: 100%;
  padding: 16px;
  border:1px solid rgba(216,216,216,1);
  border-radius:10px; 
  transition: all .2s ease-in-out;
}
.more_news_box .img_box {
  width: 100%;height: 150px;
  overflow: hidden;
}
.more_news_box .img_box img{
  width: 100%;height: 100%;
  object-fit: cover;
  transition: transform .2s;
 
}
.more_news_box .title{
  line-height: 24px;
  margin:16px 0;
  transition: color .2s ease-in-out;
}
.more_news_box .detail_text{
  color:rgba(0,0,0,0.5);
}

.more_news_box .news_btn{
  display: block;
  margin: 28px 0;
  border-radius:18px;
  background: rgba(120,210,255,0) ;
  max-width:108px;
  height:36px;
  line-height: 36px;
  transition: background-color .3s;
  overflow: hidden;
  position: relative;
  color:#fff;
}

.more_news_box  .news_btn .iconfont{
  transition: left .2s ease-in;
  position: absolute;
  left: 0;
  color:#507390;
  top:50%;
  transform: translate(0,-50%);
}

.more_news_box .tag{
  line-height: 22px;
}

/* hover */
@media (min-width: 992px){
  .more_news_box:hover {
    box-shadow:0px 10px 20px 0px rgba(0,148,219,0.1);
    border-color:#fff;
  }
  .more_news_box:hover .title{
    color:#00A6FD;
  }
  .more_news_box:hover .news_btn{
    background: rgba(120,210,255,1) ;
    color: #fff;
  }
  .more_news_box:hover img{
    transform:  scale(1.1);
  }
  .more_news_box:hover .news_btn .iconfont{
    left: 90px;
    color:#fff;
  }
}

@media(max-width:992px){
  .detail_inner{
    padding: 58px 0;
  }
  .more_news_sec{
    padding-bottom: 58px;
  }
  .more_news_inner{
    margin-top:0;
  }
  .more_news_box .title{
    color:#00A6FD;
  }
  .more_news_box{
    padding: 16px 0;
    border-radius: 0;
    border:none;
    border-bottom:1px solid #D8D8D8;
  }
  .more_news_box .news_btn,
  .more_news_box .img_box,
  .more_news_box .tag{
   display: none;
  }
}