#doc_news{
    position: relative;
}
#doc_news .container{
    width: 1020px;
    margin: 0 auto;
}
#doc_news .container .box{
    float: left;
    font-size: 14px;
    height: 180px;
    width: 311px;
    padding-left: 10px;
}
#doc_news .container .box .doc_hi{
    width: 235px;
    text-overflow:ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display:inline-block;
} 
#doc_news .container .box ul{
    margin-top:13px;
}
#doc_news .container .box ul li{
    position: relative;
    margin: 8px 0px;
    font-size: 13px;
}
#doc_news .container .box a{
    color: #565656;
}
#doc_news .container .box a:hover{
    color: #222222;
}
#doc_news .container .box .date{
    position: absolute;
    left: 246px;
    color: #999999;
    width: 62px;
    background: url(../img/date.png);
    text-align: center;
    font-size: 12px;
}
#doc_news .container .box .more{
    position: absolute;
    height: 18px;
    width: 50px;
    background: url(../img/more.png) no-repeat 0px 0px;
    transition:.2s;
    top: 4px;
    margin-left: 253px;
    border-style: none;
}
#doc_news .container .box .more a{
    display: block;
    height: 18px;
    width: 50px;
}
#doc_news .container .box .more:hover{
    background: url(../img/more.png) no-repeat -50px 0px;
}
#doc_news .container .le{
    padding-left: 34px;
}