文本查看器


<!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:#2563eb;--secondary:#10b981;--accent:#f59e0b;--text-primary:#1f2937;--text-secondary:#4b5563;--bg-primary:#fff;--bg-secondary:#f3f4f6;--border:#e5e7eb}.dark{--primary:#3b82f6;--secondary:#34d399;--accent:#fbbf24;--text-primary:#f9fafb;--text-secondary:#d1d5db;--bg-primary:#111827;--bg-secondary:#1f2937;--border:#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(--bg-primary);border:1px solid var(--border);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)}}.section-title{margin-bottom:1.5rem;display:inline-block;position:relative}.section-title:after{content:"";background-color:var(--primary);border-radius:2px;width:60px;height:4px;position:absolute;bottom:-8px;left:0}.feature-icon{background-color:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin-right:1rem;display:flex}.climate-chart{max-width:较高;height:300px}.contact-card{background:linear-gradient(135deg,var(--primary),#1e40af);color:#fff}.theme-toggle{cursor:pointer;border-radius:50%;padding:.5rem;transition:background-color .3s}.theme-toggle:hover{background-color:var(--bg-secondary)}</style></head><body class=min-h-screen><header class="sticky top-0 z-50 bg-opacity-90 backdrop-blur-sm border-b border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-900"><div class="container mx-auto px-4 py-4 flex justify-between items-center"><h1 class="text-xl md:text-2xl font-bold text-primary">昆明塑胶跑道</h1><div class="flex items-center space-x-4"><button class="theme-toggle p-2 rounded-full"id=themeToggle><i class="fas fa-sun text-yellow-500 dark:hidden"></i> <i class="fas fa-moon text-blue-300 hidden dark:block"></i></button></div></div></header><main class="container mx-auto px-4 py-8 max-w-5xl"><section class="mb-16 fade-in"><div class="text-center mb-12"><h1 class="text-3xl md:text-4xl lg:text-5xl font-bold mb-4">昆明塑胶跑道：高原春城的绿色跑道选择</h1><p class="text-lg text-gray-600 dark:text-gray-300 max-w-3xl mx-auto">专业定制，适应昆明独特气候条件的高品质运动场地解决方案</div><div class="grid grid-cols-1 md:grid-cols-2 gap-8"><div class="card rounded-xl overflow-hidden shadow-lg p-6"><div class="flex items-center mb-6"><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-sun text-blue-600 dark:text-blue-300 text-xl"></i></div><h2 class="text-2xl font-semibold">项目背景：昆明的独特气候优势</h2></div><p class="text-gray-700 dark:text-gray-300 mb-4">昆明地处云贵高原中部，气候类型属于中亚热带高原季风型气候。这里较著名的气候特点是"四季如春"，年平均气温约为15℃，较冷月的平均气温也保持在7℃以上。<div class="mt-6 space-y-4"><div class="flex items-start"><div class="flex-shrink-0 mt-1"><i class="fas fa-temperature-low text-green-500"></i></div><div class=ml-3><h3 class=font-medium>温差适中</h3><p class="text-gray-600 dark:text-gray-400">全年温差较小，无较端严寒或酷暑，施工期间温度变化对材料的影响较小，养护期更为稳定。</div></div><div class="flex items-start"><div class="flex-shrink-0 mt-1"><i class="fas fa-cloud-rain text-blue-500"></i></div><div class=ml-3><h3 class=font-medium>雨季分明</h3><p class="text-gray-600 dark:text-gray-400">昆明有明显的干湿季节（5-10月为雨季，降水量占全年85%），这要求跑道在雨季施工时具备良好的排水系统，而在干季则需注意防风和防尘。</div></div></div></div><div class="card rounded-xl overflow-hidden shadow-lg p-6"><div class="flex items-center mb-6"><div class="w-12 h-12 rounded-full bg-green-100 dark:bg-green-900 flex items-center justify-center mr-4"><i class="fas fa-chart-line text-green-600 dark:text-green-300 text-xl"></i></div><h2 class="text-2xl font-semibold">昆明气候数据分析</h2></div><div class=climate-chart><canvas id=climateChart></canvas></div></div></div></section><section class="mb-16 fade-in"style=animation-delay:.2s><h2 class="section-title text-2xl md:text-3xl font-bold">我们的服务方案：符合GB36246-2018标准的高质量跑道</h2><p class="text-gray-700 dark:text-gray-300 mb-8">针对昆明的地理和气候特性，我们提供一站式的材料供应与施工铺装服务。我们的跑道材料严格遵循《中小学合成材料面层运动场地》（GB36246-2018）的标准要求。<div class="grid grid-cols-1 md:grid-cols-3 gap-6"><div class="card rounded-xl overflow-hidden shadow-lg p-6 hover:border-blue-500"><div class="flex items-center mb-4"><div class="feature-icon bg-blue-600"><i class="fas fa-layer-group"></i></div><h3 class="text-xl font-semibold">材料选型</h3></div><p class="text-gray-700 dark:text-gray-300">我们推荐使用<strong class="text-blue-600 dark:text-blue-400">透气型EPDM跑道系统</strong>。透气型跑道采用双层结构，能在雨季快速排水，防止积水导致的"滑倒"隐患；而在干季则能通过良好的透气性避免地面过热，保护跑道表层不易老化。</div><div class="card rounded-xl overflow-hidden shadow-lg p-6 hover:border-green-500"><div class="flex items-center mb-4"><div class="feature-icon bg-green-600"><i class="fas fa-ruler-combined"></i></div><h3 class="text-xl font-semibold">厚度达标</h3></div><p class="text-gray-700 dark:text-gray-300">我们严格控制跑道面层的厚度。对于400米标准跑道，我们确保面层厚度≥13mm（测量点≥10mm），这符合新国标的硬度和弹性要求，能有效吸收运动冲击力，保护学生的膝盖和踝关节。</div><div class="card rounded-xl overflow-hidden shadow-lg p-6 hover:border-green-500"><div class="flex items-center mb-4"><div class="feature-icon bg-green-600"><i class="fas fa-leaf"></i></div><h3 class="text-xl font-semibold">环保安全</h3></div><p class="text-gray-700 dark:text-gray-300">我们的材料经过严格检测，确保无有害物质释放（如苯、甲醛等），符合绿色环保要求，保障学生的健康。</div></div></section><section class="mb-16 fade-in"style=animation-delay:.4s><h2 class="section-title text-2xl md:text-3xl font-bold">透气型EPDM跑道结构示意图</h2><div class="card rounded-xl overflow-hidden shadow-lg p-6 mt-6"><div class="relative overflow-hidden rounded-lg"><div class="aspect-w-16 aspect-h-9 bg-gray-100 dark:bg-gray-800 rounded-lg flex items-center justify-center"><div class=text-center><i class="fas fa-running text-6xl text-blue-500 mb-4"></i><h3 class="text-xl font-semibold mb-2">透气型EPDM跑道结构</h3><p class="text-gray-600 dark:text-gray-400">双层结构设计，兼顾排水与透气性能</div></div></div></div></section><section class="mb-16 fade-in"style=animation-delay:.6s><h2 class="section-title text-2xl md:text-3xl font-bold">联系我们</h2><div class="card rounded-xl overflow-hidden shadow-lg p-6 mt-6"><div class="flex flex-col md:flex-row items-center"><div class="md:w-1/3 mb-6 md:mb-0 flex justify-center"><div class="w-48 h-48 rounded-full bg-blue-100 dark:bg-blue-900 flex items-center justify-center"><i class="fas fa-building text-blue-600 dark:text-blue-300 text-6xl"></i></div></div><div class="md:w-2/3 md:pl-8"><h3 class="text-2xl font-bold mb-4">湖北优正体育</h3><p class="text-gray-700 dark:text-gray-300 mb-6">如果您计划在昆明建设塑胶跑道或球场，<strong>湖北优正体育</strong>是您值得信赖的合作伙伴。<div class="flex flex-wrap gap-4"><div class="flex items-center"><i class="fas fa-phone-alt text-blue-500 mr-2"></i><span>185-7145-9135</span></div><div class="flex items-center"><i class="fas fa-envelope text-blue-500 mr-2"></i><span>cnyouzheng@qq.com</span></div><div class="flex items-center"><i class="fas fa-map-marker-alt text-blue-500 mr-2"></i><span>湖北省武汉市</span></div></div></div></div></div></section><section class="mb-16 fade-in"style=animation-delay:.8s><h2 class="section-title text-2xl md:text-3xl font-bold">总结</h2><div class="card rounded-xl overflow-hidden shadow-lg p-6 mt-6"><p class="text-gray-700 dark:text-gray-300 text-lg leading-relaxed">昆明的气候条件非常适合建设高质量的塑胶跑道。我们提供的材料不仅符合严格的国家标准（GB36246-2018），还能针对当地的雨季排水和干季防尘进行优化，确保跑道四季如春，安全耐用。</div></section></main><footer class="bg-gray-100 dark:bg-gray-800 py-8 border-t border-gray-200 dark:border-gray-700"><div class="container mx-auto px-4"><div class="flex flex-col md:flex-row justify-between items-center"><div class="mb-6 md:mb-0"><h3 class="text-xl font-bold mb-2">昆明塑胶跑道</h3><p class="text-gray-600 dark:text-gray-400">专业定制，适应昆明独特气候条件的高品质运动场地解决方案</div><div class="text-center md:text-right"><p class="text-gray-600 dark:text-gray-400 mb-2">作者： 优正体育吴杰185-7145-9135<p class="text-gray-600 dark:text-gray-400">© 2025 湖北优正体育 版权所有</div></div></div></footer><script>const themeToggle=document.getElementById(`themeToggle`);if(window.matchMedia&&window.matchMedia(`(prefers-color-scheme: dark)`).matches){document.documentElement.classList.add(`dark`)};themeToggle.addEventListener(`click`,()=>{document.documentElement.classList.toggle(`dark`)});document.addEventListener(`DOMContentLoaded`,(()=>{let d=`#fff`,c=`rgba(255, 255, 255, 0.1)`,e=`rgba(0, 0, 0, 0.1)`;const a=document.getElementById(`climateChart`).getContext(`2d`);const b=new Chart(a,{type:`line`,data:{labels:[`1月`,`2月`,`3月`,`4月`,`5月`,`6月`,`7月`,`8月`,`9月`,`10月`,`11月`,`12月`],datasets:[{label:`平均气温 (°C)`,data:[12,13,15,17,19,21,22,23,21,19,16,13],borderColor:`#3b82f6`,backgroundColor:`rgba(59, 130, 246, 0.1)`,tension:0.3,fill:!0},{label:`降水量 (%)`,data:[8,7,6,5,15,20,25,22,18,12,9,7],borderColor:`#10b981`,backgroundColor:`rgba(16, 185, 129, 0.1)`,tension:0.3,fill:!0}]},options:{responsive:!0,maintainAspectRatio:!1,plugins:{legend:{position:`top`,labels:{color:document.documentElement.classList.contains(`dark`)?d:d}},tooltip:{mode:`index`,intersect:!1}},scales:{x:{grid:{color:document.documentElement.classList.contains(`dark`)?c:e},ticks:{color:document.documentElement.classList.contains(`dark`)?d:d}},y:{grid:{color:document.documentElement.classList.contains(`dark`)?c:e},ticks:{color:document.documentElement.classList.contains(`dark`)?d:d}}}}});themeToggle.addEventListener(`click`,()=>{const a=document.documentElement.classList.contains(`dark`);b.options.plugins.legend.labels.color=a?d:d;b.options.scales.x.ticks.color=a?d:d;b.options.scales.y.ticks.color=a?d:d;b.options.scales.x.grid.color=a?c:e;b.options.scales.y.grid.color=a?c:e;b.update()})}));document.addEventListener(`DOMContentLoaded`,(()=>{const a=document.querySelectorAll(`.fade-in`);const b=new IntersectionObserver(a=>{a.forEach(a=>{if(a.isIntersecting){a.target.style.opacity=1;a.target.style.transform=`translateY(0)`}})},{threshold:0.1});a.forEach(a=>{a.style.opacity=0;a.style.transform=`translateY(20px)`;a.style.transition=`opacity 0.8s ease, transform 0.8s ease`;b.observe(a)})}))</script>
</body></html>