.header .navbar_nav li.dropdown:nth-child(4) a {
         font-weight: bold;
         color: var(--color);
     }

     /* 切换按钮 */
     .qiehuan {
         width: 350px;
         height: 120px;
         background: #E7D8C4;
         box-shadow: -4px 4px 4px rgba(255, 255, 255, 0.4), inset 4px 10px 30px rgba(0, 0, 0, 0.25);
         border-radius: 94px;
         position: absolute;
         z-index: 2;
         left: var(--container);
         bottom: 60px;
         padding: 10px;
         display: flex;
         align-items: center;
     }

     .qiehuan .img {
         width: 100px;
         position: relative;
         z-index: 2;
         left: 0;
         transition: 0.5s;
     }

     .qiehuan .img img {
         width: 100%;
         cursor: pointer;
     }

     .qiehuan .img .img1 {
         position: relative;
         z-index: 1;
         left: 0;
         top: 0;
     }

     .qiehuan .img .img2 {
         position: relative;
         z-index: 2;
         left: 0;
         top: 0;
         display: none;
     }

     .qiehuan.cur .img1 {
         display: none;
     }

     .qiehuan.cur .img2 {
         display: block;
     }

     .qiehuan .bt {
         position: relative;
         transition: 0.5s;
         z-index: 1;
         width: calc(100% - 100px);
         text-align: center;
         left: 0;

     }

     .qiehuan .bt a {
         font-weight: bold;
         font-size: 28px;
         line-height: 1;
         background: linear-gradient(0deg, #515E5E, #515E5E), linear-gradient(91.02deg, #DF8900 2.11%, #E06300 50.52%);
         -webkit-background-clip: text;
         -webkit-text-fill-color: transparent;
         background-clip: text;
         text-fill-color: transparent;
         cursor: context-menu;
     }

     .qiehuan .bt .h11 {
         position: relative;
         z-index: 1;
         left: 0;
         top: 0;
     }

     .qiehuan .bt .h12 {
         position: relative;
         z-index: 2;
         left: 0;
         top: 0;
         display: none;
     }


     .qiehuan.cur .h11 {
         display: none;
     }

     .qiehuan.cur .h12 {
         display: block;
     }

     .qiehuan.cur .img {
         left: calc(100% - 102px);
     }

     .qiehuan.cur .bt {
         left: -102px;
     }

     .Product1 {
         display: block;
     }

     .Product2 {
         display: none;
     }

     @media screen and (max-width: 992px) {
         .qiehuan {
             width: 210px;
             height: 75px;
             bottom: 30px;
         }

         .qiehuan .img {
             width: 60px;
         }

         .qiehuan .bt {
             width: calc(100% - 60px);
         }

         .qiehuan .bt a {
             font-size: 24px;
         }

         .qiehuan.cur .img {
             left: calc(100% - 60px);
         }

         .qiehuan.cur .bt {
             left: -60px;
         }
     }

     @media screen and (max-width: 640px) {
         .qiehuan {
             width: 180px;
             height: 60px;
             bottom: 15px;
             left: calc(50% - 90px);
         }

         .qiehuan .img {
             width: 45px;
         }

         .qiehuan .bt {
             width: calc(100% - 45px);
         }

         .qiehuan .bt a {
             font-size: 18px;
         }

         .qiehuan.cur .img {
             left: calc(100% - 45px);
         }

         .qiehuan.cur .bt {
             left: -45px;
         }
     }



     /* 列表 */
     .Product_List {
         background: #f8f8f8;
     }

     .ProRight {
         margin-top: 90px;
     }

     .ProList {
         position: relative;
         display: grid;
         grid-template-columns: 1fr 1fr 1fr 1fr;
         grid-column-gap: 20px;
         grid-row-gap: 30px;
         min-height: 600px;
    	 align-items: start;
         margin-bottom: 45px;
     }

     .ProList .item {
         border-radius: 20px;
         overflow: hidden;
         width: 100%;
         background: #fff;
         display: flex;
         flex-direction: column;
         justify-content: space-between;
     }

     .ProList .item .img {
         width: 100%;
         padding: 30px 15px;
     }

     .ProList .item .img img {
         width: 100%;
     }

     .ProList .item .text {
         border-radius: 20px;
         overflow: hidden;
         background: #F0F0F0;
         padding: 35px 30px;
         position: relative;
         display: flex;
         flex-direction: column;
     }

     .ProList .item .text h1 {
         font-weight: bold;
         font-size: 20px;
         line-height: 1;
         color: #515E5E;
         margin-bottom: 0;
         padding-right: 80px;
         word-break: break-all;
         overflow: hidden;
         display: -webkit-box;
         -webkit-box-orient: vertical;
         -webkit-line-clamp: 1;
     }

     .ProList .item .text h2 {
         font-weight: 300;
         font-size: 16px;
         line-height: 1.5;
         color: #757575;
         display: none;
     }

     .ProList .item .text .More {
         width: 72px;
         height: 72px;
         position: absolute;
         right: 30px;
         top: calc(50% - 36px);
         filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
     }

     .ProList .item:hover .text {
         background: linear-gradient(322deg, #DF8900 21%, #E06300 78%);
     }

     .ProList .item:hover .text h1,
     .ProList .item:hover .text h2 {
         color: #fff;
     }

     @media (max-width: 1440px) {
         .ProList .item .text .More {
             width: 60px;
             height: 60px;
             position: absolute;
             right: 30px;
             top: calc(50% - 30px);
             filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
         }
     }

     @media (max-width: 1200px) {
         .ProList {
             grid-template-columns: 1fr 1fr 1fr;
         }

         .ProList .item .img {
             width: 100%;
             padding: 30px;
         }
     }

     @media (max-width: 992px) {
         .ProList .item {
             border-radius: 10px;
         }

         .ProList .item .img {
             width: 100%;
             padding: 15px;
         }

         .ProList .item .text {
             border-radius: 10px;
             padding: 30px 20px;
         }
     }

     @media (max-width: 720px) {
         .ProList {
             grid-template-columns: 1fr 1fr;
         }
     }

     @media (max-width: 500px) {
         .ProRight {
             margin-top: 45px;
         }

         .ProList {
             grid-template-columns: 1fr 1fr;
             grid-column-gap: 10px;
             grid-row-gap: 20px;
         }

         .ProList .item .text h1 {
             font-size: 16px;
             padding-right: 0;
         }

         .ProList .item .text h2 {
             font-size: 14px;
         }

         .ProList .item .text .More {
             margin-top: 10px;
             width: 45px;
             height: 45px;
             position: relative;
             right: auto;
             top: 0;
         }
     }

     @media (max-width: 640px) {
         .NyNav a {
             width: auto;
         }
     }


     /* 新增 */
  

         .CaseList {
             position: absolute;
             z-index: 99;
             top: 75px;
             left: -260px;
             display: flex;
             flex-direction: column;
             width: 260px;
             background: #fff;
             padding: 15px 45px 45px;
             transition: 1s;
         }

         .CaseList.open {
             left: 0px;
         }

         .CaseClick {
             display: flex;
             justify-content: center;
             align-items: center;
             width: 50px;
             height: 50px;
             right: -50px;
             top: 0;
             position: absolute;
             background-size: 60%;
             background-color: var(--color);
         }

         .CaseClick img {
             position: absolute;
             width: 30px
         }

         .CaseList .CaseClick .open {
             display: block;
         }

         .CaseList .CaseClick .closed {
             display: none;
         }

         .CaseList.open .CaseClick .open {
             display: none;
         }

         .CaseList.open .CaseClick .closed {
             display: block;
         }

         .CaseList h1 {
             font-size: 36px;
             color: rgb(0, 0, 0);
             font-weight: bold;
             line-height: 3;
             position: relative;
             margin-bottom: 30px;
         }

         .CaseList h1:after {
             content: "";
             position: absolute;
             left: 0;
             bottom: 0;
             height: 4px;
             width: 100px;
             display: block;
             background: var(--color);
         }

         .CaseList a {
             font-size: 18px;
             line-height: 2;
             color: #333;
         }

         a.CaseList_2 {
             font-size: 16px;
             line-height: 2;
             color: #333;
             opacity: .75;
             padding-left: 10px;
         }

         a.CaseList_1 {
             font-weight: bold;
         }


@media screen and (max-width: 640px) {
.CaseList {
    left: calc(-100% + 50px);
    width: calc(100% - 50px);
}

         .NyNav {
             display: none;
         }
}
.drSOKh {
    bottom: 20px !important;
}