﻿.main {
 border-top:1px solid #eeeeee;
  }
  .article_right{
  width:100%;
  }
  .article_right .column_list {
 margin-top: 0px;
  }
  .article_right  .column_list li {
 border-bottom: 1px dotted #cccccc;
 overflow: hidden;
 padding: 35px 0;
  }
  .notice_li{
 position: relative;
  }
  .notice_li .notice_more{
 position: absolute;
 right: 45px;
 top: 50%;
 margin-top: -10px;
 width: 100px;
 font-size: 14px;
 text-align: center;
 height: 30px;
 line-height: 30px;
 border: 1px solid #cccccc;
 border-radius: 15px;
  }
  .listBt .span-date-list {
 width: 83px;
 height: 83px;
 border: 1px solid #dbdbdb;
 border-radius: 50%;
 float: left;
 text-align: center;
 transition: all 0.3s linear 0s;
 -webkit-transition: all 0.3s linear 0s;
 font-size: 14px;
 color: #999999;
 margin-right: 30px;
  }
  .column_list li .lis-con {
 float: left;
 width: 72%;
  }
  .column_list li .lis-con a {
 font-size: 18px;
 color: #333333;
 line-height: 32px;
 height: 32px;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
 transition: all 0.3s linear 0s;
 -webkit-transition: all 0.3s linear 0s;
 width: 730px;
 display: block;
 margin: 0 0 10px 0;
 float: none;
  }
  .lis-con .list-con {
 font-size: 14px;
 line-height: 24px;
 color: #888;
  }
  .column_list li:hover .span-date-list{
 color: #fff;
 background: #0069c5;
 border-color: #0069c5;
  }
  .column_list li:hover .span-date-list b{
 color: #fff;
  }
  .column_list li:hover a{
 color: #0069c5;
  }
  .column_list li:hover .notice_more{
 color: #fff;
 border: 1px solid #0069c5;
 background: #0069c5;
  }
  .article_right .pages {
 float: none;
 display: flex;
 justify-content: center;
 margin: 40px auto!important;
  }
  .article_right .ae-pagination {
 width: auto;
 display: flex;
  }
  ul.notice_toplist{
 margin-top:40px;
  }
  ul.notice_toplist li {
 float: left;
 width: 33.3%;
 padding: 20px;
 box-sizing: border-box;
 box-shadow: 0px 0px 20px #ddd;
 border: 1px solid #ddd;
 min-height: 400px;
 position: relative;
  }
  ul.notice_toplist li .img_box {
 display: block;
 height: 200px;
 overflow: hidden;
  }
  ul.notice_toplist li a img {
 width: 100%;
 transition: all 0.2s;
  }
  ul.notice_toplist li .title_type {
 font-size: 18px;
 color: #222;
 margin: 10px 0;
 display: block;
 line-height: 30px;
  }
  ul.notice_toplist li .p-content {
 font-size: 12px;
 color: #888;
 line-height: 22px;
  }
  ul.notice_toplist li .span_date {
 position: absolute;
 bottom: 20px;
 left: 20px;
  }
  ul.notice_toplist li:hover img{
 transform: scale(1.1); 
  }
  ul.notice_toplist li:hover .title_type{
 color: #005bac;   
  }
  @media screen and (max-width:768px){
 .column_list li .lis-con {
 width: 100%;
 }
 .article_right .column_list li { 
 padding: 15px 0;
 }
 .notice_li .notice_more{
 display: none;
 }
 ul.notice_toplist li {
 width: 100%;
 }
  } 