'); background-size: cover; background-position: center; display: flex; align-items: center; color: white; text-align: center; } .hero-content { max-width: 800px; margin: 0 auto; padding: 0 20px; } .hero h2 { font-size: 3.5rem; margin-bottom: 20px; text-transform: uppercase; letter-spacing: 3px; } .hero p { font-size: 1.2rem; margin-bottom: 30px; opacity: 0.9; } /* 关于区域 */ .about-content { display: flex; align-items: center; gap: 50px; } .about-text { flex: 1; } .about-text h3 { font-size: 2rem; color: var(--secondary); margin-bottom: 20px; } .about-text p { margin-bottom: 15px; } .about-features { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-top: 30px; } .feature { display: flex; align-items: flex-start; gap: 15px; } .feature-icon { width: 50px; height: 50px; background: var(--accent); border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .about-image { flex: 1; border-radius: 10px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.1); } .about-image img { width: 100%; height: auto; display: block; } /* 产品区域 */ .products { background: #f5f0ea; } .product-filters { display: flex; justify-content: center; flex-wrap: wrap; gap: 15px; margin-bottom: 40px; } .filter-btn { padding: 8px 20px; background: white; border: 1px solid var(--primary); border-radius: 30px; cursor: pointer; transition: var(--transition); } .filter-btn.active, .filter-btn:hover { background: var(--primary); color: white; } .product-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 30px; } .product-card { background: white; border-radius: 10px; overflow: hidden; box-shadow: 0 5px 15px rgba(0,0,0,0.05); transition: var(--transition); } .product-card:hover { transform: translateY(-10px); box-shadow: 0 15px 30px rgba(0,0,0,0.1); } .product-image { height: 250px; background: #f0e6dc; display: flex; align-items: center; justify-content: center; position: relative; } .product-image img { max-width: 90%; max-height: 90%; } .product-tag { position: absolute; top: 15px; right: 15px; background: var(--primary); color: white; padding: 5px 15px; border-radius: 3px; font-size: 0.9rem; } .product-info { padding: 20px; } .product-info h3 { font-size: 1.3rem; margin-bottom: 10px; color: var(--secondary); } .product-info p { color: #666; margin-bottom: 15px; } .product-meta { display: flex; justify-content: space-between; align-items: center; margin-top: 15px; } /* 优势区域 */ .advantages { background: var(--secondary); color: white; } .advantages .section-title h2 { color: white; } .advantages-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; } .advantage-card { background: rgba(255, 255, 255, 0.05); padding: 40px 30px; border-radius: 10px; text-align: center; transition: var(--transition); } .advantage-card:hover { transform: translateY(-10px); background: rgba(255, 255, 255, 0.1); } .advantage-icon { font-size: 3rem; margin-bottom: 20px; color: var(--accent); } .advantage-card h3 { font-size: 1.5rem; margin-bottom: 15px; } /* 资质区域 */ .certifications { background: #f5f0ea; } .certs-container { display: flex; flex-wrap: wrap; justify-content: center; gap: 40px; margin-top: 50px; } .cert-item { text-align: center; max-width: 200px; } .cert-icon { width: 120px; height: 120px; margin: 0 auto 20px; background: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 2.5rem; color: var(--primary); box-shadow: 0 5px 15px rgba(0,0,0,0.05); } /* 流程区域 */ .process-steps { display: flex; justify-content: space-between; position: relative; margin-top: 50px; } .process-steps::before { content: ''; position: absolute; top: 40px; left: 50px; right: 50px; height: 2px; background: var(--accent); z-index: 0; } .step { text-align: center; position: relative; z-index: 1; flex: 1; } .step-icon { width: 80px; height: 80px; background: var(--primary); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; font-size: 2rem; } .step h3 { margin-bottom: 10px; color: var(--secondary); } /* 联系区域 */ .contact { background: linear-gradient(to bottom, rgba(142, 108, 77, 0.9), rgba(61, 43, 31, 0.9)), url('data:image/svg+xml;utf8,'); background-size: cover; background-position: center; color: white; } .contact-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 50px; } .contact-info h3 { font-size: 1.8rem; margin-bottom: 30px; } .contact-item { display: flex; align-items: flex-start; gap: 15px; margin-bottom: 25px; } .contact-icon { font-size: 1.5rem; color: var(--accent); } .contact-form { background: rgba(255, 255, 255, 0.1); padding: 40px; border-radius: 10px; backdrop-filter: blur(10px); } .form-group { margin-bottom: 20px; } .form-group label { display: block; margin-bottom: 8px; font-weight: 500; } .form-control { width: 100%; padding: 12px 15px; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 4px; color: white; font-size: 1rem; } .form-control:focus { outline: none; border-color: var(--accent); } textarea.form-control { min-height: 150px; resize: vertical; } /* 页脚 */ footer { background: var(--dark); color: rgba(255, 255, 255, 0.7); padding: 60px 0 30px; } .footer-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 40px; margin-bottom: 40px; } .footer-col h4 { color: white; margin-bottom: 25px; font-size: 1.3rem; position: relative; padding-bottom: 10px; } .footer-col h4::after { content: ''; position: absolute; left: 0; bottom: 0; width: 50px; height: 2px; background: var(--accent); } .footer-col ul li { margin-bottom: 12px; } .footer-col ul li a:hover { color: var(--accent); padding-left: 5px; } .social-links { display: flex; gap: 15px; margin-top: 20px; } .social-icon { width: 40px; height: 40px; border-radius: 50%; background: rgba(255, 255, 255, 0.1); display: flex; align-items: center; justify-content: center; transition: var(--transition); } .social-icon:hover { background: var(--primary); transform: translateY(-5px); } .copyright { text-align: center; padding-top: 30px; border-top: 1px solid rgba(255, 255, 255, 0.1); } /* 响应式设计 */ @media (max-width: 992px) { .about-content { flex-direction: column; } .about-image { order: -1; } .process-steps { flex-direction: column; gap: 40px; } .process-steps::before { display: none; } } @media (max-width: 768px) { .mobile-toggle { display: block; } .nav-menu { position: absolute; top: 70px; left: 0; right: 0; background: white; flex-direction: column; padding: 20px 0; box-shadow: 0 10px 15px rgba(0,0,0,0.1); clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); transition: var(--transition); } .nav-menu.active { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); } .nav-menu li { margin: 10px 20px; } .hero h2 { font-size: 2.5rem; } }
Manufacturer of high-quality human hair products since 2008. Offering OEM/ODM services with competitive pricing and fast delivery.
15+ Years Experience in Hair Product Manufacturing
CN Good Hair is a professional hair products manufacturer located in Xuchang, China - the hair capital of the world. Since our establishment in 2008, we've been dedicated to producing premium quality human hair extensions and synthetic hair products.
With our modern factory and skilled artisans, we specialize in creating custom hair solutions including hair toppers, closures, wigs, wefts, and more. Our products are crafted using 100% human hair sourced ethically from various regions.
OEM/ODM services available
Rigorous quality control at every stage
Efficient production and shipping
Direct factory prices
Premium Hair Solutions for All Needs
100% unprocessed human hair, soft texture, minimal shedding.
Natural hairline, comfortable cap, various densities available.
Solution for thinning hair, various base sizes and attachment methods.
5x5, 4x4, 13x4 lace closures and frontals for versatile styling.
Advantages of Partnering with CN Good Hair
We use only 100% human hair with cuticle aligned in the same direction for minimal tangling and shedding.
Full OEM/ODM services - create your own brand with custom packaging and specifications.
As a direct factory, we offer the most competitive prices without middlemen.
Efficient production process with 10-20 days turnaround for most orders.
Four-step quality control process ensures consistent product quality.
Experience with shipping worldwide using reliable logistics partners.
Our Commitment to Quality Standards
Quality Management System
Social Compliance Standard
Product Quality Certification
From Raw Materials to Finished Products
Ethical sourcing of premium raw hair from trusted suppliers.
Sterilization, sorting, and coloring according to requirements.
Skilled artisans hand-tie each strand for natural appearance.
Four-step quality control process at different production stages.
Professional packaging with custom branding options.
Get in Touch for Custom Hair Solutions
Xuchang, Henan Province, China
+86 123 4567 8910
Monday-Friday: 9:00 - 18:00 (GMT+8)