/* 左开始 */
.articleList{
    width: 310px !important;
    position: absolute;
    margin-top: -460px;
    margin-left: 21px;
}
.articleList li {
    margin-bottom: 0px;
    background: #f0eff5;
    box-sizing: border-box;
    padding: 7px 6% 2px;
}

.articleList li h2 {
    color: #333333;
    font-size: 18px;
    line-height: 52px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.articleList li span {
    display: block;
    font-size: 14px;
    color: #333333;
    line-height: 21px;
    height: 42px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.articleList li p {
    margin-top: 5px;
    font-size: 14px;
    color: #333333;
}

.articleList li p a {
    display: inline-block;
    width: 58px;
    height: 26px;
    background: #6ba109;
    text-align: center;
    color: #ffffff;
    border-radius: 3px;
    font-size: 12px;
    line-height: 26px;
}
/* 左结束 */

/* 右开始 */
.articleRight{
    width: 310px !important;
    position: absolute;
    margin-top: -462px;
    margin-left: 1560px;
}
.articleRight li {
    margin-bottom: 0px;
    background: #f0eff5;
    box-sizing: border-box;
    padding: 7px 6% 2px;
}

.articleRight li h2 {
    color: #333333;
    font-size: 18px;
    line-height: 52px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.articleRight li span {
    display: block;
    font-size: 14px;
    color: #333333;
    line-height: 21px;
    height: 42px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.articleRight li p {
    margin-top: 5px;
    font-size: 14px;
    color: #333333;
}

.articleRight li p a {
    display: inline-block;
    width: 58px;
    height: 26px;
    background: #6ba109;
    text-align: center;
    color: #ffffff;
    border-radius: 3px;
    font-size: 12px;
    line-height: 26px;
}
/* 右结束 */
/* .articleList ul:nth-child(1) { position:absolute; top:50px; left:-16vw;}
.articleList ul:nth-child(2) { position:absolute; top:50px; right:-16vw;} */
/*@media screen and  (max-width:1800px){
    .articleList ul:nth-child(1) { position:absolute; top:50px; left:-12vw;}
    .articleList ul:nth-child(2) { position:absolute; top:50px; right:-12vw;}
    .articleList li { width:14vw;}
    }
    @media screen and  (max-width:1600px){
        .articleList ul:nth-child(1) { position:absolute; top:50px; left:-10vw;}
        .articleList ul:nth-child(2) { position:absolute; top:50px; right:-10vw;}
        .articleList li { width:12vw;}
    }
    @media screen and  (max-width:1520px){
        .articleList { overflow:hidden;}
        .articleList ul { position:static!important; width:0%; float:left;}
        .articleList li { width:100%;}
        .articleList ul:nth-child(2){ float:right;}
        .articleList li { margin-bottom:10px;}
    }*/