/* nyBrand start */
.nyBrand { overflow: hidden; padding: 80px 0;}

.nyBrand_list ul { min-height: 320px; display: flex; flex-wrap: wrap; justify-content: left; margin: 0 -14px -28px;}
.nyBrand_list ul li { width: 25%; margin-bottom: 28px; padding: 0 14px;}
.nyBrand_con { height: 140px; overflow: hidden; background-color: #fff; position: relative;}
.nyBrand_con a.nyBrand_img { display: block; width: 100%; height: 100%; overflow: hidden; position: relative;}
.nyBrand_con:hover a.nyBrand_img img { transform: scale(1.05); -webkit-transform: scale(1.05);}
.nyBrand_con a.nyBrand_img::after { content: ''; display: block; width: 100%; height: 100%; background-color: rgba(1, 64, 160, .75); position: absolute; left: 0; bottom: 100%; transition: all 0.5s; -webkit-transition: all 0.5s;}
.nyBrand_con:hover a.nyBrand_img::after { bottom: 0;}

.nyBrand_con a.nyBrand_name { display: block; width: 100%; padding: 0 20px; position: absolute; left: 0; top: 100%; transform: translateY(0); -webkit-transform: translateY(0); z-index: 2;}
.nyBrand_con:hover a.nyBrand_name { top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.nyBrand_con a.nyBrand_name span { display: block; max-height: 60px; overflow: hidden; line-height: 30px; color: #fff; font-size: 20px; text-align: center; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.nyBrand_con a.nyBrand_name i { display: block; width: 24px; height: 24px; overflow: hidden; margin: 10px auto 0; padding: 7px; background-color: #26ad49; border-radius: 50%;}
.nyBrand_con a.nyBrand_name i svg { transform: rotate(-90deg); -webkit-transform: rotate(-90deg);}
/* nyBrand end */

@media (max-width:1680px) {}

@media (max-width:1600px) {
  .nyBrand_con a.nyBrand_name span { max-height: 56px; line-height: 28px; font-size: 18px;}
}

@media (max-width:1560px) {}

@media (max-width:1440px) {
  .nyBrand { padding: 60px 0;}
  .nyBrand_list ul { margin: 0 -12px -24px;}
  .nyBrand_list ul li { margin-bottom: 24px; padding: 0 12px;}
}

@media (max-width:1366px) {
  .nyBrand_con { height: 130px;}
  .nyBrand_con a.nyBrand_name span { max-height: 52px; line-height: 26px; font-size: 16px;}
}

@media (max-width:1280px) {
  .nyBrand_con { height: 120px;}
}

@media (max-width:1200px) {}

@media (max-width:1080px) {
  .nyBrand { padding: 40px 0;}
  .nyBrand_list ul { margin: 0 -10px -20px;}
  .nyBrand_list ul li { margin-bottom: 20px; padding: 0 10px;}
  .nyBrand_con { height: 110px;}
}

@media (max-width:1024px) {}

@media (max-width:920px) {
  .nyBrand_list ul li { width: 33.333333%;}
  .nyBrand_con { height: 120px;}
}

@media (max-width:820px) {
  .nyBrand_con { height: 110px;}
}

@media (max-width:767px) {
  .nyBrand { padding: 30px 0;}
  .nyBrand_list ul { margin: 0 -6px -12px;}
  .nyBrand_list ul li { width: 50%; margin-bottom: 12px; padding: 0 6px;}
  .nyBrand_con { height: 100px;}
  .nyBrand_con a.nyBrand_name { padding: 0 12px;}
  .nyBrand_con a.nyBrand_name span { max-height: 50px; line-height: 25px; font-size: 15px;}
}

@media (max-width:390px) {}

@media (max-width:320px) {
  .nyBrand_list ul { margin: 0 -5px -10px;}
  .nyBrand_list ul li { margin-bottom: 10px; padding: 0 5px;}
  .nyBrand_con { height: 90px;}
  .nyBrand_con a.nyBrand_name { padding: 0 10px;}
  .nyBrand_con a.nyBrand_name span { max-height: 44px; line-height: 22px; font-size: 14px;}
}