Bio-Based Wood System
Bio-Based Wood System EliteⅡ
Product Specifications
| Model | BD-25F |
| Surface | Bio-Based Panel(25*125*1500mm) Professional sports-grade finish |
| Substructure | Bio-Based Parallel Double Keel System(37*70*3000mm) Waterproof · Anti-Rot · Moisture-Proof · Pest-Resistant |
| Absorbing Pad | 68*53*18mm |
| System height | 80mm |
| Applications | Indoor & Outdoor Professlonal-arade courts &ftness venues |
| Service Life | 30+ yrs Indoor /20 yrs Outdoor |
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Segoe UI', Roboto, Arial, sans-serif;
}
.button-wrap {
display: flex;
gap: 24px;
margin-top: 20px;
}
.btn-blue {
background-color: #15347e;
color: #ffffff;
border: none;
padding: 10px 20px;
font-size: 12px;
font-weight: 600;
white-space: nowrap;
cursor: pointer;
}
.btn-orange {
background-color: #f29f27;
color: #ffffff;
border: none;
padding: 10px 20px;
font-size: 12px;
font-weight: 600;
white-space: nowrap;
cursor: pointer;
}
/* 移动端适配 */
@media (max-width: 900px) {
.button-wrap {
flex-direction: column;
}
.btn-blue, .btn-orange {
font-size: 26px;
padding: 16px 32px;
}
}
Conventional Solid Wood VS. Bio-based Flooring
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: Arial, sans-serif;
}
/* ---------- shared animations ---------- */
@keyframes fadeUp {
from { opacity: 0; transform: translateY(28px); }
to { opacity: 1; transform: translateY(0); }
}
@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
@keyframes softPulse {
0%,100%{ box-shadow: 0 0 0 0 rgba(20,53,125,.18); }
50% { box-shadow: 0 0 0 10px rgba(20,53,125,0); }
}
/* scroll-driven fade-up support */
@supports (animation-timeline: view()) {
.section {
animation: fadeUp .7s ease both;
animation-timeline: view();
animation-range: entry 0% cover 18%;
}
}
@supports not (animation-timeline: view()) {
.section { opacity:0; animation:fadeUp .6s ease forwards; }
.section:nth-child(1) { animation-delay:.05s; }
.section:nth-child(2) { animation-delay:.25s; }
.section:nth-child(3) { animation-delay:.45s; }
}
.section {font-size:14px;color: #333333;background: #f0f0f0;padding: 50px 50px;}
.section-header h2 {
font-size: 28px;
font-weight: 600;
color: #2c2c2c;
position: relative;
display: inline-block;
}
.section-header h2::after {
content: "";
position: absolute;
left:0; bottom:-4px;
width:0; height:3px;
background: linear-gradient(90deg,#14357d,#f5a41c);
border-radius: 2px;
transition: width .6s ease;
}
.section:hover .section-header h2::after { width:100%; }
.section-header p {
color: #666; font-size: 16px; margin: 6px 0 24px; letter-spacing: 0.3px;
}
/* ========== Section 1 ========== */
.s1-top-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
margin-bottom: 20px;
}
.placeholder-img-s1 {
background:#b8c8d8;
height:405px;
display:flex;
align-items:center;
justify-content:center;
overflow:hidden;
}
.placeholder-img-s1 img {
width:100%; height:100%; object-fit:cover;
transition: transform .4s ease;
}
.placeholder-img-s1:hover img { transform: scale(1.05); }
.compare-table {
display:grid; grid-template-columns:1fr 1fr;
}
.col-wood {
background:#14357d; color:#fff; padding:40px 20px; font-size:18px;font-weight: 700;
}
.col-bio {
background:#f5a41c; color:#fff; padding:40px 20px; font-size:18px;font-weight: 700;
}
.table-row {
display:grid; grid-template-columns:1fr 1fr;
}
.cell-wood {
padding:25px 20px; border:1px solid #ddd;
transition: background .25s;
font-size:14px;
line-height: 2;
}
.cell-bio {
padding:25px 20px; border:1px solid #ddd;
transition: background .25s;
font-size:14px;
line-height: 2;
}
.cross { color:#dd3333; font-weight:bold; margin-right:6px; }
.cross img, .tick img { width:20px; vertical-align:middle; }
.tick { color:#229933; font-weight:bold; margin-right:6px; }
.icon-bar-container {
display:grid;
grid-template-columns:repeat(4,1fr);
gap:8px;
margin-top:20px;
border:2px solid #d8d8d8;
border-radius:8px;
overflow:hidden;
}
.icon-card {
color:#14357d;
padding:20px 8px;
text-align:center;
transition: background .25s, transform .2s;
opacity:0;
animation: fadeUp .45s ease forwards;
}
.icon-card:nth-child(1) { animation-delay:.1s; }
.icon-card:nth-child(2) { animation-delay:.2s; }
.icon-card:nth-child(3) { animation-delay:.3s; }
.icon-card:nth-child(4) { animation-delay:.4s; }
.icon-card:hover {
background:#f0f5ff;
transform:translateY(-2px);
}
.icon-card img {
width:auto; display:block; margin:0 auto 8px;
transition:transform .35s ease;
}
.icon-card:hover img { transform:scale(1.12) rotate(-4deg); }
.icon-card strong { font-size:13px; line-height:1.35; display:block; }
/* ========== Section 2 ========== */
.s2-top-row {
display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-bottom:20px;
}
.placeholder-img-s2 {
background:#d8c8b8; height:290px; display:flex; align-items:center;
justify-content:center; overflow:hidden; border-radius:6px;
}
.placeholder-img-s2 img {
width:100%; height:100%; object-fit:cover;
transition:transform .4s ease;
}
.placeholder-img-s2:hover img { transform:scale(1.05); }
.point-box-warning {
padding:18px;
margin-bottom:12px; border-radius:8px;
transition:box-shadow .25s;
border: 1px solid #999999;
}
.point-box-warning:hover { box-shadow:0 4px 16px rgba(221,51,51,.1); }
.point-box-success {
padding:18px;
border-radius:8px;
transition:box-shadow .25s;
border: 1px solid #999999;
}
.point-box-success:hover { box-shadow:0 4px 16px rgba(34,170,51,.1); }
.warn-badge { color:#dd3333; font-weight:bold; font-size:22px; margin-right:8px; }
.warn-badge img, .ok-badge img { width:25px; vertical-align:middle; }
.ok-badge { color:#22aa33; font-weight:bold; font-size:22px; margin-right:8px; }
/* ========== Section 3 ========== */
.s3-compare-row {
display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-bottom:24px;
}
.limit-box {
border:1px solid #999999; padding:18px;
border-radius:8px;
transition:box-shadow .25s;
}
.limit-box:hover { box-shadow:0 4px 16px rgba(221,51,51,.1); }
.free-box {
border:1px solid #999999; padding:18px;
border-radius:8px;
transition:box-shadow .25s;
}
.free-box:hover { box-shadow:0 4px 16px rgba(34,170,51,.1); }
.scene-row {
display:grid; grid-template-columns:repeat(3,1fr); gap:12px;
}
.scene-card {
border-radius:8px; overflow:hidden;
transition:transform .3s ease, box-shadow .3s ease;
opacity:0;
animation: fadeUp .45s ease forwards;
}
.scene-card:nth-child(1) { animation-delay:.15s; }
.scene-card:nth-child(2) { animation-delay:.3s; }
.scene-card:nth-child(3) { animation-delay:.45s; }
.scene-card:hover {
transform:translateY(-4px);
box-shadow:0 10px 28px rgba(0,0,0,.12);
}
.scene-badge {
padding:10px; color:#fff; text-align:center; font-weight:bold;
font-size:14px; letter-spacing:.4px;
}
.badge-basement { background:#208844; }
.badge-semi { background:#203880; }
.badge-outdoor { background:#222; }
.scene-img-placeholder {
height:180px; background:#c0d0cc; overflow:hidden;
}
.scene-img-placeholder img {
width:100%; height:100%; object-fit:cover;
transition:transform .4s ease;
}
.scene-card:hover .scene-img-placeholder img { transform:scale(1.07); }
.scene-desc {
background:#fff; padding:13px; font-size:14px;
color:#444; line-height:1.5;
}
/* ========== RESPONSIVE ========== */
@media (max-width:750px) {
.section-header h2 { font-size:22px; }
.s1-top-row, .s2-top-row, .s3-compare-row {
grid-template-columns:1fr;
}
.placeholder-img-s1 { height:200px; }
.placeholder-img-s2 { height:180px; }
.icon-bar-container {
grid-template-columns:repeat(2,1fr);
}
.scene-row {
grid-template-columns:1fr 1fr;
}
.scene-img-placeholder { height:150px; }
}
@media (max-width:480px) {
body { padding:0 10px; margin:10px auto; }
.icon-bar-container { grid-template-columns:1fr 1fr; }
.scene-row { grid-template-columns:1fr; }
.col-wood, .col-bio { font-size:12px; padding:10px 8px; }
.cell-wood, .cell-bio { padding:10px 8px; font-size:13px; }
.icon-card { padding:14px 6px; }
.icon-card img { height:36px; }
}
Swelling & Cracking:
Warps in humid seasons; gaps open in winter.
True Stability:
Zero shrinkage, cracking, or buckling.
High Energy Bills:
Requires expensive 24/7 HVAC climate control.
Extreme Resistance:
Defies -30°C to 80°C, heavy rain, and UV.
Traditional Wood Pain Point:
Bio-based Tech Solution:
The Limitation of Wood:
The Bio-based Freedom:
1. All-Weather Adaptability
Waterproof • Damp-proof • Termite-proof
Conventional Solid Wood
(The Pain)
(The Pain)
Bio-based Flooring
(The Solution)
(The Solution)
Swelling & Cracking:Warps in humid seasons; gaps open in winter.
True Stability:Zero shrinkage, cracking, or buckling.
High Energy Bills:Requires expensive 24/7 HVAC climate control.
Extreme Resistance:Defies -30°C to 80°C, heavy rain, and UV.
100% Waterproof
Damp-proof
Termite-proof
-30°C to 80°C
Extreme Stability
Extreme Stability
2. Lifetime Zero Maintenance Costs
Maximize Venue Uptime, Minimize Expenses
Traditional Wood Pain Point:
Must close for weeks every 3-5 years for sanding and recoating. This leads to high refurbishment costs and severe revenue loss from downtime.
Bio-based Tech Solution:
365-Day Non-Stop Operation. Built-in high-wear UV coating means no sanding or refinishing for life. Daily care requires only a simple damp mop.
Zero Downtime
Zero Refurbishment Costs
365 Days Non-Stop Operation
Zero Secondary Investment
3. Zero Spatial Limitations
From Underground Basements to Fully Outdoor Courts
The Limitation of Wood:
Restricted by natural wood properties. Cannot be used in basements, high-moisture ground floors, or outdoor environments.
The Bio-based Freedom:
Powered by advanced polymer modification. The ultra-strong moisture and UV barrier shields fibers from sun and rain.
Basement & Ground Floors
Dry, stable performance even in underground and high-humidity environments.
Semi-Open Covered Courts
Protected from rain and sun while maintaining natural ventilation and comfort.
Fully Outdoor Spaces
Withstands intense sunlight,heavy rain, and temperature extremes all year long.
Sports Flooring System Structure
High strength bio-based keels offer fire, moisture, insect, deformation and seismic resistance with easy installation. Their unique double layer parallel structure, combined with resilient pads, evenly distributes loads, enhances overall elasticity, and delivers superior shock absorption for athletes.
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Arial', sans-serif;
}
.imgtip-container {
position: relative;
width: 100%;
aspect-ratio: 16 / 9;
background: url("https://coposports.com/wp-content/uploads/2026/08/ScreenShot_2026-08-13_104625_906.jpg") center / cover no-repeat;
overflow: hidden;
margin: 0 auto;
}
.imgtip-group {
position: absolute;
transform: translate(-50%, -50%);
z-index: 5;
}
.imgtip-group[data-pos="1"] {
top: 22%;
left: 83%;
}
.imgtip-group[data-pos="2"] {
top: 44%;
left: 70%;
}
.imgtip-group[data-pos="3"] {
top: 63%;
left: 30%;
}
.imgtip-group[data-pos="4"] {
top: 68.5%;
left: 79%
}
.imgtip-group:hover {
z-index: 99 !important;
}
.imgtip-point {
width: 18px;
height: 18px;
border-radius: 50%;
background: #f5a41c;
cursor: pointer;
transition: box-shadow 0.2s;
position: relative;
z-index: 6;
}
.imgtip-point::before,
.imgtip-point::after {
content: "";
position: absolute;
inset: -2px;
border-radius: 50%;
background: #f5a41c;
opacity: 0;
transform: scale(1);
pointer-events: none;
box-shadow: 0 0 0 0 rgba(245, 164, 28, 0.35);
}
.imgtip-point::before {
animation: ripple-1 1.8s ease-out infinite;
animation-delay: 0s;
}
.imgtip-point::after {
animation: ripple-1 1.8s ease-out infinite;
animation-delay: 0.9s;
}
@keyframes ripple-1 {
0% {
transform: scale(1);
opacity: 0.55;
box-shadow: 0 0 0 0 rgba(245, 164, 28, 0.35);
}
40% {
opacity: 0.25;
}
100% {
transform: scale(2.8);
opacity: 0;
box-shadow: 0 0 0 12px rgba(245, 164, 28, 0);
}
}
.imgtip-circle-preview {
position: absolute;
width: 130px;
height: 130px;
border-radius: 50%;
overflow: hidden;
pointer-events: none;
opacity: 0;
transform: scale(0.85);
transition: opacity 0.25s ease, transform 0.25s ease;
background: #eaeef3;
z-index: 10;
border: 3px solid #ffffff;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}
.imgtip-circle-preview img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.imgtip-text-desc {
position: absolute;
min-width: 220px;
max-width: 360px;
padding: 12px 18px;
background: rgba(255, 255, 255, 0.75);
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
color: #1f2a3a;
border-radius: 10px;
font-size: 14px;
line-height: 1.6;
pointer-events: none;
opacity: 0;
transform: translateY(6px);
transition: opacity 0.25s ease, transform 0.25s ease;
z-index: 11;
border: 1px solid rgba(255, 255, 255, 0.8);
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
font-weight: 400;
letter-spacing: 0.01em;
width: 360px;
}
.imgtip-text-desc strong {
font-weight: 700;
display: block;
margin-bottom: 4px;
color: #0b1a2b;
font-size: 15px;
}
.imgtip-group:hover .imgtip-circle-preview {
opacity: 1;
transform: scale(1);
}
.imgtip-group:hover .imgtip-text-desc {
opacity: 1;
transform: translateY(0);
}
@media (max-width: 768px) {
.imgtip-circle-preview,
.imgtip-text-desc {
display: none;
}
.imgtip-point {
width: 24px;
height: 24px;
border-width: 2px;
}
}
@media (max-width: 600px) {
.imgtip-text-desc {
min-width: 140px;
max-width: 180px;
width: 180px;
font-size: 12px;
padding: 8px 14px;
}
.imgtip-circle-preview {
width: 100px;
height: 100px;
}
}
.imgtip-text-desc br {
display: none;
}
.imgtip-text-desc strong + br {
display: none;
}
(function() {
const container = document.getElementById('imgtipContainer');
if (!container) return;
const groups = document.querySelectorAll('.imgtip-group');
const PADDING = 14;
const GAP = 10;
const TEXT_GAP = 16;
const DESC_HEIGHT = 0;
function getDescWidth(desc) {
const clone = desc.cloneNode(true);
clone.style.visibility = 'hidden';
clone.style.position = 'absolute';
clone.style.width = 'auto';
clone.style.maxWidth = '360px';
clone.style.minWidth = '220px';
clone.style.padding = '12px 18px';
clone.style.fontSize = '14px';
document.body.appendChild(clone);
let w = clone.offsetWidth;
document.body.removeChild(clone);
return Math.min(Math.max(w, 220), 360);
}
function overlaps(a, b) {
return !(
a.right = b.right ||
a.bottom = b.bottom
);
}
function positionFloaters(group) {
const containerRect = container.getBoundingClientRect();
const groupRect = group.getBoundingClientRect();
const preview = group.querySelector('.imgtip-circle-preview');
const desc = group.querySelector('.imgtip-text-desc');
if (!preview || !desc) return;
const previewSize = preview.offsetWidth || 130;
const descWidth = getDescWidth(desc);
desc.style.width = descWidth + 'px';
const descHeight = desc.offsetHeight || 80;
const pointX =
groupRect.left -
containerRect.left +
groupRect.width / 2;
const pointY =
groupRect.top -
containerRect.top +
groupRect.height / 2;
const cW = containerRect.width;
const cH = containerRect.height;
const candidates = [];
// 右侧
if (
pointX +
GAP +
previewSize +
TEXT_GAP +
descWidth =
PADDING
&&
pointY +
previewSize / 2 =
PADDING
&&
pointY -
previewSize / 2 >=
PADDING
&&
pointY +
previewSize / 2 =
PADDING
&&
pointX -
previewSize / 2 >=
PADDING
&&
pointX +
previewSize / 2 <=
cW - PADDING
) {
candidates.push('up');
}
// 下侧
if (
pointY +
GAP +
previewSize +
TEXT_GAP +
descHeight =
PADDING
&&
pointX +
previewSize / 2 0
? candidates[0]
: 'right';
let preTop = 0;
let preLeft = 0;
let descTop = 0;
let descLeft = 0;
switch (direction) {
case 'right':
preTop =
-previewSize / 2;
preLeft =
GAP;
descTop =
preTop + 8;
descLeft =
preLeft +
previewSize +
TEXT_GAP;
break;
case 'left':
preTop =
-previewSize / 2;
preLeft =
-previewSize -
GAP;
descTop =
preTop + 8;
descLeft =
preLeft -
descWidth -
TEXT_GAP;
break;
case 'up':
preTop =
-previewSize -
GAP;
preLeft =
-previewSize / 2;
descTop =
preTop -
descHeight -
TEXT_GAP;
descLeft =
preLeft +
previewSize / 2 -
descWidth / 2;
break;
case 'down':
preTop =
GAP;
preLeft =
-previewSize / 2;
descTop =
preTop +
previewSize +
TEXT_GAP;
descLeft =
preLeft +
previewSize / 2 -
descWidth / 2;
break;
}
function clamp(value, min, max) {
return Math.min(
Math.max(value, min),
max
);
}
const preMinX =
PADDING -
pointX;
const preMaxX =
cW -
PADDING -
previewSize -
pointX;
const preMinY =
PADDING -
pointY;
const preMaxY =
cH -
PADDING -
previewSize -
pointY;
preLeft =
clamp(
preLeft,
preMinX,
preMaxX
);
preTop =
clamp(
preTop,
preMinY,
preMaxY
);
const descMinX =
PADDING -
pointX;
const descMaxX =
cW -
PADDING -
descWidth -
pointX;
const descMinY =
PADDING -
pointY;
const descMaxY =
cH -
PADDING -
descHeight -
pointY;
descLeft =
clamp(
descLeft,
descMinX,
descMaxX
);
descTop =
clamp(
descTop,
descMinY,
descMaxY
);
const preRect = {
left:
pointX +
preLeft,
right:
pointX +
preLeft +
previewSize,
top:
pointY +
preTop,
bottom:
pointY +
preTop +
previewSize
};
const descRect = {
left:
pointX +
descLeft,
right:
pointX +
descLeft +
descWidth,
top:
pointY +
descTop,
bottom:
pointY +
descTop +
descHeight
};
if (overlaps(preRect, descRect)) {
// 右侧
if (
preRect.right +
TEXT_GAP +
descWidth =
PADDING
) {
descLeft =
preRect.left -
TEXT_GAP -
descWidth -
pointX;
// 下侧
} else if (
preRect.bottom +
TEXT_GAP +
descHeight =
PADDING
) {
descTop =
preRect.top -
TEXT_GAP -
descHeight -
pointY;
}
descLeft =
clamp(
descLeft,
descMinX,
descMaxX
);
descTop =
clamp(
descTop,
descMinY,
descMaxY
);
}
preview.style.top =
preTop + 'px';
preview.style.left =
preLeft + 'px';
desc.style.top =
descTop + 'px';
desc.style.left =
descLeft + 'px';
}
function refreshAllTips() {
groups.forEach(function(group) {
positionFloaters(group);
});
}
setTimeout(
refreshAllTips,
80
);
setTimeout(
refreshAllTips,
300
);
let resizeTimer;
window.addEventListener(
'resize',
function() {
clearTimeout(resizeTimer);
resizeTimer =
setTimeout(
refreshAllTips,
150
);
}
);
window.addEventListener(
'load',
function() {
setTimeout(
refreshAllTips,
200
);
setTimeout(
refreshAllTips,
600
);
}
);
window.repositionImgTips =
refreshAllTips;
})();
Bio-based Panel
Waterproof and UV-resistant, stable performance, durable for all scenarios.
Bio-based Parallel Double-layer Keel
This system provides robust support and enhances structural stability and flexibility.
Absorbing Pad
Consistent hardness with excellent damping performance.
Patented Leveling Pad
convenient, corrosion resistant, prevents floor sinking from shim corrosion.
Performance indicators
Are Set To The FIBA Standard
| GENERAL REQUIREMENTS EN 14904 | Pass/Fail | |
|---|---|---|
| Impact Absorption | 45%-75% | Pass |
| Vertical Deformation | 1.5mm-5.0mm | Pass |
| Rebound Rate | ≥ 90% | Pass |
| Slip Resistance | ≥ 80 ≤10 | Pass |
| Wear Resistance | ≤ 1000mg | Pass |
Quick Answers About Bio-Based Wood System Prime I
Common questions from contractors, distributors, sports flooring companies, and project buyers before choosing an indoor sports flooring system.
What type of projects is Bio-Based Wood System Prime I suitable for?
It is suitable for indoor basketball courts, volleyball courts, badminton courts, school gyms, training centers, clubs, and multi-purpose sports venues.
Is this system designed for indoor or outdoor use?
Prime I is mainly positioned for indoor sports court projects. If your project requires an outdoor court system, we can recommend a more suitable CopoSports outdoor flooring solution.
Can the court color, logo, and line markings be customized?
Yes. We support project-based customization including court colors, sports line markings, and logo placement. Final details are confirmed according to drawings before production.
What information is needed for a quotation?
Please share the sport type, court size or total area, project location, installation condition, and whether you need custom colors, logos, or line markings.
Can I request samples before placing an order?
Yes. Sample support is available for evaluating surface texture, color, structure, and material quality before larger project decisions.
Do you support international shipping and project documentation?
Yes. CopoSports supports international B2B shipping, export packaging, product documentation, technical references, and project communication for overseas buyers.
