*{
    margin:0;padding:0;
    box-sizing: border-box;
}
/* .bg{
    height:571px;
    width:100%;
    background:url(../img/article_header.jpg) repeat center center;
    background-size:auto 100%;
} */
.bg{
    width:100%;
}
.article .articleHead{
    /* width:calc(100% - 100px); */
    padding:30px 0  20px 0;
    border-bottom:1px solid #ccc;
    position:relative;
}
.article .articleHead .articleHeadBox{
    width:100%;
    max-width:1000px;
    text-align: center;
    margin:0 auto;
}
.article .articleHead .title{
    font-size:22px;
    font-weight: bold;
    margin-bottom:8px;
}
.article .articleHead .date{
    color:#ccc;
    font-size:12px;
}
.article .articleHead .backBox{
    width: 200px;
    text-align: center;
    position:absolute;
    left:0;
    top:0;
    height:100%;
    display:flex;
    align-items: center;
    justify-content: center;
}
.article .articleHead .backBox a{
    display:block;
    width:152px;
    height:64px;
    background:url(../img/article_back.png) no-repeat;
    text-decoration: none;
}
.article .articleContent{
    width:100%;
    max-width:1000px;
    margin:0 auto;
    padding: 50px 0 100px 0;
}
.article .articleContent p{
    margin-bottom:20px;
}
/* .article .articleHead .backBox a{} */