文本查看器


<!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:#0070f3;--secondary:#6b7280;--accent:#f59e0b;--background-light:#fff;--text-light:#1f2937;--background-dark:#111827;--text-dark:#f3f4f6}body{font-family:Noto Sans SC,sans-serif;transition:background-color .3s,color .3s}.dark body{background-color:var(--background-dark);color:var(--text-dark)}.light body{background-color:var(--background-light);color:var(--text-light)}.card{transition:transform .3s,box-shadow .3s}.card:hover{transform:translateY(-5px);box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.fade-in{animation:.8s ease-in fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.btn{transition:transform .2s,background-color .2s}.btn:hover{transform:scale(1.05)}.material-card{border-left:4px solid var(--primary)}.process-card{border-left:4px solid var(--accent)}</style></head><body class=light><div class="min-h-screen flex flex-col"><header 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-4 flex justify-between items-center"><div class="flex items-center space-x-2"><i class="fas fa-tennis-ball text-blue-600 text-2xl"></i><h1 class="text-xl font-bold text-gray-800 dark:text-white">湖北优正体育</h1></div><div class="flex items-center space-x-4"><button class="p-2 rounded-full hover:bg-gray-200 dark:hover:bg-gray-700 transition-colors"id=theme-toggle><i class="fas fa-moon text-gray-600 dark:text-gray-300 dark:hidden"></i> <i class="fas fa-sun text-yellow-400 hidden dark:block"></i></button><button class="btn bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded-md transition"><i class="fas fa-phone-alt mr-2"></i>185-7145-9135</button></div></div></header><main class="flex-grow container mx-auto px-4 py-8"><section class="mb-16 fade-in"><div class="max-w-4xl mx-auto text-center"><h1 class="text-4xl md:text-5xl font-bold mb-6 text-gray-900 dark:text-white">专业网球场材料与施工服务</h1><p class="text-xl text-gray-600 dark:text-gray-300 mb-8">助您打造美网澳网标准场地<div class="flex justify-center"><span class="inline-block px-4 py-2 bg-blue-100 dark:bg-blue-900 text-blue-800 dark:text-blue-200 rounded-full text-sm font-medium"> <i class="fas fa-map-marker-alt mr-2"></i>京山地区专业供应商 </span></div></div></section><section class="mb-16 fade-in"style=animation-delay:.2s><div class="max-w-4xl mx-auto"><h2 class="text-2xl font-bold mb-6 text-gray-800 dark:text-white flex items-center"><i class="fas fa-star text-yellow-500 mr-3"></i> 我们的优势</h2><div class="grid grid-cols-1 md:grid-cols-3 gap-6"><div class="card bg-white dark:bg-gray-800 p-6 rounded-lg shadow-md"><div class="text-blue-600 dark:text-blue-400 text-3xl mb-4"><i class="fas fa-globe-americas"></i></div><h3 class="text-xl font-semibold mb-2 text-gray-800 dark:text-white">国际标准</h3><p class="text-gray-600 dark:text-gray-300">提供符合美国网球公开赛（美网）和澳大利亚网球公开赛（澳网）标准的专业场地建设服务。</div><div class="card bg-white dark:bg-gray-800 p-6 rounded-lg shadow-md"><div class="text-green-600 dark:text-green-400 text-3xl mb-4"><i class="fas fa-tools"></i></div><h3 class="text-xl font-semibold mb-2 text-gray-800 dark:text-white">一站式服务</h3><p class="text-gray-600 dark:text-gray-300">从材料供应到施工安装，提供完整的解决方案，避免多方协调问题。</div><div class="card bg-white dark:bg-gray-800 p-6 rounded-lg shadow-md"><div class="text-purple-600 dark:text-purple-400 text-3xl mb-4"><i class="fas fa-leaf"></i></div><h3 class="text-xl font-semibold mb-2 text-gray-800 dark:text-white">环保耐用</h3><p class="text-gray-600 dark:text-gray-300">采用环保配方材料，无毒无害，适应各种气候条件，确保场地性能持久稳定。</div></div></div></section><section class="mb-16 fade-in"style=animation-delay:.4s><div class="max-w-4xl mx-auto"><h2 class="text-2xl font-bold mb-6 text-gray-800 dark:text-white flex items-center"><i class="fas fa-flask text-blue-500 mr-3"></i> 高性能材料</h2><div class="grid grid-cols-1 md:grid-cols-2 gap-8"><div class="material-card bg-white dark:bg-gray-800 p-6 rounded-lg shadow-md"><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-fill-drip text-blue-600 dark:text-blue-400 text-xl"></i></div><h3 class="text-xl font-semibold text-gray-800 dark:text-white">弹性丙烯酸材料</h3></div><ul class="space-y-3 text-gray-600 dark:text-gray-300"><li class="flex items-start"><i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i> <span>适用于混凝土或沥青基础层，为纯水性无溶剂产品</span><li class="flex items-start"><i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i> <span>面层厚度可定制为3-5mm，满足不同场地需求</span><li class="flex items-start"><i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i> <span>减震性能好，有效减轻运动员脚部和腿部震荡</span><li class="flex items-start"><i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i> <span>抗紫外线强，适应各种气候条件，维护简便</span><li class="flex items-start"><i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i> <span>性价比高，是专业网球场的理想选择</span></ul></div><div class="material-card bg-white dark:bg-gray-800 p-6 rounded-lg shadow-md"><div class="flex items-center mb-4"><div class="w-12 h-12 rounded-full bg-purple-100 dark:bg-purple-900 flex items-center justify-center mr-4"><i class="fas fa-vial text-purple-600 dark:text-purple-400 text-xl"></i></div><h3 class="text-xl font-semibold text-gray-800 dark:text-white">硅PU材料</h3></div><ul class="space-y-3 text-gray-600 dark:text-gray-300"><li class="flex items-start"><i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i> <span>创新的性水性面层，确保外观结构稳定不变</span><li class="flex items-start"><i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i> <span>耐磨性能满足长期高频率使用需求</span><li class="flex items-start"><i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i> <span>面层坚韧密实，不易刮花，通过简易冲洗即可保持光洁</span><li class="flex items-start"><i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i> <span>色彩持久不褪，即使在强紫外线、臭氧或温差大的环境下也能保持鲜艳</span><li class="flex items-start"><i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i> <span>无毒环保，符合国际赛事对场地安全性的要求</span></ul></div></div></div></section><section class="mb-16 fade-in"style=animation-delay:.6s><div class="max-w-4xl mx-auto"><h2 class="text-2xl font-bold mb-6 text-gray-800 dark:text-white flex items-center"><i class="fas fa-tasks text-green-500 mr-3"></i> 专业施工流程</h2><div class="bg-white dark:bg-gray-800 rounded-lg shadow-md overflow-hidden"><div class=overflow-x-auto><table class="min-w-full divide-y divide-gray-200 dark:divide-gray-700"><thead class="bg-gray-50 dark:bg-gray-900"><tr><th class="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider">步骤<th class="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider">关键要点<th class="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider">技术要求<tbody class="bg-white dark:bg-gray-800 divide-y divide-gray-200 dark:divide-gray-700"><tr><td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900 dark:text-white">地基准备<td class="px-6 py-4 text-sm text-gray-600 dark:text-gray-300">清理表面、夯实基础、处理裂缝<td class="px-6 py-4 text-sm text-gray-600 dark:text-gray-300">含水率小于3%，表面硬度测试无痕迹，密实度高<tr><td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900 dark:text-white">底层铺设<td class="px-6 py-4 text-sm text-gray-600 dark:text-gray-300">分层铺设，确保每层充分干燥<td class="px-6 py-4 text-sm text-gray-600 dark:text-gray-300">每层需干透后再铺下一层，避免起泡或脱落<tr><td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900 dark:text-white">面层施工<td class="px-6 py-4 text-sm text-gray-600 dark:text-gray-300">精确控制厚度和均匀度<td class="px-6 py-4 text-sm text-gray-600 dark:text-gray-300">面层厚度3-5mm，确保平整度和排水性<tr><td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900 dark:text-white">设备安装<td class="px-6 py-4 text-sm text-gray-600 dark:text-gray-300">网球柱、网球网、推水器等配套设备<td class="px-6 py-4 text-sm text-gray-600 dark:text-gray-300">每片球场配备1付进口网球柱、1付网球网和1付推水器<tr><td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900 dark:text-white">质量控制<td class="px-6 py-4 text-sm text-gray-600 dark:text-gray-300">分阶段验收，确保各项指标达标<td class="px-6 py-4 text-sm text-gray-600 dark:text-gray-300">沥青面需平整坚实，密实度达95%以上，排水坡度3%~5%</table></div></div></div></section><section class="mb-16 fade-in"style=animation-delay:.8s><div class="max-w-4xl mx-auto"><h2 class="text-2xl font-bold mb-6 text-gray-800 dark:text-white flex items-center"><i class="fas fa-chart-pie text-red-500 mr-3"></i> 网球场材料对比</h2><div class="bg-white dark:bg-gray-800 p-6 rounded-lg shadow-md"><canvas height=300 id=materialChart width=400></canvas></div></div></section><section class="mb-16 fade-in"style=animation-delay:1s><div class="max-w-4xl mx-auto"><h2 class="text-2xl font-bold mb-6 text-gray-800 dark:text-white flex items-center"><i class="fas fa-lightbulb text-yellow-500 mr-3"></i> 服务优势详解</h2><div class="grid grid-cols-1 md:grid-cols-2 gap-8"><div class="process-card bg-white dark:bg-gray-800 p-6 rounded-lg shadow-md"><h3 class="text-xl font-semibold mb-4 text-gray-800 dark:text-white">国际标准铺装能力</h3><p class="text-gray-600 dark:text-gray-300 mb-4">我们熟悉美网和澳网场地规范，从材料配比到施工细节均对标国际赛事，确保场地弹性、球速和球员安全符合高标准。<div class="bg-blue-50 dark:bg-blue-900/30 p-4 rounded-lg"><p class="text-sm text-blue-800 dark:text-blue-200"><i class="fas fa-info-circle mr-2"></i> 京山地区网球文化深厚，拥有全国靠前的网球场数量（如76片标准场地），这为我们的本地化服务提供丰富经验支持。</div></div><div class="process-card bg-white dark:bg-gray-800 p-6 rounded-lg shadow-md"><h3 class="text-xl font-semibold mb-4 text-gray-800 dark:text-white">一站式解决方案</h3><p class="text-gray-600 dark:text-gray-300 mb-4">提供材料供应与施工一体化服务，避免多方协调问题。我们注重工期保障，签订合同后严格执行流程方案，确保高效交付。<div class="bg-green-50 dark:bg-green-900/30 p-4 rounded-lg"><p class="text-sm text-green-800 dark:text-green-200"><i class="fas fa-leaf mr-2"></i> 材料均采用环保配方，无毒无害，适应较端气候；但需注意，场地实际寿命受使用频率和维护影响，我们建议定期保养以延长性能。</div></div></div></div></section><section class="mb-16 fade-in"style=animation-delay:1.2s><div class="max-w-4xl mx-auto"><h2 class="text-2xl font-bold mb-6 text-gray-800 dark:text-white flex items-center"><i class="fas fa-phone-alt text-red-500 mr-3"></i> 联系我们</h2><div class="bg-white dark:bg-gray-800 p-6 rounded-lg shadow-md"><div class="flex flex-col md:flex-row items-center justify-between"><div class="md:w-2/3 mb-6 md:mb-0 md:pr-8"><h3 class="text-xl font-semibold mb-4 text-gray-800 dark:text-white">湖北优正体育</h3><p class="text-gray-600 dark:text-gray-300 mb-4">作为京山专业厂家，我们提供高性能材料与严谨施工服务，能铺装美网澳网标准网球场，确保环保、耐用与专业品质。<div class="flex items-center text-gray-600 dark:text-gray-300 mb-4"><i class="fas fa-map-marker-alt mr-2 text-red-500"></i><span>京山市</span></div><div class="flex items-center text-gray-600 dark:text-gray-300 mb-4"><i class="fas fa-phone-alt mr-2 text-blue-500"></i><span>185-7145-9135</span></div><div class="flex items-center text-gray-600 dark:text-gray-300"><i class="fas fa-envelope mr-2 text-green-500"></i><span>contact@hubei-yzty.com</span></div></div><div class="md:w-1/3 bg-blue-50 dark:bg-blue-900/30 p-4 rounded-lg"><h4 class="font-semibold text-blue-700 dark:text-blue-300 mb-3">期待您的咨询</h4><p class="text-gray-600 dark:text-gray-300 mb-4">选择湖北优正体育，您将获得专业、可靠的网球场建设伙伴。我们期待为您的项目提供定制化方案。<button class="btn w-full bg-blue-600 hover:bg-blue-700 text-white py-2 px-4 rounded-md transition">立即咨询</button></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 items-center space-x-4"><a class="text-gray-600 dark:text-gray-400 hover:text-blue-600 dark:hover:text-blue-400 transition"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"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"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 ctx=document.getElementById(`materialChart`).getContext(`2d`);const materialChart=new Chart(ctx,{type:`radar`,data:{labels:[`耐磨性`,`抗紫外线`,`减震性能`,`环保性`,`色彩持久`,`性价比`],datasets:[{label:`弹性丙烯酸`,data:[85,90,95,90,80,85],backgroundColor:`rgba(54, 162, 235, 0.2)`,borderColor:`rgba(54, 162, 235, 1)`,pointBackgroundColor:`rgba(54, 162, 235, 1)`,pointBorderColor:`#fff`,pointHoverBackgroundColor:`#fff`,pointHoverBorderColor:`rgba(54, 162, 235, 1)`},{label:`硅PU材料`,data:[95,95,85,95,95,75],backgroundColor:`rgba(255, 99, 132, 0.2)`,borderColor:`rgba(255, 99, 132, 1)`,pointBackgroundColor:`rgba(255, 99, 132, 1)`,pointBorderColor:`#fff`,pointHoverBackgroundColor:`#fff`,pointHoverBorderColor:`rgba(255, 99, 132, 1)`}]},options:{responsive:!0,maintainAspectRatio:!1,scales:{r:{angleLines:{display:!0},suggestedMin:0,suggestedMax:100}},plugins:{legend:{position:`bottom`}}}});const observer=new IntersectionObserver(a=>{a.forEach(a=>{if(a.isIntersecting){a.target.style.opacity=1;a.target.style.transform=`translateY(0)`}})},{threshold:0.1});document.querySelectorAll(`.fade-in`).forEach(a=>{a.style.opacity=0;a.style.transform=`translateY(20px)`;a.style.transition=`opacity 0.8s ease, transform 0.8s ease`;observer.observe(a)})</script>
</body></html>