'); background-size: cover; color: white; padding: 100px 0; text-align: center; position: relative; } .hero-content { max-width: 800px; margin: 0 auto; padding: 0 20px; } .hero h2 { font-size: 3rem; margin-bottom: 20px; line-height: 1.2; animation: fadeInDown 1s ease; } .hero p { font-size: 1.2rem; margin-bottom: 30px; animation: fadeInUp 1s ease 0.3s forwards; opacity: 0; } .cta-button { display: inline-block; background-color: var(--secondary); color: white; padding: 12px 30px; border-radius: 30px; text-decoration: none; font-weight: 600; font-size: 1.1rem; transition: all 0.3s ease; animation: fadeIn 1s ease 0.6s forwards; opacity: 0; border: 2px solid var(--secondary); } .cta-button:hover { background-color: transparent; transform: translateY(-3px); box-shadow: 0 10px 20px rgba(0,0,0,0.1); } /* Features Section */ .features { padding: 80px 0; background-color: var(--light); } .section-title { text-align: center; margin-bottom: 50px; } .section-title h2 { font-size: 2.5rem; color: var(--primary); position: relative; display: inline-block; padding-bottom: 15px; } .section-title h2::after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 80px; height: 3px; background-color: var(--secondary); } .features-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; } .feature-card { background: white; border-radius: 10px; overflow: hidden; box-shadow: 0 5px 15px rgba(0,0,0,0.05); transition: transform 0.3s ease, box-shadow 0.3s ease; text-align: center; padding: 30px 20px; } .feature-card:hover { transform: translateY(-10px); box-shadow: 0 15px 30px rgba(0,0,0,0.1); } .feature-icon { width: 70px; height: 70px; background: linear-gradient(135deg, var(--primary), var(--accent)); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; color: white; font-size: 1.8rem; } .feature-card h3 { font-size: 1.5rem; margin-bottom: 15px; color: var(--primary); } /* Products Section */ .products { padding: 80px 0; } .products-grid { 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.05); transition: all 0.3s ease; } .product-card:hover { transform: translateY(-10px); box-shadow: 0 15px 30px rgba(0,0,0,0.1); } .product-image { height: 250px; background-color: #f5f7fa; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; } .product-image::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(135deg, rgba(74,78,154,0.1) 0%, rgba(0,193,212,0.1) 100%); } .product-image-placeholder { font-size: 3rem; color: var(--primary); opacity: 0.2; } .product-info { padding: 20px; } .product-info h3 { font-size: 1.3rem; margin-bottom: 10px; color: var(--primary); } .product-info ul { list-style: none; margin: 15px 0; padding-left: 20px; } .product-info ul li { position: relative; padding-left: 25px; margin-bottom: 8px; } .product-info ul li::before { content: '✓'; position: absolute; left: 0; color: var(--secondary); font-weight: bold; } /* About Section */ .about { padding: 80px 0; background-color: var(--light); } .about-content { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: center; } .about-text h2 { font-size: 2.5rem; color: var(--primary); margin-bottom: 20px; } .about-text p { margin-bottom: 20px; } .certifications { display: flex; flex-wrap: wrap; gap: 20px; margin-top: 30px; } .cert-badge { width: 80px; height: 80px; background-color: white; border-radius: 10px; display: flex; align-items: center; justify-content: center; box-shadow: 0 3px 10px rgba(0,0,0,0.05); } .cert-badge i { font-size: 2rem; color: var(--primary); } .about-image { height: 400px; background: linear-gradient(135deg, var(--primary), var(--accent)); border-radius: 10px; display: flex; align-items: center; justify-content: center; color: white; font-size: 1.5rem; text-align: center; padding: 20px; } /* Contact Section */ .contact { padding: 80px 0; background: linear-gradient(135deg, rgba(74,78,154,0.05) 0%, rgba(0,193,212,0.05) 100%); } .contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; } .contact-info h3 { font-size: 1.8rem; color: var(--primary); margin-bottom: 20px; } .contact-details { margin-top: 30px; } .contact-item { display: flex; margin-bottom: 20px; } .contact-icon { width: 50px; height: 50px; background-color: var(--accent); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.2rem; margin-right: 15px; flex-shrink: 0; } .contact-form input, .contact-form textarea { width: 100%; padding: 12px 15px; margin-bottom: 20px; border: 1px solid #ddd; border-radius: 5px; font-size: 1rem; transition: border-color 0.3s; } .contact-form input:focus, .contact-form textarea:focus { outline: none; border-color: var(--accent); } .contact-form textarea { height: 150px; resize: vertical; } .submit-btn { background-color: var(--secondary); color: white; border: none; padding: 12px 30px; border-radius: 30px; font-size: 1.1rem; font-weight: 600; cursor: pointer; transition: all 0.3s ease; } .submit-btn:hover { background-color: var(--primary); transform: translateY(-3px); box-shadow: 0 5px 15px rgba(0,0,0,0.1); } /* Footer */ footer { background-color: var(--dark); color: white; padding: 60px 0 20px; } .footer-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 40px; margin-bottom: 40px; } .footer-col h3 { font-size: 1.4rem; margin-bottom: 20px; position: relative; padding-bottom: 10px; } .footer-col h3::after { content: ''; position: absolute; bottom: 0; left: 0; width: 40px; height: 2px; background-color: var(--secondary); } .footer-col ul { list-style: none; } .footer-col ul li { margin-bottom: 10px; } .footer-col ul li a { color: #ddd; text-decoration: none; transition: color 0.3s; } .footer-col ul li a:hover { color: var(--accent); } .copyright { text-align: center; padding-top: 20px; border-top: 1px solid rgba(255,255,255,0.1); color: #aaa; font-size: 0.9rem; } /* Animations */ @keyframes fadeInDown { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } @keyframes fadeInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } /* Responsive */ @media (max-width: 992px) { .about-content, .contact-grid { grid-template-columns: 1fr; } .about-image { height: 300px; } .hero h2 { font-size: 2.5rem; } } @media (max-width: 768px) { nav ul { display: none; } .header-container { flex-direction: column; text-align: center; } .logo { margin-bottom: 15px; } .hero h2 { font-size: 2rem; } }
Xiyan Beauty specializes in designing and manufacturing innovative beauty equipment with over 10 years of industry expertise. Our FDA & CE certified products deliver exceptional results for both professionals and home users.
Explore Our ProductsWith our own factory and R&D center, we control every aspect of production to ensure superior quality beauty devices.
Efficient production processes enable us to deliver bulk orders within 15-30 days, meeting your timeline requirements.
Our dedicated research team continuously develops innovative technologies to stay ahead in the beauty device market.
All products comply with international certifications including FDA, CE, RoHS, ensuring safety and reliability worldwide.
Professional-grade radio frequency technology for collagen stimulation and skin tightening.
Advanced microcurrent technology for facial contouring and muscle toning.
Multi-spectrum LED light therapy for various skin concerns including acne and aging.
All-in-one device combining RF, microcurrent, LED, and ultrasonic technologies.
Founded in 2013, Xiyan Beauty has grown to become a leading manufacturer of professional beauty devices. Our 1000+ square meter factory in Guangzhou, China is equipped with state-of-the-art production facilities and a dedicated R&D center.
We specialize in OEM and ODM services, working closely with global brands to develop customized beauty solutions. With over 50 experienced technicians and engineers, we've developed more than 200 innovative beauty products since our establishment.
Our commitment to quality is demonstrated through rigorous testing procedures and compliance with international standards. We maintain strict quality control protocols throughout the manufacturing process to ensure consistent product excellence.
Reach out to discuss OEM/ODM opportunities, request product samples, or inquire about our manufacturing capabilities.
Building 6, Huachuang Technology Industrial Park, Guangzhou, China 510000
[email protected]@xiyanbeauty.com
+86 20 1234 5678+86 139 1234 5678