.news-list-top {display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;background:#f8f8f8}
.news-list-top .txt {-webkit-flex:1;flex:1;box-sizing:border-box;padding:0 45px}
.news-list-top .txt h5 {color:#333;font-size:20px;line-height:1.2;font-weight:700}
.news-list-top .txt em {margin-top:15px;font-size:14px;color:#666;display:block;background:url('../images/time.png') no-repeat left center;padding:0 0 0 33px}
.news-list-top .txt p {font-size:16px;line-height:24px;color:#666;margin:25px 0 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.news-list-top .txt .more {margin:30px auto 0 0;width:160px;height:38px;line-height:38px;display:block;text-align:center;color:#fff;font-size:14px;font-weight:700;background:var(--btn-bg)}
.news-list-top .txt .more:hover {background:var(--btn-bg-hover)}
.news-list-top .pic {width:47%;position:relative;overflow:hidden}
.news-list-top .pic img {width:100%;transition:all 0.3s ease 0s}
.news-list-top .pic:hover img {transform:scale(1.05);-webkit-transform:scale(1.05)}

.newslist ul li {overflow:hidden;margin:60px 0 0;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-direction:row-reverse;flex-direction:row-reverse}
.newslist ul li:nth-child(2n){flex-direction:row}
.newslist ul li:nth-child(2n) .txt{margin-right: 0;margin-left: 50px}
.newslist ul li .pic {width:42.5%;overflow:hidden}
.newslist ul li .pic img {width:100%;display:block;transition:all 0.3s ease 0s}
.newslist ul li .txt {-webkit-flex:1;flex:1;box-sizing:border-box;-webkit-flex-direction:column;flex-direction:column;position:relative;border-bottom:2px solid #eee;margin-right:50px}
.newslist ul li .txt h5 {color:#333;font-size:20px;line-height:1.2;font-weight:700}
.newslist ul li .txt em {margin-top:15px;font-size:14px;color:#666;display:block;background:url('../images/time.png') no-repeat left center;padding:0 0 0 33px}
.newslist ul li .txt p {font-size:16px;line-height:24px;color:#666;margin:25px 0 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.newslist ul li .txt .more {margin:30px auto 0 0;width:160px;height:38px;line-height:38px;display:block;text-align:center;color:#fff;font-size:14px;font-weight:700;background:var(--btn-bg)}
.newslist ul li .txt .more:hover {background:var(--btn-bg-hover)}
.newslist ul li .pic:hover img {transform:scale(1.05);-webkit-transform:scale(1.05)}
                            
@media screen and (max-width:1500px) {
.news-list-top .txt h5,.newslist ul li .txt h5 {font-size:18px;line-height:1.6}
.newslist ul li .txt p {line-height:1.6;margin:20px 0 0}
.newslist ul li .txt .more {margin:25px auto 0 0}
}

@media screen and (max-width:1300px) {

.news-list-top .txt h5,.newslist ul li .txt h5 {font-size:17px;line-height:1.5}
.news-list-top .txt {padding:0 30px}
.news-list-top .txt p {margin:15px 0 0;line-height:24px;height:48px;overflow:hidden}
.news-list-top .txt .more {margin:18px auto 0 0;width:150px;height:34px;line-height:34px}
.newslist ul li .txt p {line-height:24px;height:48px;overflow:hidden;margin:15px 0 0}
}
                         
@media screen and (max-width:991px) {

.news-list-top .txt {flex:1;box-sizing:border-box;padding:0 25px}
.news-list-top .txt h5 {font-size:17px;line-height:1.3}
.news-list-top .txt em {margin-top:12px;font-size:13px;padding:0 0 0 30px}
.news-list-top .txt p {font-size:15px;line-height:1.2;margin:15px 0 0}
.news-list-top .txt .more {display:none}
.news-list-top .pic {width:47%}
.newslist ul li {margin:20px 0 0}
.newslist ul li .pic {width:42.5%}
.newslist ul li .txt {-webkit-flex:1;flex:1;box-sizing:border-box;-webkit-flex-direction:column;flex-direction:column;position:relative;border-bottom:none;margin-right:20px}
.newslist ul li .txt h5 {font-size:17px;line-height:1.3}
.newslist ul li .txt em {margin-top:12px;font-size:13px;padding:0 0 0 30px}
.newslist ul li .txt p {font-size:15px;line-height:22px;height:44px;overflow:hidden;margin:15px 0 0}
.newslist ul li .txt .more {display:none}
}
                     
@media screen and (max-width:991px) {
.newslist ul li{flex-direction:column}
.newslist ul li:nth-child(2n){flex-direction:column}
.newslist ul li:nth-child(2n) .txt{margin-left: 0;margin-top:20px}
.newslist ul li .pic {width:100%}
.newslist ul li .txt {margin-top:20px}
.news-list-top {-webkit-flex-direction:column;flex-direction:column}
.news-list-top .pic {width:100%}
.news-list-top .txt {padding:15px 10px}
}

@media screen and (max-width:480px) {

}