html

html KenWarehouse – 全美专业仓储地产服务 * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: ‘Microsoft YaHei’, ‘Segoe UI’, Arial, sans-serif; line-height: 1.6; color: #333; } /* Header Styles */ .header { background: rgba(0, 0, 0, 0.9); position: fixed; top: 0; left: 0; right: 0; z-index: 1000; padding: 15px 0; } .nav-container { max-width: 1400px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; padding: 0 30px; } .logo { display: flex; align-items: center; } .logo-text { color: #fff; font-size: 28px; font-weight: 900; letter-spacing: 2px; display: flex; align-items: center; } .logo-accent { width: 8px; height: 30px; background: #00a651; margin: 0 8px; border-radius: 2px; } .logo-tagline { color: #00a651; font-size: 11px; font-weight: 600; letter-spacing: 3px; margin-top: 5px; text-align: center; } .main-nav { display: flex; list-style: none; align-items: center; } .main-nav li { margin-left: 35px; } .main-nav a { color: #fff; text-decoration: none; font-weight: 600; font-size: 13px; letter-spacing: 1px; transition: color 0.3s ease; text-transform: uppercase; padding: 10px 0; border-bottom: 2px solid transparent; } .main-nav a:hover, .main-nav a.active { color: #00a651; border-bottom-color: #00a651; } .contact-btn { background: #dc2626 !important; color: white !important; padding: 12px 25px !important; border-radius: 3px; border: none !important; font-weight: 600; transition: background-color 0.3s ease; } .contact-btn:hover { background: #b91c1c !important; color: white !important; } /* Hero Section */ .hero { height: 100vh; background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(‘https://images.unsplash.com/photo-1586528116311-ad8dd3c8310d?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80’); background-size: cover; background-position: center; background-attachment: fixed; display: flex; align-items: center; justify-content: flex-start; position: relative; margin-top: 80px; } .hero-content { max-width: 1400px; margin: 0 auto; padding: 0 30px; color: white; width: 100%; } .hero-title-small { color: #00a651; font-size: 16px; font-weight: 700; letter-spacing: 3px; margin-bottom: 25px; text-transform: uppercase; } .hero-title { font-size: 64px; font-weight: 900; line-height: 1.1; margin-bottom: 30px; text-transform: uppercase; letter-spacing: 2px; max-width: 800px; } .hero-subtitle { font-size: 24px; font-weight: 400; margin-bottom: 50px; color: #e5e5e5; letter-spacing: 2px; text-transform: uppercase; } .cta-button { background: #dc2626; color: white; padding: 18px 40px; font-size: 14px; font-weight: 700; text-decoration: none; text-transform: uppercase; letter-spacing: 2px; border-radius: 0; display: inline-block; transition: all 0.3s ease; border: none; cursor: pointer; } .cta-button:before { content: “▼ “; margin-right: 8px; } .cta-button:hover { background: #b91c1c; transform: translateY(-3px); box-shadow: 0 10px 25px rgba(220, 38, 38, 0.3); } /* Services Section */ .services { padding: 100px 0; background: #f8f9fa; } .container { max-width: 1400px; margin: 0 auto; padding: 0 30px; } .section-title { text-align: center; margin-bottom: 80px; } .section-title h2 { font-size: 48px; font-weight: 900; color: #333; margin-bottom: 20px; text-transform: uppercase; letter-spacing: 2px; } .section-title p { font-size: 20px; color: #666; max-width: 700px; margin: 0 auto; line-height: 1.6; } .services-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 40px; margin-top: 60px; } .service-card { background: white; padding: 50px 40px; border-radius: 0; text-align: left; box-shadow: 0 10px 30px rgba(0,0,0,0.1); transition: all 0.3s ease; border-top: 5px solid #00a651; } .service-card:hover { transform: translateY(-15px); box-shadow: 0 25px 50px rgba(0,0,0,0.15); } .service-icon { width: 80px; height: 80px; background: #00a651; border-radius: 0; display: flex; align-items: center; justify-content: center; margin-bottom: 30px; font-size: 32px; color: white; } .service-card h3 { font-size: 24px; font-weight: 700; margin-bottom: 20px; color: #333; text-transform: uppercase; letter-spacing: 1px; } .service-card p { color: #666; line-height: 1.8; font-size: 16px; } /* Stats Section */ .stats { background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(‘https://images.unsplash.com/photo-1558618047-3c8c76ca7d13?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80’); background-size: cover; background-position: center; background-attachment: fixed; color: white; padding: 100px 0; } .stats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 60px; text-align: center; } .stat-item h3 { font-size: 64px; font-weight: 900; color: #00a651; margin-bottom: 15px; letter-spacing: 2px; } .stat-item p { font-size: 18px; text-transform: uppercase; letter-spacing: 2px; font-weight: 600; } /* About Section */ .about { padding: 100px 0; background: white; } .about-content { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; } .about-text h2 { font-size: 42px; font-weight: 900; margin-bottom: 30px; color: #333; text-transform: uppercase; letter-spacing: 1px; } .about-text p { font-size: 18px; color: #666; margin-bottom: 25px; line-height: 1.8; } .about-image { background: url(‘https://images.unsplash.com/photo-1565043589221-1a6fd9ae45c7?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80’); background-size: cover; background-position: center; height: 500px; border-radius: 0; box-shadow: 0 20px 40px rgba(0,0,0,0.1); } /* Footer */ .footer { background: #1a1a1a; color: white; padding: 80px 0 40px; } .footer-content { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 60px; margin-bottom: 60px; } .footer-section h3 { font-size: 20px; font-weight: 700; margin-bottom: 30px; color: #00a651; text-transform: uppercase; letter-spacing: 1px; } .footer-section p, .footer-section a { color: #ccc; text-decoration: none; line-height: 2; font-size: 16px; } .footer-section a:hover { color: #00a651; } .footer-bottom { border-top: 1px solid #333; padding-top: 30px; text-align: center; color: #999; font-size: 14px; } /* Mobile Responsive */ @media (max-width: 768px) { .main-nav { display: none; } .hero-title { font-size: 36px; } .hero-subtitle { font-size: 18px; } .about-content { grid-template-columns: 1fr; } .footer-content { grid-template-columns: 1fr; } .stats-grid { grid-template-columns: repeat(2, 1fr); } .services-grid { grid-template-columns: 1fr; } }

