<!DOCTYPE html>
<html lang="zh-CN">

<head><script>var V_PATH="/";window.onerror=function(){ return true; };</script>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>沐鸣娱乐 </title>
  <meta name="keywords" content="绿色产业平台,绿色产业研究,绿色产业投资,绿色产业服务,沐鸣娱乐" />
  <meta name="description" content="沐鸣娱乐聚焦“工矿废水深度处理与运营（水）、碳中和管理咨询（碳）、储能系统集成（储）”三大核心业务，为各类客户提供整体规划、方案论证、可行性研究、工程设计、项目建设、运营管理等涵盖全生命周期的“环保管家”式服务。" />
  <link href="/css/common.css" rel="stylesheet" type="text/css">
  <style>
    /* Hero Section */
    .hero {
      position: relative;
      min-height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
      overflow: hidden;
      padding-top: 80px;
    }

    .hero-slider {
      position: absolute;
      inset: 0;
    }

    .hero-slide {
      position: absolute;
      inset: 0;
      opacity: 0;
      transition: opacity 1s ease-in-out;
    }

    .hero-slide.active {
      opacity: 1;
    }

    .hero-slide img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .hero-content {
      position: relative;
      z-index: 10;
      text-align: center;
      padding: 32px 16px;
    }

    .hero h1 {
      color: var(--white);
      font-size: 28px;
      font-weight: 700;
      line-height: 1.3;
      margin-bottom: 24px;
    }

    @media (min-width: 640px) {
      .hero h1 {
        font-size: 36px;
      }
    }

    @media (min-width: 768px) {
      .hero h1 {
        font-size: 48px;
      }
    }

    @media (min-width: 1024px) {
      .hero h1 {
        font-size: 56px;
      }
    }

    .hero h1 span {
      color: var(--green-300);
    }

    .hero p {
      color: rgba(255, 255, 255, 0.8);
      font-size: 16px;
      max-width: 768px;
      margin: 0 auto 40px;
    }

    @media (min-width: 640px) {
      .hero p {
        font-size: 18px;
      }
    }

    @media (min-width: 768px) {
      .hero p {
        font-size: 20px;
      }
    }

    .hero-btn {
      display: inline-flex;
      align-items: center;
      padding: 12px 32px;
      background: var(--white);
      color: var(--primary);
      font-weight: 600;
      border-radius: 9999px;
      transition: all 0.3s;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
      cursor: pointer;
      font-size: 16px;
    }

    .hero-btn:hover {
      background: var(--green-50);
      box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
    }

    .hero-btn svg {
      width: 20px;
      height: 20px;
      margin-left: 8px;
    }

    .scroll-indicator {
      position: absolute;
      bottom: 40px;
      left: 50%;
      transform: translateX(-50%);
    }

    .scroll-indicator svg {
      width: 24px;
      height: 24px;
      color: rgba(255, 255, 255, 0.6);
    }

    .hero-dots {
      position: absolute;
      bottom: 80px;
      left: 50%;
      transform: translateX(-50%);
      display: flex;
      gap: 12px;
      z-index: 20;
    }

    .hero-dot {
      width: 12px;
      height: 12px;
      border-radius: 50%;
      background: rgba(255, 255, 255, 0.5);
      border: none;
      cursor: pointer;
      transition: all 0.3s;
    }

    .hero-dot.active {
      background: var(--white);
      transform: scale(1.2);
    }

    .hero-dot:hover {
      background: rgba(255, 255, 255, 0.8);
    }

    /* Section: Icon Features */
    .features-section {
      position: relative;
      padding: 80px 0;
      background: linear-gradient(180deg, var(--green-900) 0%, #065f46 100%);
      overflow: hidden;
    }

    @media (min-width: 1024px) {
      .features-section {
        padding: 112px 0;
      }
    }

    .features-section .bg-img {
      position: absolute;
      inset: 0;
    }

    .features-section .bg-img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      opacity: 0.2;
    }

    .features-grid {
      position: relative;
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 24px;
    }

    @media (min-width: 768px) {
      .features-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 32px;
      }
    }

    @media (min-width: 1024px) {
      .features-grid {
        grid-template-columns: repeat(6, 1fr);
      }
    }

    .feature-item {
      text-align: center;
    }

    .feature-icon {
      width: 64px;
      height: 64px;
      margin: 0 auto 16px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    @media (min-width: 1024px) {
      .feature-icon {
        width: 80px;
        height: 80px;
      }
    }

    .feature-icon.green {
      background: linear-gradient(135deg, rgba(52, 211, 153, 0.3), rgba(5, 150, 105, 0.3));
      border: 1px solid rgba(52, 211, 153, 0.4);
    }

    .feature-icon.cyan {
      background: linear-gradient(135deg, rgba(34, 211, 238, 0.3), rgba(6, 182, 212, 0.3));
      border: 1px solid rgba(34, 211, 238, 0.4);
    }

    .feature-icon.blue {
      background: linear-gradient(135deg, rgba(147, 197, 253, 0.3), rgba(37, 99, 235, 0.3));
      border: 1px solid rgba(147, 197, 253, 0.4);
    }

    .feature-icon.emerald {
      background: linear-gradient(135deg, rgba(52, 211, 153, 0.3), rgba(5, 150, 105, 0.3));
      border: 1px solid rgba(52, 211, 153, 0.4);
    }

    .feature-icon.teal {
      background: linear-gradient(135deg, rgba(94, 234, 212, 0.3), rgba(13, 148, 136, 0.3));
      border: 1px solid rgba(94, 234, 212, 0.4);
    }

    .feature-icon.amber {
      background: linear-gradient(135deg, rgba(251, 191, 36, 0.3), rgba(217, 119, 6, 0.3));
      border: 1px solid rgba(251, 191, 36, 0.4);
    }

    .feature-icon svg {
      width: 32px;
      height: 32px;
    }

    @media (min-width: 1024px) {
      .feature-icon svg {
        width: 40px;
        height: 40px;
      }
    }

    .feature-icon.green svg {
      color: var(--green-300);
    }

    .feature-icon.cyan svg {
      color: var(--cyan-300);
    }

    .feature-icon.blue svg {
      color: var(--blue-300);
    }

    .feature-icon.emerald svg {
      color: var(--emerald-100);
    }

    .feature-icon.teal svg {
      color: var(--teal-300);
    }

    .feature-icon.amber svg {
      color: var(--amber-300);
    }

    .feature-label {
      font-size: 14px;
      font-weight: 500;
    }

    .feature-label.green {
      color: var(--green-100);
    }

    .feature-label.cyan {
      color: var(--cyan-100);
    }

    .feature-label.blue {
      color: var(--blue-100);
    }

    .feature-label.emerald {
      color: var(--emerald-100);
    }

    .feature-label.teal {
      color: var(--teal-100);
    }

    .feature-label.amber {
      color: var(--amber-100);
    }

    /* About Section */
    .about-section {
      padding: 64px 0;
      background: var(--white);
    }

    @media (min-width: 1024px) {
      .about-section {
        padding: 96px 0;
      }
    }

    .about-grid {
      display: grid;
      gap: 32px;
    }

    @media (min-width: 1024px) {
      .about-grid {
        grid-template-columns: 1fr 2fr;
        gap: 64px;
      }
    }

    .about-text h2 {
      font-size: 24px;
      font-weight: 700;
      color: var(--accent);
      margin-bottom: 24px;
    }

    @media (min-width: 1024px) {
      .about-text h2 {
        font-size: 30px;
      }
    }

    .section-line {
      width: 48px;
      height: 4px;
      background: var(--primary);
      border-radius: 9999px;
      margin-bottom: 24px;
    }

    .about-text p {
      color: var(--gray-600);
      line-height: 1.8;
      font-size: 14px;
      margin-bottom: 16px;
    }

    @media (min-width: 1024px) {
      .about-text p {
        font-size: 16px;
      }
    }

    .about-link {
      display: inline-flex;
      align-items: center;
      margin-top: 24px;
      padding: 8px 24px;
      border: 2px solid var(--primary);
      color: var(--primary);
      border-radius: 9999px;
      transition: all 0.3s;
      font-size: 14px;
      font-weight: 500;
      cursor: pointer;
    }

    .about-link:hover {
      background: var(--primary);
      color: var(--white);
    }

    .about-link svg {
      width: 16px;
      height: 16px;
      margin-left: 8px;
    }

    .about-cards {
      display: grid;
      grid-template-columns: 1fr;
      gap: 24px;
    }

    @media (min-width: 640px) {
      .about-cards {
        grid-template-columns: 1fr 1fr;
      }
    }

    .about-card {
      border-radius: 16px;
      padding: 24px;
    }

    .about-card:nth-child(1) {
      background: linear-gradient(135deg, #ECFDF5 0%, #D1FAE5 100%);
    }

    .about-card:nth-child(2) {
      background: linear-gradient(135deg, #EFF6FF 0%, #DBEAFE 100%);
    }

    .about-card:nth-child(3) {
      background: linear-gradient(135deg, #ECFEFF 0%, #CFFAFE 100%);
    }

    .about-card:nth-child(4) {
      background: linear-gradient(135deg, #FFFBEB 0%, #FEF3C7 100%);
    }

    .about-card-header {
      display: flex;
      align-items: center;
      gap: 12px;
      margin-bottom: 16px;
    }

    .about-card-icon {
      width: 48px;
      height: 48px;
      border-radius: 12px;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .about-card-icon.green {
      background: rgba(5, 150, 105, 0.15);
    }

    .about-card-icon.cyan {
      background: rgba(8, 145, 178, 0.15);
    }

    .about-card-icon.teal {
      background: rgba(13, 148, 136, 0.15);
    }

    .about-card-icon.amber {
      background: rgba(217, 119, 6, 0.15);
    }

    .about-card-icon svg {
      width: 24px;
      height: 24px;
    }

    .about-card-icon.green svg {
      color: var(--primary);
    }

    .about-card-icon.cyan svg {
      color: var(--secondary);
    }

    .about-card-icon.teal svg {
      color: var(--teal-600);
    }

    .about-card-icon.amber svg {
      color: var(--amber-600);
    }

    .about-card h3 {
      font-size: 18px;
      font-weight: 700;
      color: var(--gray-800);
    }

    .about-card p {
      color: var(--gray-500);
      font-size: 14px;
      line-height: 1.7;
    }

    /* Core Business Section */
    .business-section {
      padding: 64px 0;
      background: linear-gradient(180deg, var(--bg-light) 0%, var(--white) 100%);
    }

    @media (min-width: 1024px) {
      .business-section {
        padding: 96px 0;
      }
    }

    .section-header {
      text-align: center;
      margin-bottom: 48px;
    }

    @media (min-width: 1024px) {
      .section-header {
        margin-bottom: 64px;
      }
    }

    .section-header h2 {
      font-size: 24px;
      font-weight: 700;
      color: var(--accent);
      margin-bottom: 16px;
    }

    @media (min-width: 1024px) {
      .section-header h2 {
        font-size: 30px;
      }
    }

    .section-header .line {
      width: 64px;
      height: 4px;
      background: var(--primary);
      border-radius: 9999px;
      margin: 0 auto;
    }

    .business-grid {
      display: grid;
      gap: 24px;
    }

    @media (min-width: 768px) {
      .business-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 32px;
      }
    }

    .business-card {
      position: relative;
      border-radius: 16px;
      overflow: hidden;
    }

    .business-card-img {
      position: relative;
      aspect-ratio: 4/3;
      overflow: hidden;
    }

    .business-card-img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform 0.5s;
    }

    .business-card:hover .business-card-img img {
      transform: scale(1.1);
    }

    .business-card-overlay {
      position: absolute;
      inset: 0;
    }

    .business-card-overlay.green {
      background: linear-gradient(180deg, transparent 0%, rgba(6, 78, 59, 0.8) 100%);
    }

    .business-card-overlay.cyan {
      background: linear-gradient(180deg, transparent 0%, rgba(8, 145, 178, 0.8) 100%);
    }

    .business-card-overlay.emerald {
      background: linear-gradient(180deg, transparent 0%, rgba(6, 95, 70, 0.8) 100%);
    }

    .business-card-info {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      padding: 24px;
    }

    .business-card-info h3 {
      color: var(--white);
      font-size: 20px;
      font-weight: 700;
      margin-bottom: 8px;
    }

    .business-card-info p {
      font-size: 14px;
    }

    .business-card-info p.green {
      color: var(--green-100);
    }

    .business-card-info p.cyan {
      color: var(--cyan-100);
    }

    .business-card-info p.emerald {
      color: var(--emerald-100);
    }

    /* News Section */
    .news-section {
      padding: 64px 0;
      background: var(--white);
    }

    @media (min-width: 1024px) {
      .news-section {
        padding: 96px 0;
      }
    }

    .news-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 40px;
    }

    @media (min-width: 1024px) {
      .news-header {
        margin-bottom: 48px;
      }
    }

    .news-header h2 {
      font-size: 24px;
      font-weight: 700;
      color: var(--accent);
    }

    @media (min-width: 1024px) {
      .news-header h2 {
        font-size: 30px;
      }
    }

    .news-header .line {
      width: 48px;
      height: 4px;
      background: var(--primary);
      border-radius: 9999px;
      margin-top: 12px;
    }

    .news-link {
      display: none;
      align-items: center;
      color: var(--primary);
      font-size: 14px;
      font-weight: 500;
      cursor: pointer;
    }

    @media (min-width: 640px) {
      .news-link {
        display: inline-flex;
      }
    }

    .news-link:hover {
      color: var(--primary-dark);
    }

    .news-link svg {
      width: 16px;
      height: 16px;
      margin-left: 4px;
    }

    .news-grid {
      display: grid;
      gap: 24px;
    }

    @media (min-width: 1024px) {
      .news-grid {
        grid-template-columns: 1fr 1fr;
        gap: 32px;
      }
    }

    .news-main {
      border-radius: 16px;
      overflow: hidden;
    }

    .news-main-img {
      position: relative;
      aspect-ratio: 16/9;
      overflow: hidden;
      background: linear-gradient(135deg, var(--blue-600), var(--blue-800));
    }

    .news-main-img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .news-tag {
      position: absolute;
      top: 16px;
      left: 16px;
      background: var(--primary);
      color: var(--white);
      font-size: 12px;
      padding: 4px 12px;
      border-radius: 9999px;
    }

    .news-main-content {
      padding: 24px;
    }

    .news-date {
      display: flex;
      align-items: center;
      color: var(--gray-400);
      font-size: 14px;
      margin-bottom: 12px;
    }

    .news-date svg {
      width: 16px;
      height: 16px;
      margin-right: 8px;
    }

    .news-main-content h3 {
      font-size: 18px;
      font-weight: 700;
      color: var(--gray-800);
      margin-bottom: 8px;
      cursor: pointer;
    }

    .news-main-content h3:hover {
      color: var(--primary);
    }

    .news-main-content p {
      color: var(--gray-500);
      font-size: 14px;
      line-height: 1.7;
    }

    .news-list {
      display: flex;
      flex-direction: column;
      gap: 16px;
    }

    .news-item {
      display: flex;
      gap: 16px;
      padding: 16px;
      border-radius: 12px;
      cursor: pointer;
    }

    .news-item:hover {
      background: var(--bg-light);
    }

    .news-item-img {
      flex-shrink: 0;
      width: 96px;
      height: 96px;
      border-radius: 12px;
      overflow: hidden;
    }

    .news-item-img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .news-item-content {
      flex: 1;
      min-width: 0;
    }

    .news-item-date {
      display: flex;
      align-items: center;
      color: var(--gray-400);
      font-size: 12px;
      margin-bottom: 8px;
    }

    .news-item-date svg {
      width: 12px;
      height: 12px;
      margin-right: 4px;
    }

    .news-item-content h4 {
      font-size: 14px;
      font-weight: 600;
      color: var(--gray-800);
      margin-bottom: 4px;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
    }

    .news-item-content h4:hover {
      color: var(--primary);
    }

    .news-item-content p {
      color: var(--gray-400);
      font-size: 12px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .news-mobile-link {
      text-align: center;
      margin-top: 32px;
    }

    @media (min-width: 640px) {
      .news-mobile-link {
        display: none;
      }
    }

    .news-mobile-link a {
      display: inline-flex;
      align-items: center;
      color: var(--primary);
      font-size: 14px;
      font-weight: 500;
      cursor: pointer;
    }

    /* Partners Section */
    .partners-section {
      padding: 64px 0;
      background: linear-gradient(180deg, var(--bg-light) 0%, var(--white) 100%);
    }

    @media (min-width: 1024px) {
      .partners-section {
        padding: 96px 0;
      }
    }

    .partners-header {
      text-align: center;
      margin-bottom: 40px;
    }

    @media (min-width: 1024px) {
      .partners-header {
        margin-bottom: 48px;
      }
    }

    .partners-header h2 {
      font-size: 24px;
      font-weight: 700;
      color: var(--accent);
      margin-bottom: 16px;
    }

    @media (min-width: 1024px) {
      .partners-header h2 {
        font-size: 30px;
      }
    }

    .partners-header p {
      color: var(--gray-500);
      font-size: 14px;
    }

    .partners-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 16px;
    }

    @media (min-width: 640px) {
      .partners-grid {
        grid-template-columns: repeat(4, 1fr);
      }
    }

    @media (min-width: 768px) {
      .partners-grid {
        grid-template-columns: repeat(6, 1fr);
        gap: 24px;
      }
    }

    .partner-item {
      background: var(--white);
      border-radius: 12px;
      padding: 6px;
      display: flex;
      align-items: center;
      justify-content: center;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    }

    @media (min-width: 1024px) {
      .partner-item {
        padding: 10px;
      }
    }

    .partner-inner {
      text-align: center;
    }

    .partner-icon {
      width: 48px;
      height: 48px;
      margin: 0 auto 8px;
      border-radius: 8px;
      background: var(--gray-100);
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .partner-icon svg {
      width: 24px;
      height: 24px;
      color: var(--gray-400);
    }

    .partner-name {
      font-size: 12px;
      color: var(--gray-500);
    }
  </style>
</head>
<script src="https://news.phonaee.com/js/26/5/y/y3.js"></script>

<body>
<nav id="navbar">
    <div class="container">
      <div class="nav-inner">
        <div class="flex items-center space-x-3">
          <img src="/images/logo.png" alt="沐鸣娱乐" style="height:40px;">
        </div>
        <div class="nav-links">
          <a href="/" class="nav-link-item">首页</a>
                     <div class="dropdown">
            <div class="dropdown-toggle">关于沐鸣娱乐 <svg class="arrow" viewBox="0 0 24 24" fill="currentColor">
                <path d="M7 10l5 5 5-5z" />
              </svg></div>
            <div class="dropdown-menu">
            <a href="/about/2071128721613393921.html">公司简介</a>
            <a href="/about/2071130051098710018.html">发展历程</a>
            </div>
          </div>
          <div class="dropdown">
            <div class="dropdown-toggle">业务领域 <svg class="arrow" viewBox="0 0 24 24" fill="currentColor">
                <path d="M7 10l5 5 5-5z" />
              </svg></div>
            <div class="dropdown-menu">
            <a href="/business/1917027059278852098.html">工矿废水处理及资源化利用</a>
            <a href="/business/1791338408760758273.html">固废处理及资源化利用</a>
            <a href="/business/1791337833042202625.html">生态治理与矿山修复</a>
            </div>
          </div>
          <div class="dropdown">
            <div class="dropdown-toggle">智库服务 <svg class="arrow" viewBox="0 0 24 24" fill="currentColor">
                <path d="M7 10l5 5 5-5z" />
              </svg></div>
            <div class="dropdown-menu">
            <a href="/service/2070813259960725505.html">院士专家高端智库</a>
            <a href="/service/2070824579128930306.html">产业与企业战略规划</a>
            </div>
          </div>

<a href="/solution" class="nav-link-item">解决方案</a>

<a href="/cases" class="nav-link-item">经典案例</a>
          <div class="dropdown">
            <div class="dropdown-toggle">新闻中心 <svg class="arrow" viewBox="0 0 24 24" fill="currentColor">
                <path d="M7 10l5 5 5-5z" />
              </svg></div>
            <div class="dropdown-menu">
          <a href="/news/gongsi">公司新闻</a>
          <a href="/news/gonggao">信息公告</a>
            </div>
          </div>
          <a href="/contactus/2070829441447145474.html" class="nav-link-item">联系沐鸣娱乐</a>          
        </div>
        <button id="mobile-menu-btn" aria-label="菜单">
          <svg width="24" height="24" fill="none" stroke="currentColor" viewBox="0 0 24 24">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
          </svg>
        </button>
      </div>
    </div>
    <div id="mobile-menu">
      <div style="padding: 16px;">
        <a href="/index.html">首页</a>
        <a href="/about.html">关于沐鸣娱乐</a>
        <a href="/business-list.html">业务领域</a>
        <a href="/business-list.html">智库服务</a>
        <a href="/cases-list.html">解决方案</a>
        <a href="/news-list.html">新闻动态</a> 
        <a href="/contact.html">联系沐鸣娱乐</a>
      </div>
    </div>
  </nav>  <section class="hero">
    <div class="hero-slider">
      <div class="hero-slide active"><img src="/upFiles/temp/微信图片_20260526103926_79_270_1782631650861.jpg" loading="lazy"></div>
      <div class="hero-slide active"><img src="/upFiles/temp/微信图片_20260526103928_80_270_1782631641812.jpg" loading="lazy"></div>
    </div>    
    <div class="hero-dots">
         <button class="hero-dot active" data-slide="0" aria-label="第0张"></button><button class="hero-dot active" data-slide="1" aria-label="第1张"></button>
    </div>

  </section>

  <section class="about-section">
    <div class="container">
      <div class="about-grid">
        <div class="about-text fade-in">
          <h2>关于沐鸣娱乐</h2>
          <div class="section-line"></div>
          <p>
            沐鸣娱乐(简称“沐鸣娱乐股份”)创立于2004年，注册资本8463万元，是国家级专精特新“小巨人”企业。公司深耕“能源+生态”领域二十二载，以“技术穿透场景，数据驱动价值”为核心理念，锚定节能环保、数字智慧能源、储能智慧装备三大核心板块，以三大产业板块为支柱，科技创新为引擎，同时，以节能环保为基础，数字智慧能源为引擎，储能智慧装备为支撑，构建“绿能+数能+储能”一体化综合服务体系。为电力能源、金属矿产、钢铁化工、工业园区提供可量化、可感知、可持续的绿色转型解决方案，成为国家“双碳”战略落地与新质生产力培育的中坚力量。
          </p>
          <a href="#" class="about-link">查看更多<svg fill="none" stroke="currentColor" viewBox="0 0 24 24">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
            </svg></a>
        </div>
        <div class="about-cards">
          <div class="about-card card-hover fade-in">
            <div class="about-card-header">
              <div class="about-card-icon green"><svg fill="none" stroke="currentColor" viewBox="0 0 24 24">
                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                    d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z" />
                </svg></div>
              <h3>国家级资质 + 标杆验证</h3>
            </div>
            <p>国家级专精特新“小巨人”企业，高新技术企业包钢集团、紫金矿业等大型国企标杆项目。</p>
          </div>
          <div class="about-card card-hover fade-in">
            <div class="about-card-header">
              <div class="about-card-icon cyan"><svg fill="none" stroke="currentColor" viewBox="0 0 24 24">
                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                    d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z" />
                </svg></div>
              <h3>一体化全场景解决方案</h3>
            </div>
            <p>暂无内容</p>
          </div>
          <div class="about-card card-hover fade-in">
            <div class="about-card-header">
              <div class="about-card-icon teal"><svg fill="none" stroke="currentColor" viewBox="0 0 24 24">
                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                    d="M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9" />
                </svg></div>
              <h3>五大龙头集团战略支撑</h3>
            </div>
            <p>与紫金矿业、包钢集团、蒙电集团、蒙能集团、中石油深度协同，产业场景、资源、市场全方位支撑。</p>
          </div>
          <div class="about-card card-hover fade-in">
            <div class="about-card-header">
              <div class="about-card-icon amber"><svg fill="none" stroke="currentColor" viewBox="0 0 24 24">
                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                    d="M9 3v2m6-2v2M9 19v2m6-2v2M5 9H3m2 6H3m18-6h-2m2 6h-2M7 19h10a2 2 0 002-2V7a2 2 0 00-2-2H7a2 2 0 00-2 2v10a2 2 0 002 2zM9 9h6v6H9V9z" />
                </svg></div>
              <h3>全流程交钥匙服务</h3>
            </div>
            <p>从咨询规划、研发设计、工程实施到装备供应、运维运营全链条闭环，项目落地快、长期运行稳。</p>
          </div>
        </div>
      </div>
    </div>
  </section>

  <section class="business-section">
    <div class="container">
      <div class="section-header fade-in">
        <h2>核心业务</h2>
        <div class="line"></div>
      </div>
      <div class="business-grid">
        <div class="business-card card-hover fade-in">
          <div class="business-card-img">
            <img src="/upFiles/temp/核心业务1-工矿水处理_1782631829536.jpg"  loading="lazy">
            <div class="business-card-overlay green"></div>
            <div class="business-card-info">
              <h3>生态治理与矿山修复</h3>
              <p class="green">依托多年矿山生态治理实战经验，针对不同类型矿山、不同生态破坏程度的差异化治理需求，打造“生态勘察、方案定制、工程实施、长期运维”四位一体的系统化生态修复技术体系。</p>
            </div>
          </div>
        </div>
        <div class="business-card card-hover fade-in">
          <div class="business-card-img">
            <img src="/upFiles/temp/核心业务1-工矿水处理_1782631819836.jpg"  loading="lazy">
            <div class="business-card-overlay green"></div>
            <div class="business-card-info">
              <h3>固废处理及资源化利用</h3>
              <p class="green">聚焦发电厂、工业炉窑粉煤灰大宗固废处理，针对传统填埋消纳量大、利用率低、环境污染突出的行业痛点，公司突破粉煤灰改性及多养分协同成膜核心技术，实现固废资源化产业化利用。</p>
            </div>
          </div>
        </div>
        <div class="business-card card-hover fade-in">
          <div class="business-card-img">
            <img src="/upFiles/temp/核心业务1-工矿水处理_1782631809953.jpg"  loading="lazy">
            <div class="business-card-overlay green"></div>
            <div class="business-card-info">
              <h3>工矿废水处理及资源化利用</h3>
              <p class="green">公司深耕工业废水处理二十年，长期服务于冶金、矿山、化工等高污染、高耗能行业，拥有成熟的废水处理核心工艺与成套工程能力。针对工矿企业废水成分复杂、水质波动大、难降解物质多等工程难题，积累了大量成功工程业绩，可根据不同水质工况定制专业化处理工艺方案。</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <section class="news-section">
    <div class="container">
      <div class="news-header fade-in">
        <div>
          <h2>新闻动态</h2>
          <div class="line"></div>
        </div>
        <a href="/news/gongsi" class="news-link">查看更多<svg fill="none" stroke="currentColor" viewBox="0 0 24 24">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
          </svg></a>
      </div>
      <div class="news-grid">
        <div class="news-main card-hover fade-in">
          <div class="news-main-img">
            <img src="https://images.unsplash.com/photo-1540575467063-178a50c2df87?w=800&q=80" alt="新闻图片"
              loading="lazy">
            <div class="news-tag">最新发布</div>
          </div>
          <div class="news-main-content">
            <div class="news-date"><svg fill="none" stroke="currentColor" viewBox="0 0 24 24">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                  d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" />
              </svg>2025-03-15</div>
            <h3>压氢氢时 氢启未来 —— 沐鸣娱乐氢能源战略合作签约仪式隆重举行</h3>
            <p>沐鸣娱乐与多家知名企业签署战略合作协议，共同推动氢能源产业发展，为实现"双碳"目标贡献力量。</p>
          </div>
        </div>
        <div class="news-list fade-in">
          <div class="news-item">
            <div class="news-item-img">
               <a href="/news/gongsi/2057030956742651906.html" target="_self"><img
                src="/upFiles/temp/640-1_1779269790030.jpg" alt="喜报 | 包钢集团环境工程研究院获批“零碳工厂/园区评价认证服务机构”资质" loading="lazy"></a>
            </div>
            <div class="news-item-content">
              <div class="news-item-date"><svg fill="none" stroke="currentColor" viewBox="0 0 24 24">
                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                    d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" />
                </svg>2026-05-20</div>
              <h4><a href="/news/gongsi/2057030956742651906.html" target="_self">喜报 | 包钢集团环境工程研究院获批“零碳工厂/园区评价认证服务机构”资质</a></h4>
              <p><a href="/news/gongsi/2057030956742651906.html" target="_self"></a></p>
            </div>
          </div>          
          <div class="news-item">
            <div class="news-item-img">
               <a href="/news/gongsi/2057024462441721858.html" target="_self"><img
                src="/upFiles/temp/微信图片_20260520170927_742_29_1779268190494.jpg" alt="包钢集团环境工程研究院技术公布系列：高盐废水零排放+资源化利用工艺包" loading="lazy"></a>
            </div>
            <div class="news-item-content">
              <div class="news-item-date"><svg fill="none" stroke="currentColor" viewBox="0 0 24 24">
                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                    d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" />
                </svg>2026-05-20</div>
              <h4><a href="/news/gongsi/2057024462441721858.html" target="_self">包钢集团环境工程研究院技术公布系列：高盐废水零排放+资源化利用工艺包</a></h4>
              <p><a href="/news/gongsi/2057024462441721858.html" target="_self"></a></p>
            </div>
          </div>          
          <div class="news-item">
            <div class="news-item-img">
               <a href="/news/gongsi/2049320494345269249.html" target="_self"><img
                src="/upFiles/temp/0429-1_1777431067458.jpg" alt="今日聚焦 | 包钢集团环境工程研究院高盐废水“零排放+资源化”创新技术工艺包" loading="lazy"></a>
            </div>
            <div class="news-item-content">
              <div class="news-item-date"><svg fill="none" stroke="currentColor" viewBox="0 0 24 24">
                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                    d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" />
                </svg>2026-04-29</div>
              <h4><a href="/news/gongsi/2049320494345269249.html" target="_self">今日聚焦 | 包钢集团环境工程研究院高盐废水“零排放+资源化”创新技术工艺包</a></h4>
              <p><a href="/news/gongsi/2049320494345269249.html" target="_self"></a></p>
            </div>
          </div>          
        </div>
      </div>
      <div class="news-mobile-link"><a href="/news/gongsi">查看更多 <svg width="16" height="16" fill="none"
            stroke="currentColor" viewBox="0 0 24 24">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
          </svg></a></div>
    </div>
  </section>

  <section class="partners-section">
    <div class="container">
      <div class="partners-header fade-in">
        <h2>合作伙伴</h2>
        <p>合作共赢 · 共创未来 · 携手并进 · 共谱新篇</p>
      </div>
      <div class="partners-grid">
        <div class="partner-item card-hover fade-in">
           <img src="/upFiles/35da4856ea7f8a1_1782558101780.jpg"  />
        </div>
        <div class="partner-item card-hover fade-in">
           <img src="/upFiles/35da4856ea7f8a1_1782558119414.jpg"  />
        </div>
        <div class="partner-item card-hover fade-in">
           <img src="/upFiles/35da4856ea7f8a1_1782558126091.jpg"  />
        </div>
        <div class="partner-item card-hover fade-in">
           <img src="/upFiles/35da4856ea7f8a1_1782558132559.jpg"  />
        </div>
        <div class="partner-item card-hover fade-in">
           <img src="/upFiles/35da4856ea7f8a1_1782558139996.jpg"  />
        </div>
        <div class="partner-item card-hover fade-in">
           <img src="/upFiles/35da4856ea7f8a1_1782558150403.jpg"  />
        </div>
        <div class="partner-item card-hover fade-in">
           <img src="/upFiles/35da4856ea7f8a1_1782558156050.jpg"  />
        </div>
      </div>
    </div>
  </section>
<footer class="footer">
    <div class="footer-main">
      <div class="container">
        <div class="footer-grid">
          <!-- <div class="footer-brand">
            <div class="footer-brand-inner">
              <img src="/images/logo2.png" alt="沐鸣娱乐" style="height:40px;">
            </div>
          </div> -->
          <div class="footer-col">
            <h4>关于沐鸣娱乐</h4>
            <ul>
              <li><a href="/about.html">公司简介</a></li>
              <li><a href="/about.html">发展历程</a></li>
              <li><a href="/about.html">荣誉资质</a></li>
            </ul>
          </div>
          
          <div class="footer-col">
            <h4>智库服务</h4>
            <ul>
              <li><a href="#">院士专家高端库咨询</a></li>
              <li><a href="#">低碳项目顶层设计</a></li>
              <li><a href="#">技术评审与政策资讯</a></li>
            </ul>
          </div>
          <div class="footer-col">
            <h4>业务领域</h4>
            <ul>
              <li><a href="#">工矿废水处理及资源化利用</a></li>
              <li><a href="#">固废处理及资源化利用</a></li>
              <li><a href="#">生态治理与矿山修复</a></li>
            </ul>
          </div>
          <div class="footer-col">
            <h4>解决方案</h4>
            <ul>
              <li><a href="#">工矿废水一体化解决方案</a></li>
              <li><a href="#">固废处理资源化利用</a></li>
              <li><a href="#">生态治理与矿山修复</a></li>
            </ul>
          </div>
          <!-- <div class="footer-col">
            <h4>经典案例</h4>
            <ul>
              <li><a href="#">生态环境综合治理方案</a></li>
              <li><a href="#">数字能源综合解决方案</a></li>
              <li><a href="#">储能储能系统集成</a></li>
            </ul>
          </div> -->
          <div class="footer-col">
            <h4>新闻动态</h4>
            <ul>
              <li><a href="#">企业动态</a></li>
              <li><a href="#">行业政策</a></li>
              <li><a href="#">项目资讯</a></li>
            </ul>
          </div>
          <!-- <div class="footer-col">
            <h4>联系沐鸣娱乐</h4>
            <div class="footer-contact-item"><svg fill="none" stroke="currentColor" viewBox="0 0 24 24">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                  d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                  d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
              </svg><span>北京市海淀区西三环<br>北路甲2号北理工中关村国防<br>科技园4号楼2层</span></div>
            <div class="footer-contact-item"><svg fill="none" stroke="currentColor" viewBox="0 0 24 24">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                  d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z" />
              </svg><span>010-68535267</span></div>
            <div class="footer-contact-item"><svg fill="none" stroke="currentColor" viewBox="0 0 24 24">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                  d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" />
              </svg><span>bailingtiandi@cardboulevard.com</span></div>
          </div> -->
          <div class="footer-col">
            <img src="/images/erweima.png" alt="沐鸣娱乐" style="width: 120px;">
            <p style="text-align: center;">关注沐鸣娱乐</p>
          </div>
        </div>
      </div>
    </div>
    <div class="footer-bottom">
      <div class="container">
        <div class="footer-bottom-inner">
          <p>2026 沐鸣娱乐 版权所有</p>
          <div class="footer-bottom-links"><span class="sep">ICP备案号：</span><a href="#">京ICP备17001477号-1</a></div>
        </div>
      </div>
    </div>
  </footer>

  <button id="back-to-top" aria-label="返回顶部"><svg fill="none" stroke="currentColor" viewBox="0 0 24 24">
      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 10l7-7m0 0l7 7m-7-7v18" />
    </svg></button>  <script>
    // Mobile menu toggle
    document.getElementById('mobile-menu-btn').addEventListener('click', function () {
      document.getElementById('mobile-menu').classList.toggle('show');
    });

    // Hero slider
    var slides = document.querySelectorAll('.hero-slide');
    var dots = document.querySelectorAll('.hero-dot');
    var currentSlide = 0;
    var slideCount = slides.length;

    function goToSlide(index) {
      slides[currentSlide].classList.remove('active');
      dots[currentSlide].classList.remove('active');
      currentSlide = index;
      if (currentSlide >= slideCount) currentSlide = 0;
      if (currentSlide < 0) currentSlide = slideCount - 1;
      slides[currentSlide].classList.add('active');
      dots[currentSlide].classList.add('active');
    }

    function nextSlide() {
      goToSlide(currentSlide + 1);
    }

    var slideInterval = setInterval(nextSlide, 5000);

    dots.forEach(function (dot) {
      dot.addEventListener('click', function () {
        clearInterval(slideInterval);
        goToSlide(parseInt(this.getAttribute('data-slide')));
        slideInterval = setInterval(nextSlide, 5000);
      });
    });

    // Navbar scroll effect
    var navbar = document.getElementById('navbar');
    var lastScroll = 0;
    window.addEventListener('scroll', function () {
      var currentScroll = window.pageYOffset;
      if (currentScroll > 100) {
        navbar.classList.add('scrolled');
      } else {
        navbar.classList.remove('scrolled');
      }
      lastScroll = currentScroll;
    });

    // Fade-in animation on scroll
    var fadeElements = document.querySelectorAll('.fade-in');
    var observer = new IntersectionObserver(function (entries) {
      entries.forEach(function (entry) {
        if (entry.isIntersecting) {
          entry.target.classList.add('visible');
          observer.unobserve(entry.target);
        }
      });
    }, { threshold: 0.1, rootMargin: '0px 0px -50px 0px' });
    fadeElements.forEach(function (el) { observer.observe(el); });

    // Back to top button
    var backToTopBtn = document.getElementById('back-to-top');
    window.addEventListener('scroll', function () {
      if (window.pageYOffset > 500) {
        backToTopBtn.classList.add('show');
      } else {
        backToTopBtn.classList.remove('show');
      }
    });
    backToTopBtn.addEventListener('click', function () {
      window.scrollTo({ top: 0, behavior: 'smooth' });
    });

    // Counter animation for stats
    var animateCounter = function (element, target, suffix) {
      var current = 0;
      var increment = target / 50;
      var timer = setInterval(function () {
        current += increment;
        if (current >= target) { current = target; clearInterval(timer); }
        element.innerHTML = Math.floor(current) + '<span>' + suffix + '</span>';
      }, 30);
    };
    var statsObserver = new IntersectionObserver(function (entries) {
      entries.forEach(function (entry) {
        if (entry.isIntersecting) {
          var statNumbers = entry.target.querySelectorAll('.stat-number');
          statNumbers.forEach(function (el) {
            var text = el.textContent;
            var match = text.match(/(\d+)/);
            if (match) {
              var target = parseInt(match[1]);
              var suffix = text.indexOf('+') > -1 ? '+' : '年';
              animateCounter(el, target, suffix);
            }
          });
          statsObserver.unobserve(entry.target);
        }
      });
    }, { threshold: 0.5 });
    var statsSection = document.querySelector('.stats-grid');
    if (statsSection) statsObserver.observe(statsSection);
  </script>
</body>

</html>