'); background-size: cover; color: white; padding: 100px 0; text-align: center; } .hero-content { max-width: 800px; margin: 0 auto; } .hero h2 { font-size: 3.5rem; margin-bottom: 20px; font-weight: 700; text-shadow: 0 2px 4px rgba(0,0,0,0.3); } .hero p { font-size: 1.4rem; margin-bottom: 30px; font-weight: 300; } .btn { display: inline-block; background-color: var(--accent); color: white; padding: 14px 30px; border-radius: 30px; text-decoration: none; font-weight: 600; font-size: 1.1rem; transition: var(--transition); border: none; cursor: pointer; box-shadow: 0 4px 15px rgba(231, 76, 60, 0.3); } .btn:hover { transform: translateY(-3px); box-shadow: 0 6px 20px rgba(231, 76, 60, 0.4); background-color: #c0392b; } /* About Section */ .section { padding: 80px 0; } .section-title { text-align: center; margin-bottom: 60px; position: relative; } .section-title h2 { font-size: 2.5rem; color: var(--primary); display: inline-block; } .section-title h2::after { content: ''; position: absolute; bottom: -15px; left: 50%; transform: translateX(-50%); width: 80px; height: 4px; background-color: var(--secondary); border-radius: 2px; } .about-content { display: flex; align-items: center; gap: 50px; } .about-text { flex: 1; } .about-text h3 { font-size: 2rem; margin-bottom: 20px; color: var(--dark); } .about-text p { margin-bottom: 20px; font-size: 1.1rem; } .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 { background-color: var(--primary); color: white; width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; flex-shrink: 0; } .feature-text h4 { font-size: 1.3rem; margin-bottom: 5px; color: var(--dark); } /* Products Section */ .products { background-color: var(--light); } .product-categories { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px; margin-bottom: 50px; } .category-card { background: white; border-radius: 10px; overflow: hidden; box-shadow: 0 5px 15px rgba(0,0,0,0.1); transition: var(--transition); text-align: center; } .category-card:hover { transform: translateY(-10px); box-shadow: 0 15px 30px rgba(0,0,0,0.15); } .card-icon { background-color: var(--primary); color: white; font-size: 3rem; padding: 30px 0; } .card-content { padding: 25px; } .card-content h3 { font-size: 1.5rem; margin-bottom: 15px; color: var(--primary); } .product-gallery { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 30px; } .product-card { background: white; border-radius: 10px; overflow: hidden; box-shadow: 0 5px 15px rgba(0,0,0,0.1); transition: var(--transition); } .product-card:hover { transform: scale(1.03); box-shadow: 0 15px 30px rgba(0,0,0,0.15); } .product-image { height: 250px; background: linear-gradient(45deg, var(--primary), var(--secondary)); display: flex; align-items: center; justify-content: center; color: white; font-size: 2rem; font-weight: bold; } .product-info { padding: 25px; } .product-info h3 { font-size: 1.4rem; margin-bottom: 10px; color: var(--dark); } .product-info ul { padding-left: 20px; margin: 15px 0; } .product-info ul li { margin-bottom: 8px; } /* Why Choose Us */ .advantages { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; } .advantage-card { background: white; padding: 40px 30px; border-radius: 10px; box-shadow: 0 5px 15px rgba(0,0,0,0.05); text-align: center; transition: var(--transition); } .advantage-card:hover { transform: translateY(-10px); box-shadow: 0 15px 30px rgba(0,0,0,0.1); } .advantage-icon { font-size: 3rem; color: var(--primary); margin-bottom: 20px; } .advantage-card h3 { font-size: 1.5rem; margin-bottom: 15px; color: var(--dark); } /* Contact Section */ .contact { background: linear-gradient(135deg, rgba(52, 152, 219, 0.08), rgba(142, 68, 173, 0.08)); } .contact-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 50px; } .contact-info { display: flex; flex-direction: column; gap: 25px; } .contact-item { display: flex; gap: 15px; align-items: flex-start; } .contact-icon { background-color: var(--primary); color: white; width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; flex-shrink: 0; } .contact-details h3 { font-size: 1.3rem; margin-bottom: 5px; color: var(--dark); } .contact-form { background: white; padding: 40px; border-radius: 10px; box-shadow: 0 5px 20px rgba(0,0,0,0.08); } .form-group { margin-bottom: 20px; } .form-group label { display: block; margin-bottom: 8px; font-weight: 500; } .form-group input, .form-group textarea { width: 100%; padding: 14px; border: 1px solid #ddd; border-radius: 8px; font-size: 1rem; transition: var(--transition); } .form-group input:focus, .form-group textarea:focus { border-color: var(--primary); outline: none; box-shadow: 0 0 0 3px rgba(142, 68, 173, 0.2); } /* Footer */ footer { background-color: var(--dark); color: white; padding: 60px 0 30px; } .footer-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 40px; margin-bottom: 40px; } .footer-logo h2 { font-size: 2rem; color: white; margin-bottom: 20px; } .footer-logo p { opacity: 0.8; line-height: 1.8; } .footer-links h3 { font-size: 1.3rem; margin-bottom: 20px; position: relative; padding-bottom: 10px; } .footer-links h3::after { content: ''; position: absolute; bottom: 0; left: 0; width: 50px; height: 2px; background-color: var(--secondary); } .footer-links ul { list-style: none; } .footer-links ul li { margin-bottom: 12px; } .footer-links ul li a { color: #ddd; text-decoration: none; transition: var(--transition); opacity: 0.8; } .footer-links ul li a:hover { opacity: 1; color: var(--secondary); padding-left: 5px; } .copyright { text-align: center; padding-top: 30px; border-top: 1px solid rgba(255,255,255,0.1); opacity: 0.7; } /* Responsive */ @media (max-width: 768px) { .header-container { flex-direction: column; gap: 15px; } nav ul { flex-wrap: wrap; justify-content: center; } nav ul li { margin: 0 10px; } .hero h2 { font-size: 2.5rem; } .hero p { font-size: 1.2rem; } .about-content { flex-direction: column; } .section { padding: 60px 0; } }
Qingdao Fayun Trade: Your Trusted Partner for High-Quality Human Hair Wigs, Synthetic Wigs, and Hair Extensions
Request a QuoteFounded in Qingdao, China, we specialize in manufacturing premium human hair wigs, synthetic wigs, hair extensions, and hair pieces. With years of industry experience, we've established ourselves as a reliable partner for salons, distributors, and retailers worldwide.
Our commitment to excellence is reflected in our strict quality control processes and continuous innovation in hair products. We combine traditional craftsmanship with modern technology to deliver products that meet the highest international standards.
Rigorous 7-step quality control process
Responsibly sourced human hair materials
Modern facilities with skilled artisans
Products shipped to 50+ countries
100% human hair wigs with natural look and feel, available in various styles and textures.
High-quality synthetic fibers that mimic natural hair, affordable and low maintenance.
Clip-in, tape-in, and micro-ring extensions for length and volume enhancement.
Hair toppers, ponytails, and buns for versatile styling options.
Hand-tied lace base for maximum comfort and natural hairline.
Natural hairline with lace front and durable wefted back.
Premium hair bundles for extensions and custom wigs.
Customize your own hair products with our flexible manufacturing solutions. From private labeling to custom designs.
Stringent 10-point inspection process ensures every product meets international quality standards.
Efficient manufacturing process with 15-25 days production time for standard orders.
Reliable shipping via DHL, FedEx, and sea freight with expertise in global customs clearance.
Qingdao, Shandong Province, China
+86 532 8888 8888
Monday-Friday: 8:30 AM - 5:30 PM (GMT+8)