@charset "utf-8";
/* CSS Document */
body{background:#F6F6F6;}

.news{width:100%;position:relative;}
.newsc{padding:50px 0;}
.news_list{width:100%;}
.news_list ul{display:flex;justify-content:space-between;align-items:stretch;flex-flow:row wrap;}
.news_list ul li{width:calc((100% - 60px)/3);margin-bottom:30px;}
.news_li{border-radius:20px;background:#fff;overflow: hidden;display:flex;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;height:480px;position:relative;transition:all 0.3s linear;}

.news_li_info{position:absolute;top:0;left:0;height:50%;width:100%;box-sizing:border-box;padding:10px 40px;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;transition:all 0.3s linear;}
.news_li_info p{padding:10px 0;text-align:left;display:flex;justify-content:space-between;align-items:center;}
.news_li_info p:first-child{padding:30px 0;height:90px;transition:all 0.3s linear;align-items:flex-start;}
.news_li_info p b{font-weight:400;font-size:36px;line-height:45px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;transition:all 0.3s linear;}
.news_li_info p span{color:#666666;line-height:50px;transition:all 0.3s linear;}
.news_li_info p a{border:1px solid #E81800;border-radius:40px;display:inline-block;padding:0 30px;line-height:50px;font-weight:500;color:#E81800;transition:all 0.3s linear;}

.news_li_pic{position:absolute;bottom:0;left:0;border-radius:20px;height:50%;width:100%;overflow:hidden;transition:all 0.3s linear;}
.news_li_pic span{display:inline-block;height:480px;width:100%;position:relative;position:absolute;bottom:0;left:0;}
.news_li_pic span::after{content:'';position:absolute;top:0;left:0;display:inline-block;height:100%;width:100%;background:linear-gradient(to top,rgba(232,24,0,0.69),rgba(0,0,0,0.3));opacity:0;transition:all 0.3s linear;}

.news_list ul li:hover .news_li{box-shadow:0px 40px 80px 16px rgba(0,0,0,0.16);}
.news_list ul li:hover .news_li_info,.news_list ul li:hover .news_li_pic{height:100%;}
.news_list ul li:hover .news_li_info p:first-child{height:240px;}
.news_list ul li:hover .news_li_info p b{color:#fff;-webkit-line-clamp:6;}
.news_list ul li:hover .news_li_info p span{color:#fff;}
.news_list ul li:hover .news_li_info p a{color:#fff;border:1px solid #fff;}
.news_list ul li:hover .news_li_pic span::after{opacity:1;}
.news_list ul li:hover .news_li_info p a:hover{border:1px solid #E81800;color:#fff;background:#E81800;}