.nynew { min-height: 400px; padding: 100px 0; overflow: hidden; }
.nynew .newqh { width: 100%; display: flex; display: -webkit-flex; justify-content: center; margin-bottom: 60px; }
.nynew .newqh a { display: block; height: 50px; line-height: 50px; border-radius: 25px; padding: 0 34px; font-size: 18px; font-weight: bold; text-transform: capitalize; background: #ebebeb; margin-right: 18px; }
.nynew .newqh a:last-child { margin-right: 0; }
.nynew .newqh a:hover, .nynew .newqh a.active { background: #29b6d2; background-image: linear-gradient(to right, #29b6d2, #0ca7d7); color: #fff; }
.nynew ul { width: 100%; display: -webkit-flex; display: flex; flex-wrap: wrap; }
.nynew ul li { width: 47%; float: left; margin-right: 6%; margin-bottom: 58px; }
.nynew ul li:nth-child(2n) { margin-right: 0; }
.nynew ul li .newlitop { width: 100%; height: 428px; position: relative; overflow: hidden; }
.nynew ul li .newlitop .pic img { width: 100%; height: 100%; object-fit: cover; }
.nynew ul li .newlitop time { display: block; position: absolute; right: 0; bottom: 0; background: #292d34; padding: 10px 22px; text-align: center; }
.nynew ul li .newlitop time p { font-size: 26px; color: #fff; border-bottom: 1px solid rgba(255,255,255,.3); }
.nynew ul li .newlitop time span { font-size: 31px; font-weight: bold; color: #fff; }
.nynew ul li .newlibottom .name { font-size: 24px; font-weight: bold; height: 60px; line-height: 30px; margin: 30px 0 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.nynew ul li .newlibottom .ms { font-size: 15px; color: #999; line-height: 28px; height: 84px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.nynew ul li:hover .newlitop .pic img { transform: scale(1.1); }
@media screen and (max-width:1680px) {
.nynew { padding: 90px 0; }
.nynew ul li .newlitop time p { font-size: 24px; }
.nynew ul li .newlitop time span { font-size: 28px; }
}
@media screen and (max-width:1560px) {
.nynew { padding: 80px 0; }
.nynew .newqh { margin-bottom: 40px; }
.nynew ul li { width: 48.5%; margin-right: 3%; margin-bottom: 40px; }
.nynew ul li .newlitop { height: 380px; }
.nynew ul li .newlibottom .name { font-size: 22px; }
}
@media screen and (max-width:1440px) {
.nynew { padding: 70px 0; }
.nynew ul li .newlitop time p { font-size: 22px; }
.nynew ul li .newlitop time span { font-size: 26px; }
}
@media screen and (max-width:1366px) {
.nynew { padding: 60px 0; }
}
@media screen and (max-width:1200px) {
.nynew { padding: 50px 0; }
.nynew .newqh { margin-bottom: 30px; }
.nynew .newqh a { font-size: 16px; height: 44px; line-height: 44px; padding: 0 24px; margin-right: 10px; }
.nynew ul li { margin-bottom: 30px; }
.nynew ul li .newlitop { height: 300px; }
.nynew ul li .newlitop time { padding: 10px 20px; }
.nynew ul li .newlitop time p { font-size: 20px; }
.nynew ul li .newlitop time span { font-size: 24px; }
.nynew ul li .newlibottom .name { font-size: 20px; margin: 20px 0 10px; }
.nynew ul li .newlibottom .ms { height: 56px; -webkit-line-clamp: 2;}
}
@media screen and (max-width:1024px) {
.nynew { padding: 40px 0; }
.nynew ul li .newlitop time p { font-size: 18px; }
.nynew ul li .newlitop time span { font-size: 22px; }
}
@media screen and (max-width:820px) {
.nynew ul li .newlitop { height: 250px; }
.nynew .newqh a { height: 40px; line-height: 40px; }
}
@media screen and (max-width:767px) {
.nynew { padding: 30px 0; }
.nynew .newqh a { font-size: 15px; }
.nynew ul li { width: 100%; margin-right: 0; }
.nynew ul li .newlitop { height: 200px; }
.nynew ul li .newlitop time { padding: 10px 16px; }
.nynew ul li .newlitop time p { font-size: 16px; }
.nynew ul li .newlitop time span { font-size: 18px; }
.nynew ul li .newlibottom .name { font-size: 18px; line-height: 28px; margin: 20px 0; height: auto; display: block; }
.nynew ul li .newlibottom .ms { display: none; }
}
@media screen and (max-width:550px) {
.nynew .newqh { margin-bottom: 20px; }
.nynew .newqh a { font-size: 14px; }
.nynew ul li .newlitop { height: 220px; }
.nynew ul li .newlitop time { padding: 8px 14px; }
.nynew ul li .newlitop time p { font-size: 14px; }
.nynew ul li .newlitop time span { font-size: 16px; }
.nynew ul li .newlibottom .name { font-size: 16px; }
}