.banner{
  background: url('../images/news-trends/banner_bg.jpg') no-repeat;
  background-size: cover;
  background-position: center center;
}
@media (max-width: 768px){
  .banner {
    background: url('../images/news-trends/banner_bg_m.jpg') no-repeat;
    background-size: 100% 100%;
  }
}

.content_sec{
  overflow: hidden;
}
/* nav */
.news_nav_menu .news_nav_item{
  padding: 10px 0;
  text-align: center;
}
.news_nav_menu a{
  transition: all .3s;
  padding: 4px 6px;
  color:#507390;
  position: relative;
  line-height:20px;
}


@media( min-width:992px ){
  .news_nav_menu a::after{
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    background: #507390;
    opacity: 0;
    bottom: 0;
    transform: translateY(10px);
    transition: opacity .3s,transform .3s;
  }
  
  .news_nav_item.active a,
  .news_nav_item a:hover{
    color:#00A6FD;
  }
  
  .news_nav_item.active a::after,
  .news_nav_item a:hover::after{
    opacity: 1;
    transform: translateY(0px);
    background: #00A6FD;
  }
}
@media( max-width:992px ){
  .dropdown{
    box-shadow:0px 5px 10px 0px rgba(0,148,219,0.1);
    border-radius:10px;
    padding:0 15px;
    margin-bottom: 28px;
  }
  .dropdown .iconfont{
    position: absolute;
    right: 10px;
    top:50%;
    font-size: 20px;
    transform: rotate(180deg) translateY(-50%);
    transform-origin:50% 0;
    -webkit-transform-origin:50% 0;
    transition: all .3s ease-in-out;
    color:#00A6FD;
  }
  .news_nav_menu .news_nav_item,
  .dropdown .selLabel{
    padding: 0;
    height: 52px;
    line-height: 52px;
    border-radius: 0;
    border-bottom:1px solid #D8D8D8;
    background: #fff;
  }
  .news_nav_menu .news_nav_item a{
    display: block;
    line-height: 52px;
    padding: 0;
  }
  .dropdown .selLabel{
    display: block;
    border:none;
    position: relative;
    text-align: center;
    transition: border .3s ease-in-out;
    border-bottom:1px solid #fff;
    color:#507390;
  }
  .dropdown.active .selLabel{
    border-color:#D8D8D8;
  }
  .dropdown.active .iconfont{
    transform: rotate(0deg) translateY(-50%);
    -webkit-transform: rotate(0deg) translateY(-50%);
  }
  .news_nav_menu .news_nav_item:last-child{
    border:none;
  }
}

/* news_sec */
.content_inner{
  padding:80px 0;
}
/* pagination */

.pagination_sec{
  padding:28px 0;
}

.pagination_inner .page_item a{
  display: block;
  width: 28px;
  height: 28px;
  margin: 0 8px;
  text-align: center;
  line-height: 28px;
  color: #507390;
  border-radius:2px;
  transition: all .3 ease-out;
}
.pagination_inner .page_item:hover a{
  background: #f4f4f5;
}
.pagination_inner .number.active a{
  background: #00A6FD;
  color:#fff;
}

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

@media(max-width:768px){
  .content_inner{
    padding:30px 0;
  }
}