'); background-size: cover; background-position: center; color: var(--white); padding: 100px 20px; text-align: center; } .hero-content { max-width: 800px; margin: 0 auto; } .hero h2 { font-size: 2.5rem; margin-bottom: 20px; text-shadow: 0 2px 4px rgba(0,0,0,0.3); } .hero p { font-size: 1.2rem; margin-bottom: 30px; max-width: 700px; margin-left: auto; margin-right: auto; } .cta-button { display: inline-block; background-color: var(--accent); color: var(--white); padding: 12px 30px; border-radius: 4px; text-decoration: none; font-weight: 600; transition: var(--transition); text-transform: uppercase; letter-spacing: 1px; } .cta-button:hover { background-color: var(--dark); transform: translateY(-3px); box-shadow: 0 5px 15px rgba(0,0,0,0.2); } /* Section Styles */ section { padding: 80px 20px; } .section-header { text-align: center; margin-bottom: 50px; } .section-header h2 { font-size: 2rem; color: var(--primary); margin-bottom: 15px; position: relative; display: inline-block; } .section-header h2::after { content: ''; position: absolute; width: 50%; height: 3px; background-color: var(--accent); bottom: -10px; left: 25%; } .section-header p { max-width: 700px; margin: 20px auto 0; color: #666; } .container { max-width: 1200px; margin: 0 auto; } /* About Section */ .about-content { display: flex; flex-wrap: wrap; gap: 40px; align-items: center; } .about-text { flex: 1; min-width: 300px; } .about-text h3 { color: var(--primary); margin-bottom: 20px; font-size: 1.8rem; } .about-grid { flex: 1; min-width: 300px; display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; } .about-card { background: var(--white); padding: 25px; border-radius: 8px; box-shadow: 0 5px 15px rgba(0,0,0,0.05); transition: var(--transition); } .about-card:hover { transform: translateY(-10px); box-shadow: 0 10px 25px rgba(0,0,0,0.1); } .about-card h4 { color: var(--accent); margin-bottom: 10px; font-size: 1.2rem; } /* Products Section */ .products-filter { display: flex; justify-content: center; flex-wrap: wrap; gap: 15px; margin-bottom: 40px; } .filter-btn { background: var(--white); border: 1px solid var(--secondary); padding: 8px 20px; border-radius: 30px; cursor: pointer; transition: var(--transition); font-weight: 500; } .filter-btn.active, .filter-btn:hover { background: var(--accent); color: var(--white); border-color: var(--accent); } .products-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 30px; } .product-card { background: var(--white); border-radius: 8px; 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: 200px; background-color: var(--secondary); background-image: url('data:image/svg+xml;utf8,'); background-size: cover; background-position: center; } .product-info { padding: 20px; } .product-info h3 { color: var(--primary); margin-bottom: 10px; font-size: 1.2rem; } .product-meta { display: flex; justify-content: space-between; margin: 15px 0; font-size: 0.9rem; color: #666; } .product-price { color: var(--accent); font-weight: 600; font-size: 1.1rem; } .product-features { margin-top: 15px; padding-top: 15px; border-top: 1px solid #eee; } .product-features li { margin-bottom: 8px; font-size: 0.9rem; list-style-position: inside; } /* Advantages Section */ .advantages-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px; } .advantage-card { background: var(--white); padding: 30px; border-radius: 8px; text-align: center; box-shadow: 0 5px 15px rgba(0,0,0,0.05); transition: var(--transition); } .advantage-card:hover { transform: translateY(-10px); box-shadow: 0 15px 30px rgba(0,0,0,0.1); } .advantage-icon { font-size: 2.5rem; color: var(--accent); margin-bottom: 20px; } .advantage-card h3 { color: var(--primary); margin-bottom: 15px; } /* Market Section */ .market-container { background: var(--white); padding: 40px; border-radius: 8px; box-shadow: 0 5px 15px rgba(0,0,0,0.05); display: flex; flex-wrap: wrap; gap: 40px; } .payment-methods, .markets { flex: 1; min-width: 300px; } .market-container h3 { color: var(--primary); margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid var(--secondary); } .method-list, .market-list { display: flex; flex-wrap: wrap; gap: 15px; margin-top: 20px; } .method-item, .market-item { background: var(--light); padding: 8px 15px; border-radius: 4px; font-size: 0.9rem; } /* Contact Section */ .contact-section { background: var(--primary); color: var(--white); } .contact-container { display: flex; flex-wrap: wrap; gap: 40px; } .contact-info, .contact-form { flex: 1; min-width: 300px; } .contact-info h3 { font-size: 1.8rem; margin-bottom: 20px; } .contact-details { margin-top: 30px; } .contact-item { display: flex; margin-bottom: 20px; } .contact-icon { font-size: 1.5rem; margin-right: 15px; color: var(--secondary); } .contact-form form { display: grid; gap: 15px; } .form-group { display: flex; flex-direction: column; } .form-group label { margin-bottom: 5px; font-weight: 500; } .form-group input, .form-group textarea, .form-group select { padding: 12px; border-radius: 4px; border: none; background: rgba(255,255,255,0.1); color: var(--white); } .form-group textarea { min-height: 120px; resize: vertical; } .form-group input::placeholder, .form-group textarea::placeholder { color: rgba(255,255,255,0.6); } .submit-btn { background: var(--accent); color: var(--white); border: none; padding: 12px 20px; border-radius: 4px; cursor: pointer; font-weight: 600; transition: var(--transition); text-transform: uppercase; } .submit-btn:hover { background: var(--dark); } /* Footer */ footer { background: var(--dark); color: var(--white); padding: 50px 20px 20px; } .footer-container { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 40px; } .footer-col h4 { font-size: 1.2rem; margin-bottom: 20px; position: relative; padding-bottom: 10px; } .footer-col h4::after { content: ''; position: absolute; width: 50px; height: 2px; background: var(--accent); bottom: 0; left: 0; } .footer-col ul { list-style: none; } .footer-col ul li { margin-bottom: 10px; } .footer-col ul li a { color: var(--secondary); text-decoration: none; transition: var(--transition); } .footer-col ul li a:hover { color: var(--white); padding-left: 5px; } .copyright { text-align: center; padding-top: 30px; margin-top: 30px; border-top: 1px solid rgba(255,255,255,0.1); font-size: 0.9rem; color: rgba(255,255,255,0.7); } /* Responsive Design */ @media (max-width: 768px) { .header-container { flex-direction: column; text-align: center; } nav ul { margin-top: 15px; justify-content: center; } nav ul li { margin: 0 10px; } .hero h2 { font-size: 2rem; } .section-header h2 { font-size: 1.8rem; } } @media (max-width: 480px) { .hero { padding: 60px 20px; } section { padding: 60px 20px; } .products-grid { grid-template-columns: 1fr; } }
Established in 2014, Xuchang An Ruina Hair Accessories specializes in crafting high-quality, 100% human hair products for global customers. With over 1000 employees and 501-1000 sqm factory, we deliver exceptional value and style.
Explore Our ProductsAs a leading manufacturer in the hair accessories industry, we combine traditional craftsmanship with modern innovation
Xuchang An Ruina Hair Accessories Co., Ltd. is a comprehensive enterprise integrating R&D, production, trade, and service. Founded in 2014 in Henan, China, we've dedicated ourselves to creating fashionable, high-quality hair accessories that enhance personal style.
With our 1000+ skilled employees and advanced manufacturing facilities, we maintain strict quality control throughout the production process. Our core mission is to deliver exceptional value through premium products that balance quality and affordability.
We pride ourselves on our rapid response time (≤1 hour) and 100% response rate, ensuring smooth communication and efficient order processing for all our clients worldwide.
Founded: 2014
Location: Henan, China
Employees: 1000+
Factory Area: 501-1000 sqm
Material: 100% Human Hair
Certification: Onsite Check Verified
Hair Origin: Indian, Vietnamese, Brazilian
Processing: Full Cuticle Retention
Integrated R&D, Production & Trade
Customized Solutions
Ready-to-Ship Products
Wholesale & Bulk Orders
≤1 Hour Response Time
100% Response Rate
Multilingual Support
After-Sales Assistance
Explore our extensive range of high-quality hair extensions, wigs, and accessories
Discover the competitive advantages that set us apart in the hair industry
We guarantee ≤1 hour response time with 100% response rate to all inquiries and orders
All products use 100% human hair with full cuticles retained for natural look and durability
Combination of ready-to-ship products and customized solutions with 1 pc MOQ
Reasonable price points ranging from $0.90 to $194 to accommodate all budgets
We serve clients worldwide with convenient payment solutions
We support multiple international payment options for your convenience:
Our products reach customers across multiple continents:
Get in touch with our team for inquiries or custom orders
Have questions about our hair products or want to discuss wholesale opportunities? Our team is ready to assist you with any inquiries.
Henan Province, China
Monday-Friday: 8:00 AM - 6:00 PM (GMT+8)