/*nyCase_show start*/
.nyCase_show { overflow: hidden; padding: 80px 0;}
.nyCaseShow_head { margin-bottom: 40px; padding-bottom: 30px; position: relative;}
.nyCaseShow_head::before, .nyCaseShow_head::after { content: ''; display: block; position: absolute;}
.nyCaseShow_head::before { width: 100%; height: 1px; background-color: #ccc; bottom: 1px; left: 0;}
.nyCaseShow_head::after { width: 80px; height: 3px; background-color: #009596; bottom: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.nyCaseShow_head h3 { line-height: 40px; color: #222; font-size: 30px; font-weight: bold; text-align: center; margin-bottom: 10px;}
.nyCaseShow_head p { line-height: 36px; color: #777; font-size: 30px; text-align: center;}

.nyCaseShow_con { display: flex; align-items: center; justify-content: space-between; overflow: hidden; padding: 40px 20%; background-color: #f5f5f5;}
.nyCaseShow_con .nyCaseShow_text { width: 50%; padding: 0 40px 0 0;}
.nyCaseShow_text ul li { line-height: 30px; color: #222; font-size: 20px; text-align: left; margin-bottom: 20px; padding-left: 20px; position: relative;}
.nyCaseShow_text ul li::before, .nyCaseShow_text ul li::after { content: ''; display: block; overflow: hidden; border-radius: 50%; position: absolute;}
.nyCaseShow_text ul li::before { width: 6px; height: 6px; background-color: #009596; left: 3px; top: 12px;}
.nyCaseShow_text ul li::after { width: 10px; height: 10px; border: 1px solid #009596; left: 0; top: 9px; opacity: .4;}
.nyCaseShow_text .title { margin-bottom: 10px;}
.nyCaseShow_text .title span { display: inline-block; vertical-align: top; line-height: 30px; color: #222; font-size: 20px; padding-bottom: 7px; border-bottom: 1px solid #ccc;}
.nyCaseShow_text p { line-height: 28px !important; color: #222 !important; font-size: 16px !important;}
.nyCaseShow_con .nyCaseShow_img { width: 50%; height: 300px; overflow: hidden; position: relative;}

.nyCaseShow_bottom { overflow: hidden; line-height: 30px; color: #fff; font-size: 22px; font-weight: bold; text-align: center; padding: 20px 40px; background-color: #009596;}
.nyCaseShow_bottom span { display: inline-block; line-height: 30px; color: #fff; font-size: 22px; font-weight: bold; font-family: '\5FAE\8F6F\96C5\9ED1'; text-decoration: underline; vertical-align: top; margin: 0 4px;}
/*nyCase_show end*/


@media (max-width:1680px) {
  .nyCase_show { padding: 60px 0;}
  .nyCaseShow_head { margin-bottom: 30px; padding-bottom: 24px;}
  .nyCaseShow_head p { line-height: 34px; font-size: 26px;}
  .nyCaseShow_con { padding: 30px 20%;}
  .nyCaseShow_con .nyCaseShow_text { padding: 0 30px 0 0;}

  .nyCaseShow_bottom { padding: 15px 30px;}
  .nyCaseShow_bottom, .nyCaseShow_bottom span { font-size: 20px;}
}

@media (max-width:1600px) {}

@media (max-width:1560px) {}

@media (max-width:1440px) {
  .nyCaseShow_con { padding: 30px 15%;}
}

@media (max-width:1366px) {}

@media (max-width:1280px) {
  .nyCaseShow_con { padding: 30px 12%;}
}

@media (max-width:1200px) {}

@media (max-width:1080px) {
  .nyCaseShow_con { padding: 30px 10%;}
}

@media (max-width:1024px) {}

@media (max-width:920px) {
  .nyCaseShow_con { padding: 30px 8%;}
}

@media (max-width:820px) {
  .nyCase_show { padding: 40px 0;}
  .nyCaseShow_head { margin-bottom: 20px; padding-bottom: 16px;}
  .nyCaseShow_head h3 { line-height: 32px; font-size: 24px; margin-bottom: 5px;}
  .nyCaseShow_head p { line-height: 30px; font-size: 20px;}

  .nyCaseShow_con { padding: 20px;}
  .nyCaseShow_con .nyCaseShow_text { padding: 0 20px 0 0;}
  .nyCaseShow_text ul li { line-height: 28px; font-size: 18px; margin-bottom: 12px;}
  .nyCaseShow_text .title span { line-height: 28px; font-size: 18px; padding-bottom: 5px;}
  .nyCaseShow_con .nyCaseShow_img { height: 260px;}

  .nyCaseShow_bottom { padding: 10px 20px;}
  .nyCaseShow_bottom, .nyCaseShow_bottom span { line-height: 28px; font-size: 18px;}
}

@media (max-width:767px) {
  .nyCaseShow_head { padding-bottom: 12px;}
  .nyCaseShow_head h3 { line-height: 30px; font-size: 22px;}
  .nyCaseShow_head p { line-height: 26px; font-size: 16px;}
  .nyCaseShow_head::after { width: 60px;}

  .nyCaseShow_con { display: block; align-items:unset;}
  .nyCaseShow_con .nyCaseShow_text { width: 100%; margin-bottom: 20px; padding: 0;}
  .nyCaseShow_text ul li { line-height: 26px; font-size: 16px; margin-bottom: 10px;}
  .nyCaseShow_text .title span { line-height: 26px; font-size: 16px;}
  .nyCaseShow_text p { line-height: 25px !important; font-size: 15px !important;}
  .nyCaseShow_con .nyCaseShow_img { width: 100%; height: 240px; margin-top: 20px;}

  .nyCaseShow_bottom, .nyCaseShow_bottom span { line-height: 26px; font-size: 16px;}
}

@media (max-width:390px) {
  .nyCaseShow_con .nyCaseShow_img { height: 220px;}
}

@media (max-width:320px) {
  .nyCaseShow_con .nyCaseShow_img { height: 180px;}
  .nyCaseShow_bottom, .nyCaseShow_bottom span { line-height: 24px; font-size: 14px;}
}

