'); background-size: cover; background-position: center; color: white; padding: 80px 0; text-align: center; } .hero-content { max-width: 800px; margin: 0 auto; } .hero h2 { font-size: 2.5rem; margin-bottom: 20px; animation: fadeInDown 1s ease; } .hero p { font-size: 1.2rem; margin-bottom: 30px; animation: fadeInUp 1s ease; } .btn { display: inline-block; background-color: var(--secondary); color: white; padding: 12px 30px; border-radius: 4px; text-decoration: none; font-weight: 500; transition: all 0.3s ease; border: none; cursor: pointer; font-size: 1rem; } .btn:hover { background-color: #d35400; transform: translateY(-3px); box-shadow: 0 5px 15px rgba(0,0,0,0.1); } /* Section Styles */ section { padding: 80px 0; } .section-header { text-align: center; margin-bottom: 50px; } .section-header h2 { font-size: 2rem; color: var(--primary); position: relative; display: inline-block; padding-bottom: 15px; } .section-header h2::after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 80px; height: 3px; background-color: var(--secondary); } .section-header p { max-width: 700px; margin: 20px auto 0; color: var(--dark); } /* About Section */ .about-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; } .about-card { background-color: white; border-radius: 8px; overflow: hidden; box-shadow: 0 5px 15px rgba(0,0,0,0.05); transition: transform 0.3s ease; } .about-card:hover { transform: translateY(-10px); } .card-header { background-color: var(--accent); color: white; padding: 20px; } .card-header h3 { font-size: 1.3rem; margin-bottom: 5px; } .card-body { padding: 20px; } .card-body ul { list-style: none; } .card-body li { margin-bottom: 12px; padding-left: 25px; position: relative; } .card-body li::before { content: '✓'; position: absolute; left: 0; color: var(--accent); font-weight: bold; } /* Products Section */ .products-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 30px; } .product-card { background-color: white; border-radius: 8px; 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-img { height: 200px; background-color: #f5f5f5; display: flex; align-items: center; justify-content: center; } .product-img-placeholder { width: 80%; height: 80%; background-color: var(--light); border-radius: 4px; display: flex; align-items: center; justify-content: center; color: var(--dark); font-size: 0.9rem; text-align: center; padding: 10px; } .product-info { padding: 20px; } .product-title { font-size: 1.1rem; color: var(--primary); margin-bottom: 10px; height: 50px; overflow: hidden; } .product-price { color: var(--secondary); font-weight: 600; font-size: 1.2rem; margin-bottom: 10px; } .product-moq { background-color: var(--light); padding: 5px 10px; border-radius: 20px; font-size: 0.9rem; display: inline-block; margin-bottom: 15px; } .product-features { list-style: none; margin-top: 15px; } .product-features li { margin-bottom: 8px; font-size: 0.9rem; padding-left: 20px; position: relative; } .product-features li::before { content: '•'; position: absolute; left: 0; color: var(--accent); } /* Core Competence Section */ .competence-section { background-color: var(--light); } .competence-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px; } .competence-card { text-align: center; padding: 30px 20px; background-color: white; border-radius: 8px; box-shadow: 0 5px 15px rgba(0,0,0,0.05); } .competence-icon { width: 70px; height: 70px; background-color: rgba(22, 160, 133, 0.1); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; font-size: 1.8rem; color: var(--accent); } .competence-card h3 { color: var(--primary); margin-bottom: 15px; } /* Contact Section */ .contact-section { background: linear-gradient(to right, var(--primary), var(--dark)); color: white; } .contact-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 50px; } .contact-info h3 { font-size: 1.5rem; margin-bottom: 20px; position: relative; padding-bottom: 10px; } .contact-info h3::after { content: ''; position: absolute; bottom: 0; left: 0; width: 50px; height: 2px; background-color: var(--secondary); } .contact-details { margin-top: 20px; } .contact-details p { margin-bottom: 10px; display: flex; align-items: center; } .contact-details i { margin-right: 10px; color: var(--secondary); } .markets-list { display: flex; flex-wrap: wrap; margin-top: 15px; } .market-tag { background-color: rgba(255,255,255,0.1); padding: 5px 15px; border-radius: 20px; margin-right: 10px; margin-bottom: 10px; font-size: 0.9rem; } /* Footer */ footer { background-color: var(--dark); color: white; padding: 40px 0 20px; } .footer-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px; margin-bottom: 30px; } .footer-col h4 { font-size: 1.2rem; margin-bottom: 20px; position: relative; padding-bottom: 10px; } .footer-col h4::after { content: ''; position: absolute; bottom: 0; left: 0; width: 30px; height: 2px; background-color: var(--secondary); } .footer-col ul { list-style: none; } .footer-col li { margin-bottom: 10px; } .footer-col a { color: #ddd; text-decoration: none; transition: color 0.3s ease; } .footer-col a:hover { color: var(--secondary); } .copyright { text-align: center; padding-top: 20px; border-top: 1px solid rgba(255,255,255,0.1); font-size: 0.9rem; color: #bbb; } /* 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); } } /* Responsive Design */ @media (max-width: 768px) { .header-content { flex-direction: column; text-align: center; } .logo { margin-bottom: 15px; } nav ul { justify-content: center; } nav li { margin: 0 10px; } .hero h2 { font-size: 2rem; } section { padding: 50px 0; } } @media (max-width: 480px) { nav ul { flex-direction: column; gap: 10px; } nav li { margin: 5px 0; } .hero { padding: 50px 0; } .hero h2 { font-size: 1.8rem; } }
Changsha Rise Technology Co., Ltd. - Your trusted partner for premium quality, eco-friendly hair care tools and salon equipment with custom branding options.
Explore Our ProductsFounded in 2020, we specialize in manufacturing and exporting high-quality hair care tools with a commitment to sustainability and innovation.
Eco-friendly hair care tools with custom branding options for salons, retailers, and distributors worldwide.
Why choose Changsha Rise Technology as your hair care products partner
Our team has over 10 years of international business experience, understanding global market demands and trade processes.
We specialize in sustainable materials like wheat straw, bamboo fiber, and biodegradable composites for environmentally conscious products.
Full-range custom logo/private label services for brand development and promotional gifting programs.
1-hour response time with 100% response rate and comprehensive one-stop service from customization to logistics.
Get in touch to discuss your hair care product needs
📍 Hunan, China
🏢 Established: 2020
👥 Team: 11-50 professionals
⏱ Response Time: ≤1 hour