@charset "utf-8";

html,body{background:#f4f5f6;}
#contact{border-top:1px solid #e6e6e6;}

#banner{width:100%; height:650px; background:url('../img/b_document.jpg') center/cover no-repeat; position:relative;}

#list{padding:0 150px 80px 150px;}
#list .wrap{width:102%; margin-left:-1%;}
#list .item{width:48%; float:left; margin:1%;}
#list .item:nth-child(2n+1){clear:both;}
#list a{display:block; background:#fff; transition:all .3s; height:100px; box-sizing:border-box; padding:25px 30px; position:relative;}
#list a .tit{font-size:1.7rem; color:#464646; padding-right:206px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; transition:all .25s; position:relative;}
#list a .tit:before{position:absolute; left:0; top:50%; height:0; width:1px; background:#fff; content:''; display:block; transition:all .2s;}
#list a .size{margin-top:1rem; color:#999; transition:all .2s;}
#list a .size i{display:inline-block; margin-right:.5rem; vertical-align:middle;}
#list a .date{width:130px; height:50px; line-height:50px; background:#d8ae5d; color:#fff; position:absolute; right:30px; top:25px; text-align:center; font-size:1.3rem;}
#list a .date i{display:inline-block; margin-right:.5rem; font-size:1.4rem;}
#list a:hover{background:#018635;}
#list a:hover .tit{color:#fff; padding-left:20px;}
#list a:hover .tit:before{margin-top:-.62rem; height:1.5rem; width:3px;}
#list a:hover .size{color:#fff;}


@media (max-width:1440px){
  #list{padding:0 130px 80px 130px;}
}
@media (max-width:1366px){
  #banner{height:600px;}

  #list{padding:0 100px 80px 100px;}
  #list a .tit{font-size:1.6rem;}
}
@media (max-width:1280px){
  #banner{height:580px;}

  #list{padding:0 60px 80px 60px;}
}
@media (max-width:1080px){
  #banner{height:260px;}

  #list{padding:0 20px 20px 20px;}
  #list .wrap{width:100%; margin-left:0;}
  #list .item{width:100%; float:none; margin:0 0 20px 0;}
  #list a{padding:20px; height:auto;}
  #list a .tit{font-size:1.5rem; padding-right:0;}
  #list a .size{margin-top:.6rem;}
  #list a .date{display:none;}

  #list .wrap .item.show{opacity:1; transform:translate3d(0,0,0);}
}