@charset "utf-8";


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


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


#list{padding:0 150px 80px 150px;}
#list .wrap{width:102%; margin-left:-1%;}
#list .item{width:31.3333333%; float:left; margin:1%;}
#list .item:nth-child(3n+1){clear:both;}
#list a{display:block; background:#fff; transition:all .3s;}
#list a .img{width:100%; padding-top:60%; overflow:hidden; position:relative; background:#eee url('../img/ico.photo.png') center/32px no-repeat;}
#list a .img>p{width:100%; height:100%; background-position:center; background-size:cover; position:absolute; left:0; top:0; transition:all .5s ease; transform:scale(1.00000001);}
#list a .tit{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:40px; padding:4.5% 6% 2% 6%; font-size:1.9rem; color:#464646; transition:all .2s;}
#list a .intro{padding:0 6%; font-size:1.4rem; color:#999; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; line-height:1.7; transition:all .3s;}
#list a .date{color:#ccc; font-size:1.4rem; padding:4% 6% 6% 6%; transition:all .25s; transition:all .2s;}
#list a .date i{display:inline-block; margin-right:.5rem; font-size:1.4rem;}
#list a:hover{background:#018635;}
#list a:hover .img>p{transform:scale(1.1);}
#list a:hover .tit, #list a:hover .intro, #list a:hover .date{color:#fff;}
#list a:hover .date{opacity:.5;}


#news_title{padding:60px 0 40px 0; text-align:center; max-width:1200px; margin:auto; border-bottom:1px solid #e6e6e6;}
#news_title h1{display:block; font-size:3.2rem; margin:0; padding:0; color:#464646;}
#news_title .info{font-size:1.4rem; padding:20px 0 0 0; color:#bbb;}
#news_title .info>span{display:inline-block; margin-right:.8rem; font-size:1.4rem;}

#news_content{margin:50px auto; max-width:1000px; font-size:1.5rem; line-height:1.8;}
#news_content p, #news_content div{margin-bottom:1.8rem;}
#news_content img{max-width:100%;}

#news_btm{margin:auto; padding:30px 0 80px 0; border-top:1px solid #e6e6e6; max-width:1200px; position:relative;}
#news_btm .l{width:40%; float:left; font-size:1.4rem; color:#464646; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#news_btm .r{width:40%; float:right; text-align:right; font-size:1.4rem; color:#464646; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#news_btm .l a, #news_btm .r a{color:#464646;}
#news_btm .l a:hover, #news_btm .r a:hover{text-decoration:underline;}
#news_btm .iconfont{position:absolute; text-align:center; left:50%; top:20px; font-size:3.8rem; margin-left:-1.9rem; color:#999;}
#news_btm .iconfont:hover{color:#666;}


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

  #list a .tit{font-size:1.8rem;}
}
@media (max-width:1366px){
  #banner{height:600px;}

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

  #list{padding:0 60px 80px 60px;}
  #list a .tit{font-size:1.6rem;}
  #list a .date{font-size:1.3rem;}
  #list a .date i{font-size:1.3rem;}
}
@media (max-width:1080px){
  #banner{height:260px;}

  #list{padding:0 20px 40px 20px;}
  #list .wrap{width:100%; margin:0;}
  #list .item{width:100%; float:none; margin:0 0 20px 0;}

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

  #news_title{padding:40px 0 30px 0; text-align:center; max-width:1200px; margin:auto; border-bottom:1px solid #e6e6e6;}
  #news_title h1{font-size:2.6rem; padding:0 10px;}
  #news_content{margin:40px auto; max-width:100%; padding:0 20px;}

  #news_btm{max-width:100%; padding:30px 20px 80px 20px;}
  #news_btm .l{width:100%; float:none;}
  #news_btm .r{width:100%; float:none; text-align:left; margin-top:1.2rem;}
}