.news_l{
    background:#f5f5f5;
    width: 30%;
    margin-right:4%;
}
.news_l ul li{
    margin-bottom:8px;
}

.news_r{
    width: 66%;
    margin:0 auto;
}
.gray{
    margin-top:0px;
    margin-bottom:10px;
    border-top:1px solid #2ba6f2;
}


.news_detail{
    width: 100%;
    margin:0 auto;
}
.news_detail li{
    margin-bottom:30px;
    position: relative;
}
.themes{
    width:100%;
    font-size: 18px;
    line-height: 24px;
}
.themes a{
    color:#2ba6f2;
}
.themes_box{
    margin-top: 12px;
}
.news_detail li .themes_box img,.abstract{
    float: left;
}

.abstract{
    width:60%;
    margin-left: 20px;
    padding-top: 0px;
}
.abstract a{
    font-size:15px;
    color:#777;
}
.abstract a:hover{
    text-decoration: underline;
}
.themes_date{
    color:#999;
    position:absolute;
    right:0;
    bottom:10px;
    font-size:14px;

}
.pages{
    margin:40px auto 40px;
    width: 60%;
    height: 50px;
    text-align: center;
}
.pages a{
    color:#333;
    line-height: 30px;
    display:inline-block;
    border-radius: 5px;
    border:1px solid #2ba6f2;
    margin-right: 5px;
}
.pages a:hover{
    color:#fff;
    background:#2ba6f2;
    text-decoration:none;
}
.pages .pages_head{
    width:40px;
    background: #eee;
}
.pages .pages_next{
    width:60px;
    background: #eee;
}
.pages .pages_num{
    width:30px;
    background: #fff;
}
.pages .current{
    background:#2ba6f2;
    color:#fff;
}






@media screen and (min-width: 992px) and (max-width: 1199px) {

.abstract{
    width:77%;
}
.themes_date{
    bottom:0px;
}


}


@media screen and (min-width: 768px) and (max-width: 991px) {
.news_l{
    display:none;
    width: 0%;
    margin-right:0%;
    z-index: 99;
}
.news_r{
    width: 100%;
    margin:0 auto;
}

.abstract{
    width:66%;

}
.themes_date{
    bottom:0px;
}

.abstract a{
    font-size:15px;
}
.pages{
    width: 80%;
}
.news_detail li{
    margin-bottom:14px;
}

}