文本查看器


<!doctypehtml><html lang=zh-CN><head><meta charset=UTF-8><meta content=width=device-width,initial-scale=1.0 name=viewport><title>保山篮球场材料厂家 - 优正体育</title><meta name='keywords' content='保山篮球场材料厂家'><script src=https://cdn.tailwindcss.com/3.4.16></script><script>tailwind.config={darkMode:`class`}</script><link href=https://cdn.bootcdn.net/ajax/libs/font-awesome/6.4.0/css/all.min.css rel=stylesheet><script src=https://jsdelivr.topthink.com/npm/chart.js></script><style>@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&display=swap";:root{--primary:#3b82f6;--secondary:#1e40af;--accent:#60a5fa;--text-primary:#1f2937;--text-secondary:#4b5563;--bg-primary:#fff;--bg-secondary:#f3f4f6;--card-bg:#fff;--border-color:#e5e7eb}.dark{--primary:#60a5fa;--secondary:#93c5fd;--accent:#3b82f6;--text-primary:#f9fafb;--text-secondary:#d1d5db;--bg-primary:#111827;--bg-secondary:#1f2937;--card-bg:#1f2937;--border-color:#374151}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:Noto Sans SC,sans-serif;transition:background-color .3s,color .3s}.card{background-color:var(--card-bg);border:1px solid var(--border-color);transition:all .3s}.card:hover{transform:translateY(-5px);box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.btn{transition:all .2s}.btn:hover{transform:scale(1.05)}.fade-in{animation:.8s ease-in fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.material-card{opacity:0;transition:opacity .5s,transform .5s;transform:translateY(20px)}.material-card.visible{opacity:1;transform:translateY(0)}</style></head><body class=min-h-screen><div class="container mx-auto px-4 py-8 max-w-6xl"><header class="flex justify-between items-center mb-12 fade-in"><div class="text-2xl font-bold text-blue-600 dark:text-blue-400">湖北优正体育</div><div class="flex items-center space-x-4"><button class="p-2 rounded-full bg-gray-200 dark:bg-gray-700 focus:outline-none"id=theme-toggle><i class="fas fa-moon dark:hidden"></i> <i class="fas fa-sun hidden dark:block"></i></button></div></header><section class="mb-16 fade-in"style=animation-delay:.2s><div class="bg-gradient-to-r from-blue-500 to-indigo-600 rounded-xl p-8 text-white shadow-lg"><h1 class="text-3xl md:text-4xl font-bold mb-4">保山篮球场材料厂家</h1><p class="text-lg md:text-xl opacity-90">为您定制高质量的运动空间<div class="mt-6 flex flex-wrap gap-4"><span class="inline-flex items-center px-3 py-1 rounded-full bg-white/20 text-sm"> <i class="fas fa-tint mr-2"></i>雨季防滑 </span><span class="inline-flex items-center px-3 py-1 rounded-full bg-white/20 text-sm"> <i class="fas fa-sun mr-2"></i>耐高温 </span><span class="inline-flex items-center px-3 py-1 rounded-full bg-white/20 text-sm"> <i class="fas fa-shield-alt mr-2"></i>抗紫外线 </span></div></div></section><section class="mb-16 fade-in"style=animation-delay:.4s><div class="grid grid-cols-1 md:grid-cols-2 gap-8"><div class="card rounded-xl p-6"><h2 class="text-2xl font-bold mb-4 flex items-center"><i class="fas fa-map-marker-alt text-red-500 mr-3"></i> 地域环境与材料选择</h2><p class="mb-4 text-gray-700 dark:text-gray-300">保山位于滇池盆地的西北边缘，典型的亚热带季风气候，夏季湿热多雨，冬季温和少雪。<div class="bg-blue-50 dark:bg-blue-900/30 p-4 rounded-lg"><h3 class="font-semibold text-blue-700 dark:text-blue-300 mb-2">气候特点</h3><ul class="list-disc list-inside text-gray-700 dark:text-gray-300"><li>年均降雨量丰富<li>夏季（6-10月）雨水集中<li>夏季日照充足，紫外线强</ul></div></div><div class="card rounded-xl p-6"><h2 class="text-2xl font-bold mb-4 flex items-center"><i class="fas fa-chart-line text-green-500 mr-3"></i> 材料特性对比</h2><div class=h-64><canvas id=materialChart></canvas></div></div></div></section><section class="mb-16 fade-in"style=animation-delay:.6s><h2 class="text-2xl font-bold mb-8 text-center">核心材料介绍</h2><div class="grid grid-cols-1 md:grid-cols-3 gap-8"><div class="material-card card rounded-xl overflow-hidden"><div class=p-6><div class="flex items-center justify-center h-16 w-16 rounded-full bg-blue-100 dark:bg-blue-900 mb-4 mx-auto"><i class="fas fa-running text-2xl text-blue-600 dark:text-blue-400"></i></div><h3 class="text-xl font-bold mb-2 text-center">聚氨酯（PU）地坪</h3><div class="text-sm text-gray-500 dark:text-gray-400 mb-4 text-center">户外篮球场、社区广场</div><div class=space-y-3><div class="flex items-start"><i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i><p class=text-sm>吸震减压，保护关节</div><div class="flex items-start"><i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i><p class=text-sm>防滑耐磨，适合湿润环境</div><div class="flex items-start"><i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i><p class=text-sm>色彩鲜艳，不易褪色</div></div></div></div><div class="material-card card rounded-xl overflow-hidden"><div class=p-6><div class="flex items-center justify-center h-16 w-16 rounded-full bg-purple-100 dark:bg-purple-900 mb-4 mx-auto"><i class="fas fa-layer-group text-2xl text-purple-600 dark:text-purple-400"></i></div><h3 class="text-xl font-bold mb-2 text-center">硅PU（Silicone PU）</h3><div class="text-sm text-gray-500 dark:text-gray-400 mb-4 text-center">高品质篮球场、专业场地</div><div class=space-y-3><div class="flex items-start"><i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i><p class=text-sm>上硬下弹结构，保护性能优异</div><div class="flex items-start"><i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i><p class=text-sm>健康环保，无刺激性气味</div><div class="flex items-start"><i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i><p class=text-sm>弹性适中，适合专业训练</div></div></div></div><div class="material-card card rounded-xl overflow-hidden"><div class=p-6><div class="flex items-center justify-center h-16 w-16 rounded-full bg-yellow-100 dark:bg-yellow-900 mb-4 mx-auto"><i class="fas fa-paint-brush text-2xl text-yellow-600 dark:text-yellow-400"></i></div><h3 class="text-xl font-bold mb-2 text-center">丙烯酸材料</h3><div class="text-sm text-gray-500 dark:text-gray-400 mb-4 text-center">需要翻新或对颜色要求高的球场</div><div class=space-y-3><div class="flex items-start"><i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i><p class=text-sm>耐候性强，抗紫外线</div><div class="flex items-start"><i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i><p class=text-sm>翻新便利，可直接重涂</div><div class="flex items-start"><i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i><p class=text-sm>外观持久如新，维护成本低</div></div></div></div></div></section><section class="mb-16 fade-in"style=animation-delay:.8s><div class="card rounded-xl p-8"><h2 class="text-2xl font-bold mb-6 flex items-center"><i class="fas fa-tools text-blue-500 mr-3"></i> 施工与服务优势</h2><div class="grid grid-cols-1 md:grid-cols-2 gap-8"><div class="bg-blue-50 dark:bg-blue-900/30 p-6 rounded-lg"><h3 class="text-xl font-semibold mb-4 flex items-center"><i class="fas fa-hard-hat text-blue-600 dark:text-blue-400 mr-2"></i> 专业施工队伍</h3><p class="text-gray-700 dark:text-gray-300">我们不仅提供材料，更提供专业的施工铺装服务。针对保山地区的具体地基情况（如土质、基底不平整），我们拥有专业的施工技术，确保地面平整无凸起，防止因地基问题导致的"绊脚"风险。</div><div class="bg-green-50 dark:bg-green-900/30 p-6 rounded-lg"><h3 class="text-xl font-semibold mb-4 flex items-center"><i class="fas fa-shield-alt text-green-600 dark:text-green-400 mr-2"></i> 持久耐用</h3><p class="text-gray-700 dark:text-gray-300">我们的材料选用高质量的聚氨酯或丙烯酸树脂，具有较高的耐磨性和耐久性。即便在保山频繁的雨季或高温夏季，也能保持地面的完整性，减少起皮、起泡等质量问题。</div></div></div></section><section class="mb-16 fade-in"style=animation-delay:1s><div class="card rounded-xl p-8 bg-gradient-to-r from-blue-50 to-indigo-50 dark:from-blue-900/30 dark:to-indigo-900/30"><h2 class="text-2xl font-bold mb-6 text-center">联系我们</h2><div class="grid grid-cols-1 md:grid-cols-2 gap-8"><div class="flex flex-col items-center"><div class="w-24 h-24 bg-blue-100 dark:bg-blue-800 rounded-full flex items-center justify-center mb-4"><i class="fas fa-building text-4xl text-blue-600 dark:text-blue-400"></i></div><div class=text-center><h3 class="text-lg font-semibold mb-1">厂家名称</h3><p class="text-gray-700 dark:text-gray-300">湖北优正体育</div></div><div class="flex flex-col items-center"><div class="w-24 h-24 bg-green-100 dark:bg-green-800 rounded-full flex items-center justify-center mb-4"><i class="fas fa-phone-alt text-4xl text-green-600 dark:text-green-400"></i></div><div class=text-center><h3 class="text-lg font-semibold mb-1">联系电话</h3><p class="text-gray-700 dark:text-gray-300">189-8622-7599</div></div></div><div class="mt-8 text-center"><p class="text-lg font-medium text-blue-600 dark:text-blue-400">期待为保山的篮球运动添砖加瓦！</div></div></section><footer class="py-8 border-t border-gray-200 dark:border-gray-700 text-center fade-in"style=animation-delay:1.2s><div class="flex flex-col items-center justify-center"><div class=mb-4><span class="text-gray-500 dark:text-gray-400">作者：</span><span class="ml-2 font-medium">A优正塑胶跑道厂家夏琳185-7145-9135</span></div><p class="text-sm text-gray-500 dark:text-gray-400">© 2025 湖北优正体育 版权所有</div></footer></div><script>const themeToggle=document.getElementById(`theme-toggle`);if(window.matchMedia&&window.matchMedia(`(prefers-color-scheme: dark)`).matches){document.documentElement.classList.add(`dark`)};themeToggle.addEventListener(`click`,()=>{document.documentElement.classList.toggle(`dark`)});const materialCtx=document.getElementById(`materialChart`).getContext(`2d`);const isDarkMode=document.documentElement.classList.contains(`dark`);const textColor=isDarkMode?`#D1D5DB`:`#4B5563`;const gridColor=isDarkMode?`rgba(255, 255, 255, 0.1)`:`rgba(0, 0, 0, 0.1)`;const chart=new Chart(materialCtx,{type:`radar`,data:{labels:[`防滑性`,`耐磨性`,`抗紫外线`,`吸震性`,`色彩保持`,`施工难度`],datasets:[{label:`聚氨酯（PU）`,data:[90,85,70,80,75,60],backgroundColor:`rgba(59, 130, 246, 0.2)`,borderColor:`rgba(59, 130, 246, 1)`,pointBackgroundColor:`rgba(59, 130, 246, 1)`,pointBorderColor:`#fff`,pointHoverBackgroundColor:`#fff`,pointHoverBorderColor:`rgba(59, 130, 246, 1)`},{label:`硅PU`,data:[85,75,80,90,85,70],backgroundColor:`rgba(16, 185, 129, 0.2)`,borderColor:`rgba(16, 185, 129, 1)`,pointBackgroundColor:`rgba(16, 185, 129, 1)`,pointBorderColor:`#fff`,pointHoverBackgroundColor:`#fff`,pointHoverBorderColor:`rgba(16, 185, 129, 1)`},{label:`丙烯酸`,data:[70,80,95,60,90,85],backgroundColor:`rgba(245, 158, 11, 0.2)`,borderColor:`rgba(245, 158, 11, 1)`,pointBackgroundColor:`rgba(245, 158, 11, 1)`,pointBorderColor:`#fff`,pointHoverBackgroundColor:`#fff`,pointHoverBorderColor:`rgba(245, 158, 11, 1)`}]},options:{responsive:!0,maintainAspectRatio:!1,scales:{r:{angleLines:{color:gridColor},grid:{color:gridColor},ticks:{backdropColor:`transparent`,color:textColor},pointLabels:{color:textColor}}},plugins:{legend:{labels:{color:textColor}}}}});const observer=new IntersectionObserver(a=>{a.forEach(a=>{if(a.isIntersecting){a.target.classList.add(`visible`)}})},{threshold:0.1});document.querySelectorAll(`.material-card`).forEach(a=>{observer.observe(a)});themeToggle.addEventListener(`click`,()=>{let b=`#D1D5DB`,c=`#4B5563`;const a=document.documentElement.classList.contains(`dark`);chart.options.scales.r.ticks.color=a?b:c;chart.options.scales.r.pointLabels.color=a?b:c;chart.options.plugins.legend.labels.color=a?b:c;chart.update()})</script>
</body></html>