.list-container .right .article .list_ul {
    width: 100%;
}

.list-container .right .article .list_ul .list-item {
    width: 100%;
    height: 1.5rem;
    background: #ffffff;
    margin-bottom: 0.23rem;
    transition: all ease 0.5s;
    border: 1px solid transparent;
}

.list-container .right .article .list_ul .list-item .content {
    padding-top: 0.32rem;
    padding-left: 0.19rem;
    float: left;
}

.list-container .right .article .list_ul .list-item .content .date {
    width: 0.74rem;
    height: 0.74rem;
    border: 1px dashed #d0d0d0;
    border-radius: 50%;
    text-align: center;
    float: left;
}

.list-container .right .article .list_ul .list-item .content .date p {
    width: 0.68rem;
    height: 0.68rem;
    margin: 3px auto;
    background: #f5f5f5;
    line-height: 0.68rem;
    font-size: 0.16rem;
    border-radius: 50%;
    color: #333333;
    transition: all ease 0.5s;
}

.list-container .right .article .list_ul .list-item .content .info {
    height: 100%;
}

.list-container .right .article .list_ul .list-item .content .info .title {
    color: #333333;
    font-size: 0.22rem;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    transition: all ease 0.5s;
}

.list-container .right .article .list_ul .list-item .content .info .dec {
    color: #999999;
    font-size: 0.16rem;
    line-height: 0.34rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.list-container .right .article .list_ul .list-item:hover {
    border: 1px solid #003f88;
}

.list-container .right .article .list_ul .list-item:hover .content .info .title {
    color: #003f88;
}

.list-container .right .article .list_ul .list-item:hover .content .date p {
    background: #003f88;
    color: #ffffff;
}

.pagination {
    width: 100%;
    clear: both;
    text-align: center;
    padding: 0.45rem 0 0.43rem;
}

.pagination .other {
    font-size: 0.14rem;
    padding-top: 0.07rem;
    padding-left: 0.17rem;
    padding-right: 0.14rem;
    padding-bottom: 0.08rem;
    color: #333333;
    border: 1px solid #c8c8c8;
}

.pagination a {
    font-size: 0.14rem;
    text-align: center;
    color: #333333;
    padding-top: 0.07rem;
    padding-left: 0.17rem;
    padding-right: 0.14rem;
    padding-bottom: 0.08rem;
    border: 1px solid #c8c8c8;
}

.pagination a:hover {
    border-color: transparent;
    background: #003f88;
    color: #ffffff;
}

.pagination .active {
    border-color: transparent;
    background: #003f88;
    color: #ffffff;
}

@media screen and (max-width: 1200px) {
    .list-container .right .article .list_ul .list-item .content .date {
        width: 1rem;
        height: 1rem;
    }

    .list-container .right .article .list_ul .list-item .content .date p {
        width: 0.93rem;
        height: 0.93rem;
        line-height: 0.93rem;
    }


}

@media screen and (max-width: 1024px) {
    .list-container .right .article .list_ul .list-item .content .info .title {
        font-size: 0.26rem;
    }

    .list-container .right .article .list_ul .list-item .content .info .dec a {
        font-size: 0.2rem;
    }
}

@media screen and (max-width: 500px) {
    .list-container .right .article .list_ul .list-item .content {
        padding-top: 0.22rem;
    }

    .list-container .right .article .list_ul .list-item .content>a {
        width: 14%;
    }

    .list-container .right .article .list_ul .list-item .content .date {
        width: 60px;
        height: 60px;
    }

    .list-container .right .article .list_ul .list-item .content .date p {
        width: 53px;
        height: 53px;
        line-height: 53px;
        font-size: 0.12rem;
    }

    .list-container .right .article .list_ul .list-item .content .info {}
}

@media screen and (max-width: 430px) {
    .list-container .right .article .list_ul .list-item .content .info .title {
        font-size: 0.3rem;
    }

    .list-container .right .article .list_ul .list-item .content .info .dec a {
        font-size: 0.24rem;
    }
}

@media screen and (max-width: 386px) {
    .list-container .right .article .list_ul .list-item {
        height: auto;
        box-sizing: inherit;
        padding-bottom: 0.2rem;
    }

    .list-container .right .article .list_ul .list-item .content>a {
        width: 20%;
    }

}

.article p {
    line-height: 1.75em;
    font-size: 16px;
}

table.gridtable {
    font-family: verdana, arial, sans-serif;
    font-size: 15px;
    color: #333333;
    border-width: 1px;
    border-color: #666666;
    border-collapse: collapse;
}

table.gridtable td {
    border-width: 1px;
    padding: 5px 10px;
    width: 100px;
    text-align: center;
    border-style: solid;
    border-color: #666666;
}

.list_peo li {

    border: 1px solid #e0e0e0;
    overflow: hidden;
    margin-bottom: 18px;
}

.list_peo li .pic {
    position: relative;
    float: left;
    width: 168px;
    height: 223px;
}

.list_peo li .pic .sanjiao {
    width: 14px;
    height: 22px;
    position: absolute;
    right: -5px;
    top: 50%;
    margin-top: -11px;
    background: url(../images/sanjiao.png) no-repeat;
}

.list_peo li .info {
    float: left;
    width: 70%;
    padding: 23px 0 0 25px;
}

.list_peo h3 {
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-size: 20px;
    color: #003f88;
    font-weight: normal;
    padding: 0 10px 15px 0;
}

.list_peo .info span,
.list_peo .info span a {
    color: #999;
}

.list_peo .info p {
    color: #3d3d3d;
    font-size: 14px;
    line-height: 26px;

}

.list_peo .even-li .pic {
    float: right;
}

.list_peo .even-li .info {
    margin-right: 20px;
}

.list_peo .even-li .pic .sanjiao {
    background: url(../images/sanjiao_01.png) no-repeat;
    left: 0px;
}

@media screen and (max-width: 1150px) {
    .list_peo li .info {
        float: left;
        width: 55%;
        padding: 23px 0 0 25px;
    }
}

@media screen and (max-width: 850px) {
    .list_peo li .info {
        float: left;
        width: 55%;
        padding: 15px 0 0 25px;
    }
}

@media screen and (max-width: 820px) {
    .list-container .layout .left {
        width: 100%;
    }

    .list-container .layout .right {
        padding: 0
    }
}

@media screen and (max-width: 580px) {
    .list_peo h3 {
        font-size: .2rem
    }

    .list_peo .info p {
        font-size: .14rem;
    }
}

@media screen and (max-width: 500px) {

    .list_peo li .pic {
        width: 1.68rem;
        height: 2.23rem;
    }

    .list_peo li .pic img {
        width: 1.68rem;
        height: 2.23rem;
    }

    .list_peo li .info {
        width: 62%;
    }
}

.list_peo li .pic img {
    width: 100%;
}