/* 内页大图 */
   .Nybanner {
       position: relative;
       width: 100%;
       height: auto;
       background: #000;
       display: flex;
       justify-content: center;
   }

   .Nybanner>img {
       position: relative;
       width: 100%;
       height: 100%;
       object-fit: cover;
       opacity: 0.8;
   }

   .Nybanner .text {
       position: absolute;
       z-index: 3;
       width: 100%;
       height: 100%;
       padding: 0 var(--container);

   }

   .Nybanner .text .container {
       height: 100%;
       display: flex;
       align-items: flex-start;
       flex-direction: column;
       justify-content: center;
   }

   .Nybanner .text h1 {
       font-weight: 700;
       font-size: 42px;
       line-height: 1.5;
       color: #FFFFFF;
       margin-bottom: 15px;
   }

   .Nybanner .text span {
       display: block;
       width: 36px;
       height: 4px;
       background: #FFFFFF;
   }

   @media screen and (max-width: 1440px) {}

   @media screen and (max-width: 1200px) {
       .Nybanner {
           margin-top: 60px;
       }

       .Nybanner .text h1 {
           font-size: 32px;
       }

   }

   @media screen and (max-width: 720px) {
       .Nybanner>img {
           min-height: 25vh;
       }

       .Nybanner .text h1 {
           font-size: 28px;
       }
   }

   @media screen and (max-width: 640px) {}

   /* 面包屑样式 */
   .mbx {
       padding: 0 var(--container);
       display: flex;
       align-items: center;
       padding-top: 40px;
       padding-bottom: 60px;
   }

   .mbx,
   .mbx a {
       font-size: 18px;
       line-height: 25px;
       color: #8B8B8B;
   }

   @media screen and (max-width: 1200px) {
       .mbx {
           padding-top: 20px;
           padding-bottom: 40px;
       }

       .mbx,
       .mbx a {
           font-size: 16px;
       }
   }

   @media screen and (max-width: 720px) {
       .mbx {
           padding-top: 15px;
           padding-bottom: 30px;
       }

       .mbx,
       .mbx a {
           font-size: 14px;
       }
   }

   /* 页码 */
   .Post {
       border-top: 1px solid #e6e6e6;
       width: 100%;
       padding: 20px 0;
       display: flex;
       justify-content: space-between;
   }

   .Post a {
       max-width: 50%;
       color: #333;
       line-height: 1;
       font-size: 16px;
       overflow: hidden;
       display: -webkit-box;
       -webkit-box-orient: vertical;
       -webkit-line-clamp: 1;
   }

   @media (max-width: 720px) {
       .Post {
           display: flex;
           flex-wrap: wrap;
       }

       .Post a {
           width: 100%;
           max-width: 100%;
           margin: 5px 0;
       }
   }

   /* 框架结构 */
   body {
       background: #fff;
   }

   .NyBigBox {
       padding-top: 120px;
       padding-bottom: 140px;
       position: relative;
       z-index: 9;
       overflow: hidden;
   }

   @media (max-width: 1440px) {
       .NyBigBox {
           padding-bottom: 120px;
       }
   }

   @media (max-width: 1260px) {
       .NyBigBox {
           padding-top: 90px;
           padding-bottom: 90px;
       }
   }

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

   /* 分类 */
   .NavStyleBox {
       position: relative;
       display: flex;
       flex-wrap: wrap;
       justify-content: space-between;
       align-items: flex-start;
   }

   .NavStyleBox .NyNavList {
       position: relative;
       z-index: 98;
       width: 353px;
       background: #fff;
   }

   .NavStyleBox .NyContentList {
       width: calc(100% - 382px);
   }

   .NyNavList h1.h1 {
       width: 100%;
       height: 86px;
       background: var(--color);
       padding: 0 48px;
       display: flex;
       align-items: center;
       justify-content: space-between;
       font-weight: 700;
       font-size: 24px;
       line-height: 1.5;
       color: #FFFFFF;
   }

   .NyNavList h1.h1 i {
       display: none;
   }

   .ProductList {
       width: 100%;
       padding: 5px 10px;
       border: 1px solid #DBDBDB;
       display: flex;
       flex-wrap: wrap;
   }

   .ProductNav {
       width: 100%;
       position: relative;

   }

   .ProductNav .NyNav_1::after {
       content: "";
       display: block;
       width: calc(100% - 24px);
       height: 1px;
       background: #EFEFEF;
       position: absolute;
       left: 12px;
       bottom: 0;
   }

   .ProductNav:last-child .NyNav_1:after {
       display: none;
   }

   .ProductNav .NyNav_1 {
    position: relative;
       padding: 0 36px;
       height: 73px;
       display: flex;
       justify-content: space-between;
       align-items: center;
   }

   .ProductNav:hover .NyNav_1 {
       background: #FFE9E9;
   }

   .ProductNav .NyNav_1 a {
       width: 100%;
       font-weight: 400;
       font-size: 18px;
       line-height: 2;
       text-transform: capitalize;
       color: #000000;
       padding-right: 15px;
       overflow: hidden;
       display: -webkit-box;
       -webkit-box-orient: vertical;
       -webkit-line-clamp: 3;
   }

   .ProductNav:hover .NyNav_1 a {
       font-weight: bold;
       color: var(--color);
   }


   .ProductNav .NyNav_1 img {
       transition: 0.5s;
       color: #000;
       filter: brightness(0) opacity(0.15);
   }

   .ProductNav:hover .NyNav_1 img {
       filter: brightness(1) opacity(1);
   }

   .NyNav_2 {
       width: 100%;
       background: #FFFFFF;
       border-radius: 8px;
       overflow: hidden;
       display: none;
       padding: 0 20px;
   }

   .NyNav_2 a {
       display: block;
       font-size: 16px;
       line-height: 1.5;
       color: #646464;
       padding: 15px 0;
       padding-left: 30px;
       border-bottom: 1px solid #F0F0F0;
   }



   .ProductNav a.active,
   .ProductNav a:hover {
       color: var(--color);
   }


   .NyNavList span {
       display: block;
       width: 100%;
       background: #202020;
       padding: 30px 25px 20px;
   }

   .NyNavList span h1 {
       font-size: 18px;
       line-height: 1.5;
       color: #FFFFFF;
       display: flex;
   }

   .NyNavList span .desc {
       margin-top: 15px;
       margin-bottom: 15px;
       padding-top: 10px;
       padding-bottom: 20px;
       border-top: 1px solid #474747;
       border-bottom: 1px solid #474747;
       display: flex;
       flex-direction: column;
       grid-gap: 15px;
   }

   .NyNavList span .desc p {
       font-size: 16px;
       line-height: 1.5;
       color: #FFFFFF;
       display: flex;
   }

   .NyNavList span .desc p img {
       width: 16px;
       height: 24px;
       object-fit: contain;
       margin-right: 15px;
   }

   .NyNavList span a {
       font-size: 16px;
       line-height: 1.5;
       color: #A7A7A7;
   }

   @media screen and (max-width: 1440px) {
       .NavStyleBox .NyNavList {
           width: 320px;
       }

       .NavStyleBox .NyContentList {
           width: calc(100% - 350px);
       }
   }

   @media screen and (max-width: 1200px) {
       .NavStyleBox .NyNavList {
           width: 250px;
       }

       .ProductNav .NyNav_1 a {
           font-size: 16px;
           line-height: 1.25;
       }

       .NavStyleBox .NyContentList {
           width: calc(100% - 270px);
       }
   }

   @media screen and (max-width: 720px) {
       .NavStyleBox .NyNavList {
           width: 100%;
       }

       .NavStyleBox .NyContentList {
           margin-top: 45px;
           width: 100%;
       }

       .NyNavList h1.h1 i {
           display: block;
       }

       .ProductList {
           display: none;
       }

       .NyNavList span {
           display: none;
       }

       .NyNavList h1.h1 {
           height: 60px;
           padding: 0 30px;
           font-size: 18px;
       }

       .ProductNav .NyNav_1 {
           padding: 15px;
           height: auto;
       }

       .ProductNav .NyNav_1 img {
           width: 15px;
       }
   }


   @media screen and (max-width: 460px) {}





   /* 定位 */
   .dian {
       position: relative;
       top: -100px;
   }

   @media (max-width: 640px) {
       .dian {
           position: relative;
           top: -60px;
       }
   }

   /* 新加代码 */
   .NyTitle {
       display: flex;
       flex-direction: column;
       grid-gap: 15px;
   }

   .NyTitle h1 {
       font-weight: 700;
       font-size: 40px;
       line-height: 1.5;
       color: #2C2C2C;
   }

   .NyTitle span {
       display: block;
       width: 36px;
       height: 4px;
       background: var(--color);
   }



   @media (max-width: 1200px) {
       .NyTitle h1 {
           font-size: 32px;
       }
   }

   @media (max-width: 720px) {
       .NyTitle h1 {
           font-size: 24px;
       }

       .NyTitle {
           grid-gap: 10px;
       }

   }