footer {

    margin-top:30px;
    display: block;
    box-sizing: border-box;
    font-family: 'STHeiti','Microsoft Yahei',sans-Serif;
    line-height: 1.5;
    padding: 30px 0;
    background: #282838;
    color: #eee;

}

footer .has-border {
    border-right: 1px solid #626262;
    /* width: 33%; */
}

footer>div {
    padding: 0 20px 0 90px;
    float: left;
    width: 33%;
    display: inline-block;
    font-size: 13px;
    line-height: 2em;
    text-align: left;
}

footer>div h3 {
    margin: 5px 0 10px;
    font-size: 100%;
    font-weight: normal;
    box-sizing: border-box;
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

footer p, footer p a {
    color: #b2b2b2;
}

.copyright {
    background: #333;
    color: #aaa;
    padding: .7em 0;
    text-align: center;
    font-size: 12px;
}

.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}