'); background-size: cover; color: white; padding: 5rem 0; text-align: center; } .hero-content { max-width: 800px; margin: 0 auto; } .hero h1 { font-size: 3.2rem; margin-bottom: 1rem; line-height: 1.2; } .hero p { font-size: 1.2rem; margin-bottom: 2rem; opacity: 0.9; } .tagline { display: inline-block; background: var(--secondary); color: white; padding: 0.5rem 1.5rem; border-radius: 30px; font-weight: 600; margin: 1.5rem 0; font-size: 1.1rem; } .btn { display: inline-block; background: var(--secondary); color: white; padding: 0.8rem 2rem; border-radius: 4px; text-decoration: none; font-weight: 600; transition: all 0.3s ease; border: 2px solid var(--secondary); margin: 0.5rem; } .btn:hover { background: transparent; transform: translateY(-3px); box-shadow: 0 5px 15px rgba(0,0,0,0.1); } .btn-outline { background: transparent; border-color: white; } .btn-outline:hover { background: white; color: var(--primary); } .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; width: 70%; height: 4px; background: var(--secondary); bottom: -10px; left: 15%; border-radius: 2px; } .section-title p { max-width: 700px; margin: 1rem auto 0; color: #666; } .about-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; margin-top: 2rem; } .about-card { background: white; border-radius: 10px; 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: var(--primary); color: white; padding: 1.2rem; } .card-body { padding: 1.5rem; } .stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1.5rem; text-align: center; margin: 3rem 0; } .stat-item { background: white; padding: 2rem 1rem; border-radius: 8px; box-shadow: 0 5px 15px rgba(0,0,0,0.05); } .stat-item .number { font-size: 2.5rem; font-weight: 700; color: var(--primary); margin-bottom: 0.5rem; } .products { background: var(--light); } .categories { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 1.5rem; margin-top: 2rem; } .category-card { background: white; border-radius: 10px; overflow: hidden; box-shadow: 0 5px 15px rgba(0,0,0,0.05); transition: all 0.3s ease; } .category-card:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0,0,0,0.1); } .category-img { height: 200px; background: var(--accent); display: flex; align-items: center; justify-content: center; color: white; font-size: 4rem; } .category-content { padding: 1.5rem; } .category-content h3 { color: var(--primary); margin-bottom: 1rem; } .products-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 2rem; margin-top: 3rem; } .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(-5px); box-shadow: 0 10px 25px rgba(0,0,0,0.1); } .product-img { height: 220px; background: #e0f7fa; display: flex; align-items: center; justify-content: center; color: var(--accent); font-size: 5rem; } .product-content { padding: 1.5rem; } .product-content h3 { color: var(--dark); margin-bottom: 0.5rem; } .price { color: var(--secondary); font-weight: 700; font-size: 1.2rem; margin: 0.5rem 0; } .tags { display: flex; flex-wrap: wrap; gap: 0.5rem; margin: 0.8rem 0; } .tag { background: #e3f2fd; color: #1565c0; padding: 0.2rem 0.8rem; border-radius: 20px; font-size: 0.8rem; font-weight: 500; } .tag.sample { background: #e8f5e9; color: #2e7d32; } .tag.return { background: #ffebee; color: #c62828; } .tag.hot { background: #fff8e1; color: #f57f17; } .competence { background: linear-gradient(135deg, #1a237e, #5e35b1); color: white; position: relative; overflow: hidden; } .competence:before { content: ''; position: absolute; width: 250px; height: 250px; border-radius: 50%; background: rgba(255, 255, 255, 0.05); top: -100px; right: -100px; } .competence:after { content: ''; position: absolute; width: 350px; height: 350px; border-radius: 50%; background: rgba(255, 255, 255, 0.03); bottom: -150px; left: -150px; } .competence .section-title h2 { color: white; } .competence .section-title p { color: rgba(255,255,255,0.8); } .competence-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 2rem; position: relative; z-index: 2; } .competence-card { background: rgba(255,255,255,0.1); border-radius: 10px; padding: 2rem; backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,0.15); } .competence-card h3 { display: flex; align-items: center; margin-bottom: 1.5rem; } .competence-card h3:before { content: '✓'; display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; background: var(--secondary); border-radius: 50%; margin-right: 1rem; } footer { background: var(--dark); color: white; padding: 4rem 0 2rem; } .footer-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 2rem; margin-bottom: 2rem; } .footer-col h3 { color: var(--secondary); margin-bottom: 1.5rem; position: relative; padding-bottom: 0.5rem; } .footer-col h3:after { content: ''; position: absolute; width: 50px; height: 3px; background: var(--accent); bottom: 0; left: 0; } .contact-item { display: flex; margin-bottom: 1rem; } .contact-icon { margin-right: 1rem; color: var(--accent); } .footer-bottom { text-align: center; padding-top: 2rem; border-top: 1px solid rgba(255,255,255,0.1); color: rgba(255,255,255,0.6); } /* Responsive Design */ @media (max-width: 768px) { .nav-container { flex-direction: column; } nav ul { margin-top: 1rem; flex-wrap: wrap; justify-content: center; } nav ul li { margin: 0.5rem; } .hero h1 { font-size: 2.2rem; } .section { padding: 3rem 0; } .section-title h2 { font-size: 2rem; } }
Your trusted partner for high-quality jewelry beads, DIY kits, and accessories since 2006
With over 21 years of experience in jewelry components manufacturing, we've built a reputation for quality and reliability
Established: 2006 (21 Years Experience)
Location: Zhejiang, China
Business Type: Manufacturer + Trading Company
Verification: Onsite Check Verified
Employees: 51-100
Factory Size: 1000 sq.m. below
Annual Output: $10M - $50M
Trade Shows: 2 Annual Exhibitions
Transactions: 194+ Successful Orders
Product Range: 10,000+ SKUs Available
Response Time: ≤8 Hours
Response Rate: 85%
Payment Methods: T/T, MoneyGram, PayPal, Western Union, Escrow
Main Clients: Chain Stores, Importers, Wholesalers, Retail Shops, Designers
Customization: ODM & OEM Services (Specializing in Stone Beads)
Design Philosophy: "You supply the idea, we supply everything else!"
Quality Promise: Good Quality & Competitive Pricing
After-Sales: Easy Return Policy, Free Samples Available
Experience: Jewelry Components Specialists Since 2003
Years Experience
Products Available
Successful Orders
Dedicated Staff
Explore our premium selection of jewelry components and DIY supplies
Glass material, bulk packaging
MOQ: 20 bags
6/8/10/12/14/16/18/20mm sizes
MOQ: 10 bags
3-3.5mm, 28 color options
MOQ: 10 bags
3050pcs/box, includes acrylic letter beads, polymer clay beads
MOQ: 5 boxes
For pendant connection
MOQ: 20 bags
50m/roll, for macrame and knotting
MOQ: 10 rolls
Comprehensive range covering all DIY jewelry making requirements
Glass, acrylic, natural stone beads in all sizes and styles
Complete sets for various themes and occasions
Connectors, clasps, bails and other essential components
Decorative elements to enhance your designs
Stringing materials in various materials and thicknesses
Essential equipment for jewelry making
Why thousands of customers choose Yiwu Ning Cheng Ornaments
Complete DIY jewelry supply chain coverage - from basic beads to tools and accessories. One-stop solution for all jewelry making needs.
Most products priced between $0.1-$8. Affordable solutions for bulk purchasing with exceptional value for money.
ODM/OEM services specializing in stone beads. "You supply the idea, we supply everything else" philosophy.
≤8 hour response time, easy returns, free samples on select items. Onsite verified quality assurance.