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

   .NyBigBox {
       background: #f8f8f8;
       padding-top: 0;
   }

   .cpxqBox {
       position: relative;
       background: #F0F0F0;
       overflow: hidden;
       display: flex;
   }

   .cpxqBox .cpText {
       width: 35%;
       padding-left: var(--container);
       position: relative;
       z-index: 2;
       display: flex;
       flex-direction: column;
       justify-content: center;
   }

   .cpxqBox .cpText::after {
       content: "";
       display: block;
       width: 120%;
       height: 120%;
       position: absolute;
       z-index: -1;
       top: 0;
       right: 0;
       background: rgb(242 236 226);
       transform: perspective(40px) rotateX(-2deg);
   }

   .cpxqBox .cpText h1.h1 {
       font-weight: 600;
       font-size: 48px;
       line-height: 1;
       color: #515E5E;
   }

   .cpxqBox .cpText .More {
       display: block;
       width: 270px;
       margin: 90px 0;
   }

   .cpxqBox .cpText .More img {
       width: 100%;
       filter: drop-shadow(0px 10px 20px rgba(0, 0, 0, 0.15));
   }

   .cpxqBox .cpText span {
       display: flex;
       align-items: center;
   }

   .cpxqBox .cpText span a {
       font-size: 16px;
       line-height: 1;
       letter-spacing: 0.2em;
       color: #757575;
       display: flex;
       align-items: center;
   }

   .cpxqBox .cpText span a:first-child {
       margin-right: 45px;
   }

   .cpxqBox .cpText span a img {
       margin-right: 15px;
       display: block;
   }


   .cpImg {
       width: 65%;
       position: relative;
       z-index: 1;
   }



   .cpImg .img {
       max-width: 540px;
       margin: 120px auto;
       position: relative;
   }

   .cpxqBox .img::after {
       content: "";
       display: block;
       position: absolute;
       z-index: 0;
       right: 0;
       top: 0;
       width: 100%;
       height: 100%;
       background-size: cover !important;
       opacity: 0.1;
       filter: blur(15px);
       transform: scale(1.3);
   }

   .cpImg .img img {
       width: 100%;
       max-width: 540px;
       position: relative;
       z-index: 1;
       display: block;
       margin: 0 auto;
       filter: drop-shadow(0 0 50px #00000040);
   }

   .cpImg .img span {
       position: absolute;
       z-index: 2;
       display: flex;
       align-items: center;
       height: 52px;
       padding-left: 60px;
       padding-right: 30px;
       color: #fff0;
       background: #DF890000;
       border-radius: 50px;
       transition: 0.5s;
   }

   .cpImg .img span:hover {
       color: #fff;
       background: #df8900b8;
   }

   .cpImg .img span::after {
       content: "";
       display: block;
       width: 52px;
       height: 52px;
       position: absolute;
       z-index: 3;
       left: 0;
       top: 0;
       border-radius: 50%;
       background: linear-gradient(322.34deg, #DF890080 21.49%, #E0630080 78.32%), #D9D9D9;
       opacity: 0.5;
       transition: 0.5s;
       -webkit-animation: .75s linear infinite spinner-grow;
       animation: .75s linear infinite spinner-grow;
       opacity: 0.5;
   }

   .cpImg .img span:hover::after {
       background: #DF890080;
   }

   .cpImg .img span::before {
       content: "";
       display: block;
       width: 28px;
       height: 28px;
       position: absolute;
       z-index: 4;
       left: 12px;
       top: 12px;
       border-radius: 50%;
       background: linear-gradient(322.34deg, #DF8900 21.49%, #E06300 78.32%), #D9D9D9;

   }



   @media (max-width: 1440px) {
       .cpxqBox .cpText h1.h1 {
           font-size: 38px;
       }

       .cpxqBox .cpText .More {
           display: block;
           margin: 75px 0;
           width: 180px;
       }
   }

   @media (max-width: 992px) {
       .cpxqBox {
           display: flex;
           flex-wrap: wrap;
           flex-direction: column-reverse;
       }

       .cpxqBox .cpText {
           width: 100%;
           padding: 45px 30px;
           padding-bottom: 120px;
           background: rgb(255, 200, 99, 0.1);
           display: flex;
           flex-direction: column;
           justify-content: center;
           align-items: center;
       }

       .cpxqBox .cpText::after {
           display: none;
       }

       .cpImg {
           width: 100%;
           position: relative;
       }
   }

   @media (max-width: 500px) {
       .cpImg .img {
           max-width: 540px;
           width: 100%;
           margin: 0;
           padding: 45px;
           position: relative;
       }

       .cpImg .img span {
           height: 40px;
           padding-left: 45px;
           padding-right: 20px;
       }



       .cpImg .img span::after {
           width: 40px;
           height: 40px;
       }

       .cpImg .img span:hover::after {
           background: #DF890080;
       }

       .cpImg .img span::before {
           width: 20px;
           height: 20px;
           left: 10px;
           top: 10px;
       }

       .cpxqBox .cpText .More {
           margin: 30px 0;
       }

       .cpxqBox .cpText h1.h1 {
           font-size: 24px;
       }

       .cpxqBox .cpText span a:first-child {
           margin-right: 0;
       }

       .cpxqBox .cpText span {
           width: 100%;
           display: flex;
           align-items: center;
           justify-content: space-around;
       }
   }


   /* è¯¦æƒ… */
   .contentBox .list {
       margin: 75px 0 15px;
       display: flex;
   }

   .contentBox .list a {
       font-size: 22px;
       line-height: 3;
       letter-spacing: 0.2em;
       color: #3A3A3A;
       margin-right: 120px;
       position: relative;
   }

   .contentBox .list a::after {
       content: "";
       display: block;
       position: absolute;
       left: 0;
       bottom: 0;
       height: 3px;
       width: 0;
       background: #DA8D03;
       transition: 0.5s;
   }

   .contentBox .list a.cur {
       color: #DA8D03;
   }

   .contentBox .list a.cur::after {
       width: 80%;
   }

   .contentBox .content .desc {
       margin-bottom: 45px;
       padding: 30px;
   }

   .contentBox .content h1 {
       font-weight: bold;
       font-size: 18px;
       line-height: 3;
       letter-spacing: 0.2em;
       color: #3A3A3A;
   }

   .contentBox .content .content4 {
       display: grid;
       grid-template-columns: 1fr 1fr 1fr 1fr;
       grid-gap: 30px;
       align-items: center;
   }

   .contentBox .content .content4 img {
       width: 100%;
   }

   @media (max-width: 1200px) {
       .contentBox .list a {
           margin-right: 60px;
       }
   }

   @media (max-width: 992px) {
       .contentBox .list {
           margin: 75px 0 15px;
           display: flex;
           justify-content: space-between;
       }

       .contentBox .content .content4 {
           grid-template-columns: 1fr 1fr 1fr;
       }

       .contentBox .list a {
           margin: 0;
       }
   }

   @media (max-width:640px) {
       .contentBox .list {
           margin: 30px 0 15px;
           display: flex;
           justify-content: space-around;
       }

       .contentBox .list a {
           margin: 0px 10px;
           font-size: 18px;
       }

       .contentBox .content .content4 {
           grid-template-columns: 1fr 1fr;
           grid-gap: 15px;
       }

       .contentBox .list {
           display: flex;
           justify-content: space-around;
           flex-wrap: wrap;
       }
   }

   /* ç¿»é¡µ */
   .Post {
       position: absolute;
       z-index: 3;
       right: var(--container);
       bottom: 30px;
       display: flex;
       flex-direction: column;
   }

   .Post a {
       display: block;
       margin: 5px 0;
   }

   @media (max-width:992px) {
       .Post {
           width: 100%;
           right: 0;
           top: auto;
           height: 56px;
           display: flex;
           flex-direction: row;
           justify-content: center;
           align-items: center;
       }

       .Post a {
           display: block;
           margin: 0 2vw;
       }

       .Post a img {
           width: 45px;
       }
   }


   /* æ–°åŠ  */
   .cpxqBox .cpText span.span {
       display: block;
       width: 100px;
       height: 4px;
       margin: 30px 0;
       background: var(--color);
   }

   .ltText {
       margin-bottom: 15px;
       display: flex;
   }

   .ltText h1 {
       width: 75px;
       font-size: 16px;
       color: #808080;
       line-height: 2;
   }

   .ltText .desc {
       width: calc(100% - 75px);
   }

   .ltText .desc * {
       font-size: 16px !important;
       color: #808080;
       line-height: 2 !important;
   }

   @media (max-width: 640px) {
       .cpxqBox .cpText span.span {
           width: 80px;
           height: 4px;
       }

       .ltText {
           margin-bottom: 15px;
           display: flex;
           flex-direction: column;
           align-items: center;
       }

       .ltText h1 {
           font-weight: bold;
           width: 100%;
           font-size: 18px;
           text-align: center;
       }

       .ltText .desc {
           font-size: 14px;
           width: 100%;
           text-align: center;
       }

       .ltText .desc * {
           font-size: 14px !important;
       }
   }
