'); background-size: cover; background-position: center; color: white; text-align: center; padding: 100px 20px; } .hero-content { max-width: 800px; margin: 0 auto; } .hero h2 { font-size: 3.2rem; margin-bottom: 20px; text-shadow: 0 2px 4px rgba(0,0,0,0.3); } .hero p { font-size: 1.4rem; margin-bottom: 30px; opacity: 0.9; } .cta-button { display: inline-block; background-color: var(--accent); color: white; padding: 15px 40px; text-decoration: none; font-weight: 700; font-size: 1.2rem; border-radius: 50px; transition: var(--transition); box-shadow: 0 4px 15px rgba(231, 76, 60, 0.4); } .cta-button:hover { transform: translateY(-5px); box-shadow: 0 7px 20px rgba(231, 76, 60, 0.6); } /* Section Styles */ section { padding: 80px 0; } section:nth-child(even) { background-color: white; } .section-header { text-align: center; margin-bottom: 60px; } .section-header h2 { font-size: 2.5rem; color: var(--primary); margin-bottom: 15px; position: relative; display: inline-block; } .section-header h2::after { content: ''; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); width: 80px; height: 4px; background-color: var(--accent); border-radius: 2px; } .section-header p { max-width: 700px; margin: 20px auto 0; color: var(--gray); font-size: 1.1rem; } /* About Section */ .company-info { background-color: white; border-radius: 15px; box-shadow: 0 10px 30px rgba(0,0,0,0.08); padding: 40px; margin-top: 30px; } .info-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 25px; margin-top: 30px; } .info-card { background-color: var(--light); border-radius: 12px; padding: 25px; box-shadow: 0 5px 15px rgba(0,0,0,0.05); transition: var(--transition); } .info-card:hover { transform: translateY(-10px); box-shadow: 0 12px 25px rgba(0,0,0,0.1); } .info-card h3 { color: var(--primary); margin-bottom: 15px; font-size: 1.4rem; } .info-card ul { list-style: none; } .info-card li { padding: 10px 0; border-bottom: 1px solid rgba(0,0,0,0.05); display: flex; justify-content: space-between; } .info-card li:last-child { border-bottom: none; } .info-card .label { font-weight: 600; color: var(--dark); } .info-card .value { color: var(--secondary); } /* Products Section */ .categories { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; margin-bottom: 40px; } .category-btn { background: white; border: 2px solid var(--primary); color: var(--primary); padding: 12px 25px; border-radius: 50px; cursor: pointer; font-weight: 600; transition: var(--transition); } .category-btn.active, .category-btn:hover { background: var(--primary); color: white; } .products-container { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 30px; } .product-card { background: white; border-radius: 12px; overflow: hidden; box-shadow: 0 8px 20px rgba(0,0,0,0.08); transition: var(--transition); } .product-card:hover { transform: translateY(-10px); box-shadow: 0 12px 30px rgba(0,0,0,0.15); } .product-img { height: 200px; background: linear-gradient(45deg, #e0d6f4, #d1f0fd); display: flex; align-items: center; justify-content: center; font-size: 4rem; color: var(--primary); opacity: 0.8; } .product-info { padding: 25px; } .product-title { font-size: 1.3rem; color: var(--dark); margin-bottom: 10px; min-height: 60px; } .product-price { color: var(--accent); font-weight: 700; font-size: 1.2rem; margin: 10px 0; } .product-moq { display: block; color: var(--gray); font-size: 0.95rem; margin-bottom: 15px; } .product-features { list-style: none; margin-top: 15px; } .product-features li { padding: 8px 0; display: flex; align-items: flex-start; } .product-features li::before { content: "•"; color: var(--primary); font-weight: bold; display: inline-block; width: 1em; margin-right: 10px; } /* Advantages Section */ .advantages-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px; margin-top: 40px; } .advantage-card { background: white; border-radius: 12px; padding: 35px 25px; text-align: center; box-shadow: 0 8px 25px rgba(0,0,0,0.06); transition: var(--transition); border: 1px solid rgba(142, 68, 173, 0.1); } .advantage-card:hover { transform: translateY(-10px); border-color: rgba(142, 68, 173, 0.3); box-shadow: 0 12px 30px rgba(0,0,0,0.1); } .advantage-icon { font-size: 3rem; color: var(--primary); margin-bottom: 20px; } .advantage-card h3 { color: var(--dark); margin-bottom: 15px; font-size: 1.5rem; } /* Footer */ footer { background: var(--dark); color: white; padding: 60px 0 30px; } .footer-content { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 40px; margin-bottom: 40px; } .footer-column h3 { font-size: 1.4rem; margin-bottom: 25px; position: relative; padding-bottom: 10px; } .footer-column h3::after { content: ''; position: absolute; bottom: 0; left: 0; width: 50px; height: 3px; background-color: var(--accent); } .footer-links { list-style: none; } .footer-links li { margin-bottom: 12px; } .footer-links a { color: #bdc3c7; text-decoration: none; transition: var(--transition); } .footer-links a:hover { color: white; padding-left: 5px; } .copyright { text-align: center; padding-top: 30px; border-top: 1px solid rgba(255,255,255,0.1); color: #bdc3c7; font-size: 0.95rem; } /* Responsive */ @media (max-width: 768px) { .header-container { flex-direction: column; gap: 15px; } nav ul { gap: 15px; flex-wrap: wrap; justify-content: center; } .hero h2 { font-size: 2.5rem; } .hero p { font-size: 1.2rem; } .section-header h2 { font-size: 2rem; } }
Wholesale Supplier with 20+ Years Industry Expertise
Explore Our ProductsHangzhou Chudan Information Technology Co., Ltd. is a trusted trading company specializing in beauty and spa products with decades of industry experience.
Discover our premium beauty and spa products across five core categories, all available for wholesale with flexible customization options.
Why global buyers choose Hangzhou Chudan as their trusted beauty products partner
Extensive network of reliable factories enables flexible procurement solutions for both small test orders and large volume production.
Professional ODM/OEM capabilities including logo customization on select products like bamboo toothbrushes and makeup mirrors.
Fast shipping services complemented by comprehensive after-sales support to minimize procurement risks.
Multiple payment methods accepted: T/T, L/C, MoneyGram, Credit Card, PayPal, Western Union - accommodating global buyers.
Reach out for wholesale inquiries, product customization, or partnership opportunities
Hangzhou Chudan Information Technology Co., Ltd. Zhejiang, China Verified Supplier with Onsite Check