/*nyCase start*/
.nyCase { padding: 90px 0 140px;}
.nyCase_list ul { display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: center; margin: 0 -18px;}
.nyCase_list ul li { width: 33.333333%; margin-bottom: 40px; padding: 0 18px;}
.nyCase_list ul li a.pic { display: block; height: 324px; overflow: hidden; border-radius: 12px; position: relative;}
.nyCase_list ul li:hover a.pic img { transform: scale(1.1); -webkit-transform: scale(1.1);}
.nyCase_list ul li em { display: inline-block; line-height: 2; color: #fff; font-family: "BebasKai"; font-size: 16px; border-radius: 100px; margin: 25px 0 15px; padding: 0 20px; background: linear-gradient(to right, #4abcd4, #71ddea); vertical-align: top;}
.nyCase_list ul li a.name { display: block; line-height: 1.6; color: #333; font-size: 18px;}
.nyCase_list ul li:hover a.name { color: #0faac6;}

.nyCase .nyPage a { background-color: #f1f3f8;}
/*nyCase end*/

@media (max-width:1680px) {  
  .nyCase { padding: 80px 0 120px;}
  .nyCase ul li a.pic { height: 320px;}
  .nyCase ul li em { margin: 24px 0 12px;}
}

@media (max-width:1600px) {
  .nyCase ul li em { line-height: 28px; font-size: 14px; margin: 20px 0 10px;}
}

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

@media (max-width:1440px) {
  .nyCase { padding: 60px 0 100px;}
  .nyCase ul li a.pic { height: 300px;}
}

@media (max-width:1366px) {
  .nyCase ul li a.pic { height: 280px;}

}

@media (max-width:1280px) {
  .nyCase ul { margin: 0 -15px;}
  .nyCase ul li { margin-bottom: 30px; padding: 0 15px;}
  .nyCase ul li a.pic { height: 260px;}
}

@media (max-width:1200px) {
  .nyCase ul li a.pic { height: 250px;}
}

@media (max-width:1080px) {
  .nyCase ul { margin: 0 -10px;}
  .nyCase ul li { padding: 0 10px;}
  .nyCase ul li a.pic { height: 228px; border-radius: 8px;}
}

@media (max-width:1024px) {
  .nyCase ul li a.pic { height: 220px;}
}

@media (max-width:920px) {
  .nyCase { padding: 40px 0 75px;}
  .nyCase ul li a.pic { height: 200px;}
}

@media (max-width:820px) {
  .nyCase ul li a.pic { height: 170px;}
}

@media (max-width:767px) {
  .nyCase { padding: 40px 0;}
  .nyCase ul { margin: 0;}
  .nyCase ul li { width: 100%; margin-bottom: 20px; padding: 0;}
  .nyCase ul li a.pic { height: 280px;}
}

@media (max-width:390px) {
  .nyCase ul li a.pic { height: 260px;}
}

@media (max-width:320px) {
  .nyCase ul li a.pic { height: 220px;}
}