'); background-size: cover; color: var(--white); padding: 5rem 0; text-align: center; } .hero h2 { font-size: 2.8rem; margin-bottom: 1.5rem; text-shadow: 0 2px 4px rgba(0,0,0,0.3); } .hero p { font-size: 1.4rem; max-width: 800px; margin: 0 auto 2rem; } .btn { display: inline-block; background: var(--white); color: var(--primary); padding: 12px 30px; border-radius: 50px; text-decoration: none; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; transition: var(--transition); border: 2px solid var(--white); margin: 10px; } .btn-outline { background: transparent; color: var(--white); } .btn:hover { transform: translateY(-3px); box-shadow: 0 5px 15px rgba(0,0,0,0.2); } .btn-outline:hover { background: var(--white); color: var(--primary); } /* Section Styles */ section { padding: 5rem 0; } .section-title { text-align: center; margin-bottom: 3rem; } .section-title h2 { font-size: 2.5rem; color: var(--primary); margin-bottom: 1rem; position: relative; display: inline-block; } .section-title h2::after { content: ''; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); width: 80px; height: 4px; background: var(--secondary); border-radius: 2px; } .section-title p { color: var(--gray); max-width: 700px; margin: 1rem auto 0; } /* About Section */ .about-content { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; align-items: center; } .certifications { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; margin-top: 2rem; } .cert-card { background: var(--white); border-radius: 8px; padding: 1.5rem; text-align: center; box-shadow: 0 5px 15px rgba(0,0,0,0.05); transition: var(--transition); } .cert-card:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0,0,0,0.1); } .cert-icon { font-size: 2.5rem; color: var(--primary); margin-bottom: 1rem; } .stats-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.5rem; margin-top: 2rem; } .stat-card { background: var(--white); border-radius: 8px; padding: 1.5rem; text-align: center; box-shadow: 0 5px 15px rgba(0,0,0,0.05); } .stat-card h3 { font-size: 2rem; color: var(--primary); margin-bottom: 0.5rem; } /* Services Section */ .services { background: var(--light); } .services-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; } .service-card { background: var(--white); border-radius: 8px; overflow: hidden; box-shadow: 0 5px 15px rgba(0,0,0,0.05); transition: var(--transition); } .service-card:hover { transform: translateY(-10px); box-shadow: 0 15px 30px rgba(0,0,0,0.1); } .service-icon { height: 200px; background: linear-gradient(135deg, var(--primary), var(--secondary)); display: flex; align-items: center; justify-content: center; color: var(--white); font-size: 3rem; } .service-content { padding: 1.5rem; } .service-content h3 { font-size: 1.5rem; margin-bottom: 1rem; color: var(--primary); } /* Products Section */ .products-filter { display: flex; justify-content: center; flex-wrap: wrap; gap: 1rem; margin-bottom: 3rem; } .filter-btn { background: var(--white); border: 2px solid var(--primary); color: var(--primary); padding: 8px 20px; border-radius: 50px; cursor: pointer; transition: var(--transition); font-weight: 600; } .filter-btn.active, .filter-btn:hover { background: var(--primary); color: var(--white); } .products-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 2rem; } .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(-5px); box-shadow: 0 10px 25px rgba(0,0,0,0.1); } .product-img { height: 200px; background: linear-gradient(45deg, #f8bbd0, #f48fb1); display: flex; align-items: center; justify-content: center; color: var(--white); font-size: 4rem; } .product-info { padding: 1.5rem; } .product-category { color: var(--secondary); font-weight: 600; margin-bottom: 0.5rem; } .product-title { font-size: 1.3rem; margin-bottom: 1rem; } .product-meta { display: flex; justify-content: space-between; margin-bottom: 1rem; font-weight: 600; } .product-price { color: var(--primary); } .product-moq { color: var(--secondary); } .product-features { margin-top: 1rem; } .feature-list { list-style: none; } .feature-list li { margin-bottom: 0.5rem; position: relative; padding-left: 1.5rem; } .feature-list li::before { content: '✓'; position: absolute; left: 0; color: var(--primary); font-weight: bold; } /* Advantages Section */ .advantages-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2rem; } .advantage-card { background: var(--white); border-radius: 8px; padding: 2rem; box-shadow: 0 5px 15px rgba(0,0,0,0.05); transition: var(--transition); } .advantage-card:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0,0,0,0.1); } .advantage-header { display: flex; align-items: center; margin-bottom: 1.5rem; } .advantage-icon { width: 60px; height: 60px; background: linear-gradient(135deg, var(--primary), var(--secondary)); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--white); font-size: 1.8rem; margin-right: 1rem; } .advantage-content h3 { font-size: 1.5rem; margin-bottom: 1rem; } /* Contact Section */ .contact { background: linear-gradient(135deg, var(--primary), var(--secondary)); color: var(--white); } .contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; } .contact-info h3 { font-size: 1.8rem; margin-bottom: 1.5rem; } .contact-methods { margin-top: 2rem; } .contact-item { display: flex; align-items: center; margin-bottom: 1.5rem; } .contact-icon { width: 50px; height: 50px; background: rgba(255,255,255,0.2); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 1rem; font-size: 1.5rem; } .support-team { margin-top: 3rem; } .team-title { font-size: 1.5rem; margin-bottom: 1rem; display: flex; align-items: center; } .team-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: 1rem; } .team-member { text-align: center; } .member-avatar { width: 80px; height: 80px; background: rgba(255,255,255,0.2); border-radius: 50%; margin: 0 auto 10px; display: flex; align-items: center; justify-content: center; font-size: 1.8rem; } /* Footer */ footer { background: var(--dark); color: var(--white); padding: 3rem 0; text-align: center; } .footer-content { max-width: 600px; margin: 0 auto; } .brand-philosophy { font-style: italic; margin: 1.5rem 0; font-size: 1.2rem; } .copyright { margin-top: 2rem; padding-top: 1rem; border-top: 1px solid rgba(255,255,255,0.1); color: rgba(255,255,255,0.7); } /* Responsive Design */ @media (max-width: 992px) { .about-content, .contact-grid, .advantages-grid { grid-template-columns: 1fr; } .services-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 768px) { .services-grid { grid-template-columns: 1fr; } .header-container { flex-direction: column; text-align: center; } nav ul { margin-top: 1rem; flex-wrap: wrap; justify-content: center; } nav ul li { margin: 0.5rem; } .hero h2 { font-size: 2.2rem; } .hero p { font-size: 1.2rem; } .certifications { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 576px) { .certifications, .stats-grid { grid-template-columns: 1fr; } .section-title h2 { font-size: 2rem; } }
Alibaba Verified Supplier with 15+ years of OEM/ODM expertise in beauty products. We help brands create exceptional cosmetics with low MOQ and global certifications.
Trusted cosmetic manufacturer with global certifications and proven track record
Shenzhen Honglida E-Commerce Co., Ltd. is an Alibaba Gold Certified Supplier specializing in cosmetic manufacturing with 19 years of business experience, including 15 years focused on beauty product OEM/ODM solutions.
We serve clients across Europe, America, and Asia with a commitment to quality, efficiency, and innovation. Our state-of-the-art manufacturing facility adheres to international standards and employs rigorous quality control measures.
Alibaba Store Rating
On-Time Delivery Rate
Average Response Time
Quality Inspection
Global quality assurance
European compliance
EU cosmetic regulation
Alibaba authentication
Dedicated QA/QC team
Shipped to 50+ countries
Comprehensive solutions from concept to customer delivery
Full-service cosmetic manufacturing from formulation to finished product. We handle:
Create your own brand with our private label solutions:
Streamline your e-commerce business with our fulfillment services:
High-quality cosmetics with low minimum order quantities
Competitive advantages that set us apart in cosmetic manufacturing
15+ years of specialized OEM/ODM experience in cosmetic manufacturing
Competitive pricing with low minimum order quantities
Streamlined processes for maximum convenience
Internationally certified manufacturing standards
Get in touch with our multilingual support team
Doris
Cici Miao
Wendy Miu
Eva Huang
Taylor Zhao
SNOW Lu