.newlist ul li {
    border-bottom: 1px solid #ebebeb;
    transition: all ease-in-out .5s;
}
.newlist ul li a{
    width: 100%;
    padding:35px 0;
    display: flex;
    justify-content: space-between;
}

.newlist ul li:hover {
    border-bottom: 1px solid #9baefc;
    background: #f8f8f8;
}

.newdata {
    width: 160px;
    text-align: center;
    float: left;
}

.newdata h3 {
    color: #dbdbdb;
    font-size: 30px;
    line-height: 90px;
    transition: all ease-in-out .3s;
}

.newdata span {
    width: 70px;
    height: 35px;
    margin: 0 auto;
    background: url(../images/zuo_03.png) no-repeat left;
    display: block;
    text-align: center;
    transition: all ease-in-out .8s;
}

.newlist li:hover .newdata span {
    background: url(../images/zuo_06.png) no-repeat right;
}
.newlist li:hover .newdata h3 {
    color: #9baefc;
    transition: all ease-in-out .3s;
}
.newlist li:hover .newshow img {
    transform: scale(1.2);
}
.newlist li:hover .newbook h4{
    text-indent: 2em;
    color: #9baefc;
}

.newbook {
    flex: 1;
    float: left;
    text-align: left;

}

.newbook h4 {
    color: #666;
    font-size: 16px;
    line-height: 40px;
    transition: all ease-out .5s;

    display: -webkit-box; 
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical; 
    overflow: hidden;
}

.newbook p {
    font-size: 14px;
    color: #757575;
    text-indent: 2em;
    line-height: 25px;
    transition: all ease-out .5s;
    display: -webkit-box; 
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical; 
    overflow: hidden;
}

.newshow {
    overflow: hidden;
    float: right;
    margin-left: 40px;
    margin-right: 30px;
}

.newshow img {
    width: 166px;
    height: 125px;
    object-fit: cover;
    transition: all ease-in-out 1s;
}

/* 页码 */

.paging {
    padding: 45px 0 35px;
}

.num {
    color: #9baefc !important;
    border: 1px solid #9baefc !important;
}

.page_list {
    height: 40px;
    line-height: 40px;
    text-align: center;
    letter-spacing: 0;
    font-size: 14px;
}

.page_list a {
    display: inline-block;
    color: #999;
    border: 1px solid #cccccc;
    text-align: center;
    padding: 0 18px;
    margin: 0 5px;
    transition: all ease-in-out 0.3s;
}

.page_list a:hover {
    color: #9baefc !important;
    border: 1px solid #9baefc !important;
}

@media screen and (max-width:768px){
    .newlist ul li a{
        padding: 20px 0;
    }
    .newshow{
        margin-left: 20px;
        padding-right: 0;
    }
    .newbook p{
        text-align: justify;
    }
}
@media screen and (max-width:640px){
    .newdata{
        display: none;
    }
    .newlist ul li a{
        flex-direction: column-reverse;
    }
    .newshow{
        margin-left: 0;
    }
    .newshow img{
        height: auto;
    }
}