﻿

.newslist{}
.newslist ul li{padding:15px;transition:all 0.3s ease 0s;box-shadow:0 0 5px rgba(0,0,0,0.2);display:flex;align-items:center;}
.newslist ul li+li{margin-top:25px;}
.newslist ul li .pic{width:30%;display:block;overflow:hidden;}
.newslist ul li .pic img{width:100%;transition:all 0.3s ease 0s;}
.newslist ul li .t{-webkit-flex:1;flex:1;margin:0 0 0 40px;}
.newslist ul li .t h5{font-size:22px;text-transform:capitalize;font-weight:700;}
.newslist ul li .t h5 a{color:#333;}
.newslist ul li .t h5 a:hover{color:var(--active-color);}
.newslist ul li .t span{background:url("../image/time.png") no-repeat left center;padding:0 0 0 20px;display:block;font-size:14px;color:#777;margin:15px 0 0;}
.newslist ul li .t p{color:#666;font-size:17px;overflow:hidden;margin:15px 0 0;line-height:24px;display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;}
.newslist ul li .t .more {
	margin: 25px 0 0;
	display: inline-block;
	border-radius: 6px;
	width: 140px;
	height: 36px;
	line-height: 36px;
	color: #fff;
	background: #0271B7;
	font-size: 16px;
	text-align: center;
}
.newslist ul li .pic:hover img{transform:scale(1.08);-webkit-transform:scale(1.08);}

.newsnr{}
.newsnr h1{font-size:24px;line-height:1.5;margin:20px 0 0;font-weight:700;color:#333;text-align:center;text-transform:capitalize;}

.newsnr .artInfo{padding:0 0 20px;border-bottom:1px solid #D9D9D9;text-align:center;margin:25px 0 0;position:relative;}
.newsnr .artInfo::after{content:"";display:block;height:3px;background:var(--active-color);width:100px;position:absolute;bottom:-2px;left:50%;margin:0 0 0 -50px;z-index: 1;}
.newsnr .artInfo span{margin:0 10px;line-height:20px;display:inline-block;font-size:14px;color:#666;}
.newsnr .artInfo span.time{background:url(../image/time.png) no-repeat left center;padding:0 0 0 20px;}
.newsnr .artInfo span.hit{background:url(../image/hit.png) no-repeat left center;padding:0 0 0 23px;}

.myart{margin:20px 0;line-height:26px;font-size:17px;color:#666;}
.myart p{margin:0 0 10px;}

.pnbar{margin-top:30px;}
.pnbar p{max-width:100%;margin:-1px 0 0 0;padding:10px 14px;border:1px solid #ddd;font-size:17px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-transform:capitalize;}
.pnbar p a{color:#545454;}
.pnbar p:hover a{color:var(--active-color);}



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


}

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


}

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



}

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

.newslist ul li .t h5{font-size:21px;}


}

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

.newslist ul li .t{margin:0 0 0 30px;}
.newslist ul li .t h5{font-size:20px;}
.newslist ul li .t .more{margin:20px 0 0;width:130px;height:34px;line-height:34px;font-size:15px;}

}


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




}

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

.newslist ul li .t h5{font-size:19px;}
.newslist ul li .t .more{display:none;}

}


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

.newslist ul li{padding:12px;}
.newslist ul li+li{margin-top:20px;}
.newslist ul li .t{margin:0 0 0 30px;}
.newslist ul li .t h5{font-size:18px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.newslist ul li .t span{font-size:13px;margin:10px 0 0;display:inline-block;}
.newslist ul li .t p{line-height:22px;}
.newslist ul li .t p{font-size:15px;height:44px;margin:8px 0 0;line-height:22px;}
.newslist ul li .t a.more{display:none;}

}


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

.newslist ul li{display:block;}
.newslist ul li .pic{width:100%}
.newslist ul li .t{margin:20px 0 0;text-align:center;}

}


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


}

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



}




