html{height:100%}
body{position:relative;min-height:100%;padding-bottom:240px}
.container-wrap{height:100%}
footer{position:absolute;bottom:0;left:0;width:100%}
h3{margin:10px 0;color:#219AD8}
h3 a{font-size:24px}
.left{width:150px;float:left}
.right{float:right;width:1000px}
.title{text-align:right;line-height:26px;color:#333;font-size:24px;position:relative;z-index:1;margin-bottom:20px}
.title img{position:absolute;top:0;left:0;z-index:-1}
.list-box{margin-top:30px}
.list-box li{background:url(../../ty-list.png) no-repeat;margin-bottom:10px;text-align:center}
.list-box li.active{background:url(../../active.png) no-repeat}
.list-box li.active a{color:#fff}
.list-box a{line-height:50px;font-size:18px;font-weight:700;color:#333}
.list-box a:hover{color:#219AD8}
.nav-tabs{border:none}
.nav>li>a:focus,.nav>li>a:hover{background-color:#219AD8}
.nav-tabs>li>a{background:url(../../yuefen.png) no-repeat;text-align:center;width:82px;height:50px;color:#FFF;font-size:20px;margin-right:1px;font-weight:700}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color:#fff;background:0 0;background-color:#219BD9}
ul.news-list{padding:15px 0 30px;list-style:none;border-bottom:1px solid #219AD8}
ul.news-list li:after{content:'';display:block;clear:both;overflow:hidden}
ul.news-list li{line-height:40px;padding-left:30px;background:url(../../juxing.png) no-repeat;background-position:5px 12px}
ul.news-list li a{display:block;width:80%;float:left;font-size:18px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#333}
ul.news-list li a:hover{color:#219AD8}
ul.news-list li span{float:right;color:#999;font-size:18px}