.news-detail{ width: 85vw; max-width: 1600px; margin: auto;  }
.news-detail .titler{text-align: center; margin:40px 0; padding:30px 0;  color:#888; border-bottom: 1px solid #eee;}
.news-detail .titler h2{color:#333;font-size: 36px;}
.news-detail .titler a{color:#888; text-decoration: none;}
.news-detail .summary{font-size:16px; margin:20px; padding:20px; background-color: #eee; color:#888}
@media screen and (max-width: 1024px) {
    .banner{height: 75vw;}
    .news-detail{ width:96vw; margin:auto 2vw }
}
@media screen and (max-width: 768px) {
    .news-detail .titler{ padding:10px 0;  color:#888; border-bottom: 1px solid #eee; margin: 10px 0;}
    .news-detail .titler h2{color:#333;font-size: 16px;}
    .news-detail .summary{font-size:14px; margin:0px; padding:10px; background-color: #eee; color:#888}

}


.news-list{ width: 85vw; max-width: 1600px; margin: auto; min-height: 85vh; }
.news-list .news-item{width:100%;  margin:2vw 0vw 2vw 0vw; animation-duration: 0.8s;animation-delay: 0.03s;
animation-name: fadeInUp; transition: all 0.6s; overflow: hidden;  border: 1px solid #eee; padding:15px; border-radius: 10px;}

.news-list .news-item:hover{border-color: transparent;box-shadow: 0 12px 64px rgba(0, 44, 109, .12);}
.news-list dl{ display: flex; justify-content:start; flex-wrap: no-wrap;}
.news-list dl dd{height: 200px; width:300px; display: flex; align-items: center; overflow: hidden;border-radius: 5px;}
.news-list .news-item dl dd img{width: 100%; height: 100%; object-fit: cover; transition: all 0.6s; }
.news-list .news-item:hover dl dd img{transform:scale(1.1); }
.news-list dl dt{height: 4vw;padding:10px; margin-left: 15px; width: calc(100% - 45px - 300px );}
.news-list .news-item dl dt a{font-size: 16px; color:#333; text-decoration: none; transition: all 0.6s;}
.news-list .news-item:hover dl dt a{color:#fabe00}
.news-list .news-item:hover dl dt a.cate{color:#333}
.news-list .news-item dl dt span{display: inline-block;}
.news-list .news-item dl dt a{margin: 0.8em 0; }
.news-list .news-item dl dt a.cate{font-size: 1.17em; line-height: 2;}
.news-list .news-item dl dt a h3{margin:0;  display: inline; line-height: 2.4;}
.news-list .news-item dl dt p{word-wrap: break-word; overflow-wrap: break-word; -webkit-line-clamp: 3;
display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;font-size: 16px;}
.news-list .news-item dl dt a.more{font-size: 1.17em; line-height: 2; color:#fabe00}
.news-list .news-item dl dt span.date{display: none;}
@media screen and (max-width: 1024px) {

.banner{height: 75vw;}
.news-list{ width:calc(100vw - 20px); margin:auto 10px }
.news-list .news-item dl dt a h3{line-height: 1.5;  display: inline-block; word-wrap: break-word; overflow-wrap: break-word; -webkit-line-clamp: 2;
display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;}
}
@media screen and (max-width: 768px) {
    .news-list{ width:calc(100vw - 20px); margin:auto 10px }
.news-list .news-item dl{flex: 1 0 0;}
.news-list dl dd{ height: 32vw; width: 32vw; }
.news-list .news-item dl dt span,.news-list .news-item dl dt .cate,.news-list .news-item dl dt p,.news-list .news-item dl dt .more{display: none;}
.news-list .news-item dl dt span.date{display: inline-block; color:#ccc}
.news-list .news-item dl dt a{margin:0}
.news-list .news-item dl dt a h3{line-height: 1.5; font-weight: normal; font-size: 16px; display: inline-block; word-wrap: break-word; overflow-wrap: break-word; -webkit-line-clamp: 3;
display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;}

.news-list .news-item dl dd img{height: 32vw; width: 32vw; object-fit: cover; display: block;}
.news-list dl dt{ width: calc(100% - 32vw); height: auto; margin-left: 0px; padding:5px 5px 5px 10px; }
}