/* 列表 */
   .NyNavList {
       width: 80%;
       position: relative;
       z-index: 98;
   }

   .NyNav a {
       width: auto;
       font-size: 18px;
   }

   @media (max-width: 1440px) {
       .NyNav a {
           font-size: 16px;
       }
   }

   @media (max-width: 1200px) {
       .NyTop {
           flex-wrap: wrap;
       }

       .NyNavList {
           margin-top: 10px;
           width: 100%;
       }

       .NyNav {
           display: flex;
           flex-wrap: wrap;
       }

       .NyNav a {
           margin: 15px 0;
           width: 25%;
       }
   }

   @media (max-width: 720px) {

       .NyNav {
           display: none;
       }

       .NyNav a {
           margin: 0;
           width: 100%;
       }
   }

   .NyProList {
       width: 100%;
       margin-bottom: 30px;
       display: grid;
       align-items: start;
       grid-template-columns: repeat(4, 1fr);
       grid-gap: 25px;
       min-height: 300px;
   }



   .NyProList .item {
       width: 100%;
       background: #E9E9E9;
   }

   .NyProList .item:hover {
       background: var(--color);
   }

   .NyProList .img {
       width: 100%;
       background: #fff;
   }

   .NyProList .item .text {
       padding: 35px 30px;
       display: flex;
       justify-content: space-between;
       align-items: center;
   }

   .NyProList .item .text h1 {
       font-weight: 500;
       font-size: 24px;
       line-height: 1;
       color: #595959;
       overflow: hidden;
       display: -webkit-box;
       -webkit-box-orient: vertical;
       -webkit-line-clamp: 1;
   }

   .NyProList .item .text img {
       transform: rotate(180deg);
       filter: brightness(0.4);
       width: 12px;
   }

   .NyProList .item:hover .text h1 {
       color: #fff;
   }

   .NyProList .item:hover .text img {
       filter: brightness(2);
   }

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

   @media (max-width: 1440px) {
       .NyProList .item .text h1 {
           font-size: 22px;
       }
   }

   @media (max-width: 1200px) {
       .NyProList {
           grid-template-columns: repeat(3, 1fr);
       }

       .NyProList .item .text h1 {
           font-size: 20px;
       }
   }

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

   @media (max-width: 720px) {
       .NyProList {
           grid-template-columns: repeat(2, 1fr);
           grid-gap: 15px;
       }

       .NyProList .item .text {
           padding: 25px 15px;
       }

       .NyProList .item .text h1 {
           font-size: 16px;
       }
   }

   @media (max-width: 460px) {
       .NyProList {
           grid-gap: 10px;
       }

       .NyProList .item .text {
           padding: 20px 10px;
       }

       .NyProList .item .text img {
           width: 8px;
       }
   }