
        
        .container-1 {
          max-width: 1400px;
              margin: -148px auto;
          width: 95%;
          
         
        }
        
        .news-section {
          background-color: #000;
          padding-bottom: 58px;
        }
        
        .header-1 {
          text-align: center;
         padding: 55px 0 1px;
          background-color: #000;
          color: #fff;
          position: relative;
        }
        
        .header-1 h1 {
          font-size: 45px;
          margin-bottom: 10px;
          font-weight: 600;
              color: #fff;
                  letter-spacing: 2px;
        }
        
        .header-1 .en-title {
      opacity: 0.1;
    font-size: 2.8rem;
    letter-spacing: 1px;
    margin-bottom: 15px;
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    z-index: 0;
        }
        
        .header-1 h1 {
          position: relative;
          z-index: 1;
        }
        
        .header-1 h1::after {
        content: '';
    position: absolute;
    width: 139px;
    height: 4px;
    background-color: #fff;
    bottom: -16px;
    left: 50%;
    transform: translateX(-50%);
    
        }
        
        .header-1 p.subtitle {
          font-size: 24px;
          margin-top: 35px;
          font-weight: 600;
              letter-spacing: 2px;
        }
        
        .content-section-1 {
          display: flex;
          background-color: #000;
          margin: 0 auto;
          max-width: 1000px;
       
        }
        
        .image-section-1 {
          width: 50%;
          overflow: hidden;
        }
        
        .image-section-1 img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          display: block;
        }
        
        .category-section-1 {
          width: 50%;
          display: grid;
          grid-template-columns: repeat(2, 1fr);
          grid-template-rows: repeat(2, 1fr);
          grid-gap: 1px;
          background-color: #333;
        }
        
        .category-item {
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          padding: 75px 15px;
          background-color: #fff;
          text-align: center;
        }
        
        .category-icon1-container {
          width: 100px;
          height: 100px;
          display: flex;
          align-items: center;
          justify-content: center;
          margin-bottom: 15px;
          border: 1px solid #040404;
          border-radius: 4px;
        }
        
        .category-icon1 {
          width: 28px;
          height: 28px;
          color: #ff7a45;
        }
        
        .category-text {
          font-size: 22px;
          color: #333;
          font-weight: 550;
              letter-spacing: 2px;
        }
        
        .article-container {
          max-width: 1000px;
         margin: 11px auto;
          background-color: #e6e6e6;
          position: relative;
        }
        
        .article-section {
          background-color: #fff;
          padding: 40px 60px;
          position: relative;
          margin-top: -40px;
     
        }
        
        .article-section::before,
        .article-section::after {
          content: '';
          font-size: 84px;
          position: absolute;
          font-family: Georgia, serif;
          line-height: 1;
          color: #000;
          opacity: 0.9;
        }
        
        .article-section::before {
          top: 20px;
          left: 20px;
        }
        
        .article-section::after {
          bottom: -20px;
          right: 20px;
        }
        
        .article-flex {
          display: flex;
          position: relative;
          z-index: 1;
        }
        
        .article-column {
          flex: 1;
          position: relative;
        }
        
        .article-column:first-child {
          padding-right: 40px;
        }
        
        .article-column:last-child {
          padding-left: 233px;
        }
        
        .column-separator {
          position: absolute;
          top: 0;
          bottom: 0;
          left: 50%;
          width: 1px;
          background-color: #ddd;
        }
        
        .column-title {
          font-size: 32px;
          font-weight: bold;
          margin-bottom: 25px;
          color: #000;
        }
        
        .article-list {
          padding-top: 10px;
        }
        
        .article-item {
          padding: 10px 0;
          display: flex;
          justify-content: space-between;
        }
        
        .article-question {
          color: #333;
          font-size: 20px;
         
        }
        
        .article-brand {
          color: #888;
          font-size: 15px;
          text-align: right;
        }
        
        .dots-separator {
          text-align: center;
          color: #ccc;
          letter-spacing: 5px;
          margin: 20px 0;
          font-size: 20px;
        }
        
        /* 响应式设计 */
        @media (max-width: 768px) {
          .content-section-1 {
            flex-direction: column;
          }
          
          .image-section-1,
          .category-section-1 {
            width: 100%;
          }
          
          .article-flex {
            flex-direction: column;
          }
          
          .article-column:first-child {
            padding-right: 0;
            padding-bottom: 30px;
            margin-bottom: 30px;
            border-bottom: 1px solid #ddd;
          }
          
          .article-column:last-child {
            padding-left: 0;
          }
          
          .column-separator {
            display: none;
          }
          
          .article-section {
            padding: 30px 20px;
          }
          
          .header .en-title {
            font-size: 1.5rem;
          }
        }
