@charset "utf-8";

/* CSS Document */

/****************************************新闻资讯-分类****************************************/


.n-classify .s-classify .s-main .s-nav li {

    width: 33.33%;

}

/****************************************新闻资讯-列表****************************************/

.n-news {

    height: auto;

    overflow: hidden;

    box-sizing: border-box;

    padding: 40px 0;

}

.n-news .s-list, .n-news .s-page {

    width: 100%;

    height: auto;

}

.n-news .s-list ul {

    width: 100%;

    height: auto;

}

.n-news .s-list li {

    display: flex;

    justify-content: space-between;

    width: 100%;

    height: 170px;

    overflow: hidden;

    margin: 20px 0;

    box-sizing: border-box;

    border-radius: 10px;

}

.n-news .s-list li:hover {

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);

}

.n-news .s-list li:hover .s-info {

    transform: translateX(0);

}

.n-news .s-list li .s-info, .n-news .s-list li .s-date {

    height: 100%;

    overflow: hidden;

}

.n-news .s-list li .s-info {

    display: flex;

    width: 1000px;

    transform: translateX(-280px);

    transition: all ease-out 0.3s;

}

.n-news .s-list li .s-info .s-pic, .n-news .s-list li .s-info .s-txt {

    height: 100%;

    overflow: hidden;

}

.n-news .s-list li .s-info .s-pic {

    width: 280px;

}

.n-news .s-list li .s-info .s-pic img {

    display: block;

    width: 100%;

    height: auto;

    min-height: 100%;

}

.n-news .s-list li .s-info .s-txt {

    display: flex;

    flex-direction: column;

    justify-content: center;

    width: 720px;

    box-sizing: border-box;

    padding: 40px 50px;

}

.n-news .s-list li .s-info .s-txt h3 {

    width: 100%;

    height: auto;

    font-size: 24px;

    color: #333;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

}

.n-news .s-list li .s-info .s-txt p {

    width: 100%;

    height: auto;

    overflow: hidden;

    margin-top: 12px;

    font-size: 14px;

    color: #666;

    line-height: 1.75;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

}

.n-news .s-list li .s-info .s-txt a {

    color: inherit;

}

.n-news .s-list li .s-date {

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: flex-end;

    width: 200px;

    box-sizing: border-box;

    padding: 50px;

}

.n-news .s-list li .s-date p {

    width: 100%;

    height: auto;

    font-size: 16px;

    color: #333;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    text-align: right;

}

.n-news .s-list li .s-date .more {

    display: block;

    width: 14px;

    height: 15px;

    overflow: hidden;

    margin-top: 30px;

    background: url(../images/news-list-right.png) 0 0 no-repeat;

}

.n-news .s-page {

    text-align: center;

}

.n-news .s-page a {

    display: inline-block;

    width: 20px;

    height: auto;

    overflow: hidden;

    margin: 0 5px;

    font-size: 18px;

    color: #333;

    vertical-align: middle;

    transition: all ease-out 0.3s;

}

.n-news .s-page a.on, .n-news .s-page a:hover {

    font-size: 24px;

    color: #86c12b;

}