/*---------*/
body{font-family:Verdana,Arial;}
.bloglist ul{margin:0 0 0 -3%;}
.bloglist ul li{float:left;width:30.33333%;margin:0 0 20px 3%;box-shadow: 0 0 10px #CCC;}
.bloglist ul li .pic{width:100%;display:block;overflow:hidden;position:relative;}
.bloglist ul li .pic img{width:100%;display:block;transition:all 0.3s ease 0s;}

.bloglist ul li .t{padding:20px 17px 20px;box-sizing:border-box;position:relative;}
.bloglist ul li .t h5{font-size:16px;display: -webkit-box;
/* autoprefixer: off */
-webkit-box-orient: vertical;
/* autoprefixer: on */
-webkit-line-clamp: 2;
overflow: hidden;
height:40px;}
.bloglist ul li .t h5 a{color:#333;}
.bloglist ul li .t h5 a:hover{color:#AC0512;}
.bloglist ul li .t em{font-size:14px;color:#666;margin:0 0 10px 0;display:inline-block;}
.bloglist ul li .t p{font-size:13px;color:#666;margin:12px 0 0;height:60px;line-height:20px;overflow:hidden;}
.bloglist ul li .t a.more{color:#fff;display:inline-block;width:120px;height:34px;line-height:34px;background:#e60012;text-align:center;font-size:14px;margin:15px 0 0 0;}
.bloglist ul li .t a.more:hover{}

.bloglist ul li:hover .pic img{transform:scale(1.08);-webkit-transform:scale(1.08);}
.bloglist ul li:hover .t a.more{background:#AE0E1B;}
@media screen and (max-width:768px) {

.main{padding-top:25px;padding-bottom:30px;}

.path{position:absolute;left:0;bottom:0;right:0;top:0;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.path p{padding-bottom:0;font-size:15px;border-bottom:none;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.path p i{margin:0 7px 0 0;font-size:18px;}

.bloglist ul{margin:0;}
.bloglist ul li{float:none;width:100%;margin:0 0 20px;display:-webkit-flex;display:flex;padding:15px;}
.bloglist ul li .pic{width:220px;}
.bloglist ul li .t {-webkit-flex:1;flex:1;padding:0 0 0 20px;}
.bloglist ul li .t a.more{display:none;}

.newsnr h1{font-size:20px;line-height:1.2;}
.artInfo{padding:20px 0 15px;}
.artInfo span{margin:0 5px;font-size:14px;}

.myart{padding:20px 0 10px;font-size:16px;}
.myart h5{font-size:18px;margin-bottom:15px;}
.myart p{margin-bottom:15px;}
.myart .row{margin-bottom:0;}
.myart .row > div{margin-bottom:10px;}

.pnbar{margin-top:20px;}
.pnbar a{min-width:100px;height:36px;line-height:36px;font-size:16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.pnbar a+a{margin-left:25px;}
.pnbar a i{margin-right:8px;font-size:16px;}
	
.related-blog ul li{width:48%;}

}

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



}

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

.sidebanner h2{font-size:24px;}
.sidebanner p{font-size:15px;}

.bloglist ul{margin:0;}
.bloglist ul li{display:block;padding:15px;}
.bloglist ul li .pic{width:100%;margin:0 auto;}
.bloglist ul li .t {padding:20px 0 0;}

.pnbar a{min-width:90px;font-size:14px;}
.pnbar a+a{margin-left:15px;}
}

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

}