@charset "utf-8";
a {
  color: #333;
}
a:hover{
  color: #0b44b3;
}
.main{
  padding: 0 120px 0 120px;
}

.listTitle{overflow: hidden;position: relative;margin: 30px 0;}
.listTitle::before{content: '';width: 100%;height: 2px;background-color:#e6e8fa;top: 30px;position: absolute;left: 0;}
.listTitle span{display: inline-block;height: 60px;line-height: 60px;padding: 0 30px;box-sizing: border-box;min-width: 220px;background-color: #0b44b3;position: relative;color: #fff;overflow: hidden;}
.listTitle::after{content: '';width: 10px;height: 30px;background-color: #e6e8fa;position: absolute;left: 0;top: 14px;}
.listTitle span::after{width: 2px;height: 30px;position: absolute;content: '';right: 20px;top: 14px;background-color: #e6e8fa;}
.listTitle span::before{width: 20px;height: 2px;position: absolute;content: '';right: 0;top: 30px;background-color: #e6e8fa;}
.gp-f24{
  font-size: 24px;
}
.img-list {margin: 0 -20px;/*! padding-top: 10px; */display: flex;flex-wrap: wrap;}
.img-list > li{margin-bottom: 35px; width: 20%;}
.img-list > li > a{display: block;margin: 0 20px;border-bottom: 1px solid #d1cbb2;padding-bottom: 15px;transition: transform 0.4s ease-out;}
.img-list > li h3{height: 48px;margin-bottom: 12px;padding-top: 15px;color: #444;font-size: 16px;font-weight: normal;}
.img-list > li .gp-img-responsive{padding-bottom: 62%;}
.list-date4{font-family: 'JDICOMOONFREE';color: #0b44b3;}
.img-list > li > a:hover{
  transform: translateY(-20px);
}
.img-list > li > a > span > img{
  transition: all 0.5s ease-in-out;
}
.img-list > li > a > span > img:hover{
  transform:scale(1.03);
  opacity: 0.85;
}
.text-list li{border-bottom: 1px solid #d9d3bd;padding-left: 25px;padding-bottom: 19px;margin-bottom: 19px;position: relative;font-size: 16px;min-height: 20px;}
.text-list li::before{content: '';width: 8px;height: 8px;border-radius: 50%;border: 1px solid #0b44b3;position: absolute;left: 0;top: 5px;}
.text-list li span{position: absolute;right: 0;top:5px;color: #666;font-family: 'JDICOMOONFREE';}
.text-list li a{display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;margin-right: 110px;}
/* img-text list */
.gl_imglist_dl{position: relative;margin-bottom:25px;padding-bottom:25px;border-bottom:1px solid #e5ebf4;display: flex;}
.gl_imglist_dt{/*! float:left; */width:187px;overflow:hidden;}
.gl_imglist_dt a img{width:187px;}
.gl_imglist_dd{display: table-cell;padding-left:15px;}
.gl_imglist_dd h5{padding:0px;margin:0px;color:#999;font-size:16px;font-weight:400;}
.gl_imglist_dd h5 a{color:#333;line-height:22px;font-size:18px;font-weight:bold;}
.gl_imglist_dd  p{/*! float:left; */width:100%;margin-top:5px;line-height:28px;font-size:16px;}
.gl_imglist_dd h5 a:hover{color:#0b44b3;}
/***分页*/
.gp-page { padding:30px 0 60px; color:#999;font-size: 0;text-align: center;}
.gp-page:after,.gp-page:before { content:" "; display:table}
.gp-page>a,.gp-page .pageLast{display:inline-block;*display: inline;*zoom:1;cursor: pointer;height:44px;line-height: 44px; position:relative;text-align: center; vertical-align: top;width: 48px;font-size: 16px;transition: all 0.35s ease-in-out;margin:0 8px;border:1px solid #e1e1e1;color: #666;border: 1px solid #ccc8b6;}
.gp-page .gp-page-start,.gp-page .gp-page-end,.gp-page > span,.gp-page .gp-page-prev,.gp-page .gp-page-next {width: auto;padding:0 15px;}
.gp-page > a:hover ,.gp-page > a.on_pages{ background-color:#0b44b3;color: #fff;}
.gp-page > a.on_pages{background-color: #0b44b3;}
.gp-m-page{display: none;}
.gp-m-page a{display: inline-block;margin:0 10px;height: 36px;line-height: 36px;width: 36px;}
.gp-page .pageSelect{min-width:66px;height: 46px;*display:inline; *zoom:1; vertical-align: middle;border:1px solid #ccc8b6;color:#969696;line-height: 46px;border:1px solid #ccc8b6;text-align: center;padding:0 10px;font-size: 14px;background: none;text-align: center;}
.gp-page .pageSelect:focus{outline: none;}
/* 单篇and细览 */
.pageArticle{background-color: #fff;padding: 60px;margin-top: -30px;margin-bottom: 30px;min-height: 400px;}
.pageTitle h2{line-height: 1.5;text-align: center;padding: 25px 0;}
.articleAuthor{padding: 12px 15px;border-top: 1px solid #ebebeb;border-bottom: 1px solid #ebebeb;text-align: center;color: #999;}
.articleAuthor span{color: #999;}
.articleAuthor i{color: #ccc;font-style: normal;margin: 0 10px;}
.gp-article {line-height: 2;padding-top: 25px;}
.gp-article img{margin-top: 5px;margin-bottom: 5px;display: inline-block;}
.Annex{background:#f7f7f7;padding:10px 15px;margin: 35px 0 0;}
.Annex h3{width: 60px;float: left;}
.annexList{margin-left: 60px;overflow: hidden;}
.annexList li{line-height: 1.5;margin-bottom: 5px;}
.annexList li a{color:#666}
.nextArticle{padding:25px 0 0 15px;width: 60%;float: left;}
.nextArticle li{color:#666}
.nextArticle a{color:#999;font-size: 13px;margin-bottom: 10px;}
/*-----------------响应式系统-----------------------*/
 @media screen and (max-width:1400px) {
    /*平均分配*/
    .img-list li{
        width: 25%;
    }
    .main{
        padding: 0 80px 0 80px;
      }
  }
  @media screen and (max-width:992px) {
    .img-list li {
        width: 33.3%;
    }
    .main{
        padding: 0 40px 0 40px;
      }
      .pageArticle{
        padding: 0;
      }
  } 
  @media screen and (max-width:768px) {
    .img-list li {
        width: 50%;
    }
    .main{
        padding: 0 20px 0 20px;
      }
  }