body{margin:0;padding:0;background:#f3f3f3;min-height:100%;position:relative}
.clearfix:after{content:"";height:0;display:block;visibility:hidden;clear:both}
#container{width:1000px;margin:0 auto;padding-top:60px}
.dotdot{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}
.line1{-webkit-line-clamp:1}
.clicky{cursor:pointer}
.hover-box{transition:all .3s}
.hover-box:hover{transform:translateY(-8px);box-shadow:0 2px 4px rgba(0,0,0,.3)}
*{box-sizing:border-box}
.list-container{max-width:960px;margin:0 auto;min-height:400px;position:relative}
.page-container{text-align:center;margin:0 0 20px}
ul{margin:0}

.container{position:relative}
.item-container{float:left;width: 25%;}
.item-container:nth-child(4n){padding-right:0}
.topic-container{display:block;box-sizing:border-box;margin: 5px;background:#00A3CF;padding-bottom: 10px;}
.topic-container.jc{background:#fff;}
.topic-image.jc{padding-bottom: 65%;}
.topic-title.jc{color:#222; height:30px;line-height:30px;box-sizing: border-box;overflow: hidden;padding: 5px 5px 0 5px;}
.topic-image{width: 100%;height: 0;padding-bottom: 100%;}
.topic-title{color:#fff;font-size:14px;height:50px;padding: 10px 10px 0 10px;}
.topic-period{color:#999;font-size:12px;line-height:17px;margin-right: 12px;text-align: right;}
.pagination{overflow:hidden;display:inline-block}
.pagination a{margin-right:10px;float:left}
.pagination a:last-child{margin-right:0}
.pagination a.number{height:24px;min-width:24px;text-align:center;line-height:22px;border:1px solid #e8e8e8;background-color:#fafafa;border-radius:4px;font-size:12px;color:#222;cursor:pointer;padding:0 5px}
.pagination a.number.active{border:1px solid #2a90d7;background-color:#2a90d7;color:#fff}
a.ellipsis{margin:0 13px 0 3px;width:17px;height:24px}
.ellipsis span{background-color:#e8e8e8;height:3px;width:3px;display:inline-block;margin-right:4px;margin-top:11px}
.ellipsis span:last-child{margin-right:0}
.pagination a.disable{cursor:not-allowed}
.next-arrow,.prev-arrow{display:inline-block;width:7px;height:12px;background:url("../images/keyword-icons.png");vertical-align:top;margin-top:5px}
.prev-arrow{background-position:-3px -119px}
.next-arrow{background-position:-3px -137px}
@media screen and (max-width:960px) { 
.item-container{float:left;width:50%;}
.item-container:nth-child(2n){padding-right:0}
} 
.middlebar{height:58px;background:#fff;box-shadow:0 1px 4px 0 rgba(0,0,0,.12)}
.middlebar .middlebar-inner{margin:0 auto}
.middlebar .middlebar-inner .logo-box{line-height:58px;overflow:hidden}
.middlebar .middlebar-inner .logo-box .logo-link{display:block}
.middlebar .middlebar-inner .logo-box .logo-link>img{width:108px;height:27px;vertical-align:middle}
.middlebar .middlebar-inner .chinese-tag{font-size:16px;margin-left:20px;line-height:58px}
.middlebar .middlebar-inner .chinese-tag a{color:#444}
.middlebar .middlebar-inner .chinese-tag a:hover{color:#406599}
.middlebar .middlebar-inner .chinese-tag a:active{color:#444}
.middlebar .middlebar-inner .chinese-tag span{color:#999}