.header-background{height: 440px;background-image: linear-gradient(180deg, #FFFFFF 0%, #DEEEFC 100%);}
.main-box{position:relative;margin:0 auto;max-width: 1000px;}
.article-banner{display:flex;justify-content:space-between;align-items:center}
.article-banner-title{font-size:28px;color:#1F2238;font-weight:600;padding-top:26px}
.article-desc{font-size:20px;color:#1F2238;line-height:32px;font-weight:200;padding-top:10px}
.article-banner-right{width:300px;height:262px;position:relative;background-image:url(../../img/think-tank/img_Thinktankbg.png);background-repeat:no-repeat;background-position:center;background-size:contain;margin-top:51px}
/*article list*/
.article-menu-wrap{height:66px;background:#FFFFFF;box-shadow:0px 4px 10px 0px rgba(100,161,155,0.2);}
.article-menu-box{width:1000px;height:100%;margin:0 auto;font-size:16px;color:#1F2238;font-weight:400}
.article-menu-box{display:flex;justify-content:space-between;align-items:center}
.article-menu-box a{font-size:16px;color:#1F2238;display:inline-block;height:100%;line-height:66px}
.article-menu-box a.single-active{font-size:16px;color:#116DF7;font-weight:600;position:relative}
.article-menu-box a.single-active:after{content:'';width:78px;height:2px;background:#116DF7;display:block;left:50%;position:absolute;transform:translate(-50%,0);bottom:0}
.article-list-box{margin-top:70px;min-height: 600px;max-width:1200px;width: auto;}

.article-list-box .article-header{margin-top: 80px;margin-bottom: 40px;font-weight: 500;font-size: 28px;color: #383838;display: flex;align-items: center;}
.article-list-box .article-header:nth-child(1){margin-top: 0;}
.article-list-box .article-header span{margin-left: 12px;}

.article-list-box .article-single-wrap{width:100%;display: grid;gap: 30px;grid-template-columns: repeat(auto-fill,minmax(380px,1fr));}
.article-list-box .article-single{background: #F9FAFC;border-radius: 0px 0px 10px 10px;}
.article-list-box .article-single-link{display: block;}
.article-list-box .article-single-featured{width: 100%;height: 236px;}
.article-list-box .article-single-title{font-weight: 500;font-size: 19px;color: #383838;margin: 12px 18px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;height: 86px;}
.article-list-box .article-single-time{display: flex;justify-content: space-between;align-items: center;margin: 0 18px;padding-bottom: 20px;}
.article-list-box .article-single-time-format{font-weight: 500; color: #878B8E;}
.article-list-box .article-single-praise{}
.article-list-box .article-single-praise img{width: 26px;height: 26px;}
.article-list-box .article-single-praise span{color: #116df7;margin-left: 8px;}
.article-list-box .article-read-more{text-align: right;margin-right: 30px;margin-top: 20px;}
.article-list-box .article-read-more:last-child{margin-bottom: 50px;}
.article-list-box .article-read-more-link{font-size: 18px;color: #FC8D16;text-align: right;}

@media (max-width:1200px) {
    .article-list-box {
padding: 0 10px;
    }
}
@media (max-width:1100px) {
    .header-background{
        height: auto;
    }
    .article-banner{
        padding: 10px 20px 20px;
    }
    .article-banner-right {
        display: none;
    }
}
@media (max-width:1100px) {
    .article-banner-title{
        font-size: .8rem;
    }
    .article-desc{
        font-size: .6rem;
    }
    .article-list-box .article-header{
        font-size: .8rem;
    }
    .article-list-box .article-single-title{
        font-size: .6rem;
    }
}
@media (max-width:600px) {
    .article-list-box{margin-top: 20px;}
    .article-list-box .article-header{margin-top: 30px;margin-bottom: 20px;}
    .article-list-box .article-single-wrap{grid-template-columns: repeat(auto-fill,100%);}
    .article-list-box .article-single-title{height: auto;}
    .article-list-box .article-read-more{margin-top: 20px;}
}