/* CSS Document */

/* nyService start */
.nyService { overflow: hidden; margin: 80px auto;}
.nyService1 { margin: 160px auto 80px;}
.nyService1 .w1600 { display: flex;}

.nyService .nyService_left { display: none;}
.nyService1 .nyService_left { display: block; width: 300px; overflow: hidden;}
.nyService_left .nyService_left_head { overflow: hidden; padding: 20px; line-height: 40px; color: #fff; font-size: 24px; font-weight: bold; background-color: #1b355d; border-radius: 8px 8px 0 0;}
.nyService_left ul { overflow: hidden; background-color: #fff; border-radius: 0 0 8px 8px;}
.nyService_left ul li { padding: 0 20px;}
.nyService_left ul li:hover, .nyService_left ul li.active { background-color: #6585b6;}
.nyService_left ul li a { display: block; line-height: 30px; color: #222; font-size: 16px; padding: 10px 20px; border-bottom: 1px solid #eee; position: relative;}
.nyService_left ul li:hover a, .nyService_left ul li.active a { color: #fff; border-bottom: 1px solid #6585b6;}
.nyService_left ul li a em { display: block; width: 12px; height: 12px; overflow: hidden; margin-top: -6px; position: absolute; top: 50%; right: 4px;}
.nyService_left ul li:hover a em svg path, .nyService_left ul li.active a em svg path { fill: #fff;}

.nyService1 .nyService_list { width: calc(100% - 300px); margin: 0; padding-left: 40px;}
.nyService_list ul { min-height: 240px; margin-bottom: 60px;}
.nyService_list ul li { margin-bottom: 20px; padding: 20px 120px 20px 40px; border-radius: 8px; background-color: #fff; box-shadow: 0 0 0 rgba(24, 53, 93, 0); position: relative;}
.nyService_list ul li:hover { background-color: #1b355d; box-shadow: 0 10px 16px rgba(24, 53, 93, .2);}
.nyService_list ul li a.nyService_name { display: block; width: 80%; height: 40px; overflow: hidden; line-height: 40px; color: #222; font-size: 16px; white-space: nowrap; text-overflow: ellipsis; padding-left: 50px; position: relative; float: left;}
.nyService_list ul li:hover a.nyService_name { color: #fff;}
.nyService_list ul li a.nyService_name i { display: block; width: 32px; height: 32px; overflow: hidden; position: absolute; left: 0; top: 4px;}
.nyService_list ul li a.nyService_name i svg { display: block; width: 100%; height: 100%;}
.nyService_list ul li a.nyService_name i svg path { fill: #db1111;}
.nyService_list ul li:hover a.nyService_name i svg path { fill: #ffffff;}
.nyService_list ul li span { display: block; width: 20%; height: 40px; overflow: hidden; line-height: 40px; color: #999; font-size: 16px; text-align: center; float: left;}
.nyService_list ul li:hover span { color: rgba(255, 255, 255, .65);}
.nyService_list ul li a.nyService_btn { display: block; width: 40px; height: 40px; overflow: hidden; position: absolute; top: 20px; right: 40px;}
.nyService_list ul li a.nyService_btn i { display: block; width: 100%; height: 100%; overflow: hidden; padding: 11px; border-radius: 50%; background-color: #1b355d;}
.nyService_list ul li:hover a.nyService_btn i { background-color: #fff;}
.nyService_list ul li a.nyService_btn i svg { display: block; width: 100%; height: 100%;}
.nyService_list ul li a.nyService_btn i svg path { fill: #ffffff;}
.nyService_list ul li:hover a.nyService_btn i svg path { fill: #1b355d;}

/* nyService end */


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

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

@media (max-width:1560px) {
  .nyService_list ul li span { font-size: 15px;}
}

@media (max-width:1440px) {
  .nyService { margin: 60px auto;}
  .nyService1 { margin: 150px auto 60px;}
  .nyService1 .nyService_list { padding-left: 30px;}
  .nyService_list ul { margin-bottom: 30px;}
  .nyService_list ul li a.nyService_name { width: 82%;}
  .nyService_list ul li span { width: 18%;}
}

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

@media (max-width:1280px) {
  .nyService1 .nyService_left { width: 260px;}
  .nyService_left ul li a { padding: 10px 20px 10px 10px;}
  .nyService1 .nyService_list { width: calc(100% - 260px);}

  .nyService_list ul li { padding: 12px 100px 12px 30px;}
  .nyService_list ul li a.nyService_name { width: 84%;}
  .nyService_list ul li span { width: 16%; font-size: 14px;}
  .nyService_list ul li a.nyService_btn { top: 12px; right: 30px;}
}

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

@media (max-width:1080px) {
  .nyService_list ul li { padding: 12px 80px 12px 20px;}
  .nyService_list ul li a.nyService_btn { top: 12px; right: 20px;}
}

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

@media (max-width:920px) {
  .nyService { margin: 40px auto;}
  .nyService1 { margin: 110px auto 40px;}
  .nyService1 .w1600 { display: block;}
  .nyService1 .nyService_left { width: 100%; margin-bottom: 20px;}
  .nyService_left .nyService_left_head { padding: 10px 15px; line-height: 30px; font-size: 18px;}
  .nyService_left ul { display: flex; flex-wrap: wrap; padding: 10px 5px;}
  .nyService_left ul li { width: 20%; padding: 0 10px;}
  .nyService_left ul li a { font-size: 15px; padding: 5px 20px 5px 10px;}
  .nyService1 .nyService_list { width: 100%; padding-left: 0;}
  .nyService_list ul { margin-bottom: 20px;}
  .nyService_list ul li { border-radius: 4px;}
}

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

@media (max-width:767px) {
  .nyService1 { margin: 140px auto 20px;}
  .nyService_left ul li { width: 50%; padding: 0 10px;}
  .nyService_list ul { margin-bottom: 20px;}
  .nyService_list ul li a.nyService_name { width: 100%; padding-left: 40px;}
  .nyService_list ul li span { display: none;}
}

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

@media (max-width:320px) {
  .nyService { margin: 20px auto;}
  .nyService1 { margin: 140px auto 20px;}
  .nyService_list ul li { padding: 12px 64px 12px 12px;}
  .nyService_list ul li a.nyService_btn { top: 12px; right: 12px;}
}