.s_news {
    padding: 20px 0px 0px 0px;
    width: 100%;
}

.s_news li {
    width: 100%;
    border-bottom: 1px solid #e8e8e8;
}

.s_news li a {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.s_news ul li a:before {
    height: 100%;
    background: #f7f7f7;
    width: 0px;
    content: "";
    position: absolute;
    left: 0px;
    z-index: 2;
    transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
}

.s_news ul li a:hover {
    background: #f7f7f7;
}

.s_news li a .g-wrap {
    overflow: hidden;
    position: relative;
    z-index: 999;
    height: 260px;
    width: 65%;
    max-width: 1200px;
    min-width: 1200px;
}
.s_news li a .img {
    width: 30%;
    max-width: 330px;
    max-height: 180px;
    float: left;
    margin-top: 40px;
    overflow: hidden;
}

.s_news li a .img > img {
    height: auto;
    width: 330px;
}

.s_news li a .txt {
    float: left;
    width:65%;
    margin-left: 5%;
    margin-top: 80px;
}

.s_news li a .txt .news_time {
    text-align: left;
    height: 100%;
    float: left;
}

.s_news li a .txt .news_time .n_time {
    color: #888888;
    font-size: 28px;
    font-family: Arial;
}
.s_news li a .txt .news_time .n_arrow {
    margin-top: 26px;
    width: 38px;
    height: 38px;
    position: relative;
}

.n_arrow > .primary-image {
    opacity: 1;
    position: relative;
}

div.s_news > ul > li > a:hover .primary-image {
    visibility: hidden;
    opacity: 0;
}

div.s_news > ul > li > a:hover:after .primary-image {
    visibility: visible;
    opacity: 1;
}

.n_arrow > .secondary-image {
    opacity: 0;
    visibility: hidden;
}

div.s_news > ul > li > a:hover .secondary-image {
    visibility: visible;
    opacity: 1;
}

div.s_news > ul > li > a:hover:after .secondary-image {
    visibility: hidden;
    opacity: 0;
}

.n_arrow > .secondary-image {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    transition: opacity 0.5s ease, transform 2s cubic-bezier(0, 0, 0.44, 1.18);
    opacity: 0;
    pointer-events: none;
}

div.s_news ul li a:hover div.news_time > p.n_time {
    color: #222222;
}

div.s_news ul li a:hover div.news_content > p.ns_title {
    color: #222222;
}

div.txthr {
    float: left;
    width: 3.581%;
    height: 1px;
    margin: 0 2.6857%;
}

.news_content {
    float: left;
    width: 78%;
    margin-top: 8px;
}

p.ns_title {
    padding-bottom: 30px;
    font-size: 18px;
    color: #666666;
    /**font-family: "Source Han Sans CN";*/
}

p.ns_content {
    height: 40px;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    font-size: 14px;
    color: #888888;
    /**font-family: "Source Han Sans CN";*/
}

.n_arrow {
    height: auto;
    width: auto \9;
    width: 100%;
}

/*新闻详情*/
.frame-title {
    display: block;
    border-bottom: 1px solid #ededed;
    padding: 2% 0px;
    text-align: center;
}

.frame-title .t1 {
    color: #5e5e5e;
    font: 30px/1.5 "Source Han Sans CN";
}

.frame-title .time {
    padding-top: 10px;
}
.inner {
    width: 900px;
    margin: 0px auto;
}
.frame-title .time .d {
    color: #bcbbbb;
    font-size: 13px;
}
.news_text{
    margin-top: 3%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
#news_text{
    width: 1000px;
    padding-bottom: 5%;
    border-bottom: 1px solid #ededed;
}
.random_news{
    width: 1000px;
}
.random_news ul li{
    position: relative;
}

.random_news ul li:hover  a p {
      color: #222222;
}
.random_news ul li .left_a img{
    float: left;
}
.random_news >ul> li>.right_a>img{
    float: right;
}
.random_news ul li  .right_a p{
    color: #666666;
}
.random_news ul li .left_a p{
    position: relative;
    left: 38px;
    color: #666666;
    width: 326px ;
}
.random_news ul li a p{

    line-height: 38px;
    font-size: 18px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

ul li .left_a .primary-image {
    opacity: 1;
    position: relative;
}
ul li .right_a .primary-image {
    opacity: 1;
    position: relative;
}
.random_news>ul >li> a:hover> .primary-image {
    visibility: hidden;
    opacity: 0;
}

.random_news>ul >li> a:hover:after> .primary-image {
    visibility: visible;
    opacity: 1;
}
.random_news>ul >li{
    position: relative;
}
.secondary-image {
    opacity: 0;
    visibility: hidden;
}

.random_news>ul >li> a:hover>.secondary-image {
    visibility: visible;
    opacity: 1;

}

.random_news>ul >li> a:hover:after >.secondary-image {
    visibility: hidden;
    opacity: 0;
}
ul li .left_a .secondary-image {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    transition: opacity 0.5s ease, transform 2s cubic-bezier(0, 0, 0.44, 1.18);
    opacity: 0;
    pointer-events: none;
}
ul li .right_a .secondary-image {
    position: absolute;
    left: 100%;
    position: relative;
    left: 38px;
    z-index: 2;
    transition: opacity 0.5s ease, transform 2s cubic-bezier(0, 0, 0.44, 1.18);
    opacity: 0;
    pointer-events: none;
}

.random_news ul{
    width: 100%;
    list-style: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.random_news_center{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 3%;
    margin-bottom: 6%;
}

.random_news ul li {
    width: 400px;
}

#news_text p {
    line-height: 28px;
}
#news_text p span{
    line-height: 28px;
}