/* ----- 全局重置 & 变量 (严格限定三种颜色) ----- */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: Arial, sans-serif;
}
body {
background-color: #ffffff;
color: #14357d;
line-height: 1.5;
}
.container {
max-width: 1280px;
margin: 0 auto;
padding: 0 24px;
}
/* ----- 按钮风格 (仅三种颜色) ----- */
.btn-primary {
display: inline-block;
background-color: #14357d;
color: #ffffff;
font-weight: 600;
font-size: 0.95rem;
padding: 12px 28px;
border-radius: 40px;
text-decoration: none;
letter-spacing: 0.3px;
transition: all 0.2s ease;
border: none;
cursor: pointer;
box-shadow: 0 4px 8px rgba(20, 53, 125, 0.2);
}
.btn-primary:hover{color:#ffffff}
.btn-primary i {
margin-right: 8px;
}
.btn-primary:hover {
background-color: #0f2b63;
transform: translateY(-2px);
box-shadow: 0 8px 16px rgba(20, 53, 125, 0.3);
}
.btn-outline {
display: inline-block;
background-color: #ffffff;
color: #14357d;
font-weight: 600;
font-size: 0.95rem;
padding: 10px 26px;
border-radius: 40px;
text-decoration: none;
border: 2px solid #14357d;
transition: all 0.2s ease;
letter-spacing: 0.3px;
}
.btn-outline i {
margin-right: 8px;
}
.btn-outline:hover {
background-color: #14357d;
color: #ffffff;
}
.btn-secondary {
display: inline-block;
background-color: #ffffff;
color: #14357d;
font-weight: 600;
font-size: 0.9rem;
padding: 10px 22px;
border-radius: 40px;
text-decoration: none;
transition: all 0.2s ease;
border: 1px solid #14357d;
}
.btn-secondary i {
margin-right: 6px;
}
.btn-secondary:hover {
background-color: #14357d;
color: #ffffff;
}
/* ----- 通用标题 & 徽章 (仅三种颜色) ----- */
.section-title {
font-size: 2.2rem;
font-weight: 700;
letter-spacing: -0.02em;
line-height: 1.2;
margin-bottom: 0.5rem;
color: #14357d;
}
.section-sub {
font-size: 1.1rem;
color: #14357d;
max-width: 720px;
margin-bottom: 2rem;
}
.badge {
display: inline-block;
background: #14357d;
color: #ffffff;
font-weight: 600;
font-size: 0.75rem;
padding: 4px 14px;
border-radius: 30px;
letter-spacing: 0.5px;
text-transform: uppercase;
margin-bottom: 12px;
}
.badge i {
color: #eca026;
margin-right: 4px;
}
/* ===== 首屏 ===== */
.hero {
padding: 60px 0 50px;
background: #ffffff;
border-bottom: 1px solid #14357d;
}
.hero-grid {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 40px;
}
.hero-content {
flex: 1 1 55%;
}
.hero-content h1 {
font-size: 3.2rem;
font-weight: 800;
letter-spacing: -0.03em;
line-height: 1.1;
margin-bottom: 0.75rem;
color: #14357d;
}
.hero-content p {
font-size: 1.2rem;
color: #14357d;
max-width: 600px;
margin-bottom: 2rem;
}
.hero-actions {
display: flex;
flex-wrap: wrap;
gap: 16px;
align-items: center;
}
.hero-actions .btn-outline {
background-color: #ffffff;
}
.hero-actions .btn-outline:hover {
background-color: #14357d;
color: #ffffff;
}
/* ===== 定位区 ===== */
.positioning {
padding: 60px 0 40px;
background-color: #ffffff;
}
.positioning .section-sub {
font-size: 1.15rem;
}
/* ===== 核心能力卡片 ===== */
.capabilities {
padding: 30px 0 50px;
background: #ffffff;
}
.cap-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
gap: 30px;
margin-top: 10px;
}
.cap-card {
background: #ffffff;
padding: 28px 22px;
border-radius: 20px;
box-shadow: 0 6px 18px rgba(20, 53, 125, 0.06);
border: 1px solid #14357d;
transition: 0.2s;
}
.cap-card:hover {
border-color: #eca026;
box-shadow: 0 12px 28px rgba(236, 160, 38, 0.12);
}
.cap-card .icon {
font-size: 2rem;
color: #eca026;
margin-bottom: 14px;
}
.cap-card h2 {
font-size: 1.3rem;
font-weight: 700;
margin-bottom: 10px;
color: #14357d;
}
.cap-card p {
color: #14357d;
font-size: 0.95rem;
}
/* ===== Who We Serve (核心说明区域) ===== */
.who-serve {
padding: 60px 0 30px;
background: #ffffff;
}
.serve-grid {
display: grid;
grid-template-columns: 1fr;
gap: 40px;
margin-top: 20px;
}
.serve-item {
background: #ffffff;
border-radius: 28px;
padding: 32px 30px;
border: 1px solid #14357d;
transition: 0.2s;
}
.serve-item:hover {
border-color: #eca026;
box-shadow: 0 4px 12px rgba(236, 160, 38, 0.08);
}
.serve-item h3 {
font-size: 1.8rem;
font-weight: 700;
margin-bottom: 6px;
color: #14357d;
}
.serve-item .role-desc {
font-size: 1rem;
color: #14357d;
margin-bottom: 18px;
max-width: 700px;
}
.serve-row {
display: flex;
flex-wrap: wrap;
gap: 30px 50px;
margin-top: 6px;
}
.serve-col {
flex: 1 1 200px;
}
.serve-col h4 {
font-weight: 700;
font-size: 0.9rem;
text-transform: uppercase;
letter-spacing: 0.4px;
color: #14357d;
margin-bottom: 12px;
border-bottom: 2px solid #eca026;
padding-bottom: 6px;
}
.serve-col ul {
list-style: none;
padding: 0;
}
.serve-col ul li {
padding: 4px 0 4px 22px;
position: relative;
font-size: 0.95rem;
color: #14357d;
}
.serve-col ul li::before {
content: "▹";
position: absolute;
left: 0;
color: #eca026;
font-weight: 700;
}
.serve-item .btn-secondary {
margin-top: 16px;
}
/* ===== 支持体系 ===== */
.support-cycle {
padding: 60px 0;
background: #ffffff;
border-top: 1px solid #14357d;
border-bottom: 1px solid #14357d;
}
.cycle-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 30px;
margin-top: 20px;
}
.cycle-card {
background: #ffffff;
padding: 24px 20px;
border-radius: 24px;
box-shadow: 0 4px 12px rgba(20, 53, 125, 0.04);
border: 1px solid #14357d;
}
.cycle-card .step {
font-weight: 700;
color: #eca026;
font-size: 0.85rem;
letter-spacing: 0.5px;
}
.cycle-card h4 {
font-size: 1.2rem;
margin: 8px 0 12px;
color: #14357d;
}
.cycle-card ul {
list-style: none;
padding: 0;
}
.cycle-card ul li {
padding: 3px 0;
font-size: 0.95rem;
color: #14357d;
}
.cycle-card ul li::before {
content: "•";
color: #eca026;
font-weight: 700;
margin-right: 8px;
}
/* ===== 风险对比 ===== */
.risk-section {
padding: 50px 0;
background: #ffffff;
}
.risk-table {
width: 100%;
border-collapse: collapse;
background: #ffffff;
border-radius: 24px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(20, 53, 125, 0.06);
margin-top: 10px;
border: 1px solid #14357d;
}
.risk-table th {
background: #14357d;
color: #ffffff;
font-weight: 700;
padding: 18px 20px;
text-align: left;
font-size: 1rem;
}
.risk-table td {
padding: 16px 20px;
border-bottom: 1px solid #14357d;
font-size: 0.98rem;
color: #14357d;
}
.risk-table tr:last-child td {
border-bottom: none;
}
.risk-table .label {
font-weight: 600;
color: #14357d;
width: 30%;
}
.risk-table .support {
color: #14357d;
font-weight: 500;
}
.risk-table .support::before {
content: "✓ ";
color: #eca026;
font-weight: 700;
}
/* ===== 底部转化 (仅三种颜色) ===== */
.cta-footer {
padding: 60px 0 70px;
background: #14357d;
color: #ffffff;
border-top: 4px solid #eca026;
}
.cta-footer .container {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.cta-footer h2 {
font-size: 2.4rem;
font-weight: 700;
max-width: 800px;
margin-bottom: 1rem;
color: #ffffff;
}
.cta-footer p {
font-size: 1.15rem;
max-width: 720px;
opacity: 0.85;
margin-bottom: 2rem;
color: #ffffff;
}
.cta-footer .btn-primary {
background-color: #eca026;
color: #14357d;
box-shadow: 0 4px 12px rgba(236, 160, 38, 0.35);
}
.cta-footer .btn-primary:hover {
background-color: #d48d1a;
color: #14357d;
}
/* ===== 响应式 ===== */
@media (max-width: 768px) {
.hero-content h1 {
font-size: 2.4rem;
}
.section-title {
font-size: 1.8rem;
}
.serve-item h3 {
font-size: 1.5rem;
}
.cta-footer h2 {
font-size: 1.9rem;
}
.risk-table th, .risk-table td {
padding: 12px 14px;
font-size: 0.9rem;
}
.hero-grid {
gap: 20px;
}
}
@media (max-width: 480px) {
.hero-actions .btn-primary, .hero-actions .btn-outline {
width: 100%;
text-align: center;
}
.serve-row {
flex-direction: column;
gap: 10px;
}
}
/* 辅助 */
.mt-2 { margin-top: 12px; }
.mt-3 { margin-top: 24px; }
.mb-1 { margin-bottom: 8px; }
.flex { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
Get Contractor Support
Plan Your Facility
Support My Event
Explore OEM / ODM
Become a Regional Partner
Request Specification Package
Who We Serve
Project support for every stakeholder in the sports flooring value chain.
COPOSPORTS supports contractors, venue owners, event operators, sports brands, distributors, regional agents, and project partners with full-cycle sports flooring solutions — from product selection and technical documentation to certification support, delivery coordination, installation guidance, and long-term maintenance.
Sports Flooring
Project Certainty
Built for Project Certainty
Sports flooring projects are not just material purchases. They involve athletic performance, certification requirements, installation risks, delivery schedules, and long-term facility operation. COPOSPORTS helps different stakeholders reduce project uncertainty, improve delivery efficiency, and strengthen market competitiveness through in-house manufacturing, product R&D, international certification support, and full-cycle project services.
Full-Cycle Project Support
Support across pre-project planning, mid-project delivery, and post-project maintenance.
Global Project Experience
Project experience across North America, Asia, Oceania, and other international markets.
Manufacturing + Service
China manufacturing capabilities combined with North America operations and project coordination.
Who We Serve
1. Contractors & Builders
For contractors managing sports flooring delivery. Contractors need reliable quality, clear technical documentation, installation guidance, controllable delivery schedules, and reduced execution risk.
What They Need
- Reliable product quality
- Clear installation guidance
- Complete technical documentation
- Controllable delivery schedule
- Lower project execution risk
How COPOSPORTS Supports
- Technical drawings and product data
- Installation training and construction guidance
- Quality supervision support
- Production, packaging, logistics, and delivery coordination
- After-sales and technical backup
2. Venue Owners & Operators
For sports venues, training centers, schools, commercial sports spaces, and public facilities. Venue owners need the right flooring system for their facility positioning, safe sports performance, lower maintenance costs, longer service life, and stronger operational value.
What They Need
- Suitable flooring system selection
- Sports safety and user experience
- Lower long-term maintenance cost
- Longer facility service life
- Better venue operation value
How COPOSPORTS Supports
- Product recommendation by sport, budget, and usage intensity
- Lifecycle cost guidance
- Maintenance training
- Performance testing and project acceptance support
- Venue upgrade and renovation solutions
3. Event & Tournament Operators
For temporary events, professional tournaments, campus events, community sports, and commercial sports activities. Event operators need fast installation, reliable sports performance, portable or reusable systems, event-standard compliance, and responsive project support.
What They Need
- Fast installation and removal
- Stable sports performance
- Portable or reusable flooring systems
- Event-standard compliance
- Fast project response
How COPOSPORTS Supports
- Portable bio-based sports flooring systems
- Modular sports flooring options
- Pre-event technical planning
- On-site installation guidance
- Post-event removal and reuse support
4. Sports Brands & OEM / ODM Partners
For brands developing private-label sports flooring products, differentiated product lines, or regional exclusive solutions. Sports brands and OEM / ODM partners need product development capability, exclusive product design, stable manufacturing capacity, quality control, and global delivery support.
What They Need
- Product R&D and design capability
- Exclusive product development
- Stable manufacturing capacity
- Quality control system
- Global delivery support
How COPOSPORTS Supports
- OEM / ODM cooperation models
- Product structure, material, and appearance customization
- Joint R&D and product upgrades
- Private-label manufacturing support
- Supply chain and international delivery coordination
5. Distributors & Regional Agents
For channel partners and regional agents developing local sports flooring markets. Distributors need a competitive product portfolio, sales materials, technical training, certification support, project support, and reliable after-sales service.
What They Need
- Competitive product portfolio
- Sales and marketing materials
- Technical training
- Certification and project support
- Reliable after-sales service
How COPOSPORTS Supports
- Regional agency cooperation model
- Product and pricing support
- Marketing materials
- Product and technical training
- Project support and after-sales service
6. Architects, Consultants & Specifiers
For professionals involved in sports facility design, product selection, tender documents, and project specifications. Architects and specifiers need clear technical data, certification documents, product system comparisons, application guidance, and submittal-ready documentation.
What They Need
- Clear technical data
- Certification documents
- Product system comparisons
- Application guidance
- Submittal-ready documentation
How COPOSPORTS Supports
- Technical Data Sheets
- Installation guides and maintenance documents
- Certification and testing documents
- Product system comparison matrix
- Recommended systems by facility type
Full-Cycle Project Support
01 Pre-Project Support
- Site diagnosis
- Solution design
- Budget estimation
- Technical consultation
- Product system selection
02 Mid-Project Support
- Construction guidance
- Installation training
- Quality supervision
- Delivery management
- Technical coordination
03 Post-Project Support
- Maintenance training
- Performance testing
- After-sales support
- Operation assistance
- Long-term upgrade advice
Project Risks We Help Reduce
| Project Risk | COPOSPORTS Support |
|---|---|
| Certification barriers | International certification and testing support |
| Unstable product quality | In-house manufacturing and quality control |
| Lack of technical support | Technical consultation, drawings, and documentation |
| Delivery uncertainty | Project coordination and supply chain management |
| Installation risk | Installation training and construction guidance |
| No after-sales guarantee | Maintenance training and after-sales support |
