﻿
/*nyNews start*/
.nyNews { padding: 90px 0 140px;}
.nyNews .nyNews_menu { margin-bottom: 50px; text-align: center;}
.nyNews_menu a { display: inline-block; vertical-align: top; line-height: 2.5; color: #333; font-family: "BebasKai"; font-size: 20px; text-transform: uppercase; margin: 0 10px; padding: 0 40px; background-color: #f1f3f8; border-radius: 25px;}
.nyNews_menu a:hover, .nyNews_menu a.on { color: #fff; background-color: #ec5c42;}

.nyNews .nyNews_list { margin-bottom: 24px;}
.nyNews_list ul { display: flex; flex-wrap: wrap; justify-content: left; margin: 0 -12px;}
.nyNews_list ul li { width: 50%; margin-bottom: 24px; padding: 0 12px;}
.nyNews_list ul li .nyNews_con { width: 100%; height: 100%; overflow: hidden; padding: 32px 44px; background-color: #f1f3f8; border-radius: 8px;}
.nyNews_list ul li .nyNews_con:hover { background-color: #0faac6;}

.nyNews_con .name { height: 32px; position: relative;}
.nyNews_con .name a { display: inline-block; max-width: 100%; height: 32px; overflow: hidden; line-height: 32px; color: #333; font-size: 22px; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; position: relative;}
.nyNews_con:hover .name a { color: #fff;}
.nyNews_con .name a::before { content: ''; display: block; width: 100%; height: 10px; background-color: rgba(44, 185, 210, .15); position: absolute; bottom: 2px;}
.nyNews_con:hover .name a::before { background-color: rgba(255, 255, 255, .15);}
.nyNews_con p.ms { display: block; max-height: 56px; overflow: hidden; line-height: 28px; color: #777; font-size: 16px; margin: 10px 0 20px; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.nyNews_con span.time { display: block; height: 24px; overflow: hidden; line-height: 24px; color: #777; font-size: 16px;}
.nyNews_con span.time i { display: block; width: 16px; height: 16px; overflow: hidden; margin: 4px 8px 4px 0; float: left;}
.nyNews_con:hover p.ms, .nyNews_con:hover span.time { color: rgba(255, 255, 255, .6);}
.nyNews_con:hover span.time i svg path { fill: rgba(255, 255, 255, .6);}

.nyNews .nyPage a { background-color: #f1f3f8;}
/*nyNews end*/

@media (max-width:1680px) {
  .nyNews { padding: 80px 0 120px;}
  .nyNews .nyNews_menu { margin-bottom: 40px;}
  .nyNews .nyNews_list { margin-bottom: 16px;}
}

@media (max-width:1600px) {
  .nyNews_list ul li .nyNews_con { padding: 30px 40px;}
  .nyNews_con .name a { font-size: 20px;}
  .nyNews_con p.ms { max-height: 54px; line-height: 27px; font-size: 15px;}  
  .nyNews_con span.time { font-size: 15px;}

}

@media (max-width:1560px) {}

@media (max-width:1440px) {
  .nyNews { padding: 60px 0 100px;}
  .nyNews_list ul li .nyNews_con { padding: 24px 32px;}
  .nyNews_con p.ms { max-height: 52px; line-height: 26px; font-size: 14px; margin: 8px 0 16px;}
  .nyNews_con span.time { font-size: 14px;}
}

@media (max-width:1366px) {}

@media (max-width:1280px) {}

@media (max-width:1200px) {}

@media (max-width:1080px) {
  .nyNews_list ul li .nyNews_con { padding: 20px 24px;}
  .nyNews_con .name a { font-size: 18px;}
}

@media (max-width:1024px) {}

@media (max-width:920px) {
  .nyNews { padding: 40px 0 75px;}
  .nyNews .nyNews_menu { margin-bottom: 20px;}
  .nyNews_menu a { font-size: 18px; margin: 0 8px; padding: 0 30px;}
  .nyNews .nyNews_list { margin-bottom: 0;}
  .nyNews_list ul { margin: 0 -10px;}
  .nyNews_list ul li { margin-bottom: 20px; padding: 0 10px;}
}

@media (max-width:820px) {}

@media (max-width:767px) {
  .nyNews { padding: 40px 0;}
  .nyNews_list ul { margin: 0;}
  .nyNews_list ul li { width: 100%; padding: 0;}
  .nyNews_list ul li .nyNews_con { padding: 20px;}  
  .nyNews_con .name { height: auto;}
  .nyNews_con .name a { display: block; height: auto; line-height: 1.4; white-space: inherit; text-overflow: inherit;}
  .nyNews_con p.ms { max-height: 48px; line-height: 24px;}
}

@media (max-width:390px) {
  .nyNews_menu a { margin: 0 2px;}
}

@media (max-width:320px) {
  .nyNews_menu a { padding: 0 20px;}
}
