/*nyCases start*/
.nyCases { overflow: hidden;}
.nyCases_main { padding: 60px 20px 40px; background-color: #fbfbfb; position: relative;}
.nyCases_title { margin-bottom: 50px;}
.nyCases_title p { line-height: 1.2; color: #222; font-family: "AlimamaShuHeiTi-Bold"; font-size: 44px; font-weight: bold; text-align: center; margin: 0 auto 10px;}
.nyCases_title span { display: block; line-height: 1.8; color: #555; font-size: 16px; text-align: center;}

.nyCases_rec { margin-bottom: 40px;}
.nyCases_rec ul li { margin-bottom: 20px;}
.nyCases_rec ul li:last-child { margin-bottom: 0;}
.nyCases_rec ul li .con { width: 100%; height: 360px; overflow: hidden; border-radius: 8px; position: relative;}
.nyCases_rec ul li .con a.pic { display: block; width: 100%; height: 100%; overflow: hidden; position: relative;}
.nyCases_rec ul li .con a.pic::after { content: ''; display: block; width: 100%; height: 80%; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)); position: absolute; left: 0; bottom: 0;}
.nyCases_rec ul li .con:hover a.pic img { transform: scale(1.1); -webkit-transform: scale(1.1);}
.nyCases_rec ul li .con .text { width: 100%; height: auto; padding: 30px 20px; position: absolute; left: 0; bottom: 0;}
.nyCases_rec ul li .con .text em { display: inline-block; height: 26px; line-height: 26px; color: #fff; font-size: 16px; font-style: normal; background-color: #333; border-radius: 4px; padding: 0 10px;}
.nyCases_rec ul li .con .text a.name { display: block; max-height: 80px; overflow: hidden; line-height: 40px; color: #fff; font-family: "AlimamaShuHeiTi-Bold"; font-size: 30px; font-weight: bold; display: -webkit-box; text-overflow: ellipsis; line-clamp: 2; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin: 15px 0;}
.nyCases_rec ul li .con .text a.btn { display: block; width: 60px; height: 35px; overflow: hidden; padding: 9px; background-color: #c6000b; border-radius: 4px;}
.nyCases_rec ul li .con .text a.btn:hover { background-color: #c6000b;}

.nyCases_list ul { min-height: 240px; margin-bottom: 40px;}
.nyCases_list ul li { margin-bottom: 20px;}
.nyCases_list ul li .nyCases_con { height: 100%; overflow: hidden; padding: 40px 20px; background-color: #fff; box-shadow: 0 6px 12px rgba(0, 0, 0, .06); border-radius: 8px;}
.nyCases_list ul li .nyCases_con:hover { background-color: #c6000b;}
.nyCases_con a.name { display: block; max-height: 80px; overflow: hidden; line-height: 40px; color: #222; font-family: "AlimamaShuHeiTi-Bold"; font-size: 30px; font-weight: bold; display: -webkit-box; text-overflow: ellipsis; line-clamp: 2; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.nyCases_con:hover a.name { color: #fff;}
.nyCases_con p.ms { height: 56px; overflow: hidden; line-height: 28px; color: #555; font-size: 18px; display: -webkit-box; text-overflow: ellipsis; line-clamp: 2; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: 10px;}
.nyCases_con:hover p.ms { color: rgba(255, 255, 255, .65);}
.nyCases_con a.btn { display: block; width: 160px; height: 50px; overflow: hidden; line-height: 48px; color: #c6000b; font-size: 16px; text-align: center; background-color: rgba(255, 255, 255, 0); border: 1px solid #c6000b; border-radius: 4px; margin-top: 30px;}
.nyCases_con:hover a.btn { background-color: #fff; border: 1px solid #fff;}
.nyCases_con a.btn i { display: inline-block; width: 14px; height: 14px; overflow: hidden; vertical-align: middle; margin: -4px 0 0 10px;}
.nyCases_con a.btn:hover i { margin: -4px 0 0 20px;}
/*nyCases end*/


@media (max-width:480px) {
  .nyCases_rec ul li .con { height: 280px;}
  .nyCases_rec ul li .con .text em { height: 24px; line-height: 24px; font-size: 14px;}
  .nyCases_rec ul li .con .text a.name, .nyCases_con a.name { max-height: 64px; line-height: 32px; font-size: 24px;}
  .nyCases_rec ul li .con .text a.btn { width: 54px; height: 32px; padding: 8px;}
  .nyCases_list ul li .nyCases_con { padding: 30px 20px;}
  .nyCases_con p.ms { height: 52px; line-height: 26px; font-size: 16px;}
  .nyCases_con a.btn { width: 148px; height: 48px; line-height: 46px; font-size: 16px; margin-top: 24px;}
  
}

@media (max-width:414px) {
  .nyCases_rec ul, .nyCases_list ul { margin: 0;}
  .nyCases_rec ul li .con { height: 260px;}
  .nyCases_rec ul li .con .text { padding: 20px;}
  .nyCases_rec ul li, .nyCases_list ul li { width: 100%; margin-bottom: 20px; padding: 0;}
  .nyCases_rec ul li .con .text a.name, .nyCases_con a.name { max-height: 60px; line-height: 30px; font-size: 20px;}  

  .nyCases_list ul { min-height: 200px; margin-bottom: 20px;}
  .nyCases_list ul li .nyCases_con { padding: 20px;}
  .nyCases_con p.ms { height: 50px; line-height: 25px; font-size: 15px;}
  .nyCases_con a.btn { width: 140px; height: 44px; line-height: 42px; font-size: 15px; margin-top: 16px;}
}

@media (max-width:390px) {
  .nyCases_main { padding: 60px 3% 40px;}
}

@media (max-width:320px) {
  .nyCases_rec ul li .con { height: 220px;}
  .nyCases_rec ul li .con .text a.name, .nyCases_con a.name { max-height: 56px; line-height: 28px; font-size: 18px;}
}