.news .con{max-width:1440px;margin:0px auto;}
.news .con{display: flex;flex-wrap: wrap;}
.news .con a{width:23%;margin:1%;font-size:16px;background: #eee;}
img{max-width: 100%;}
a{text-decoration: none;color:#333;}
a:hover{
	text-decoration: none;
}
.news .con a .ntitle{font-size:18px;margin-bottom: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;/*! padding: 10px; */padding-top: 10px;text-align: center;}
.news .con a .thumb{height: 180px;overflow: hidden;}
.news .con a .thumb img{object-fit: cover;}
.news .con a .desc{line-height: 30px;background: #fafafa;padding:5px;}
footer{background: #333;color:white;padding:20px 0px;text-align: center;}
.top{background:#333;display: flex;align-items: center;padding:15px 20px;color:white;font-size:18px;}
.top  a{color:white;}
.top  .catname{margin-left:auto;}
.top .rin{margin-left:auto;}
.connews{max-width: 1200px;margin:50px auto;background: white;display: flex;flex-wrap: wrap;border-radius: 20px;}
.connews .cleft{width:75%;}
.connews .cright{width:25%;margin-left:auto;padding:10px 20px;background: #fafafa;}
.connews .cright .crlist a{display: block;margin:20px 0px;}
.connews .cright .crlist a .crtitle{margin-top:10px;}
.connews .cleft  h1{font-size:22px;text-align: center;font-weight: bold;}
.connews .cright .crttle{font-size:22px;text-align: center;margin-bottom:20px;}
.connews .cleft   .info{margin:20px 0px;text-align: center;font-size:16px;color:#888;}
.connews .cleft  .clcon{line-height: 30px;padding:20px;box-sizing: border-box;}
.connews .cleft .clcon img{width:100%;}
@media screen  and (max-width: 650px) {
  .news .con a{width:100%;}
  .connews .cleft{width:100%;}
  .connews .cright{display: none;}
}