/* 内页大图 */
   .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: 1;
   }

   .Nybanner::after {
       content: "";
       display: block;
       width: 100%;
       height: 100%;
       position: absolute;
       left: 0;
       top: 0;
       z-index: 2;
       background: linear-gradient(180deg, rgba(77, 77, 77, 0.62) 0%, rgba(102, 102, 102, 0) 49%, rgba(32, 32, 32, 0.64) 100%);
   }

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

   }

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

   .Nybanner .text h1 {
       font-weight: 700;
       font-size: 44px;
       line-height: 1;
       letter-spacing: 0.03em;
       text-transform: uppercase;
       color: #FFFFFF;
       text-shadow: 0px 4px 12.3px rgba(0, 0, 0, 0.4);
   }

   @media screen and (max-width: 1440px) {
       .Nybanner .text h1 {
           font-size: 40px;
       }
   }

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

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

   }

   @media screen and (max-width: 720px) {
       .Nybanner .text h1 {
           font-weight: 500;
           font-size: 24px;
       }

       .Nybanner>img {
           min-height: 20vh;
       }
   }

   @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: #F4F4F4;
   }

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

   /* 分类 */
   .NyTop {
       display: flex;
       justify-content: space-between;
       align-items: center;
       padding-bottom: 120px;
   }

   .NyNavList {
       width: 65%;
       position: relative;
       z-index: 98;

   }

   .NyNavList h1.h1 {
       display: none;
   }

   /* .NyNavList.on {
       position: fixed;
       width: 100%;
       top: 0;
       z-index: 99;
   } */

   .NyNav {
       display: flex;
       justify-content: space-between;
   }

   .NyNav a {
       display: flex;
       align-items: center;
       justify-content: center;
       position: relative;
       width: 110px;
       font-size: 22px;
       line-height: 1;
       color: #838586;
       transition: 0.5s;
   }

   .NyNav a::after {
       content: "";
       display: block;
       width: 100%;
       height: 4px;
       background: var(--color);
       transition: 0.5s;
       opacity: 0;
       position: absolute;
       bottom: -15px;
   }


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

   .NyNav a:hover::after,
   .NyNav a.active::after {
       opacity: 1;
   }

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

       .NyTop {
           padding-bottom: 75px;
       }

   }

   @media screen and (max-width: 720px) {
       .NyTop {
           padding-bottom: 45px;
           position: relative;
           width: calc(100% + var(--container)* 2);
           left: calc(var(--container)* -1);
       }

       .NyTop .nyTitle {
           display: none;
       }

       .NyNavList {
           margin-top: -45px;
           background: #fff;
           width: 100%;
       }

       .NyNavList h1.h1 {
           padding: 20px 15px;
           font-family: PuHuiTi85;
           display: flex;
           justify-content: space-between;
           align-items: center;
           font-size: 24px;
       }

       .NyNavList h1.h1 img {
           width: 12px;
           transform: rotate(90deg);
           margin-right: 6px;
       }

       .NyNav {
           display: none;
           padding: 20px 15px;
           padding-top: 0;
       }

       .NyNav a {
           width: 100%;
           padding: 5px 15px;
           border: 1px solid #D9D9D9;
           line-height: 2;
           display: flex;
           justify-content: space-between;
           margin-bottom: -1px;
       }

       .NyNav a:last-child {
           border: 1px solid #D9D9D9;
       }

       .NyNav a:hover,
       .NyNav a.active {
           font-family: PuHuiTi85;
           background: var(--color);
           color: #fff;
           border: 1px solid var(--color);
       }

       .NyNav a:hover::after,
       .NyNav a.active::after {
           display: none;
       }
   }


   @media screen and (max-width: 460px) {
       .NyNavList h1.h1 {
           font-size: 20px;
       }

       .NyNav a {
           font-size: 14px;
       }
   }





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

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

   /* 新加代码 */
   .nyTitle {
       position: relative;
       font-weight: 500;
       font-size: 36px;
       line-height: 1;
       color: #000000;
       padding-left: 45px;
       display: flex;
       align-items: center;
   }

   .nyTitle::after {
       content: "";
       display: block;
       width: 20px;
       height: 20px;
       background: var(--color);
       position: absolute;
       left: 0;
   }

   @media (max-width: 1260px) {
       .nyTitle {
           font-size: 32px;
       }
   }

   @media (max-width: 720px) {
       .nyTitle {
           font-size: 28px;
       }

       .nyTitle::after {
           width: 16px;
           height: 16px;
       }
   }