/* banner */
.banner{background-color: #237ea9;padding: 100px 0;}
.banner-content{max-width: 1000px;width: 100%;margin: 0 auto;display: flex;justify-content: space-between;box-shadow: 0px 0px 42px 1px rgba(0,0,0,0.5);background-color: #fff;border-radius: 5px;width: 50%;}
.banner_left{background: url(/img/author/background-3-1.png);width: 50%;background-size: cover;}
.banner_left.left_two{background: url(/img/author/background-2-1.png);width: 50%;background-size: cover;}
.banner_left.left_three{background: url(/img/author/background-1.png);width: 50%;background-size: cover;}
.banner_left.left_four{background: url(/img/author/background4.jpg);width: 50%;background-size: cover;}
.banner_right{padding: 40px;box-sizing: border-box;width: 50%;}
.banner_right>img{border-radius: 200px 200px 0 0;width: 100%;}
.banner_right h1{margin: 10px 0 18px 0;}

h2{text-align: center;font-size: 30px;font-weight: 600;margin-bottom: 30px;}
/* article */
.article_content{margin: 80px auto;text-align: center;}
.article_content>.flex-box{justify-content: flex-start;}
.article_content .article_item{box-shadow: 0 0 10px 0 rgba(0,0,0,.15);transition: all .25s;background-color: #fff;border-radius: 4px;max-width: 356px;width: 100%;margin-bottom: 30px;text-align: left;margin: 12px;display: none;}
.article_content .article_item.active{display: block;}
.article_content .article_item:hover{box-shadow: 0 0 30px 0 rgba(0,0,0,.15);}
.article_content .article_item a{display: block;}
.article_content .item_top{padding: 20px 30px;}
.article_content .item_top a:hover{text-decoration: underline;}
.article_content .time{border-top: 1px solid #eaeaea;font-size: 12px;color: #adadad;line-height: 20px;padding: 12px 30px;}
.article_content .title{color: #54595F;font-size: 16px;font-weight: 700;line-height: 20px;}
.article_content .item_more{color: #1ABC9C;font-size: 16px;font-weight: 700;line-height: 20px;margin-top: 24px;}
.article_content .go_more{background-color: #1ABC9C;display: inline-block;border-radius: 6px;min-width: 130px;padding: 0 20px;height: 38px;line-height: 38px;font-weight: 500;font-size: 18px;text-align: center;color: #fff;margin: 20px auto 0;cursor: pointer;transition: all 0.3s;}
.article_content .go_more:hover{background-color: #000000;color: #fff;}

@media (max-width: 1140px){
    .banner_left{display: none;}
    .banner-content{width: 96%;}
    .banner_right{width: 100%;}
    .article_content>.flex-box{max-width: 760px;margin: 0 auto;}
}
@media (max-width: 800px){
    .banner{padding: 50px 0;}
    .article_content{margin-top: 60px}
    .banner_right{padding: 20px;}
    .article_content>.flex-box{max-width: 500px;justify-content: center;}
}