KEN WAREHOUSE 专业团队

诚信专业，
可靠高效，
追求卓越成果

全美工业地产专业顾问

了解更多

专业服务项目

为跨境电商、海外仓、物流运输企业提供全方位工业地产解决方案

🏭

仓库租赁

专业的仓储设施租赁服务，为您的业务找到最合适的仓库空间，满足各种规模和特殊需求。我们深入了解不同类型仓库的特点，为客户提供最优选择。

💼

投资咨询

提供专业的工业地产投资分析和建议，帮助客户做出明智的投资决策，实现资产增值。基于市场数据和趋势分析，为您规避风险，把握机遇。

📊

市场分析

深入的市场研究和数据分析，为您提供准确的市场趋势预测和区域发展前景分析。我们的专业报告帮助您了解市场动态，制定最佳策略。

🚚

物流规划

结合供应链需求，为客户规划最优的仓储布局和物流网络，提高运营效率。我们考虑运输成本、时效性和覆盖范围，为您设计完美的物流解决方案。

🌐

跨境电商支持

专门为跨境电商企业提供海外仓选址、FBA仓库布局等专业服务。深谙跨境电商运营特点，为您的海外扩张提供坚实的基础设施支持。

📋

全程服务

从需求分析到合同签署，提供一站式服务，确保每个环节都专业高效。我们的团队将全程跟进，为您解决所有相关问题，让您专注于业务发展。

500+

成功交易

50M+

平方英尺经验

15+

服务年限

98%

客户满意度

关于 KENWAREHOUSE

作为CBRE的专业经纪人，我专注于为跨境电商、海外仓储、物流运输等企业提供全美范围内的工业地产服务。凭借十五年的行业经验和深厚的专业知识，我致力于为每一位客户找到最适合的仓储解决方案。

我深入了解跨境电商和供应链行业的特殊需求，熟悉各地区的物流网络和基础设施。无论您需要靠近港口的进出口仓库，还是覆盖全美的分销中心，我都能为您提供最专业的建议和最优质的服务。

选择KenWarehouse，就是选择诚信、专业、可靠和高效的服务。让我们携手合作，为您的业务发展提供坚实的基础设施支持，共同创造更大的成功。

立即咨询

// 平滑滚动 document.querySelectorAll(‘a[href^=”#”]’).forEach(anchor => { anchor.addEventListener(‘click’, function (e) { e.preventDefault(); const target = document.querySelector(this.getAttribute(‘href’)); if (target) { target.scrollIntoView({ behavior: ‘smooth’, block: ‘start’ }); } }); }); // 导航栏滚动效果 window.addEventListener(‘scroll’, function() { const header = document.querySelector(‘.header’); if (window.scrollY > 100) { header.style.background = ‘rgba(0, 0, 0, 0.95)’; } else { header.style.background = ‘rgba(0, 0, 0, 0.9)’; } }); // 统计数字动画 function animateStats() { const stats = document.querySelectorAll(‘.stat-item h3’); const observer = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) { const target = entry.target; const finalValue = target.textContent; const numericValue = parseInt(finalValue.replace(/\D/g, ”)); const suffix = finalValue.replace(/\d/g, ”); let current = 0; const increment = numericValue / 60; const timer = setInterval(() => { current += increment; if (current >= numericValue) { target.textContent = finalValue; clearInterval(timer); } else { target.textContent = Math.floor(current) + suffix; } }, 25); observer.unobserve(target); } }); }); stats.forEach(stat => observer.observe(stat)); } // 页面加载完成后执行动画 document.addEventListener(‘DOMContentLoaded’, animateStats); // CTA按钮点击效果 document.querySelector(‘.cta-button’).addEventListener(‘click’, function() { document.querySelector(‘#services’).scrollIntoView({ behavior: ‘smooth’ }); });

Hello World!

Welcome to WordPress! This is your first post. Edit or delete it to take the first step in your blogging journey.

Hello World!

Leave a comment Cancel reply