/*nyProducts start*/
.nyProducts { overflow: hidden; padding: 60px 20px;}

.nyProduct_menu { margin-bottom: 30px;}
.nyProduct_menu .nyProMenu_head { width: 100%; height: 88px; overflow: hidden; line-height: 48px; color: #555; font-size: 28px; white-space: nowrap; text-overflow: ellipsis; padding: 20px 68px 20px 40px; background-color: #e6e6e6; border-radius: 8px; position: relative; cursor: pointer;}
.nyProduct_menu.open .nyProMenu_head, .nyProduct_menu .nyProMenu_head:hover { color: #fff; background-color: #c6000b;}
.nyProduct_menu .nyProMenu_head::before { content: ''; display: block; width: 5px; height: 100%; background-color: #c6000b; position: absolute; left: 0; top: 0;}
.nyProduct_menu.open .nyProMenu_head::before, .nyProduct_menu .nyProMenu_head:hover::before { background-color: #000; opacity: .45;}
.nyProduct_menu .nyProMenu_head i { display: block; width: 28px; height: 28px; overflow: hidden; margin-top: -14px; padding: 5px; background-color: #ccc; border-radius: 50%; position: absolute; top: 50%; right: 40px; transform: rotateX(180deg); -webkit-transform: rotateX(180deg);}
.nyProduct_menu .nyProMenu_head:hover i { background-color: #fff;}
.nyProduct_menu.open .nyProMenu_head i { background-color: #fff; transform: rotateX(0deg); -webkit-transform: rotateX(0deg);}
.nyProduct_menu.open .nyProMenu_head i svg path, .nyProduct_menu .nyProMenu_head:hover i svg path { fill: #c6000b;}
.nyProduct_menu .nyProMenu_list { display: none;}
.nyProduct_menu.open .nyProMenu_list { display: block;}
.nyProMenu_list dl dd { margin-top: 20px;}
.nyProMenu_list dl dd a { display: block; width: 100%; height: 88px; overflow: hidden; line-height: 48px; color: #555; font-size: 28px; white-space: nowrap; text-overflow: ellipsis; padding: 20px 40px; background-color: #e6e6e6; border-radius: 8px;}
.nyProMenu_list dl dd a:hover, .nyProMenu_list dl dd a:active { color: #fff; background-color: #c6000b;}

.nyProMenu_btn { width: 100%; margin-top: 20px;}
.nyProMenu_btn a { display: block; width: 100%; height: 88px; overflow: hidden; line-height: 48px; color: #555; font-size: 28px; white-space: nowrap; text-overflow: ellipsis; padding: 20px 68px 20px 40px; background-color: #e6e6e6; border-radius: 8px; position: relative;}
.nyProMenu_btn a:hover, .nyProMenu_btn a:active { color: #fff; background-color: #c6000b;}
.nyProMenu_btn a i { display: inline-block; width: 28px; height: 28px; overflow: hidden; padding: 8px; background-color: #ccc; border-radius: 50%; vertical-align: middle; margin-top: -14px; position: absolute; top: 50%; right: 40px;}
.nyProMenu_btn a:hover i, .nyProMenu_btn a:active i { background-color: #fff;}
.nyProMenu_btn a:hover i svg path, .nyProMenu_btn a:active i svg path { fill: #c6000b;}

.nyProduct_list { margin-bottom: 20px;}
.nyProduct_list ul { display: flex; flex-wrap: wrap; justify-content: left; margin: 0 -10px;}
.nyProduct_list ul li { width: 50%; margin-bottom: 20px; padding: 0 10px;}
.nyProduct_list ul li .lyProduct_con { min-height: 100%; overflow: hidden; padding: 14px; border: 1px solid #e6e6e6; border-radius: 8px;}
.nyProduct_list ul li .lyProduct_con:hover { border: 1px solid #c6000b;}
.lyProduct_con a.img { display: block; width: 100%; height: 220px; overflow: hidden; position: relative;}
.lyProduct_con:hover a.img img { transform: scale(1.05); -webkit-transform: scale(1.05);}
.lyProduct_con a.name { display: block; width: 100%; height: 52px; overflow: hidden; line-height: 26px; color: #222; font-size: 18px; text-align: center; word-wrap: break-word; display: -webkit-box; text-overflow: ellipsis; line-clamp: 2; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin: 14px auto;}
.lyProduct_con:hover a.name { color: #c6000b;}
.lyProduct_con a.btn { display: block; width: 100%; height: 42px; overflow: hidden; line-height: 32px; color: #555; font-size: 16px; padding: 4px 4px 4px 20px; background-color: #fff; border: 1px solid #555; border-radius: 21px; position: relative;}
.lyProduct_con a.btn i { display: block; width: 32px; height: 32px; overflow: hidden; padding: 10px; background-color: #c6000b; border-radius: 50%; float: right;}
.lyProduct_con:hover a.btn { color: #fff; background-color: #c6000b; border: 1px solid #c6000b;}
.lyProduct_con:hover a.btn i { background-color: #fff;}
.lyProduct_con:hover a.btn i svg path { fill: #c6000b;}
/*nyProducts end*/


@media (max-width:480px) {
  .nyProducts { padding: 60px 20px 40px;}  

  .nyProduct_menu { margin-bottom: 20px;}
  .nyProduct_menu .nyProMenu_head { height: 60px; line-height: 40px; font-size: 20px; padding: 10px 44px 10px 20px;}
  .nyProduct_menu .nyProMenu_head::before { width: 4px;}
  .nyProduct_menu .nyProMenu_head i { width: 24px; height: 24px; margin-top: -12px; right: 20px;}
  .nyProMenu_list dl dd { margin-top: 10px;}
  .nyProMenu_list dl dd a { height: 60px; line-height: 40px; font-size: 18px; padding: 10px 20px;}

  .nyProMenu_btn { margin-top: 10px;}
  .nyProMenu_btn a { height: 60px; line-height: 40px; font-size: 18px; padding: 10px 44px 10px 20px;}  
  .nyProMenu_btn a i { width: 24px; height: 24px; margin-top: -12px; padding: 7px; right: 20px;}

  .nyProduct_list { margin-bottom: 10px;}
  .nyProduct_list ul { margin: 0 -5px;}
  .nyProduct_list ul li { margin-bottom: 10px; padding: 0 5px;}
  .nyProduct_list ul li .lyProduct_con { padding: 10px;}
  .lyProduct_con a.img { height: 160px;}
  .lyProduct_con a.name { height: 48px; line-height: 24px; font-size: 16px; margin: 10px auto;}
  .lyProduct_con a.btn { height: 36px; line-height: 26px; font-size: 14px; padding: 4px 4px 4px 14px;}
  .lyProduct_con a.btn i { width: 26px; height: 26px; padding: 8px;}

}

@media (max-width:414px) { 

  .nyProduct_menu .nyProMenu_head { height: 50px; line-height: 40px; font-size: 18px; padding: 5px 42px 5px 20px;}
  .nyProduct_menu .nyProMenu_head i { width: 22px; height: 22px; margin-top: -11px;}
  .nyProMenu_list dl dd a { height: 50px; line-height: 40px; font-size: 16px; padding: 5px 20px;}

  .nyProMenu_btn a { height: 50px; line-height: 40px; font-size: 16px; padding: 5px 42px 5px 20px;}
  .nyProMenu_btn a i { width: 20px; height: 20px; margin-top: -10px; padding: 5px;}

  .lyProduct_con a.img { height: 132px;}
  .lyProduct_con a.name { height: 44px; line-height: 22px; font-size: 14px;}
  .lyProduct_con a.btn { height: 32px; line-height: 24px; font-size: 12px; padding: 3px 3px 3px 12px;}
  .lyProduct_con a.btn i { width: 24px; height: 24px; padding: 7px;}

}

@media (max-width:390px) {
  .nyProducts { padding: 60px 3% 40px;}
  .lyProduct_con a.img { height: 124px;}

}

@media (max-width:320px) { 

  .nyProduct_menu .nyProMenu_head { height: 44px; line-height: 34px; font-size: 16px;}
  .nyProMenu_list dl dd a, .nyProMenu_btn a { height: 44px; line-height: 34px; font-size: 15px;}

  .lyProduct_con a.img { height: 100px;}

}