文本查看器


<!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='威海塑胶跑道厂家'><!--ke--><!--ke--><!--ke--><!--ke--><script src=https://cdn.tailwindcss.com/3.4.16></script><script>tailwind.config={darkMode:`class`}</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><style>@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&display=swap";:root{--primary-color:#3b82f6;--secondary-color:#1e40af;--accent-color:#60a5fa;--text-color-light:#1f2937;--bg-color-light:#fff;--card-bg-light:#f9fafb;--text-color-dark:#e5e7eb;--bg-color-dark:#111827;--card-bg-dark:#1f2937}body{font-family:Noto Sans SC,sans-serif;transition:background-color .3s,color .3s}.dark body{background-color:var(--bg-color-dark);color:var(--text-color-dark)}.light body{background-color:var(--bg-color-light);color:var(--text-color-light)}.card{transition:transform .3s,box-shadow .3s,border-color .3s}.card:hover{transform:translateY(-5px)}.light .card{background-color:var(--card-bg-light);border:1px solid #e5e7eb}.light .card:hover{border-color:var(--accent-color);box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.dark .card{background-color:var(--card-bg-dark);border:1px solid #374151}.dark .card:hover{border-color:var(--accent-color);box-shadow:0 10px 25px -5px #0000004d,0 10px 10px -5px #0003}.btn{transition:transform .2s,background-color .2s}.btn:hover{transform:scale(1.05)}.fade-in{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(20px)}.fade-in.visible{opacity:1;transform:translateY(0)}.product-image{object-fit:cover;border-radius:8px;transition:transform .3s}.product-image:hover{transform:scale(1.05)}.section-title{display:inline-block;position:relative}.section-title:after{content:"";background-color:var(--accent-color);border-radius:2px;width:较高;height:3px;position:absolute;bottom:-5px;left:0}.dark .section-title:after{background-color:#60a5fa}.light .section-title:after{background-color:#3b82f6}</style></head><body class="light min-h-screen"><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-running text-blue-600 dark:text-blue-400 text-2xl"></i><h1 class="text-xl font-bold">威海塑胶跑道厂家</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-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"><section class="mb-16 fade-in"><div class="max-w-3xl mx-auto text-center"><h1 class="text-4xl md:text-5xl font-bold mb-6">专业运动场地解决方案</h1><p class="text-xl text-gray-600 dark:text-gray-300 mb-8">威海塑胶跑道厂家专注于为客户提供高品质的运动场地解决方案，包括塑胶跑道、塑胶球场以及人造草坪等多样化产品，并提供专业的施工服务。<div class="flex flex-wrap justify-center gap-4"><a class="btn bg-blue-600 hover:bg-blue-700 text-white px-6 py-3 rounded-lg font-medium"href=#products> <i class="fas fa-shopping-cart mr-2"></i> 产品展示 </a><a class="btn bg-white dark:bg-gray-800 text-blue-600 dark:text-blue-400 border-2 border-blue-600 dark:border-blue-400 px-6 py-3 rounded-lg font-medium"href=#contact> <i class="fas fa-phone mr-2"></i> 联系我们 </a></div></div></section><section class="mb-16 fade-in"id=products><div class="max-w-5xl mx-auto"><h2 class="text-3xl font-bold mb-10 section-title">产品介绍</h2><div class="grid grid-cols-1 md:grid-cols-3 gap-6"><div class="card rounded-xl overflow-hidden shadow-md"><div class="h-48 bg-gradient-to-r from-blue-500 to-blue-700 flex items-center justify-center"><i class="fas fa-road text-white text-5xl"></i></div><div class=p-6><h3 class="text-xl font-bold mb-3">塑胶跑道</h3><p class="text-gray-600 dark:text-gray-300 mb-4">适用于学校操场、体育场、运动场等多种场景，提供多种类型的塑胶跑道材料，满足不同需求。<div class="space-y-2 mt-4"><div class="flex items-start"><i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i><span>透气型塑胶跑道</span></div><div class="flex items-start"><i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i><span>混合型塑胶跑道</span></div><div class="flex items-start"><i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i><span>全塑型塑胶跑道</span></div><div class="flex items-start"><i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i><span>预制型塑胶跑道</span></div><div class="flex items-start"><i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i><span>硅PU塑胶跑道</span></div></div></div></div><div class="card rounded-xl overflow-hidden shadow-md"><div class="h-48 bg-gradient-to-r from-purple-500 to-purple-700 flex items-center justify-center"><i class="fas fa-basketball-ball text-white text-5xl"></i></div><div class=p-6><h3 class="text-xl font-bold mb-3">塑胶球场</h3><p class="text-gray-600 dark:text-gray-300 mb-4">适用于篮球场、网球场、足球场等场地，提供多种材料选择，满足不同场地需求。<div class="space-y-2 mt-4"><div class="flex items-start"><i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i><span>丙烯酸球场</span></div><div class="flex items-start"><i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i><span>PVC运动地板</span></div><div class="flex items-start"><i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i><span>硅PU球场</span></div></div></div></div><div class="card rounded-xl overflow-hidden shadow-md"><div class="h-48 bg-gradient-to-r from-green-500 to-green-700 flex items-center justify-center"><i class="fas fa-seedling text-white text-5xl"></i></div><div class=p-6><h3 class="text-xl font-bold mb-3">人造草坪</h3><p class="text-gray-600 dark:text-gray-300 mb-4">广泛应用于足球场、门球场、幼儿园等场所，提供多种类型的人造草坪，满足不同场景需求。<div class="space-y-2 mt-4"><div class="flex items-start"><i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i><span>单丝直立人造草坪</span></div><div class="flex items-start"><i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i><span>异型加茎单丝人造草坪</span></div><div class="flex items-start"><i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i><span>人造草坪门球场</span></div></div></div></div></div></div></section><section class="mb-16 fade-in"><div class="max-w-5xl mx-auto"><h2 class="text-3xl font-bold mb-10 section-title">产品详情</h2><div class="grid grid-cols-1 lg:grid-cols-2 gap-8"><div class="card rounded-xl overflow-hidden shadow-md"><div class="h-48 bg-gray-200 dark:bg-gray-700 flex items-center justify-center"><img alt=塑胶跑道示意图 class="w-full h-full object-cover"src=//pan.zgyzty.com/bak/pics/2025/8d4fd3592de0ce031e3842f219150fc5.jpg></div><div class=p-6><h3 class="text-xl font-bold mb-3">透气型塑胶跑道</h3><p class="text-gray-600 dark:text-gray-300 mb-4">采用聚氨酯胶粘剂和EPDM颗粒，具有良好的透气性和耐用性，适用于各级标准比赛场地。<div class="flex items-center text-sm text-gray-500 dark:text-gray-400"><span class=mr-2><i class="fas fa-check-circle text-green-500"></i> 良好透气性</span><span><i class="fas fa-check-circle text-green-500"></i> 耐用性</span></div></div></div><div class="card rounded-xl overflow-hidden shadow-md"><div class="h-48 bg-gray-200 dark:bg-gray-700 flex items-center justify-center"><img alt=人造草坪示意图 class="w-full h-full object-cover"src=//pan.zgyzty.com/bak/pics/2025/e2ee1beda35f31b45b60581591f44030.jpg></div><div class=p-6><h3 class="text-xl font-bold mb-3">单丝直立人造草坪</h3><p class="text-gray-600 dark:text-gray-300 mb-4">草丝直立、柔韧度高，运动性能优异，广泛应用于足球场、门球场等场所。<div class="flex items-center text-sm text-gray-500 dark:text-gray-400"><span class=mr-2><i class="fas fa-check-circle text-green-500"></i> 草丝直立</span><span><i class="fas fa-check-circle text-green-500"></i> 柔韧度高</span></div></div></div></div></div></section><section class="mb-16 fade-in"id=services><div class="max-w-5xl mx-auto"><h2 class="text-3xl font-bold mb-10 section-title">施工服务</h2><div class="grid grid-cols-1 md:grid-cols-2 gap-6"><div class="card rounded-xl p-6"><div class="flex items-center mb-4"><div class="w-10 h-10 rounded-full bg-blue-100 dark:bg-blue-900 flex items-center justify-center mr-4"><i class="fas fa-users text-blue-600 dark:text-blue-400"></i></div><h3 class="text-xl font-bold">专业施工团队</h3></div><p class="text-gray-600 dark:text-gray-300">厂家拥有一支经验丰富的施工团队，成员均经过专业培训，熟悉各种运动场地的施工工艺。他们能够根据客户需求进行个性化设计，并确保施工质量。</div><div class="card rounded-xl p-6"><div class="flex items-center mb-4"><div class="w-10 h-10 rounded-full bg-blue-100 dark:bg-blue-900 flex items-center justify-center mr-4"><i class="fas fa-tasks text-blue-600 dark:text-blue-400"></i></div><h3 class="text-xl font-bold">施工流程规范</h3></div><p class="text-gray-600 dark:text-gray-300">施工流程包括场地清理、基层处理、材料铺设、表面处理等环节。每一步骤均严格按照国家标准执行，确保较终效果符合客户预期。</div><div class="card rounded-xl p-6"><div class="flex items-center mb-4"><div class="w-10 h-10 rounded-full bg-blue-100 dark:bg-blue-900 flex items-center justify-center mr-4"><i class="fas fa-leaf text-blue-600 dark:text-blue-400"></i></div><h3 class="text-xl font-bold">环保材料选择</h3></div><p class="text-gray-600 dark:text-gray-300">厂家注重环保理念，所有材料均经过严格筛选，采用无毒、可降解的材料，为客户提供绿色健康的运动环境。</div><div class="card rounded-xl p-6"><div class="flex items-center mb-4"><div class="w-10 h-10 rounded-full bg-blue-100 dark:bg-blue-900 flex items-center justify-center mr-4"><i class="fas fa-headset text-blue-600 dark:text-blue-400"></i></div><h3 class="text-xl font-bold">售后服务保障</h3></div><p class="text-gray-600 dark:text-gray-300">厂家提供完善的售后服务，包括定期维护、翻新改造等。对于出现的问题，厂家承诺及时响应并免费修复。</div></div></div></section><section class="mb-16 fade-in"id=contact><div class="max-w-3xl mx-auto"><div class="bg-gradient-to-r from-blue-500 to-blue-700 dark:from-blue-700 dark:to-blue-900 rounded-xl shadow-lg p-8 text-white"><h2 class="text-3xl font-bold mb-4">联系方式</h2><p class="mb-6 text-lg">如需了解更多信息或进行合作，请联系厂家客服：<div class="flex flex-col md:flex-row items-center justify-between"><div class="flex items-center mb-4 md:mb-0"><i class="fas fa-phone-alt text-2xl mr-3"></i><div><p class="text-xl font-bold">185-7145-9135<p class="text-sm opacity-80">微信同号</div></div><div class="flex items-center"><i class="fas fa-envelope text-2xl mr-3"></i><p class="text-sm opacity-80">欢迎咨询具体需求</div></div></div></div></section><section class="mb-16 fade-in"><div class="max-w-5xl mx-auto"><div class="bg-gradient-to-r from-blue-50 to-blue-100 dark:from-blue-900 dark:to-blue-800 rounded-xl shadow-lg p-8 text-center"><h2 class="text-2xl font-bold mb-4">期待与您的合作</h2><p class="text-lg mb-6">威海塑胶跑道厂家凭借高品质的产品和专业的施工服务，致力于为客户提供较优质的运动场地解决方案。<div class="flex flex-wrap justify-center gap-4"><a class="btn bg-white text-blue-600 hover:bg-blue-50 px-6 py-3 rounded-lg font-medium"href=#> <i class="fas fa-arrow-up mr-2"></i> 返回顶部 </a></div></div></div></section></main><footer class="bg-gray-100 dark:bg-gray-800 py-8"><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"><h3 class="text-xl font-bold mb-2">威海塑胶跑道厂家</h3><p class="text-gray-600 dark:text-gray-300">专业运动场地解决方案提供商</div><div class="text-center md:text-right"><p class="text-gray-600 dark:text-gray-300 mb-2">作者： 优正体育吴杰18571459135<p class="text-gray-500 dark:text-gray-400 text-sm">© 湖北优正体育</div></div></div></footer><script>const themeToggle=document.getElementById(`theme-toggle`);const body=document.body;const prefersDarkScheme=window.matchMedia(`(prefers-color-scheme: dark)`);const currentTheme=localStorage.getItem(`theme`)||(prefersDarkScheme.matches?`dark`:`light`);if(currentTheme===`dark`){body.classList.remove(`light`);body.classList.add(`dark`);document.body.classList.add(`dark`);document.body.classList.remove(`light`)}else{body.classList.remove(`dark`);body.classList.add(`light`);document.body.classList.add(`light`);document.body.classList.remove(`dark`)};themeToggle.addEventListener(`click`,()=>{let a=`light`,b=`dark`,c=`theme`;if(body.classList.contains(a)){body.classList.remove(a);body.classList.add(b);localStorage.setItem(c,b)}else{body.classList.remove(b);body.classList.add(a);localStorage.setItem(c,a)}});const fadeElements=document.querySelectorAll(`.fade-in`);const observer=new IntersectionObserver(a=>{a.forEach(a=>{if(a.isIntersecting){a.target.classList.add(`visible`)}})},{threshold:0.1});fadeElements.forEach(a=>{observer.observe(a)});const scrollBtn=document.querySelector(`#contact a`);scrollBtn.addEventListener(`click`,()=>{window.scrollTo({top:0,behavior:`smooth`})})</script>
</body></html>