/*nyCase_menu start*/
.nyCase_menu { overflow: hidden; padding: 80px 0;}
.nyCase_menu ul { display: flex; justify-content: center;}
.nyCase_menu ul li { padding: 0 50px;}
.nyCase_menu ul li a.ico { display: block; width: 122px; height: 122px; overflow: hidden; margin: 0 auto 15px; border: 2px solid #009596; border-radius: 8px; position: relative;}
.nyCase_menu ul li:hover a.ico, .nyCase_menu ul li.active a.ico { background-color: #009596;}
.nyCase_menu ul li a.ico i { display: block; width: 80px; height: 80px; overflow: hidden; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.nyCase_menu ul li a.ico i img { display: block; width: 80px; height: 160px; margin: 0 auto;}
.nyCase_menu ul li:hover a.ico i img, .nyCase_menu ul li.active a.ico i img { margin: -80px auto 0;}
.nyCase_menu ul li a.name { display: block; line-height: 30px; color: #222; font-size: 18px; font-weight: bold; text-align: center;}
.nyCase_menu ul li:hover a.name, .nyCase_menu ul li.active a.name { color: #009596;}
/*nyCase_menu end*/


/*nyCase_list start*/
.nyCase_list ul { margin-bottom: 40px;}
.nyCase_list ul li { display: flex; align-items: center; padding: 40px 0; border-top: 1px solid #ddd;}
.nyCase_img { width: 30%; height: 268px; overflow: hidden;}
.nyCase_img a { display: block; width: 100%; height: 100%; overflow: hidden; position: relative;}
.nyCase_img a::before { content: ''; display: block; width: 100%; height: 100%; background-image: linear-gradient(135deg, rgba(0, 150, 151, 0), rgba(0, 0, 0, 0)); position: absolute; left: 0; top: 0; z-index: 1; transition: all 0.5s; -webkit-transition: all 0.5s;}
.nyCase_img a::after { content: ''; display: block; width: calc(100% - 20px); height: calc(100% - 20px); border: 1px solid rgba(255, 255, 255, .45); position: absolute; left: 10px; top: 10px; z-index: 2;}
.nyCase_list ul li:hover .nyCase_img a::before { background-image: linear-gradient(135deg, rgba(0, 150, 151, .8), rgba(0, 0, 0, 0));}
.nyCase_list ul li:hover .nyCase_img a img.cover { transform: scale(1.1); -webkit-transform: scale(1.1);}
.nyCase_img a em { display: block; height: 20px; overflow: hidden; position: absolute; left: 30px; top: 30px; z-index: 3;}
.nyCase_img a em img { display: block; max-height: 100%;}

.nyCase_text { width: 70%; height: auto; overflow: hidden; padding: 0 40px;}
.nyCase_text a.name { display: block; max-height: 80px; overflow: hidden; line-height: 40px; color: #222; font-size: 30px; font-weight: bold; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.nyCase_list ul li:hover .nyCase_text a.name { color: #009596;}
.nyCase_text p { max-height: 60px; overflow: hidden; line-height: 30px; color: #555; font-size: 18px; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: 20px;}
.nyCase_text .btn { margin-top: 40px;}
.nyCase_text .btn a { display: inline-block; vertical-align: top; height: 40px; line-height: 38px; color: #999; font-size: 16px; padding: 0 30px; border: 1px solid #ccc; border-radius: 0;}
.nyCase_text .btn a:hover { color: #fff; background-color: #009596; border: 1px solid #009596;}
.nyCase_text .btn a i { display: inline-block; width: 18px; height: 18px; overflow: hidden; vertical-align: middle; margin: -2px 0 0 10px;}
.nyCase_text .btn a:hover i { margin: -2px 0 0 20px;}
.nyCase_text .btn a:hover i svg path { fill: #fff;}
/*nyCase_list end*/


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

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

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

@media (max-width:1440px) {
  .nyCase_menu { padding: 60px 0;}
  .nyCase_menu ul li { padding: 0 40px;}
  .nyCase_menu ul li a.ico { width: 104px; height: 104px; margin: 0 auto 10px;}
  .nyCase_menu ul li a.ico i { width: 60px; height: 60px;}
  .nyCase_menu ul li a.ico i img { width: 60px; height: 120px;}
  .nyCase_menu ul li:hover a.ico i img, .nyCase_menu ul li.active a.ico i img { margin: -60px auto 0;}
  .nyCase_menu ul li a.name { font-size: 16px;}

  .nyCase_list ul { margin-bottom: 30px;}
  .nyCase_list ul li { padding: 30px 0;}
  .nyCase_img { height: 240px;}
  .nyCase_text { padding: 0 30px;}
  .nyCase_text a.name { max-height: 72px; line-height: 36px; font-size: 26px;}
  .nyCase_text p { max-height: 52px; line-height: 26px; font-size: 16px; margin-top: 15px;}
  .nyCase_text .btn { margin-top: 30px;}
  .nyCase_text .btn a { font-size: 14px; padding: 0 20px;}
  .nyCase_text .btn a i { width: 16px; height: 16px;}
}

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

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

@media (max-width:1200px) {
  .nyCase_img { width: 36%;}
  .nyCase_text { width: 64%;}
}

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

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

@media (max-width:920px) {
  .nyCase_menu ul li { padding: 0 30px;}

  .nyCase_img { width: 40%; height: 220px;}
  .nyCase_text { width: 60%;}
  .nyCase_text a.name { max-height: 64px; line-height: 32px; font-size: 24px;}
}

@media (max-width:820px) {
  .nyCase_menu { padding: 40px 0;}
  .nyCase_menu ul li { padding: 0 30px;}
  .nyCase_menu ul li a.ico { width: 84px; height: 84px; margin: 0 auto 6px;}
  .nyCase_menu ul li a.ico i { width: 44px; height: 44px;}
  .nyCase_menu ul li a.ico i img { width: 44px; height: 88px;}
  .nyCase_menu ul li:hover a.ico i img, .nyCase_menu ul li.active a.ico i img { margin: -44px auto 0;}
  .nyCase_menu ul li a.name { font-size: 15px;}

  .nyCase_list ul { margin-bottom: 20px;}
  .nyCase_list ul li { padding: 20px 0;}
  .nyCase_img { height: 200px;}
  .nyCase_text { padding: 0 25px;}
  .nyCase_text a.name { max-height: 60px; line-height: 30px; font-size: 22px;}
  .nyCase_text p { max-height: 50px; line-height: 25px; font-size: 15px; margin-top: 10px;}
  .nyCase_text .btn { margin-top: 25px;}
  .nyCase_text .btn a { padding: 0 15px;}
}

@media (max-width:767px) {
  .nyCase_menu { padding: 20px 0;}
  .nyCase_menu ul li { padding: 0 6px;}
  .nyCase_menu ul li a.ico { width: 64px; height: 64px; margin: 0 auto 6px;}
  .nyCase_menu ul li a.ico i { width: 40px; height: 40px;}
  .nyCase_menu ul li a.ico i img { width: 40px; height: 80px;}
  .nyCase_menu ul li:hover a.ico i img, .nyCase_menu ul li.active a.ico i img { margin: -40px auto 0;}
  .nyCase_menu ul li a.name { line-height: 20px; font-size: 12px;}

  .nyCase_list ul li { display: block; align-items: unset;}
  .nyCase_img { width: 100%; height: 230px;}
  .nyCase_text { width: 100%; margin-top: 20px; padding: 0;}
  .nyCase_text .btn { margin-top: 15px;}
}

@media (max-width:390px) {
  .nyCase_menu ul li { padding: 0 4px;}
}

@media (max-width:320px) {
  .nyCase_menu ul li { padding: 0 2px;}
  .nyCase_menu ul li a.ico { width: 52px; height: 52px; margin: 0 auto 6px;}
  .nyCase_menu ul li a.ico i { width: 32px; height: 32px;}
  .nyCase_menu ul li a.ico i img { width: 32px; height: 64px;}
  .nyCase_menu ul li:hover a.ico i img, .nyCase_menu ul li.active a.ico i img { margin: -32px auto 0;}
  .nyCase_menu ul li a.name { line-height: 16px; font-size: 12px;}

  .nyCase_img { height: 180px;}
}