@charset "UTF-8";

/*************/
.bloglist{}

.bloglist h3{font-size:48px;color:#232323;font-family:'GothamRounded-bold';letter-spacing:-3px;text-transform:uppercase;text-align:center;}
.bloglist ul{margin:0 0 0 -3%;}
.bloglist ul li{float:left;width:30.33333%;margin:0 0 20px 3%;}
.bloglist ul li .pic{display:block;width:100%;position:relative;overflow:hidden;}
.bloglist ul li .pic img{width:100%;display:block;transition:all 0.3s ease 0s;}
.bloglist ul li .pic em{position:absolute;left:20px;bottom:20px;line-height:40px;box-sizing:border-box;background:#0054A7;color:#fff;text-transform:uppercase;padding:0 13px;text-align:center;}

.bloglist ul li .t{padding:25px 0;}
.bloglist ul li .t p{font-size:14px;color:#777;}
.bloglist ul li .t p span{margin:0 15px;}
.bloglist ul li .t h5{font-size:20px;color:#232323;line-height:24px;height:80px;margin:15px 0 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.bloglist ul li .t h5 a:hover{color:#FC6A20;}
.bloglist ul li .t .more{margin:15px 0 0;font-size:16px;color:#232323;display:inline-block;border-bottom:1px solid currentColor;}

.bloglist ul li:hover em{background:#F6AA00;}
.bloglist ul li:hover .t h5 a{color:#F6AA00;text-decoration:underline;}
.bloglist ul li:hover .t .more{color:#F6AA00;}
.bloglist ul li:hover img{transform:scale(1.11);-webkit-transform:scale(1.11);}

.related-blog{margin-top:20px;}
.related-blog .tit{height:37px;line-height:36px;margin:0 0 0 0;border-bottom:2px solid #E0E0E0;}
.related-blog .tit h4{font-size:22px;color:#444;}
.related-blog ul{margin:0 0 0 -2%;}
.related-blog ul li{float:left;width:23%;margin:15px 0 0 2%;}
.related-blog ul li img{display:block;width:100%;border:1px solid #DADADA;}
.related-blog ul li p{height:30px;line-height:30px;text-align:center;font-size:14px;white-space:nowrap;text-overflow: ellipsis;overflow: hidden;color: #090104;}
.related-blog ul li:hover a{color:#F6AA00;}

.myart img{margin:30px 0;}
.myart p{margin:30px 0;}
/*--------*/

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

.bloglist ul{margin:0;}
.bloglist ul li{float:none;width:100%;margin:0 0 20px;display:-webkit-flex;display:flex;}
.bloglist ul li .pic{width:220px;}
.bloglist ul li .t{padding:0 0 0 15px;-webkit-flex:1;flex:1;overflow:hidden;}
.bloglist ul li .t h5{font-size:18px;line-height:22px;height:auto;margin:0;}
.bloglist ul li .t .more{margin:15px 0 0;font-size:14px;}

}

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

.bloglist ul li{-webkit-flex-direction:column;flex-direction:column;}
.bloglist ul li .pic{max-width:500px;width:auto;margin:0 auto;}
.bloglist ul li .pic em{left:15px;bottom:15px;line-height:35px;padding:0 10px;font-size:13px;}
.bloglist ul li .t{padding:15px 0 0;}

.newsnr .tit h1{font-size:20px;}

.related-blog ul li{width:48%;}

}

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


}