@charset "utf-8";
/* CSS Document */
.news_1{ padding:50px 0; background:#fff}
.news-02{ width:100%; display:flex;  flex-wrap:wrap }
.news-02 dl{ width:24%;-webkit-box-shadow: 0 0 15px #e5e5e5;  -moz-box-shadow: 0 0 15px #e5e5e5;  box-shadow:0 0 15px #e5e5e5; margin-right:1.333%; margin-bottom:25px}
.news-02 dl:nth-child(4n){ margin-right:0}
.news-02 dl h5{ width:100%; float:left; overflow:hidden}
.news-02 dl h5 img{ float:left; overflow:hidden; width:100%; border-radius:10px 10px 0 0}
.news-02 dl ul{ width:100%; float:left; overflow:hidden; padding:20px 20px 25px; background:#fff;-moz-box-sizing: border-box; box-sizing: border-box;}
.news-02 dl ul h6{ width:100%; float:left; overflow:hidden; line-height:26px; margin-bottom:10px; height:26px; font-size:12px; color:#0d6bca; }
.news-02 dl ul h6 span{ font-weight:normal; padding-left:45px; color:#999}
.news-02 dl ul h6 span:first-child{ background:url(dotdate.png) no-repeat 25px center}
.news-02 dl ul h6 span:nth-child(2){ background:url(dotclick.png) no-repeat 25px center}
.news-02 dl ul dt{ width:100%; float:left; line-height:30px; margin-bottom:5px; overflow:hidden}
.news-02 dl ul dt a{ color:#333; font-size:17px; font-weight:bold}
.news-02 dl ul dd{ width:100%; float:left; overflow:hidden; font-size:14px; color:#888; line-height:24px; height:48px;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2}

.news-02 dl:hover{-webkit-box-shadow: 0 0 15px #c0c0c0;  -moz-box-shadow: 0 0 15px #c0c0c0;  box-shadow:0 0 15px #c0c0c0;}
.news-02 dl:hover dt a{ color:#0d6bca}

.news_11{ padding:50px 0; background:#f6f7f9}

.news_left{ width:68.5%; float:left; overflow:hidden; margin-right:1.5%; }
.news_21{  width:100%; float:left; overflow:hidden;  padding:40px 50px; float:left; background:#fff; margin-bottom:20px;-moz-box-sizing: border-box; box-sizing: border-box; }
.bshare-custom{ position:absolute; z-index:99; right:10px; top:0px; }

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

.news_tj{ width:100%; float:left; overflow:hidden; margin-bottom:20px; padding:25px 30px;background:#fff;-moz-box-sizing: border-box; box-sizing: border-box; }
.news_tj dl{ width:100%; float:left; overflow:hidden; 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:160px; float:left; overflow:hidden; margin-right:20px}
.news_tj dl dd img{ width:100%;  float:left; overflow:hidden; transition:all 0.3s}
.news_tj dl:hover dd img{ transform:scale(1.1)}
.news_tj dl dt{ flex:1; line-height:23px; height:46px; margin-top:15px; display: flex;align-items: center; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2}
.news_tj dl dt a{ color:#444; font-size:16px}
.news_tj dl:hover dt a{ color:#da251c; text-decoration:underline}

.news_pro{  width:100%; float:left; overflow:hidden; padding:25px 30px 10px; background:#fff; -moz-box-sizing: border-box; box-sizing: border-box; }
.news_pro dl{ width:320px;float:left; overflow:hidden; height:185px; margin-bottom:15px; position:relative}
.news_pro dl h5{ width:100%; float:left; overflow:hidden; height:100%; }
.news_pro dl h5 img{ width:100%; height:100%; float:left; overflow:hidden; transition:all 0.4s; }
.news_pro dl:nth-child(3n){ margin-right:0}
.news_pro dl a{ display:block; width:100%; height:100%; padding:20px 0 0 25px; -moz-box-sizing: border-box; box-sizing: border-box; position:absolute; left:0; top:0; z-index:2 }
.news_pro dl dt{ width:100%; float:left; overflow:hidden; line-height:30px; height:30px; margin-bottom:5px;font-size:21px; color:#000;}
.news_pro dl h6{ width:100%; float:left; overflow:hidden; line-height:23px; height:23px; font-weight:normal; color:#999; font-size:14px; margin-bottom:45px}
.news_pro dl dd{ width:100%; float:left; overflow:hidden; line-height:22px; font-size:15px; color:#777; text-decoration:underline}
.news_pro dl dd:hover{ color:#da251c; text-decoration:underline}
.news_pro dl:hover h5 img{transform: scale(1.06);}
.news_pro dl:hover dt{ color:#da251c; text-decoration:none}

@media (max-width:767px){
	
		
.news_1{ padding:20px 0 5px;}
.news-02 dl{ width:49%; margin-right:2%; margin-bottom:15px}
.news-02 dl:nth-child(2n){ margin-right:0}
.news-02 dl h5 img{border-radius:5px 5px 0 0}
.news-02 dl ul{padding:10px 10px 15px;}
.news-02 dl ul h6{ width:100%; float:left; overflow:hidden; line-height:20px; margin-bottom:10px; height:20px; font-size:12px; color:#0d6bca; }
.news-02 dl ul h6 span{  padding-left:10px;}
.news-02 dl ul h6 span:first-child{ background:none;}
.news-02 dl ul h6 span:nth-child(2){ display:none}
.news-02 dl ul dt{  line-height:18px; }
.news-02 dl ul dt a{ font-size:15px; font-weight:bold}
.news-02 dl ul dd{ font-size:12px;line-height:18px; height:36px}


.news_11{ padding:15px 0 0; }
.news_left{ width:100%; margin-right:0; }
.news_right{ width:100%; }
.news_21{padding:18px 15px 0; margin-bottom:10px; }


.news_right h3{  line-height:30px; font-size:19px; padding-bottom:10px; margin-bottom:15px; border-bottom:1px solid #ddd; }
.news_tj{ margin-bottom:20px; padding:10px 15px 15px;}
.news_tj dl{ margin-bottom:15px; padding-bottom:15px;}









}



@media (min-width:768px){
.news-02 dl ul dt{ height:30px; }

}