#news{ position:relative; z-index:2;}

#news li .readmore a b,#news li .readmore:before{background: -webkit-gradient(linear,left top,right top,color-stop(20%,#826f6e ),color-stop(80%,#351c1b ));background: -webkit-linear-gradient(left,#826f6e 20%,#351c1b 80%);background: linear-gradient(90deg,#4549da 20%,#3232a7 80%);}

#news li .readmore a{}

#news li .photo a{display:block;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;position:relative}

#news li .photo a img{width:100%}

#news li{float:left;width:calc((100% - 40px) / 3)}

#news li:nth-child(3n-1){margin:0 20px}

#news li .border{margin-bottom:50px}

#news li .news-info{margin:20px}

#news li .news-info .news-bottom{margin-top:10px}

#news li .news-info .news-bottom h4{color: #014099;font-size:10pt;}

#news li .news-info h3{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-bottom:20px}

#news li .news-info h3 a{color: #00183a;font-size:14pt;}

#news li .news-info p{font-size:11pt;line-height:150%;color:#6b6b6b;height:34pt;overflow:hidden;margin-bottom:20px}

#news li .readmore{text-align:right;position:relative}

#news li .readmore a{display:block;font-size:10pt;font-family:'Viga',sans-serif;padding-right:30px;color: #014099;background-color: unset;background: unset;-webkit-text-fill-color: unset;}

#news li .readmore a b{display:block;color:#fff;-webkit-text-fill-color:#fff;position:absolute;right:0;top:calc(50% - 10px);width:20px;height:20px;line-height:20px;border-radius:50%;text-align:center;font-size:8pt}

#news li .readmore:after{content:'';display:block;width:100%;height:1px;position:absolute;bottom:-15px;background:#d8d8d8;left:0;z-index:1}

.article-info{

    margin-bottom: 50px;

    color: #6f6f6f;

}

.article-info a{

    color: #37414f;

}

@media screen and (min-width: 1025px) {

#news li .readmore:before{content:'';display:block;width:0;height:1px;position:absolute;bottom:-15px;z-index:2;left:0;transition:all linear .3s}

#news li .readmore:hover:before{width:100%}

	

}

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

#news li{width:calc(50% - 10px);margin:0 5px}

#news li:nth-child(3n-1){margin:0 5px}

}

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

#news li .news-info{margin:0}

#news li .news-info h3 a{font-size:13pt}

#news li .news-info h3,#news li .news-info p{margin-bottom:10px}
.waylink ol{transform: translateY(-125px);}
.waylink ol li{
    margin: 10px 0;
}

.waylink ol li a
{
     overflow: hidden;
     height: 22px;
     text-align: center;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 1;
     -webkit-box-orient: vertical;
     }
}