'); background-size: cover; background-position: center; color: white; padding: 180px 0 100px; text-align: center; } .hero-content { max-width: 800px; margin: 0 auto; } .hero h1 { font-size: 3.5rem; margin-bottom: 20px; line-height: 1.2; text-shadow: 0 2px 10px rgba(0,0,0,0.2); } .hero p { font-size: 1.5rem; margin-bottom: 30px; max-width: 700px; margin-left: auto; margin-right: auto; } .hero-badges { display: flex; justify-content: center; flex-wrap: wrap; gap: 15px; margin-top: 30px; } .badge { background: rgba(255,255,255,0.15); border: 1px solid rgba(255,255,255,0.3); padding: 10px 20px; border-radius: 50px; font-size: 0.95rem; backdrop-filter: blur(5px); transition: var(--transition); } .badge:hover { background: rgba(255,255,255,0.25); transform: translateY(-3px); } /* About Section */ .about-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; margin-top: 40px; } .about-card { background: white; border-radius: 10px; overflow: hidden; box-shadow: 0 5px 15px rgba(0,0,0,0.05); transition: var(--transition); } .about-card:hover { transform: translateY(-10px); box-shadow: 0 15px 30px rgba(0,0,0,0.1); } .card-header { background: var(--primary); color: white; padding: 20px; text-align: center; } .card-body { padding: 25px; } .card-body h3 { color: var(--dark); margin-bottom: 15px; font-size: 1.5rem; } .card-body ul { list-style-type: none; padding-left: 20px; } .card-body ul li { position: relative; padding-left: 25px; margin-bottom: 10px; } .card-body ul li::before { content: '✓'; position: absolute; left: 0; color: var(--primary); font-weight: bold; } /* Products Section */ .products { background: var(--light); } .product-filters { display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; margin-bottom: 40px; } .filter-btn { background: white; border: 1px solid #ddd; padding: 8px 20px; border-radius: 30px; cursor: pointer; transition: var(--transition); } .filter-btn.active, .filter-btn:hover { background: var(--primary); color: white; border-color: var(--primary); } .products-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-img { height: 200px; background: linear-gradient(45deg, #e0e0e0, #f5f5f5); display: flex; align-items: center; justify-content: center; color: var(--gray); font-weight: bold; text-align: center; padding: 20px; } .product-info { padding: 20px; } .product-type { display: inline-block; background: rgba(142, 68, 173, 0.1); color: var(--primary); padding: 3px 10px; border-radius: 30px; font-size: 0.85rem; margin-bottom: 10px; } .product-title { font-size: 1.3rem; margin-bottom: 10px; color: var(--dark); } .product-features { margin: 15px 0; font-size: 0.95rem; color: var(--gray); } .product-features span { display: block; margin-bottom: 5px; } .product-price { font-weight: bold; font-size: 1.2rem; color: var(--accent); margin-top: 10px; } .product-moq { color: var(--gray); font-size: 0.9rem; margin-top: 5px; } /* Customization Section */ .customization-steps { display: flex; flex-wrap: wrap; justify-content: center; gap: 30px; margin-top: 40px; } .step { flex: 1; min-width: 250px; max-width: 350px; text-align: center; padding: 30px; background: white; border-radius: 10px; box-shadow: 0 5px 15px rgba(0,0,0,0.05); } .step-icon { width: 80px; height: 80px; background: rgba(142, 68, 173, 0.1); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; font-size: 2rem; color: var(--primary); } .step h3 { margin-bottom: 15px; color: var(--dark); } /* Colors Section */ .colors { background: var(--light); } .color-palette { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; margin-top: 30px; } .color-item { text-align: center; } .color-swatch { width: 80px; height: 80px; border-radius: 50%; margin: 0 auto 10px; box-shadow: 0 3px 10px rgba(0,0,0,0.1); } .color-name { font-weight: 600; } /* Contact Section */ .contact-container { display: flex; flex-wrap: wrap; gap: 40px; margin-top: 30px; } .contact-info { flex: 1; min-width: 300px; } .contact-info h3 { margin-bottom: 20px; color: var(--dark); } .contact-detail { display: flex; align-items: flex-start; margin-bottom: 20px; } .contact-icon { width: 50px; height: 50px; background: rgba(142, 68, 173, 0.1); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.2rem; color: var(--primary); margin-right: 15px; flex-shrink: 0; } .contact-text h4 { margin-bottom: 5px; } .contact-form { flex: 1; min-width: 300px; background: white; padding: 30px; border-radius: 10px; box-shadow: 0 5px 15px rgba(0,0,0,0.05); } .form-group { margin-bottom: 20px; } .form-group label { display: block; margin-bottom: 8px; font-weight: 500; } .form-group input, .form-group textarea, .form-group select { width: 100%; padding: 12px 15px; border: 1px solid #ddd; border-radius: 4px; font-size: 1rem; } .form-group textarea { height: 150px; resize: vertical; } /* Footer */ footer { background: var(--dark); color: white; padding: 60px 0 20px; } .footer-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 40px; margin-bottom: 40px; } .footer-col h3 { font-size: 1.3rem; margin-bottom: 20px; position: relative; padding-bottom: 10px; } .footer-col h3::after { content: ''; position: absolute; bottom: 0; left: 0; width: 50px; height: 2px; background: var(--primary); } .footer-col ul { list-style: none; } .footer-col ul li { margin-bottom: 12px; } .footer-col ul li a { color: #bbb; text-decoration: none; transition: var(--transition); } .footer-col ul li a:hover { color: white; padding-left: 5px; } .footer-bottom { text-align: center; padding-top: 20px; border-top: 1px solid rgba(255,255,255,0.1); color: #bbb; font-size: 0.9rem; } /* Responsive styles */ @media (max-width: 992px) { .hero h1 { font-size: 2.8rem; } .section-title h2 { font-size: 2rem; } } @media (max-width: 768px) { nav ul { display: none; position: absolute; top: 100%; left: 0; width: 100%; background: white; flex-direction: column; box-shadow: 0 5px 10px rgba(0,0,0,0.1); padding: 20px 0; } nav ul.show { display: flex; } nav ul li { margin: 10px 0; text-align: center; } .mobile-toggle { display: block; } .hero { padding: 150px 0 80px; } .hero h1 { font-size: 2.2rem; } .hero p { font-size: 1.2rem; } section { padding: 60px 0; } } @media (max-width: 576px) { .hero h1 { font-size: 2rem; } .section-title h2 { font-size: 1.8rem; } .btn { padding: 10px 20px; } }
31+ years of expertise in crafting premium synthetic & human hair wigs for global brands
Request a QuoteHenan Ruimei Hair Products Co., Ltd. - Your Trusted Manufacturing Partner
Established: 1992 (31+ years manufacturing experience)
Specialization: 26 years in hair products industry
Location: Henan, China
Certification: Verified Alibaba Supplier, SGS Quality Certified
Facility: 117,300㎡ manufacturing space
Premium Quality Wigs & Hair Solutions
Tailored Solutions for Your Brand Needs
We manufacture wigs according to your specifications and requirements using your brand name.
Our design team creates unique wig styles for your brand, handling both design and production.
Available customization types: Sample-based customization, Full customization. (Design-based customization not currently available)
Extensive Selection for Custom Orders
Get in Touch for Custom Wig Solutions
Henan Ruimei Hair Products Co., Ltd. (KEMY HAIR)
Henan, China
31+ Years in Manufacturing (Since 1992)
26 Years in Hair Products Industry
Verified Alibaba Supplier
SGS Quality Certified