
.news-type,
.news,
.news li,
.news li .info
{
 clear:both;
 width:auto;
 height:auto;
 overflow:hidden;
}
.news-type {
 text-align:center;
 margin-top:16px;
}
.news-type a,
.news-type a .image{
 display:inline-block;
}
.news{
 margin-top:15px;
}
.news-type a{
 margin-right:55px;
}
.news li{
 margin-top:15px;
}
.news li .news-image{
  display: block;
  width:200px;
  height:120px;
  overflow:hidden;
  float:left;
  border:1px solid #dcdcdc;
  margin-right:10px;
}
.news li .news-image .image{
display:block;
width:200px;
height:120px;
object-fit:cover;
}
.news li .text{
 float:right;
 width:960px;
 height:auto;
 overflow:hidden;
}
.news li .title{
display:block;
width:auto;
font-size:24px;
font-weight:400;
color:#000;
font-family:"Microsoft Yahei";
margin-bottom:10px;
}
.news li .title{
overflow: hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.news li .title:hover,
.news li .info .header-image:hover
{
 color:#f10180;
}
.news li .text .brief{
text-overflow: ellipsis;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient: vertical;
}
.news li .text .brief{font-size:14px;color: #bbbbbb;font-family:"Microsoft Yahei";line-height:20px;height:40px;overflow:hidden;}
.news li .info{font-size:14px;color: #cccccc;font-family:"Microsoft Yahei";line-height:26px;padding-top:10px;}
.news li .info .header-image,
.news li .info .keyword
{
display:block;
float:left;
color:#999999;
margin-right:10px;
}
.news li .info .header-image .image{
 display:inline-block;
 width:26px;
 height:26px;
 object-fit:cover;
 border-radius:13px;
 vertical-align:middle;
 margin-right:10px;
}
.news li .info .keyword .keyword-link{
 color:#f10180;
}
.news li .info .date{
 display:block;
 float:right;
}

.page{
 clear:both;
 width:1180px;
 height:auto;
 overflow:hidden;
 text-align:center;
 margin:0 auto;
 background:#ffffff;
 padding:10px 0px;
 margin-top:20px;
}
 .page .page-total,
 .page .page-prev,
 .page .page-next,
 .page .page-number,
 .page .page-tip,
 .page .page-enter,
 .page .page-start,
 .page .page-end,
 .page .page-select
{
 display:inline-block;
 font-size:14px;
 color:#333333;
 font-family:"Microsoft Yahei";
 line-height:38px;
 margin-left:8px;
}
 .page .page-select{
  height:38px;
 }
 .page .page-prev,
 .page .page-next,
 .page .page-number,
 .page .page-enter,
 .page .page-start,
 .page .page-end,
 .page .page-select
{
 padding:0 15px;
 border:1px solid #eaeaea;
 cursor:pointer;
}
 .page .page-prev:hover,
 .page .page-next:hover,
 .page .page-number:hover,
 .page .page-start:hover,
 .page .page-end:hover,
 .page .page-hover
{
 background:#f10180;
 border:1px solid #f10180;
 color:#ffffff;
}