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

   .NyProList .item {
       width: 100%;
       border: 1px solid #E9E9E9;
       transition: 0.5s;
   }

   .NyProList .item:hover {
       border: 1px solid var(--color);
       box-shadow: 0px 0 15px 5px #00000020;
   }

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

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

   .NyProList .item .text h1 {
       width: 100%;
       text-align: center;
       font-size: 16px;
       line-height: 1;
       color: #595959;
       overflow: hidden;
       display: -webkit-box;
       -webkit-box-orient: vertical;
       -webkit-line-clamp: 1;
   }

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



   @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;
       }

   }

   /* 产品详情 */
   .cpjj {
       padding-bottom: 60px;
       position: relative;
       z-index: 2;
       width: 100%;
       display: flex;
       align-items: flex-start;
       justify-content: center;
   }

   .CpImg {
       border: 1px solid #ccc;
       width: 40%;
       position: relative;
   }

   .CpImg1 {
       width: 100%;
       margin: 0;
   }

   .CpImg2 {
       width: 100%;
       height: auto;
       margin-top: 10px;
   }

   .CpImg img {
       width: 100%;
       height: 100%;
       object-fit: contain;
       background: #fff;
   }

   .CpText {
       width: 60%;
       padding-left: 75px;

   }

   .CpText h1 {
       font-weight: 700;
       font-size: 32px;
       line-height: 1.25;
       color: #171717;
       padding-bottom: 15px;
       border-bottom: 1px solid #ccc;
   }


   .CpText .desc {
       margin: 30px 0;
       display: flex;
       flex-direction: column;
   }

   .CpText .desc p {
       width: 100%;
       font-weight: 400;
       font-size: 18px;
       line-height: 2;
       color: #000000;
   }

   .CpText a {
       width: 175px;
       height: 50px;
       border: 1px solid var(--color);
       border-radius: 4px;
       font-size: 16px;
       line-height: 1;
       color: var(--color);
       display: flex;
       align-items: center;
       justify-content: center;
   }


   @media (max-width:1440px) {

       .CpText {
           padding-left: 45px;
       }

       .CpText .desc p {
           width: 45%;
           line-height: 1.5;
       }

       .CpText .desc {
           margin: 20px 0 40px;
       }
   }

   @media (max-width:1200px) {

       .cpjj {
           padding-bottom: 75px;
           display: flex;
           align-items: flex-start;
           justify-content: center;
           flex-direction: column;
       }

       .CpImg {
           width: 500px;
           position: relative;
       }

       .CpText {
           width: 100%;
           padding-left: 0;
           margin-top: 60px;
           margin-bottom: 30px;
           display: flex;
           flex-direction: column;
           align-items: flex-start;
       }

       .CpText .desc {
           width: 100%;
       }

       .CpText h1 {
           padding-left: 0;
       }


   }

   @media (max-width:720px) {
       .cpjj {
           padding-bottom: 45px;
       }

       .CpImg {
           width: 100%;
       }



       .CpText h1 {
           margin-bottom: 15px;
       }

       .CpText .desc {
           display: flex;
           flex-direction: column;
           grid-gap: 15px 0;
       }

       .CpText .desc p {
           width: 100%;
       }
   }

   @media (max-width:460px) {
       .cpjj {
           padding-top: 30px;
           padding-bottom: 30px;
       }


       .CpText {
           margin-top: 45px;
       }

       .CpText h2 {
           font-size: 20px;
       }

       .CpText h1 {
           font-size: 24px;
       }

       .CpText .desc {
           margin: 15px 0 20px;
           grid-gap: 10px 0;
       }

       .CpText .desc p {
           font-size: 16px;
       }

       .CpText a {
           width: 140px;
           height: 40px;
       }
   }

   /* 详情 */
   .NyCpXq {
       display: block;
   }

   .ListBox {
       border: 1px solid #ccc;
       margin-bottom: 30px;
       display: flex;
   }

   .ListBox h1 {
       height: 45px;
       font-size: 16px;
       display: flex;
       align-items: center;
       justify-content: center;
       padding: 0 30px;
       border-right: 1px solid #ccc;
   }

   .ListBox h1.cur {
       background: var(--color);
       color: #fff;
   }

   .contentBox {
       width: 100%;
   }

   .contentBox .content {
       display: none;
       min-height: 500px;
   }

   .contentBox .content.cur {
       display: block;
   }

   @media (max-width: 720px) {
       .NyCpXq {
           margin-top: 60px;
       }

       .ListBox {
           margin-bottom: 15px;
       }

       .ListBox h1 {
           height: 45px;
           padding: 0 15px;
       }

   }