文本查看器


<!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-color:#06f;--secondary-color:#0c9;--accent-color:#09f;--text-primary:#1a1a1a;--text-secondary:#666;--bg-light:#fff;--bg-dark:#121212;--card-light:#f5f5f5;--card-dark:#1e1e1e}body{font-family:Noto Sans SC,sans-serif;transition:background-color .3s,color .3s}.dark body{background-color:var(--bg-dark);color:#e0e0e0}.light body{background-color:var(--bg-light);color:var(--text-primary)}.card{transition:transform .3s,box-shadow .3s,border-color .3s}.card:hover{transform:translateY(-5px)}.light .card{background-color:var(--card-light);box-shadow:0 4px 6px #0000000d}.light .card:hover{border-color:var(--primary-color);box-shadow:0 10px 15px #0000001a}.dark .card{background-color:var(--card-dark);box-shadow:0 4px 6px #0003}.dark .card:hover{border-color:var(--primary-color);box-shadow:0 10px 15px #0000004d}.btn{transition:transform .2s,background-color .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)}}.section{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(20px)}.section.visible{opacity:1;transform:translateY(0)}</style></head><body class=light><div class="min-h-screen flex flex-col"><nav class="sticky top-0 z-50 bg-white dark:bg-gray-900 shadow-md transition-all duration-300"><div class="container mx-auto px-4 py-3 flex justify-between items-center"><div class="flex items-center space-x-2"><i class="fas fa-running text-blue-600 dark:text-blue-400 text-2xl"></i><span class="text-xl font-bold">雅安塑胶跑道</span></div><div class="flex items-center space-x-4"><button class="p-2 rounded-full hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors"id=theme-toggle><i class="fas fa-moon dark:hidden"></i> <i class="fas fa-sun hidden dark:block text-yellow-300"></i></button></div></div></nav><header class="relative bg-gradient-to-r from-blue-500 to-blue-700 dark:from-blue-800 dark:to-blue-900 text-white py-16 md:py-24"><div class="container mx-auto px-4 relative z-10"><div class="max-w-3xl fade-in"><h1 class="text-3xl md:text-5xl font-bold mb-4">为雨城筑造更好的运动场地</h1><p class="text-lg md:text-xl opacity-90 mb-8">专业提供符合国标GB36246-2018的塑胶跑道及球场材料销售和施工铺装服务<div class="flex flex-wrap gap-4"><a class="btn bg-white text-blue-600 hover:bg-blue-50 px-6 py-3 rounded-lg font-medium shadow-lg"href=#contact> 联系我们 </a><a class="btn bg-transparent border-2 border-white hover:bg-white/10 px-6 py-3 rounded-lg font-medium"href=#services> 了解服务 </a></div></div></div><div class="absolute inset-0 bg-gradient-to-b from-transparent to-black/20 dark:to-black/40 pointer-events-none"></div></header><main class="flex-grow container mx-auto px-4 py-12"><section class="mb-16 section"><div class="grid grid-cols-1 md:grid-cols-2 gap-8"><div class="card p-6 rounded-xl border border-gray-200 dark:border-gray-700"><div class="flex items-center mb-4"><i class="fas fa-map-marker-alt text-blue-500 text-2xl mr-3"></i><h2 class="text-2xl font-bold">雅安地理环境</h2></div><p class="text-gray-700 dark:text-gray-300 leading-relaxed">雅安位于四川盆地西缘，地处青藏高原与四川盆地交汇处。这里因独特的喇叭形地形和潮湿的气候，拥有"雨城"与"天漏"的美誉。<div class="mt-6 pt-4 border-t border-gray-200 dark:border-gray-700"><div class="flex justify-between items-center"><span class="text-gray-600 dark:text-gray-400">年均降雨量</span><span class="font-bold text-blue-600 dark:text-blue-400">1800毫米</span></div><div class="flex justify-between items-center mt-2"><span class="text-gray-600 dark:text-gray-400">雨天数量</span><span class="font-bold text-blue-600 dark:text-blue-400">约300天/年</span></div></div></div><div class="card p-6 rounded-xl border border-gray-200 dark:border-gray-700"><div class="flex items-center mb-4"><i class="fas fa-exclamation-triangle text-yellow-500 text-2xl mr-3"></i><h2 class="text-2xl font-bold">挑战与需求</h2></div><p class="text-gray-700 dark:text-gray-300 leading-relaxed">在雅安这样高湿度、雨水充沛的地区，普通的跑道材料可能面临积水、易损、抗老化差等问题，严重时甚至会成为"毒跑道"。因此，选择一家能够针对雅安地理和气候条件提供专业解决方案的厂家至关重要。<div class="mt-6"><canvas height=200 id=rainfallChart width=400></canvas></div></div></div></section><section class="mb-16 section"id=services><h2 class="text-3xl font-bold mb-8 text-center">我们的服务与优势</h2><div class="grid grid-cols-1 md:grid-cols-3 gap-8"><div class="card p-6 rounded-xl border border-gray-200 dark:border-gray-700"><div class="flex items-center mb-4"><div class="w-12 h-12 rounded-full bg-blue-100 dark:bg-blue-900 flex items-center justify-center mr-4"><i class="fas fa-shield-alt text-blue-600 dark:text-blue-400 text-xl"></i></div><h3 class="text-xl font-bold">符合新国标，环保安全</h3></div><p class="text-gray-700 dark:text-gray-300 leading-relaxed">我们提供的塑胶跑道和球场材料严格遵循GB36246-2018标准。这意味着我们的材料符合中小学合成材料面层运动场地的严格要求，确保无毒无害，符合环保标准。我们确保所有非固体原材料（如胶水、颗粒）都通过了相关的有害物质限量检验，提供具有检测资质机构出具的合格报告。</div><div class="card p-6 rounded-xl border border-gray-200 dark:border-gray-700"><div class="flex items-center mb-4"><div class="w-12 h-12 rounded-full bg-blue-100 dark:bg-blue-900 flex items-center justify-center mr-4"><i class="fas fa-cloud-rain text-blue-600 dark:text-blue-400 text-xl"></i></div><h3 class="text-xl font-bold">针对雅安气候的施工工艺</h3></div><p class="text-gray-700 dark:text-gray-300 leading-relaxed">鉴于雅安多雨的气候，我们的施工团队采用了专门针对高湿度环境的施工工艺。我们的跑道材料具有高透气性和防水性能，能有效防止雨水渗透，避免因积水导致的路面龟裂和滑倒风险。我们注重每一层的厚度和密度控制，确保跑道在雨季也能保持良好的防滑性能和弹性。</div><div class="card p-6 rounded-xl border border-gray-200 dark:border-gray-700"><div class="flex items-center mb-4"><div class="w-12 h-12 rounded-full bg-blue-100 dark:bg-blue-900 flex items-center justify-center mr-4"><i class="fas fa-handshake text-blue-600 dark:text-blue-400 text-xl"></i></div><h3 class="text-xl font-bold">一站式服务体验</h3></div><p class="text-gray-700 dark:text-gray-300 leading-relaxed">我们不仅提供高质量的材料，还提供从测量、设计到施工的全流程服务。无论是新建塑胶跑道，还是球场面层的翻新修复，我们都有丰富的施工经验和专业的团队为您服务，确保工程质量符合国家标准。</div></div></section><section class="mb-16 section"id=contact><div class="bg-gradient-to-r from-blue-50 to-indigo-50 dark:from-blue-900/30 dark:to-indigo-900/30 rounded-2xl p-8 md:p-12"><div class="max-w-3xl mx-auto text-center"><h2 class="text-3xl font-bold mb-6">联系我们</h2><p class="text-gray-700 dark:text-gray-300 mb-8">如您需要了解更多关于雅安塑胶跑道和球场材料的详细信息，欢迎随时与我们联系。我们期待为您提供专业的咨询和报价服务。<div class="grid grid-cols-1 md:grid-cols-2 gap-8 text-left"><div class="card p-6 rounded-xl border border-gray-200 dark:border-gray-700"><div class="flex items-start mb-4"><i class="fas fa-user-tie text-blue-600 dark:text-blue-400 text-2xl mt-1 mr-4"></i><div><h3 class="text-lg font-semibold">作者</h3><p class="text-gray-600 dark:text-gray-400">湖北优正体育</div></div><div class="flex items-start"><i class="fas fa-phone-alt text-blue-600 dark:text-blue-400 text-2xl mt-1 mr-4"></i><div><h3 class="text-lg font-semibold">联系电话</h3><p class="text-gray-600 dark:text-gray-400">185-7145-9135</div></div></div><div class="card p-6 rounded-xl border border-gray-200 dark:border-gray-700"><div class="flex items-center justify-center"><a class="btn bg-blue-600 hover:bg-blue-700 text-white px-8 py-3 rounded-lg font-medium inline-flex items-center"href=tel:185-7145-9135> <i class="fas fa-phone-alt mr-2"></i> 立即致电 </a></div></div></div></div></div></section></main><footer class="bg-gray-100 dark:bg-gray-900 py-8 border-t border-gray-200 dark:border-gray-800"><div class="container mx-auto px-4"><div class="flex flex-col md:flex-row justify-between items-center"><div class="mb-4 md:mb-0"><p class="text-gray-600 dark:text-gray-400">© 2025 雅安塑胶跑道厂家</div><div class="flex space-x-4"><a class="text-gray-600 dark:text-gray-400 hover:text-blue-600 dark:hover:text-blue-400 transition-colors"href=#> <i class="fab fa-weixin text-xl"></i> </a><a class="text-gray-600 dark:text-gray-400 hover:text-blue-600 dark:hover:text-blue-400 transition-colors"href=#> <i class="fab fa-weibo text-xl"></i> </a><a class="text-gray-600 dark:text-gray-400 hover:text-blue-600 dark:hover:text-blue-400 transition-colors"href=#> <i class="fas fa-envelope text-xl"></i> </a></div></div></div></footer></div><script>const themeToggle=document.getElementById(`theme-toggle`);const body=document.body;if(window.matchMedia&&window.matchMedia(`(prefers-color-scheme: dark)`).matches){body.classList.remove(`light`);body.classList.add(`dark`)};themeToggle.addEventListener(`click`,()=>{let a=`light`,b=`dark`;if(body.classList.contains(a)){body.classList.remove(a);body.classList.add(b)}else{body.classList.remove(b);body.classList.add(a)}});const sections=document.querySelectorAll(`.section`);const observerOptions={root:null,rootMargin:`0px`,threshold:0.1};const observer=new IntersectionObserver((a,b)=>{a.forEach(a=>{if(a.isIntersecting){a.target.classList.add(`visible`);b.unobserve(a.target)}})},observerOptions);sections.forEach(a=>{observer.observe(a)});document.addEventListener(`DOMContentLoaded`,(()=>{let e=`#fff`,g=`rgba(255, 255, 255, 0.1)`,f=`rgba(0, 0, 0, 0.1)`,h=`rgba(0, 0, 0, 0.1)`;const a=document.getElementById(`rainfallChart`).getContext(`2d`);const b=body.classList.contains(`dark`);const c=b?e:`#1a1a1a`;const d=new Chart(a,{type:`bar`,data:{labels:[`1月`,`2月`,`3月`,`4月`,`5月`,`6月`,`7月`,`8月`,`9月`,`10月`,`11月`,`12月`],datasets:[{label:`月均降雨量(毫米)`,data:[150,180,200,220,250,280,320,350,300,250,200,180],backgroundColor:b?`rgba(59, 130, 246, 0.7)`:`rgba(59, 130, 246, 0.5)`,borderColor:b?`rgba(59, 130, 246, 1)`:`rgba(59, 130, 246, 1)`,borderWidth:1}]},options:{responsive:!0,maintainAspectRatio:!1,plugins:{legend:{display:!1},tooltip:{callbacks:{label:(a=>`月均降雨量: ${a.raw} 毫米`)}}},scales:{y:{beginAtZero:!0,ticks:{color:b?e:f},grid:{color:b?g:h}},x:{ticks:{color:b?e:f},grid:{color:b?g:h}}}}});themeToggle.addEventListener(`click`,()=>{setTimeout(()=>{const a=body.classList.contains(`dark`);const b=a?e:`#1a1a1a`;const c=a?`rgba(255, 255, 255, 0.1)`:`rgba(0, 0, 0, 0.1)`;const g=a?`rgba(255, 255, 255, 0.1)`:`rgba(0, 0, 0, 0.1)`;d.data.datasets[0].backgroundColor=a?`rgba(59, 130, 246, 0.7)`:`rgba(59, 130, 246, 0.5)`;d.data.datasets[0].borderColor=a?`rgba(59, 130, 246, 1)`:`rgba(59, 130, 246, 1)`;d.options.scales.y.ticks.color=b;d.options.scales.x.ticks.color=b;d.options.scales.y.grid.color=c;d.options.scales.x.grid.color=g;d.update()},100)})}))</script>
</body></html>