.spare-section { background: white; }
.spare-categories {
display: grid;
grid-template-columns: repeat(7, 1fr);
gap: 15px;
margin-bottom: 40px;
}
.spare-cat {
background: white;
border: 2px solid var(--border);
border-radius: 12px;
padding: 20px 10px;
text-align: center;
transition: var(--transition);
cursor: pointer;
}
.spare-cat:hover {
border-color: var(--accent);
box-shadow: var(--shadow);
transform: translateY(-3px);
}
.spare-cat i {
font-size: 28px;
color: var(--accent);
margin-bottom: 10px;
}
.spare-cat h4 {
font-size: 13px;
font-weight: 600;
color: var(--primary);
line-height: 1.4;
}
.spare-highlight {
background: linear-gradient(135deg, var(--bg-blue), white);
border-radius: 16px;
padding: 40px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
align-items: center;
}
.spare-highlight-text h3 {
font-size: 24px;
font-weight: 700;
color: var(--primary);
margin-bottom: 15px;
}
.spare-highlight-text p {
color: var(--text-light);
line-height: 1.8;
margin-bottom: 20px;
}
.spare-highlight-text ul {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
}
.spare-highlight-text ul li {
display: flex;
align-items: center;
gap: 8px;
font-size: 14px;
color: var(--text);
}
.spare-highlight-text ul li i {
color: var(--accent);
}
.spare-highlight-img {
text-align: center;
}
.spare-highlight-img img {
max-height: 300px;
margin: 0 auto;
border-radius: 12px;
}
/* ===== WHY CHOOSE SECTION ===== */
.why-section { background: var(--bg-light); }
.features-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 30px;
}
.feature-card {
text-align: center;
padding: 40px 25px;
border-radius: 16px;
background: white;
border: 1px solid var(--border);
transition: var(--transition);
}
.feature-card:hover {
border-color: var(--accent);
box-shadow: var(--shadow-hover);
transform: translateY(-5px);
}
.feature-icon {
width: 70px;
height: 70px;
background: linear-gradient(135deg, var(--bg-blue), white);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 20px;
font-size: 28px;
color: var(--accent);
}
.feature-card h3 {
font-size: 18px;
font-weight: 700;
color: var(--primary);
margin-bottom: 12px;
}
.feature-card p {
font-size: 14px;
color: var(--text-light);
line-height: 1.7;
}
/* ===== MARKETS SECTION ===== */
.markets-section { background: linear-gradient(180deg, white 0%, var(--bg-light) 100%); }
.markets-grid {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 20px;
}
.market-card {
background: white;
border-radius: 12px;
padding: 30px 20px;
text-align: center;
box-shadow: var(--shadow);
transition: var(--transition);
border-top: 3px solid var(--accent);
}
.market-card:hover {
transform: translateY(-5px);
box-shadow: var(--shadow-hover);
}
.market-card i {
font-size: 36px;
color: var(--accent);
margin-bottom: 15px;
}
.market-card h4 {
font-size: 16px;
font-weight: 700;
color: var(--primary);
margin-bottom: 10px;
}
.market-card p {
font-size: 13px;
color: var(--text-light);
line-height: 1.6;
}
/* ===== ABOUT PREVIEW SECTION ===== */
.about-preview {
background: var(--primary);
position: relative;
overflow: hidden;
}
.about-preview::before {
content: '';
position: absolute;
top: -50%;
right: -20%;
width: 600px;
height: 600px;
background: radial-gradient(circle, rgba(41,171,226,0.1) 0%, transparent 70%);
border-radius: 50%;
}
.about-preview .container {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 60px;
align-items: center;
}
.about-content { position: relative; z-index: 1; }
.about-content .section-tag { color: var(--accent); }
.about-content .section-title { color: white; }
.about-content .section-desc { color: rgba(255,255,255,0.8); text-align: left; }
.about-content p {
color: rgba(255,255,255,0.75);
margin-bottom: 15px;
line-height: 1.8;
}
.about-features {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 15px;
margin-top: 25px;
}
.about-features li {
color: rgba(255,255,255,0.9);
font-size: 14px;
display: flex;
align-items: center;
gap: 10px;
}
.about-features i {
color: var(--accent);
font-size: 14px;
}
.about-image {
position: relative;
z-index: 1;
}
.about-image img {
border-radius: 16px;
box-shadow: 0 20px 50px rgba(0,0,0,0.3);
}
/* ===== CONTACT SECTION ===== */
.contact-section { background: var(--bg-light); }
.contact-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 50px;
}
.contact-info h3 {
font-size: 28px;
font-weight: 700;
color: var(--primary);
margin-bottom: 20px;
}
.contact-info > p {
color: var(--text-light);
margin-bottom: 30px;
line-height: 1.7;
}
.contact-item {
display: flex;
align-items: flex-start;
gap: 18px;
margin-bottom: 25px;
}
.contact-item i {
width: 50px;
height: 50px;
background: linear-gradient(135deg, var(--bg-blue), white);
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
color: var(--accent);
flex-shrink: 0;
}
.contact-item div h4 {
font-size: 15px;
font-weight: 600;
color: var(--primary);
margin-bottom: 4px;
}
.contact-item div p,
.contact-item div a {
font-size: 14px;
color: var(--text-light);
}
.contact-item div a:hover { color: var(--accent); }
/* Contact Form */
.contact-form {
background: white;
padding: 40px;
border-radius: 16px;
box-shadow: var(--shadow);
}
.contact-form h3 {
font-size: 22px;
font-weight: 700;
color: var(--primary);
margin-bottom: 25px;
}
.form-group {
margin-bottom: 20px;
}
.form-group label {
display: block;
font-size: 13px;
font-weight: 500;
color: var(--primary);
margin-bottom: 6px;
}
.form-group input,
.form-group textarea,
.form-group select {
width: 100%;
padding: 14px 18px;
border: 1px solid var(--border);
border-radius: 10px;
font-size: 14px;
font-family: inherit;
transition: var(--transition);
background: var(--bg-light);
}
.form-group input:focus,
.form-group textarea:focus,
.form-group select:focus {
outline: none;
border-color: var(--accent);
background: white;
}
.form-group textarea {
min-height: 120px;
resize: vertical;
}
.form-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 15px;
}
.btn-submit {
width: 100%;
background: linear-gradient(135deg, var(--accent), var(--accent-light));
color: white;
padding: 16px;
border: none;
border-radius: 10px;
font-size: 15px;
font-weight: 600;
cursor: pointer;
transition: var(--transition);
}
.btn-submit:hover {
transform: translateY(-2px);
box-shadow: 0 8px 25px rgba(41,171,226,0.3);
}
/* ===== FOOTER ===== */
.footer {
background: var(--primary);
color: white;
padding: 70px 0 0;
}
.footer-grid {
display: grid;
grid-template-columns: 2fr 1fr 1fr 1.5fr;
gap: 50px;
margin-bottom: 50px;
}
.footer-brand .logo-text h1 { color: white; font-size: 20px; }
.footer-brand .logo-text span { color: rgba(255,255,255,0.6); }
.footer-brand p {
color: rgba(255,255,255,0.7);
font-size: 14px;
line-height: 1.8;
margin: 20px 0;
}
.footer-social {
display: flex;
gap: 12px;
}
.footer-social a {
width: 40px;
height: 40px;
background: rgba(255,255,255,0.1);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
color: white;
transition: var(--transition);
}
.footer-social a:hover {
background: var(--accent);
transform: translateY(-3px);
}
.footer-col h4 {
font-size: 16px;
font-weight: 700;
margin-bottom: 20px;
color: white;
}
.footer-col ul li { margin-bottom: 12px; }
.footer-col ul li a {
color: rgba(255,255,255,0.7);
font-size: 14px;
transition: var(--transition);
}
.footer-col ul li a:hover {
color: var(--accent);
padding-left: 5px;
}
.footer-contact li {
display: flex;
align-items: flex-start;
gap: 12px;
margin-bottom: 15px;
color: rgba(255,255,255,0.7);
font-size: 14px;
}
.footer-contact i {
color: var(--accent);
margin-top: 3px;
font-size: 14px;
}
.footer-bottom {
border-top: 1px solid rgba(255,255,255,0.1);
padding: 25px 0;
text-align: center;
color: rgba(255,255,255,0.5);
font-size: 13px;
}
/* ===== WHATSAPP FLOAT ===== */
.whatsapp-float {
position: fixed;
bottom: 30px;
right: 30px;
z-index: 999;
}
.whatsapp-float a {
width: 60px;
height: 60px;
background: #25d366;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: white;
font-size: 28px;
box-shadow: 0 4px 20px rgba(37,211,102,0.4);
transition: var(--transition);
animation: pulse 2s infinite;
}
.whatsapp-float a:hover {
transform: scale(1.1);
box-shadow: 0 6px 30px rgba(37,211,102,0.5);
}
@keyframes pulse {
0%, 100% { box-shadow: 0 4px 20px rgba(37,211,102,0.4); }
50% { box-shadow: 0 4px 30px rgba(37,211,102,0.6); }
}
/* ===== SCROLL ANIMATIONS ===== */
.reveal {
opacity: 0;
transform: translateY(30px);
transition: all 0.8s ease;
}
.reveal.active {
opacity: 1;
transform: translateY(0);
}
/* ===== RESPONSIVE ===== */
@media (max-width: 1200px) {
.products-grid { grid-template-columns: repeat(3, 1fr); }
.features-grid { grid-template-columns: repeat(2, 1fr); }
.markets-grid { grid-template-columns: repeat(3, 1fr); }
.spare-categories { grid-template-columns: repeat(4, 1fr); }
}
@media (max-width: 992px) {
.hero h2 { font-size: 40px; }
.section { padding: 70px 0; }
.section-title { font-size: 32px; }
.stats-grid { grid-template-columns: repeat(2, 1fr); gap: 25px; }
.about-preview .container { grid-template-columns: 1fr; }
.contact-grid { grid-template-columns: 1fr; }
.footer-grid { grid-template-columns: repeat(2, 1fr); }
.spare-highlight { grid-template-columns: 1fr; }
.spare-categories { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 768px) {
:root { --header-height: 70px; }
.top-bar { display: none; }
.nav-menu {
position: fixed;
top: var(--header-height);
left: -100%;
width: 80%;
height: calc(100vh - var(--header-height));
background: white;
flex-direction: column;
padding: 30px;
gap: 20px;
box-shadow: 2px 0 20px rgba(0,0,0,0.1);
transition: var(--transition);
}
.nav-menu.active { left: 0; }
.mobile-toggle { display: block; }
.header-cta .btn-whatsapp span { display: none; }
.hero { min-height: 500px; }
.hero h2 { font-size: 32px; }
.hero p { font-size: 16px; }
.products-grid { grid-template-columns: repeat(2, 1fr); gap: 15px; }
.features-grid { grid-template-columns: 1fr; }
.markets-grid { grid-template-columns: repeat(2, 1fr); }
.stats-grid { grid-template-columns: repeat(2, 1fr); }
.form-row { grid-template-columns: 1fr; }
.footer-grid { grid-template-columns: 1fr; gap: 30px; }
.whatsapp-float { bottom: 20px; right: 20px; }
.whatsapp-float a { width: 50px; height: 50px; font-size: 24px; }
.spare-categories { grid-template-columns: repeat(2, 1fr); }
.spare-highlight-text ul { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
.products-grid { grid-template-columns: 1fr; }
.hero h2 { font-size: 26px; }
.section-title { font-size: 26px; }
.stat-number { font-size: 32px; }
.contact-form { padding: 25px; }
.spare-categories { grid-template-columns: repeat(2, 1fr); }
}
Factory Direct Manufacturer
Factory-Direct Mini Excavators & Spare Parts
Safe • Easy Operation • Good Value. 7 excavator models from 910kg to 1,800kg. 14 categories of undercarriage spare parts. Kubota, Yanmar & Laidong engines. CE certified. Export to 20+ countries.
0.9T
JG5011
Mini Hydraulic Crawler Excavator
910 kg Operating Weight
CG192F Engine, 7.5 kW
1,375 mm Digging Depth
Inquire Now
0.96T
JG5013
Mini Hydraulic Crawler Excavator
960 kg Operating Weight
CG292F Engine, 14.1 kW
1,500 mm Digging Depth
Inquire Now
1.5T Kubota
JG5015
Mini Hydraulic Crawler Excavator
1,500 kg Operating Weight
Kubota D722, 11.8 kW
2,200 mm Digging Depth
Inquire Now
1.7T Kubota
JG5017R
Mini Hydraulic Crawler Excavator
1,700 kg Operating Weight
Kubota 902, 11.3 kW
2,080 mm Digging Depth
Inquire Now
1.7T Yanmar
JG5019R
Mini Hydraulic Crawler Excavator
1,700 kg Operating Weight
Yanmar 3TNV74, Tier 4
2,080 mm Digging Depth
Inquire Now
1.8T
JG5021 A/B/C
Mini Hydraulic Crawler Excavator
1,800 kg Operating Weight
Laidong 3TE25, 18.4 kW
2,154 mm Digging Depth
Inquire Now
1.8T Yanmar
JG5023 A/B/C
Mini Hydraulic Crawler Excavator
1,800 kg Operating Weight
Yanmar 3TNV80F, 15.2 kW
2,154 mm Digging Depth
Inquire Now
Spare Parts
14 categories of undercarriage & drivetrain parts. OEM specifications. 48-hour dispatch.
View Parts
Travel Gearbox
Final drive gearbox for mini excavators
Swing Pinion
Slewing ring pinion gear assembly
Carrier Roller
Upper track carrier roller
Track Roller
Lower track support roller
Front Idler
Track idler wheel assembly
Track Adjuster
Track tension adjustment cylinder
Drive Sprocket
Track drive sprocket rim
Flywheel Housing
Engine flywheel protective housing
Coupling
Flexible drive shaft coupling
Boom Bracket
Excavator boom mounting bracket
Bucket Teeth
Rock & standard bucket tooth sets
Accessories
Hydraulic hoses, filters, seals kit
Machined Parts
CNC machined precision components
Undercarriage Components
Complete undercarriage assemblies
CE Certified
All excavator models comply with EU machinery directive 2006/42/EC. Full CE documentation provided.
12-Month Warranty
Comprehensive warranty on all excavators. Spare parts support for the full product lifecycle.
Global Export
Export experience to Southeast Asia, Middle East, Africa, Latin America, and Europe.
Fast Delivery
Standard models in stock. Custom orders within 15-30 days. FOB Shanghai/Ningbo.
🌏
Southeast Asia
Thailand, Vietnam, Indonesia, Philippines, Malaysia
🌍
Middle East
UAE, Saudi Arabia, Qatar, Kuwait, Oman
🌍
Africa
Nigeria, Kenya, Ghana, Tanzania, South Africa
🌎
Latin America
Brazil, Mexico, Chile, Peru, Colombia
🌍
Europe
Germany, France, Poland, Spain, Italy
About Us
JIANGGAN Heavy Industry
Located in Nanchang County, Jiangxi Province, China, JIANGGAN Heavy Industry specializes in the design, manufacture, and export of mini hydraulic excavators and undercarriage spare parts.
With 7 excavator models ranging from 0.9T to 1.8T and 14 categories of spare parts, we serve customers in over 20 countries across Southeast Asia, Middle East, Africa, Latin America, and Europe.
ISO 9001 Quality Management
CE Certified Products
OEM & ODM Available
12-Month Warranty
Contact Us