/* CSS Document */

/* nyService start */
.nyService {overflow: hidden;padding: 80px 0; background:#f8f8f8;}
.nyService .nyService_list {margin: 0 auto;}
.nyService_list ul {margin-bottom: 60px;}
.nyService_list ul .down_fl { display:block;padding:20px 40px; border-radius: 8px 8px 0 0; background:#890505; font-size:22px; font-weight:bold; color:#fff;max-width:100%; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.nyService_list ul li { margin-bottom: 20px;padding: 20px 120px 20px 40px; border-radius: 8px; background-color: #fff;box-shadow: 0 0 0 rgba(20, 27, 96, 0);position: relative;}
.nyService_list ul li:nth-of-type(1){ border-radius:0 0 8px 8px;}
.nyService_list ul li:hover {background-color: #890505; box-shadow: 0 10px 16px rgba(20, 27, 96, .2);}
.nyService_list ul li .nyService_name {display: block;width: 40%;height: 40px;overflow: hidden;line-height: 40px;color: #222;font-size: 16px;white-space: nowrap;text-overflow: ellipsis;padding-left: 40px; position: relative; float: left;}
.nyService_list ul li:hover .nyService_name {color: #fff;}
.nyService_list ul li .nyService_name i {display: block; width: 32px; height: 32px; overflow: hidden; position: absolute; left: 0;top: 4px;}
.nyService_list ul li .nyService_name i svg {display: block; width: 100%; height: 100%;}
.nyService_list ul li .nyService_name i svg path {fill: #db1111;}
.nyService_list ul li:hover .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: #890505;}
.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: #890505;}
/* nyService end */
@media (max-width:1560px) {
  .nyService_list ul li span {font-size: 15px; }
}

@media (max-width:1440px) {
  .nyService {padding: 60px 0;}
  .nyService_list ul { margin-bottom: 40px; }
  .nyService_list ul li .nyService_name {width: 46%;}
  .nyService_list ul li span {width: 18%;}
}
@media (max-width:1366px) {}

@media (max-width:1280px) {
  .nyService_list ul li { padding: 12px 100px 12px 30px;}
  .nyService_list ul li .nyService_name { width: 52%; }
  .nyService_list ul li span { width: 16%; font-size: 14px; }
  .nyService_list ul li a.nyService_btn { top: 12px; right: 30px; }
}
@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_list ul li { border-radius: 4px;}
}
@media (max-width:820px) {
	.nyService {padding: 40px 0;}
	}
@media (max-width:767px) {
  .nyService_list ul { margin-bottom: 20px;}
  .nyService_list ul li{ margin-bottom:15px;}
  .nyService_list ul li .nyService_name { width: 100%;}
  .nyService_list ul li span { display: none;}
}
@media (max-width:320px) {
  .nyService { margin: 20px auto;}
  .nyService_list ul li {padding: 12px 64px 12px 12px;}
  .nyService_list ul li a.nyService_btn {top: 12px; right: 12px;}
}