/*html{ padding-bottom: 500px;}*/
body{ min-width: 1200px;}
body, input, textarea, button{ padding: 0; margin: 0; font: 14px '\5FAE\8F6F\96C5\9ED1';}
.wrap{ width: 1200px; margin: 0 auto;}
.fl{ float: left;}
.fr{ float: right;}
.ovf{ overflow: hidden;}

/* header */
.header{ height: 50px; line-height: 50px; border-bottom: 1px solid #d5dee7; box-shadow: 0 0 5px rgba(0,0,0,.15);}
.header .logo *{ display: inline-block; *display: inline; vertical-align: middle; *zoom: 1;}
.header .logo span{ margin-left: 5px; font-size: 18px; color: #111;}
.header .nav{ overflow: hidden;}
.header .nav a{ float: left; padding: 0 14px; margin: 0 5px; font-size: 16px; color: #333;}
.header .nav a.on{ border-bottom: 2px solid #009550; color: #009550;}
.header .nav a:hover{ color: #009550;}

/* footer */
.footer{ height: 100px; line-height: 100px; background: #f5f5f5; color: #666; text-align: center;}


.article{ padding: 50px 0;}
.article .tlt{ margin-bottom: 10px;}
.article .tlt h4{ font-size: 18px; color: #111;}
.article .tlt a{ color: #009550;}
.article .tlt a:hover{ text-decoration: underline;}
.article ul{ width: 105%; margin-top: -30px;}
.article li{ float: left; width: 270px; margin: 30px 40px 0 0;}
.article li .pic{ display: block; width: 270px; height: 180px;}
.article li .pic:hover{ opacity: .7; filter: alpha(opacity=70);}
.article li .name{ display: block; margin-top: 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #111;}
.article li .name:hover{ color: #009550;}


.pages{ margin: 50px auto 20px auto; text-align: center;}
.pages a, .pages span{ display: inline-block; width: 30px; height: 30px; line-height: 30px; margin: 0 5px; background: #f4f4f4; border-radius: 5px; color: #333; white-space: nowrap;}
.pages .btn-home, .pages .btn-last, .pages .btn-prev, .pages .btn-next{ width: auto; padding: 0 5px;}
.pages a:hover, .pages a.on{ background: #009550; color: white;}