/*=============== ARTICLE LIST ===============*/

.article-list-section{
    padding-block: 170px 0;
    margin: 8px 0 0 20px;
}

.article-list__container{
    display: flex;
    justify-content: space-between;
    gap: 150px;
    padding:20px 20px 20px 10px;
    background-color: #ffffff;
}

.content-list{
    flex:1;
}

.content-list-item{
    /*height: 100px;*/
    padding-right: 10px;
    border-bottom: 1px solid #eeeeee;
    font-size: 14px;
    margin-bottom: 8px;
}

.content-list-item a{
    display: block;
}

.content-list-item-right{
    display: flex;
    justify-content: space-between;
    /*width: 660px;*/
    font-size: 14px;
    line-height: 40px;
}

.content-list-item:hover h3{
    color: #F53F3F;
}

.content-list-item-right h3{
    font-size: 16px;
    /*font-weight: bold;*/
    height: 40px;
    width: 600px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

    padding-left:34px ;
    background: url("/assets/images/article-arrow-right2.png") no-repeat left center;
    background-size: 16px;
}

.content-list-item-right span {
    color: #a9aeb8;
}

.pagination-container{
    display: flex;
    margin:20px auto 0;
    justify-content: center;
}

.nav-breadcrumbs {
    display: flex;
    margin-block: 24px 20px;
    gap:20px;
    font-size: 16px;
    height: 40px;
}
.nav-breadcrumbs-map {
    font-size: 18px;
    color: #357DFD;
}

.nav-breadcrumbs ul{
    display: flex;
    gap: 4px;
}

.nav-breadcrumbs ul li a:hover{
    color: #357DFD;
}


.content-list-item-search{
    padding-right: 10px;
    border-bottom: 1px solid #eeeeee;
    font-size: 14px;
    margin-bottom: 8px;
}

.content-list-item-search a{
    display: flex;
    gap:20px;
}

.content-list-item-search-left{
    border-radius: 4px;
    text-align: center;
    background: #3491FA;
    height: 100px;
    width: 100px;
    color: #fff;
}

.content-list-item-search-left h4{
    font-size: 24px;
    font-weight: bold;
    margin: 22px 0 4px;
}

.content-list-item-search-right{
    width: 700px;
    font-size: 14px;
}

.content-list-item-search:hover h3{
    color: #F53F3F;
}

.content-list-item-search-right h3{
    font-size: 16px;
    /*font-weight: bold;*/
    height: 40px;
    line-height: 40px;
    /*width: 480px;*/
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

    padding-left:30px ;
    background: url("/assets/images/article-arrow-right2.png") no-repeat left center;
    background-size: 14px;
}
.content-list-item-search-right p{
    text-indent: 2em;
    line-height: 26px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}