
.news_in{ padding-top:130px; padding-bottom:30px;}
.new_lists{ padding-top:0px; padding-bottom:20px; max-width:1400px; margin:0px auto}
.new_lists ul{border-top: 1px solid #eee;}
.new_lists ul li{
display: flex;
align-items: center;
justify-content: space-between;
padding:40px 0;
position: relative;
border-bottom: 1px solid #eee;
}
.new_lists ul li .news_font_l{ width:64%;}
.new_lists ul li .news_font_l small{ font-size:18px;opacity: 0.5; margin-bottom:20px; display:block}
.new_lists ul li .news_font_l h3{ font-size:24px; margin-bottom:20px;white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;}
.new_lists ul li .news_font_l p{ line-height: 24px;
height: 48px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;color: #474747;}
.new_lists ul li .news_font_l{}
.new_lists ul li .news_img_r{width: 28.5%; overflow:hidden}
.new_lists ul li .news_img_r img{ width:100%;transition: transform 2s;}
.new_lists ul li:hover .news_img_r img{transform: scale(1.1);}

.mb_class{ text-align:center; padding-top:50px; padding-bottom:50px;}
.mb_class ul li{ display:inline-block;padding:0px 4px;}
.mb_class ul li a{ padding:14px 30px; display:inline-block;background: #f5f5f5; border:#eeeeee 1px solid;border-radius: 4px; }
.mb_class ul li a:hover,.mb_class ul li a.active{background: #2f82ff;background: linear-gradient(145deg,#2f82ff,#2fa4ff); color:#FFF;border-radius: 4px;border:#ffffff 1px solid;}
.new_lists ul li:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #c89022;
  height: 1px;
  width: 0;
  opacity: 0;
  transition: all 0.6s ease-out;
  -webkit-transition: all 0.6s ease-out;
  -moz-transition: all 0.6s ease-out;
  -o-transition: all 0.6s ease-out;
  -ms-transition: all 0.6s ease-out;
}

.new_lists ul li:hover:after {
  opacity: 1;
  width: 100%;
}

.news_info{}
.news_info .news_info_titile{ padding-top:10px; padding-bottom:40px; text-align:left;}
.news_info .news_info_time{ position:relative;padding-bottom:12px; text-align:left;}

.news_info .news_info_time  .share_in{ position:absolute; right:0; bottom:-12px; z-index:3 }
.news_info .news_info_time  .share_in ul li{ display:inline-block; padding:0 8px;}

.news_info .news_info_Author{padding-bottom:12px; text-align:left; border-bottom: #dddddd 1px solid;}
.news_info .news_info_content{ padding-top:40px; line-height:240%; padding-bottom:50px;}
.news_info .news_info_content p{ line-height:inherit}

.news_info .news_info_content img{ max-width:100%}
.news_info .news_info_content .margin_imgs{ margin:70px auto; display:block;max-width:100%;}

@media (max-width:768px) {
	.news_in {
    padding-top: 7rem;
}
.new_lists,.new_lists ul{ width:100%;}
.new_lists ul li{ float:none; min-height:inherit; width:100%; margin:0px auto; margin-bottom:0.8rem; display:block}
.new_lists ul li .news_l_times {
    float: none;
    width: 100%;font-size:1rem; display:block; text-align:left; padding-top:1rem; padding-left:0.7rem;}
.new_lists ul li .news_r_fonts {
    float: none;
    width:100%;
    text-align: left;
    padding-left:0.7rem;
    padding-right:0.7rem;
    color: #999999;
    display: block;
    margin-top:0rem; padding-bottom:1.4rem;
    margin-bottom:1rem;
    border-left: none;
}
.new_lists ul li .news_l_times .time_dd{ display:inline; font-size:1rem; padding-right:0.5rem;}
.new_lists ul li .news_r_fonts h3{ font-size:1rem;}
.new_lists ul li .news_r_fonts .news_descipe{ font-size:0.7rem;}
.new_lists ul li .news_r_fonts .news_mores{ font-size:0.8rem}
.new_lists ul li .news_font_l {
    width: auto;
}
.new_lists ul li .news_img_r {
    width: auto;
    overflow: hidden;
    padding-top: 1rem;
}
.news_info .news_info_time .share_in ul li {
    display: inline-block;
    padding:0; padding-right:0.2rem;
}
	.news_show{ height: 40rem;}
	.news_lists ul li {
    float: none;
    width: 100%;
    padding-top: 4rem;
    display: table;
}
	.news_lists ul li .display_table {
    display: block;
}
	.news_lists ul li .display_table .news_imgs {
    width: 100%;
    display: block;
    vertical-align: middle;
    overflow: hidden;
}
	.news_lists ul li .display_table .news_fonts {
    width: 100%;
    display: table-cell;
    padding-left: 0;
    padding-right: 0;
    vertical-align: middle;
    padding-top: 1rem;
}
	.news_info .news_info_titile {
    padding-top: 0rem;
    padding-bottom: 3rem;
}
	.news_info .news_info_content {
    padding-top: 3rem;
    line-height: 200%;
    padding-bottom:0rem;
}
	}
	
