@charset "utf-8";
/* CSS Document */
.news-1{ width:100%; display:flex; justify-content:space-between; flex-wrap:wrap  }
.news-1 dl{ width:23.5%;box-shadow:0 0 15px #e9e9e9; margin:15px 0 30px; overflow:hidden  }
.news-1 dl h4{width:100%; overflow:hidden; float:left;}
.news-1 dl h4 img{ width:100%; float:left;}

.news-1 dl ul{ padding:20px; float:left; overflow:hidden; width:100%; box-sizing:border-box}
.news-1 dl ul h6{ line-height:20px; margin-bottom:2px}
.news-1 dl ul h6 a{ color:#f7941c; font-weight:normal; font-size:14px}
.news-1 dl ul dt{ line-height:30px; margin-bottom:5px; height:30px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis; }
.news-1 dl ul dt a{ font-size:19px; color:#333; font-weight:bold}
.news-1 dl ul dt a:hover{ color:#f7941c}
.news-1 dl ul dd{ line-height:22px; color:#888; font-size:14px; height:44px; overflow:hidden; margin-bottom:25px;  text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2 }
.news-1 dl ul h5{ display:flex; width:100%; padding-top:30px; border-top:1px solid #dee1ed; justify-content:space-between;}
.news-1 dl ul h5 a{ width:40px; height:40px; line-height:40px; text-align:center; color:#fff; font-size:38px; background:#0153bf; font-weight:normal; font-family:"宋体";}
.news-1 dl ul h5 a:hover{ background:#f7941c; }
.news-1 dl ul h5 span{ font-weight:normal; color:#333; font-size:16px; display:flex; align-items:center}
.news-1 dl ul h5 span b{color:#0153bf; font-weight:normal}


.news_body{ background:#f1f1f1 url(news_bg.jpg) no-repeat center 0}
.news_left{ width:70%; float:left; overflow:hidden; margin-right:2%}
.news_21{  width:100%; float:left; overflow:hidden;  padding:40px 50px; float:left; background:#fff; margin-bottom:20px; box-sizing:border-box}
.bshare-custom{ position:absolute; z-index:99; right:10px; top:0px; }

.news_right{ width:28%; float:left; overflow:hidden; }
.news_right h3,.news_pro h3{ width:100%; float:left; overflow:hidden; line-height:35px; font-size:26px; padding-bottom:20px; margin-bottom:35px; border-bottom:1px solid #ddd; color:#333 }
.news_right h3 a,.news_pro h3 a{ color:#333}

.news_tj{ width:100%; float:left; overflow:hidden; margin-bottom:20px; padding:25px 30px;background:#fff; box-sizing:border-box }
.news_tj dl{ width:100%;  margin-bottom:20px; padding-bottom:20px; border-bottom:1px dashed #ddd; display:flex;}
.news_tj dl:last-child{ padding-bottom:0; border:none; margin-bottom:0}
.news_tj dl dd{ width:130px; margin-right:20px}
.news_tj dl dd img{ max-width:100%;  transition:all 0.3s}
.news_tj dl:hover dd img{ transform:scale(1.05)}
.news_tj dl dt{flex:1;  line-height:23px; display: flex; align-items:center ; text-overflow: ellipsis;}
.news_tj dl dt a{ color:#444; font-size:16px}
.news_tj dl:hover dt a{ color:#f7941c; text-decoration:underline}

.news_pro{ width:100%; float:left; overflow:hidden;padding:25px 30px 10px;background:#fff; box-sizing:border-box }
.news_pro ul{ width:100%; display:flex; flex-wrap:wrap ;justify-content:space-between}
.news_pro dl{ width:48%; margin-bottom:15px; position:relative }
.news_pro dl dd{ width:100%; margin-bottom:8px}
.news_pro dl dd img{ width:100%}
.news_pro dl dt{ line-height:20px; text-align:center}
.news_pro dl dt a{ font-size:16px; color:#666}
.news_pro dl:hover dt a{ color:#0153bf}

.news_pro2 dl{ width:19%}
.news_pro2 dl dt{ position:absolute; width:100%; height:100%; left:0; top:0; display:flex;  justify-content:center;align-items:center;}
.news_pro2 dl dt a{ padding:0px 30px; border-radius:25px; height:50px; line-height:50px; background:rgba(0,0,0,.6); color:#fff; font-size:16px}
.news_pro2 dl:hover dt a{ background:rgba(1,83,181,.9); color:#fff}
	

/******** 手机版 ********/
@media (max-width:767px){

.news-1 dl{ width:49%;box-shadow:0 0 15px #e9e9e9; margin:0px 0px 10px; overflow:hidden  }
.news-1 dl h4{width:100%; overflow:hidden; float:left;}
.news-1 dl h4 img{ width:100%; float:left;}

.news-1 dl ul{ padding:10px; }
.news-1 dl ul h6{ line-height:20px; margin-bottom:2px}
.news-1 dl ul h6 a{ font-size:12px}
.news-1 dl ul dt{ line-height:20px; margin-bottom:5px; height:20px; }
.news-1 dl ul dt a{ font-size:14px; }
.news-1 dl ul dd{ line-height:16px;  font-size:12px; height:32px;  margin-bottom:10px;  }
.news-1 dl ul h5{ display:flex; width:100%; padding-top:10px; border-top:1px solid #dee1ed; justify-content:space-between;}
.news-1 dl ul h5 a{ width:25px; height:25px; line-height:22px; text-align:center; color:#fff; font-size:28px; background:#0153bf; font-weight:normal; font-family:"宋体";}

.news-1 dl ul h5 span{ font-weight:normal; color:#333; font-size:12px; display:flex; align-items:center}
.news-1 dl ul h5 span b{color:#0153bf; font-weight:normal}
	
.news_left{ width:100%; margin-right:0}
.news_21{ padding:15px 15px 0; margin-bottom:10px}

.news_right{ display:none }


.news_pro{padding:10px 15px 0px }
.news_pro dl{margin-bottom:10px }
.news_pro2 dl{ width:48%}
.news_pro2 dl dt a{ padding:0px 20px; border-radius:20px; height:40px; line-height:40px; font-size:14px;color:#fff}
.news_pro2 dl:hover dt a{ background:rgba(1,83,181,.9); color:#fff}
	

.news_right h3,.news_pro h3{ line-height:20px; font-size:18px; padding-bottom:10px; margin-bottom:15px; }
.news_right h3 a,.news_pro h3 a{ color:#333; font-size:18px}



.m_50{ margin-bottom:10px}
}


/******** 1160px ********/
@media (min-width:1200px) and (max-width:1439px){
.news-1 dl ul dt a{ font-size:16px; color:#333; font-weight:bold}
.news-1 dl ul h5 a{ width:30px; height:30px; line-height:30px; font-size:36px;}
.news-1 dl ul h5 span{ font-size:12px;}
.news_tj dl dt a{ font-size:14px}
}

/******** 1400px ********/
@media (min-width:1440px){
	
}