'); background-size: cover; background-position: center; color: var(--light); text-align: center; padding: 100px 20px; margin-bottom: 60px; } .hero h2 { font-size: 42px; margin-bottom: 20px; text-shadow: 0 2px 4px rgba(0,0,0,0.5); } .hero p { font-size: 20px; max-width: 700px; margin: 0 auto 30px; } .cta-button { display: inline-block; background-color: var(--accent); color: var(--light); padding: 14px 32px; border-radius: 50px; text-decoration: none; font-weight: 600; font-size: 18px; transition: all 0.3s ease; box-shadow: var(--shadow); } .cta-button:hover { background-color: var(--secondary); transform: translateY(-3px); } /* Section Styles */ section { padding: 60px 0; } .section-title { text-align: center; margin-bottom: 50px; position: relative; } .section-title h2 { font-size: 36px; color: var(--secondary); 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: var(--accent); } /* Company Profile */ .profile-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; } .profile-card { background: var(--light); border-radius: 12px; padding: 30px; box-shadow: var(--shadow); transition: transform 0.3s ease; } .profile-card:hover { transform: translateY(-10px); } .profile-card h3 { color: var(--accent); font-size: 24px; margin-bottom: 20px; display: flex; align-items: center; gap: 10px; } .info-list { list-style: none; } .info-list li { margin-bottom: 15px; padding-left: 30px; position: relative; } .info-list li:before { content: '✓'; position: absolute; left: 0; color: var(--accent); font-weight: bold; } /* Advantages */ .advantages { background-color: rgba(248, 224, 213, 0.2); } .advantage-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; } .advantage-box { background: var(--light); border-radius: 12px; padding: 30px; text-align: center; box-shadow: var(--shadow); } .advantage-icon { font-size: 48px; color: var(--accent); margin-bottom: 20px; } .advantage-box h3 { font-size: 22px; margin-bottom: 15px; color: var(--secondary); } /* Products */ .product-categories { display: flex; flex-wrap: wrap; gap: 15px; justify-content: center; margin-bottom: 40px; } .category-btn { padding: 10px 20px; background: var(--light); border: 2px solid var(--primary); border-radius: 30px; cursor: pointer; transition: all 0.3s ease; font-weight: 600; } .category-btn.active, .category-btn:hover { background: var(--accent); color: var(--light); border-color: var(--accent); } .product-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 30px; } .product-card { background: var(--light); border-radius: 12px; overflow: hidden; box-shadow: var(--shadow); transition: transform 0.3s ease; } .product-card:hover { transform: translateY(-10px); } .product-image { height: 200px; background: linear-gradient(135deg, var(--primary) 0%, #f0f0f0 100%); display: flex; align-items: center; justify-content: center; color: var(--accent); font-size: 48px; } .product-content { padding: 20px; } .product-title { font-size: 18px; font-weight: 600; margin-bottom: 10px; color: var(--secondary); } .product-features { list-style: none; margin-bottom: 15px; } .product-features li { margin-bottom: 8px; padding-left: 20px; position: relative; font-size: 14px; } .product-features li:before { content: '•'; position: absolute; left: 0; color: var(--accent); } .product-meta { display: flex; justify-content: space-between; font-size: 14px; border-top: 1px solid #eee; padding-top: 15px; margin-top: 15px; } .return-badge { background-color: rgba(212, 175, 55, 0.1); color: var(--accent); padding: 3px 10px; border-radius: 30px; font-weight: 600; font-size: 12px; } /* Services */ .service-highlights { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; margin-bottom: 50px; } .service-card { background: var(--light); border-radius: 12px; padding: 30px; text-align: center; box-shadow: var(--shadow); } .languages { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin-top: 20px; } .language-badge { background-color: rgba(160, 82, 45, 0.1); color: var(--secondary); padding: 6px 12px; border-radius: 30px; font-size: 14px; } .team-members { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; margin-top: 20px; } .team-member { background-color: rgba(212, 175, 55, 0.1); padding: 10px 20px; border-radius: 30px; font-weight: 600; } /* Common Features */ .features { background-color: rgba(248, 224, 213, 0.2); } .feature-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 25px; } .feature-card { background: var(--light); border-radius: 12px; padding: 25px; text-align: center; box-shadow: var(--shadow); } .feature-card h3 { color: var(--accent); margin-bottom: 15px; font-size: 20px; } /* Footer */ footer { background: var(--dark); color: var(--light); padding: 50px 0 20px; } .footer-content { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 40px; margin-bottom: 40px; } .footer-column h3 { color: var(--accent); margin-bottom: 20px; font-size: 20px; position: relative; padding-bottom: 10px; } .footer-column h3:after { content: ''; position: absolute; bottom: 0; left: 0; width: 50px; height: 2px; background: var(--accent); } .footer-links { list-style: none; } .footer-links li { margin-bottom: 12px; } .footer-links a { color: #ccc; text-decoration: none; transition: color 0.3s ease; } .footer-links a:hover { color: var(--accent); } .copyright { text-align: center; padding-top: 30px; border-top: 1px solid #444; color: #999; font-size: 14px; } /* Responsive Design */ @media (max-width: 768px) { .header-container { flex-direction: column; gap: 20px; } nav ul { flex-wrap: wrap; justify-content: center; } .hero h2 { font-size: 32px; } .hero p { font-size: 18px; } .section-title h2 { font-size: 28px; } }
Exquisite Craftsmanship • Unique Design • Excellent Quality • No Fade Guarantee
Explore Our CollectionsAs a PROFESSIONAL JEWELRY MANUFACTURER, we combine production expertise with trading capabilities to deliver exceptional accessories.
Our products are renowned for:
We operate with a customer-centered philosophy, emphasizing communication and cooperation throughout our partnerships.
Dedicated specialists including customer service representatives ensure expert support throughout the business process, from inquiry to after-sales.
Prioritizing efficient logistics and streamlined processes to meet urgent delivery timelines without compromising quality.
Most products feature our "Easy Return" policy, minimizing procurement risks and ensuring customer satisfaction.
Seamless communication in 11 languages for effortless international collaboration:
Comprehensive services from product sourcing to after-sales support:
Round-the-clock availability with dedicated representatives:
Direct communication with our session-based specialists
Titanium Steel and Stainless Steel as core base materials, enhanced with 18K Gold Plating for durability and aesthetic appeal.
90%+ products feature our "No Fading" technology, solving the core issue of jewelry oxidation for long-lasting beauty.
Comprehensive range including Retro, Trendy, Princess Temperament, and Light Luxury styles for various occasions.
Minimum order quantities of 3-10 pieces accommodate both small batch procurement and bulk orders.