<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Expires" content="0">
<meta name="description" content="">
<base href="/">
<title>数水喷泉 - &#19981;&#38152;&#38050;&#28044;&#27849;&#25143;&#22806;&#26223;&#35266;&#21943;&#27849;</title>
<link href="lib/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="lib/bootstrap-icons.css">
<link rel="stylesheet" href="css/style.css?v=2">
<link rel="stylesheet" href="css/group_page.css?v=17">
<style>
body{background:#f5f6fa}
.article-container{width:95%;margin:0 auto;padding:28px 16px 50px}
.article-card{background:rgba(255,255,255,.88);border-radius:16px;padding:48px 56px;box-shadow:0 1px 3px rgba(0,0,0,.04),0 4px 16px rgba(0,0,0,.04);margin-bottom:32px}
.article-header{margin-bottom:32px;padding-bottom:28px;border-bottom:2px solid var(--scimea-blue);text-align:center}
.article-header h1{font-size:26px;color:var(--scimea-blue);line-height:1.45;margin-bottom:20px;font-weight:700;letter-spacing:.5px}
.article-meta{font-size:15px;color:#999;display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:center}
.article-meta .category{display:inline-block;padding:3px 14px;background:linear-gradient(135deg,#E3F2FD,#BBDEFB);color:var(--scimea-blue);border-radius:20px;font-size:14px;font-weight:600}
.article-meta .category.cat-link{text-decoration:none;transition:all .2s}
.article-meta .category.cat-link:hover{background:linear-gradient(135deg,var(--scimea-blue),var(--scimea-blue-dark));color:#fff;box-shadow:0 2px 8px rgba(0,151,206,.25)}
.article-meta .date,.article-meta .source{display:inline-flex;align-items:center;gap:5px}
.article-meta .bi{font-size:14px}
.cover-img{margin-bottom:28px;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.cover-img img{width:100%;max-height:420px;object-fit:cover;display:block}
.article-summary{background:linear-gradient(135deg,#f8fafc,#f0f4f8);border-left:4px solid var(--scimea-blue);padding:18px 24px;margin-bottom:32px;border-radius:0 10px 10px 0;font-size:15px;color:#555;line-height:1.8}
.article-body{font-size:16px;color:#3a3a4a;line-height:2;word-break:break-word}
.article-body p{margin-bottom:20px;text-indent:2em}
.article-body img{max-width:100%;height:auto;border-radius:10px;margin:20px 0;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.article-body video{max-width:100%;height:auto;border-radius:10px;margin:20px 0;box-shadow:0 2px 8px rgba(0,0,0,.06);border:1px solid #e0e5ec;background:#000}
.article-body video[style*="float"][style*="left"]{margin-right:40px !important}
.article-body h2{font-size:22px;color:#1a1a2e;margin:36px 0 16px;padding-bottom:10px;border-bottom:1px solid #eef1f6}
.article-body h3{font-size:18px;color:#1a1a2e;margin:28px 0 12px}
.article-body h4{font-size:16px;color:#444;margin:22px 0 10px}
.article-body ul,.article-body ol{padding-left:24px;margin-bottom:20px}
.article-body li{margin-bottom:8px}
.article-body blockquote{border-left:3px solid var(--scimea-blue);padding:16px 24px;margin:24px 0;background:#f8fafc;color:#666;border-radius:0 10px 10px 0;font-style:italic}
.article-body table{width:100%;border-collapse:collapse;margin:20px 0;border-radius:8px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.04)}
.article-body th,.article-body td{border:1px solid #e8ecf2;padding:12px 16px;text-align:left}
.article-body th{background:#f5f7fa;font-weight:600;color:#444}
.pdf-viewer{width:100%;text-align:center}
.pdf-viewer canvas{max-width:100%;height:auto!important;display:block;margin:0 auto 4px}
.pdf-toolbar{display:flex;align-items:center;justify-content:center;padding:10px 16px;background:#E8F4F6;border-radius:10px;margin-top:8px}
.article-bottom{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-top:16px;padding-top:14px;border-top:1px solid #0F4C81}
.article-prev-next{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0;overflow:hidden}
.article-prev-next a{text-decoration:none;color:#444;font-size:14px;max-width:100%;transition:color .2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.article-prev-next a:hover{color:#0C5E6E}
.article-prev-next .pn-label{color:#999;white-space:nowrap}
.article-prev-next .pn-title{color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.article-prev-next .pn-disabled{color:#ccc;font-size:14px}
.article-share{display:flex;align-items:center;gap:16px;flex-wrap:wrap;flex-shrink:0}
.article-share .share-label{font-size:14px;color:#999;font-weight:500}
.article-share .share-buttons{display:inline-flex;gap:10px;flex-wrap:wrap;align-items:center}
.share-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 20px;border-radius:20px;font-size:13px;text-decoration:none;cursor:pointer;border:none;transition:all .25s;font-weight:500}
.share-weibo{background:#fff0f0;color:#E6162D;border:1px solid #fcc}.share-weibo:hover{background:#E6162D;color:#fff;box-shadow:0 3px 10px rgba(230,22,45,.25)}
.share-wechat{background:#f0fff4;color:#07C160;border:1px solid #c8f0d6}.share-wechat:hover{background:#07C160;color:#fff;box-shadow:0 3px 10px rgba(7,193,96,.25)}
.share-link{background:#f0f4fa;color:#555;border:1px solid #dce4f0}.share-link:hover{background:#5a6c7d;color:#fff;box-shadow:0 3px 10px rgba(90,108,125,.25)}
.share-qr-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.55);z-index:9999;justify-content:center;align-items:center;backdrop-filter:blur(4px)}
.share-qr-overlay.show{display:flex}
.share-qr-box{background:#fff;border-radius:16px;padding:36px;text-align:center;box-shadow:0 12px 48px rgba(0,0,0,.18)}
.share-qr-box img{width:180px;height:180px;border-radius:8px;margin-bottom:14px}
.share-qr-box p{font-size:14px;color:#888;margin-bottom:18px}
.share-qr-box button{padding:8px 32px;border-radius:20px;background:#0C5E6E;color:#fff;border:none;cursor:pointer;font-size:13px;transition:all .2s}
.share-qr-box button:hover{background:#084550}
@media (max-width:768px){
.article-card{padding:28px 20px;border-radius:12px;margin-bottom:20px}
.article-header h1{font-size:20px}
.article-container{padding:16px 8px 32px;width:100%}
.cover-img img{max-height:260px}
.article-bottom{flex-direction:column;gap:12px}}
.pd-detail-body{font-size:16px;color:#3a3a4a;line-height:2;word-break:break-word}
.pd-detail-body p{margin-bottom:20px;text-indent:2em}
.pd-detail-body img{max-width:100%;height:auto;border-radius:10px;margin:20px 0;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.pd-bottom{margin-top:32px;padding-top:16px;border-top:1px solid #e8ecf2}
@media (max-width:768px){
.pd-detail-body{font-size:15px}}
</style>
<script src="/js/pdfjs/pdf.min.js"></script>
</head>
<body>
<div id="header-include"></div>
<div class="gp-banner-wrap"><img class="gp-group-banner" src="/images/bimg4.jpg" alt="&#24237;&#38498;&#21943;&#27849;"></div>
<div class="gp-page-wrapper">
  <div class="gp-two-col">
    <div class="gp-left-nav">
  <div class="gp-nav-group-title">220V水景</div>
  <div class="gp-nav-scroll">
  <a class="gp-nav-item active" href="/list/outdoor_home_fountain.htm">庭院喷泉</a>
  <a class="gp-nav-item" href="/list/indoor_water_feature.htm">室内水景</a>
  </div>
</div>

    <div class="gp-right-content">
      <h2 class="gp-content-title">&#19981;&#38152;&#38050;&#28044;&#27849;&#25143;&#22806;&#26223;&#35266;&#21943;&#27849;</h2>
      <div class="pd-detail-body">
        <p><img src="http://localhost/uploads/image/20260728/17852304473178556.jpg" data-name="singleImage" class="descV8-singleImage-image lazyload" style="width: 750px;"/><img src="http://localhost/uploads/image/20260728/17852304091727536.jpg" data-name="singleImage" class="descV8-singleImage-image lazyload" style="width: 750px;"/>
 &nbsp; &nbsp;</p><p><img src="http://localhost/uploads/image/20260728/17852304099006902.jpg" data-name="singleImage" class="descV8-singleImage-image lazyload" style="width: 750px;" data-spm-anchor-id="pc_detail.30350276.202205.i0.5f6b7dd6omKoZj"/>
 &nbsp; &nbsp;</p>
      </div>
      <div class="pd-bottom">
        <div class="article-prev-next">
                <a href="news/25/news_19.html"><span class="pn-label">上一条：</span><span class="pn-title">&#37202;&#24215;&#36896;&#26223;&#35266;&#28044;&#27849;&#21943;&#27849;&#21943;&#22836;&#24237;&#38498;&#27700;&#26223;</span></a>
                <a href="news/25/news_21.html"><span class="pn-label">下一条：</span><span class="pn-title">&#37202;&#24215;&#27700;&#27744;&#21943;&#27849;</span></a>
        </div>
      </div>
    </div>
  </div>
</div>
<div id="footer-include"></div>
<script src="lib/bootstrap.bundle.min.js"></script>
<script src="js/index_p.js?v=2"></script>
<script>
function shareToWeibo(){var u=encodeURIComponent(location.href);var t=encodeURIComponent(document.title);window.open('https://service.weibo.com/share/share.php?url='+u+'&title='+t,'_blank','width=600,height=420');}
function copyPageUrl(){if(navigator.clipboard){navigator.clipboard.writeText(location.href).then(function(){alert('链接已复制到剪贴板！');}).catch(function(){prompt('请手动复制链接：',location.href);});}else{prompt('请手动复制链接：',location.href);}}
function showWechatQR(){var o=document.getElementById('shareQrOverlay');var i=document.getElementById('shareQrImg');i.src='https://api.qrserver.com/v1/create-qr-code/?size=200x200&data='+encodeURIComponent(location.href);o.classList.add('show');}
function closeWechatQR(){document.getElementById('shareQrOverlay').classList.remove('show');}
</script>
</body>
</html>