.banner { height:250px; background:url('/static/images/news_banner.jpg') center; }
.topnews { display:block; padding:50px 0; border-bottom:#dddddd solid 1px; background-color:#f2f2f2; }
.topnews-box ul { margin-left:-30px; }
.topnews-box ul li { float:left; margin-left:30px; transition:all 200ms linear; }
.topnews-box ul li:hover {transform:translate3d(0, -3px,0); box-shadow:#999 5px 5px 10px 0;}
.topnews-box a { position:relative; display:block; width:580px; height:262px; overflow:hidden; text-align:center; }
.topnews-box img { max-height:262px; }
.topnews-box a h4 { position:absolute; display:block; width:100%; text-align:center; bottom:0px; height:45px; line-height:45px; color:#ffffff; background-color:rgba(0, 0, 0, 0.8); }

.news { padding-top:60px; }
.news-nav { float:left; width:240px;  margin-bottom:100px; border-right:#eeeeee solid 1px; } 
.news-nav a { display:block; margin-top:20px; padding:20px 30px; text-align:center; font-size:24px; color:#666666; background-color:#eeeeee; transition:all 200ms ease-in-out; }
.news-nav a:hover, .news-nav a.active { color:#ffffff; background-color:#e97f4f; }
.news-warp { margin:-20px 0 0 300px; } 
.news-item { margin-top:10px; padding:20px 20px 20px 50px;; background-color:#ffffff; transition:all 200ms linear; overflow:hidden; }
.news-item:hover { border-radius:10px; transform:translate3d(0, -3px,0); box-shadow:#ccc 3px 5px 10px 2px;} 
.news-date { float:left; text-align:center; } 
.news-dd { font-size:70px; color:#005588; } 
.news-yymm { font-size:14px; color:#999999; } 
.news-img { float:right; width:172px; height:127px; }
.news-img img { width:172px; } 
.news-content { margin:0 220px 0 130px; height:130px; overflow:hidden; } 
.news-title { display:block; font-size:22px; color:#333333; } 
.news-des { display:block; margin-top:10px; height:100px; overflow:hidden; line-height:28px; font-size:14px; color:#999999; } 
.news-page { margin:80px 0 80px 130px; }