/* ===== Global Styles ===== */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: ‘Inter’, -apple-system, BlinkMacSystemFont, ‘Segoe UI’, sans-serif;
line-height: 1.6;
color: #333;
background: #fff;
}
.container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}
/* ===== HERO Section ===== */
.hero {
position: relative;
height: 85vh;
min-height: 600px;
background: linear-gradient(135deg, #6b7c94 0%, #7a8ba3 50%, #8a9bb3 100%);
display: flex;
align-items: center;
overflow: hidden;
}
.hero::before {
content: ”;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: url(‘https://chishengelevator.com/wp-content/uploads/2026/04/60b155365e1b7b4d7aee2db1996d65a4.jpg’) center/cover;
opacity: 0.3;
}
.hero-content {
position: relative;
z-index: 2;
max-width: 700px;
}
.hero h1 {
font-size: 56px;
font-weight: 700;
color: #1e3a5f;
line-height: 1.2;
margin-bottom: 20px;
letter-spacing: -1px;
}
.hero h1 span {
color: #4a9fd4;
}
.hero p {
font-size: 18px;
color: rgba(30,58,95,0.8);
margin-bottom: 30px;
max-width: 500px;
}
.hero-buttons {
display: flex;
gap: 15px;
}
.btn-primary {
display: inline-flex;
align-items: center;
gap: 8px;
background: #ffffff;
color: #1e3a5f;
padding: 14px 32px;
border-radius: 4px;
text-decoration: none;
font-weight: 600;
font-size: 15px;
transition: all 0.3s ease;
box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}
.btn-primary:hover {
background: #f5f5f5;
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(0,0,0,0.15);
}
.btn-secondary {
display: inline-flex;
align-items: center;
gap: 8px;
background: transparent;
color: #1e3a5f;
padding: 14px 32px;
border-radius: 4px;
text-decoration: none;
font-weight: 600;
font-size: 15px;
border: 2px solid rgba(30,58,95,0.3);
transition: all 0.3s ease;
}
.btn-secondary:hover {
background: rgba(30,58,95,0.1);
border-color: #1e3a5f;
}
/* ===== Stats Bar ===== */
.stats-bar {
background: #f8f9fa;
padding: 40px 0;
border-bottom: 1px solid #e9ecef;
}
.stats-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 30px;
}
.stat-item {
text-align: center;
padding: 20px;
}
.stat-number {
font-size: 42px;
font-weight: 700;
color: #1e3a5f;
line-height: 1;
margin-bottom: 8px;
}
.stat-number span {
color: #4a9fd4;
}
.stat-label {
font-size: 14px;
color: #6c757d;
text-transform: uppercase;
letter-spacing: 1px;
}
/* ===== Products Section ===== */
.products-section {
padding: 80px 0;
}
.section-header {
text-align: center;
margin-bottom: 50px;
}
.section-header h2 {
font-size: 36px;
font-weight: 700;
color: #1e3a5f;
margin-bottom: 12px;
}
.section-header p {
font-size: 16px;
color: #6c757d;
max-width: 500px;
margin: 0 auto;
}
.product-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 60px;
align-items: center;
margin-bottom: 60px;
}
.product-row:last-child {
margin-bottom: 0;
}
.product-row.reverse {
direction: rtl;
}
.product-row.reverse > * {
direction: ltr;
}
.product-image {
position: relative;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 20px 60px rgba(0,0,0,0.15);
}
.product-image img {
width: 100%;
height: 400px;
object-fit: cover;
transition: transform 0.5s ease;
}
.product-image:hover img {
transform: scale(1.05);
}
.product-content h3 {
font-size: 28px;
font-weight: 700;
color: #1e3a5f;
margin-bottom: 15px;
}
.product-content p {
font-size: 15px;
color: #6c757d;
margin-bottom: 20px;
line-height: 1.8;
}
.product-features {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
margin-bottom: 25px;
}
.feature-item {
display: flex;
align-items: center;
gap: 8px;
font-size: 14px;
color: #495057;
}
.feature-item::before {
content: ‘✓’;
color: #4a9fd4;
font-weight: bold;
}
/* ===== Cases Section ===== */
.cases-section {
padding: 80px 0;
background: #f8f9fa;
}
.cases-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
}
.case-card {
position: relative;
border-radius: 8px;
overflow: hidden;
aspect-ratio: 4/3;
cursor: pointer;
}
.case-card img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.5s ease;
}
.case-card:hover img {
transform: scale(1.1);
}
.case-overlay {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 20px;
background: linear-gradient(transparent, rgba(0,0,0,0.8));
color: #fff;
transform: translateY(20px);
opacity: 0;
transition: all 0.3s ease;
}
.case-card:hover .case-overlay {
transform: translateY(0);
opacity: 1;
}
.case-overlay h4 {
font-size: 16px;
font-weight: 600;
margin-bottom: 4px;
}
.case-overlay p {
font-size: 13px;
opacity: 0.8;
}
/* ===== Advantages Section ===== */
.advantages-section {
padding: 80px 0;
}
.advantages-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 30px;
}
.advantage-card {
text-align: center;
padding: 30px 20px;
border: 1px solid #e9ecef;
border-radius: 8px;
transition: all 0.3s ease;
}
.advantage-card:hover {
border-color: #4a9fd4;
box-shadow: 0 10px 40px rgba(0,0,0,0.1);
transform: translateY(-5px);
}
.advantage-icon {
width: 60px;
height: 60px;
background: linear-gradient(135deg, #4a9fd4 0%, #3d8bc0 100%);
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 20px;
font-size: 28px;
}
.advantage-card h4 {
font-size: 18px;
font-weight: 600;
color: #1e3a5f;
margin-bottom: 10px;
}
.advantage-card p {
font-size: 14px;
color: #6c757d;
line-height: 1.6;
}
/* ===== Contact Section ===== */
.contact-section {
padding: 80px 0;
background: linear-gradient(135deg, #6b7c94 0%, #7a8ba3 100%);
color: #fff;
}
.contact-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 60px;
align-items: center;
}
.contact-info h2 {
font-size: 36px;
font-weight: 700;
margin-bottom: 20px;
}
.contact-info p {
font-size: 16px;
color: rgba(255,255,255,0.8);
margin-bottom: 30px;
}
.contact-details {
display: flex;
flex-direction: column;
gap: 20px;
}
.contact-item {
display: flex;
align-items: center;
gap: 15px;
}
.contact-item-icon {
width: 50px;
height: 50px;
background: rgba(74,159,212,0.2);
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
}
.contact-item-content h4 {
font-size: 14px;
color: rgba(255,255,255,0.6);
margin-bottom: 4px;
}
.contact-item-content p {
font-size: 16px;
color: #fff;
margin: 0;
}
.contact-form {
background: #fff;
padding: 40px;
border-radius: 12px;
}
.contact-form h3 {
font-size: 24px;
font-weight: 700;
color: #1e3a5f;
margin-bottom: 25px;
}
.form-group {
margin-bottom: 20px;
}
.form-group label {
display: block;
font-size: 14px;
font-weight: 500;
color: #495057;
margin-bottom: 8px;
}
.form-group input,
.form-group textarea {
width: 100%;
padding: 12px 16px;
border: 1px solid #dee2e6;
border-radius: 6px;
font-size: 15px;
transition: border-color 0.3s;
}
.form-group input:focus,
.form-group textarea:focus {
outline: none;
border-color: #4a9fd4;
}
.form-group textarea {
min-height: 120px;
resize: vertical;
}
.form-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 15px;
}
/* ===== Responsive Design ===== */
@media (max-width: 992px) {
.hero h1 {
font-size: 42px;
}
.stats-grid {
grid-template-columns: repeat(2, 1fr);
}
.product-row {
grid-template-columns: 1fr;
gap: 30px;
}
.product-row.reverse {
direction: ltr;
}
.cases-grid {
grid-template-columns: repeat(2, 1fr);
}
.advantages-grid {
grid-template-columns: repeat(2, 1fr);
}
.contact-grid {
grid-template-columns: 1fr;
}
}
@media (max-width: 576px) {
.hero h1 {
font-size: 32px;
}
.hero-buttons {
flex-direction: column;
}
.stats-grid {
grid-template-columns: 1fr 1fr;
gap: 15px;
}
.stat-number {
font-size: 32px;
}
.cases-grid {
grid-template-columns: 1fr;
}
.advantages-grid {
grid-template-columns: 1fr;
}
.form-row {
grid-template-columns: 1fr;
}
}
/* ===== Smooth Scroll ===== */
html {
scroll-behavior: smooth;
}
Professional Elevator Solutions
Making Vertical Transportation Safer
ChiSheng Elevator specializes in the R&D and supplying of high-end elevators, providing safe, comfortable, and intelligent vertical transportation solutions for commercial buildings, residential communities, and public facilities.
Years Experience
1000+
Projects
5+
Countries
24 hours
Service
Core Products
Professional elevator solutions for different scenarios
Passenger Elevators
Using advanced permanent magnet synchronous gearless traction technology, smooth and quiet operation, energy-saving and environmentally friendly. Suitable for commercial buildings, hotels, residences and various buildings.
Speed 1.0-4.0m/s
Capacity 450-2000kg
Noise ≤45dB
Energy Saving 30%+
Learn More →
Home Elevators
Designed for private residences, compact and exquisite, flexible installation. No machine room required, no pit needed, perfectly integrated into the home environment.
Min Shaft 1000mm
No Pit Design
Silent Operation
Customizable
Learn More →
Freight Elevators
Heavy load, high-strength design to meet cargo transportation needs in factories, warehouses, shopping malls and other places. Strong, durable, safe and reliable.
Capacity 1000-5000kg
High-strength Cabin
Anti-collision Design
Self-diagnosis
Learn More →
Escalators
High-efficiency escalator solutions for shopping malls, airports, subway stations and public buildings. Smooth operation, energy-saving design, ensuring safe and comfortable passenger flow.
Speed 0.5m/s
Inclination 30°/35°
Step Width 600/800/1000mm
Auto Lubrication
Learn More →
Success Projects
Trusted by 1000+ projects worldwide
Beijing
Office Building passenger elevator
Shijiazhuang
Commercial Complex Escalator
Shijiazhuang
Luxury Residential · Home Lifts
Shijiazhuang Dahe Cold-Chain Park
Freight · Elevators
Why Choose Chisheng Elevator
Four core advantages for excellent service
🏆
Quality Assurance
ISO9001 quality management certified, products comply with EN81 international standards
🔧
Professional Team
300+ professional technical team, 20 years industry experience, comprehensive technical support
⚡
Fast Response
200+ service outlets nationwide, 24-hour rapid response, 30 minutes on-site
🌐
Global Service
Products exported to 10+ countries, global sales and after-sales service network
Contact Us
Whatever your elevator needs, our professional team is ready to provide consulting services.
📍
Address
Room 613, Building A, Hongsheng Business Plaza, No.52 Zhaiying South Street, Yuhua District, Shijiazhuang City, Hebei Province, China
📞
Hotline
+86 15710338566
✉️
info@chishengelevator.com
Online Inquiry