.ProductBox {
     background: #FFF;
 }

 .Nybanner {
     background: #FFF;
     height: 110px;
 }

 .Nybanner * {
     display: none;
 }

 @media screen and (max-width: 1200px) {
     .Nybanner {
         height: 0px;
     }
 }

 /* 列表 */
 .NyProList {
     width: 100%;
     margin-bottom: 30px;
     display: grid;
     align-items: stretch;
     grid-template-columns: repeat(1, 1fr);
     grid-gap: 25px 0px;
     min-height: 300px;
 }

 .NyProList .item {
     width: 100%;
     overflow: hidden;
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
 }


 .NyProList .item .CpImg {
     width: 400px;
     position: relative;
 }

 .NyProList .item .CpImg .cp {
     position: relative;
     z-index: 1;
     width: 100%;
 }

 .NyProList .item .CptText {
     width: calc(100% - 460px);
     height: 100%;
     padding-top: 10px;
     padding-bottom: 50px;
     border-bottom: 1px solid #D9D9D9;
     display: flex;
     align-items: flex-start;
     justify-content: space-between;
     flex-direction: column;
 }

 .NyProList .item .CptText h1 {
     font-size: 20px;
     line-height: 1;
     color: #4E4E4E;
 }

 .NyProList .item .CptText h2 {
     margin-top: 30px;
     font-size: 16px;
     line-height: 1.5;
     color: #7C7C7C;
     overflow: hidden;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 3;
 }

 .NyProList .item .CptText .More {
     font-size: 16px;
     color: var(--color);
     display: flex;
     align-items: center;
     grid-gap: 20px;
 }

 @media (max-width: 1440px) {
     .NyProList .item .CpImg {
         width: 260px;
         position: relative;
     }

     .NyProList .item .CptText {
         width: calc(100% - 300px);
         padding-top: 15px;
         padding-bottom: 30px;
     }

     .NyProList .item .CptText h2 {
         margin-top: 15px;
     }
 }

 @media (max-width: 1200px) {
     .NyProList .item .CpImg {
         width: 100%;
         height: 260px;
         position: relative;
     }

     .NyProList .item .CpImg img {
         width: 100%;
         height: 100%;
         object-fit: contain;
     }

     .NyProList .item .CptText {
         margin-top: 30px;
         width: 100%;
         height: auto;
     }

     .NyProList .item .CptText h2 {
         margin-top: 15px;
         margin-bottom: 15px;
     }
 }



 @media (max-width: 720px) {
     .NyProList .item .CptText {
         padding-top: 0;
         padding-bottom: 15px;
     }
 }

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

 .itemTop {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
     border-bottom: 1px solid #D9D9D9;
     margin-bottom: 45px;
     padding-bottom: 30px;
 }

 .itemTop .CptText {
     width: calc(100% - 420px);
     padding-top: 15px;
     padding-right: 100px;
 }

 .itemTop .CptText h1 {
     font-size: 28px;
     line-height: 1;
     color: var(--color);
     /* margin-bottom: 30px; */
 }

 .itemTop .CptText h2 {
     font-size: 16px;
     line-height: 1.5;
     color: #636363;
     display: none;
 }


 .itemTop .CpImg {
     width: 420px;
     display: none;
 }

 .itemTop .CpImg img {
     width: 100%;
 }

 @media (max-width: 1440px) {
     .itemTop .CpImg {
         width: 360px;
     }

     .itemTop .CptText {
         width: calc(100% - 360px);
         padding-top: 15px;
         padding-right: 30px;
     }

     .itemTop .CpImg img {
         width: 100%;
         height: 100%;
         object-fit: cover;
     }
 }

 @media (max-width: 1200px) {
     .itemTop .CpImg {
         width: 100%;
     }

     .itemTop .CptText {
         width: 100%;
         padding-top: 0;
         padding-right: 0;
         margin-bottom: 30px;
     }

 }

 @media (max-width: 720px) {
     .itemTop {
         margin-bottom: 30px;
         padding-bottom: 15px;
     }

     .itemTop .CptText {
         margin-bottom: 15px;
     }

     .itemTop .CptText h1 {
         font-size: 24px;
         margin-bottom: 15px;
     }
 }