


.n-a{width: 12.6rem;padding-top: .6rem;padding-bottom: .4rem;}
.n-cont{width: 100%;}
.n-titles{color: #333333;text-align: center;font-weight: bold;margin-bottom: .55rem;}
.n-list{width: 100%;padding-bottom: .3rem;font-size: 0;}
.n-item{display: block;position: relative;font-size: 0;cursor: pointer;margin-bottom: .5rem;background-color: #f7f7f7;}
.n-img{display: inline-block;vertical-align: middle;width: 4.6rem;position: relative;padding-top: 2.55rem; overflow: hidden;}
.n-img img{position: absolute;top: 0;left: 0;height: 100%; width: 100%;object-fit: cover; transform: scale(1.00);transition: all .5s;}
.n-text{display: inline-block;vertical-align: middle;width: calc(100% - 5.2rem);padding: .1rem 0;}
.n-time{padding: 0 .6rem;color: #666666;line-height: 17px;margin-bottom: .25rem;}
.n-time:before{content: ''; display: inline-block;vertical-align: top;margin-right: .1rem; width: .17rem;height: 17px;background-image: url('/static/home/images/a24.png');background-size: .16rem auto;background-position: center center;background-repeat: no-repeat;}
.n-b{position: relative; color: #333333;padding: 0 .6rem; line-height: 1.5;margin-bottom: .25rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.n-b:before{content: '';position: absolute;top: 50%;left: 0;transform: translate(0,-50%);width: .03rem;height: .24rem;background-color: #1a63dc;}
.n-c{padding:  0 .6rem; color: #666666;line-height: .3rem;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.n-more{position: absolute;top: 0;right: 0;width: .5rem;height: 100%; background-color: #ebebeb;}
.n-d{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 1.2em;text-align: center;color: #888888;line-height: 2;}


.n-item:hover .n-img img{transform: scale(1.05);}
.n-item:hover .n-b{	color: #1a63dc;}

@media(max-width: 1200px){ 
    .n-b{line-height: 1.3;margin-bottom: .2rem;}
    .n-c{line-height: 1.5;}
}

@media(min-width: 750px){ 
    .n-item:hover .n-more{background-color: #1a63dc;}
    .n-item:hover .n-d{ color: #fff;}
}
@media(max-width: 750px){ 
    .n-a{width: 100%;}
    .n-img{width: 100%;height: auto; padding-top: 55.43%;}
    .n-text{width: 100%;padding: .25rem 0;}
    .n-c{line-height: 1.8;}
    .n-b:before{display: none;}
    .n-more{position: static;background-color: transparent;width: 100%;}
    .n-d{display: block; position: static;transform: translate(0,0);width: 100%;text-align: left;}
    .n-time,.n-b,.n-c,.n-more{padding: 0 .3rem;}
}

.paging{width: 100%;text-align: center;font-size: 0;}
.paging-a{display: inline-block;vertical-align: middle;cursor: pointer;padding: .15rem .23rem;margin: 0 .05rem .1rem;color: #666666;background-color: #ffffff;border: solid 1px #dbdbdb;}
.paging-b{display: inline-block;vertical-align: middle;cursor: pointer;padding: .15rem .2rem;margin: 0 .05rem .1rem;color: #666666;background-color: #ffffff;border: solid 1px #dbdbdb;}
.paging-c{display: inline-block;vertical-align: middle;cursor: pointer;padding: .15rem .2rem;margin: 0 .05rem .1rem;color: #666666;background-color: #ffffff;border: solid 1px #dbdbdb;}
.paging-a:hover,.paging-b:hover,.paging-c:hover{background-color: #1a63dc;color: #fff;border: 1px solid #1a63dc;}
.paging-c.active{background-color: #1a63dc;color: #fff;border: .01rem solid #1a63dc;}
.paging-a,.paging-b,.paging-c{font-size: calc(16 * 100vw / 1920);}
@media(max-width: 1584px){
    .paging-a,.paging-b,.paging-c{font-size: 13.2px;}
}
@media(max-width: 750px){
    .paging-a,.paging-b,.paging-c{font-size: 12px;}
}
