'); background-size: cover; background-position: center; height: 100vh; display: flex; align-items: center; text-align: center; color: white; padding-top: 70px; } .hero-content { max-width: 800px; margin: 0 auto; } .hero h2 { font-size: 3.5rem; margin-bottom: 20px; text-transform: uppercase; letter-spacing: 2px; } .hero p { font-size: 1.4rem; margin-bottom: 30px; } .slogan { color: var(--accent); font-style: italic; font-size: 1.8rem; margin: 25px 0; } .btn { display: inline-block; background: var(--accent); color: white; padding: 12px 35px; border-radius: 30px; text-decoration: none; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; transition: var(--transition); margin-top: 20px; border: 2px solid var(--accent); } .btn:hover { background: transparent; color: var(--accent); } /* About Section */ .section { padding: 100px 0; } .section-title { text-align: center; margin-bottom: 60px; } .section-title h2 { font-size: 2.5rem; color: var(--primary); position: relative; display: inline-block; padding-bottom: 15px; } .section-title h2:after { content: ''; position: absolute; width: 80px; height: 3px; background: var(--accent); bottom: 0; left: 50%; transform: translateX(-50%); } .about-content { display: flex; align-items: center; gap: 50px; } .about-text { flex: 1; } .about-stats { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; margin: 40px 0; } .stat-card { background: white; padding: 25px; border-radius: 10px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); text-align: center; transition: var(--transition); } .stat-card:hover { transform: translateY(-10px); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1); } .stat-card h3 { font-size: 2.5rem; color: var(--primary); margin-bottom: 10px; } .certifications { margin-top: 40px; } .certs-list { display: flex; flex-wrap: wrap; gap: 15px; margin-top: 20px; } .cert-badge { background: var(--primary); color: white; padding: 8px 15px; border-radius: 5px; font-size: 0.9rem; } /* Services Section */ .services { background-color: #f0f4f8; } .services-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; } .service-card { background: white; border-radius: 10px; 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-header { background: var(--primary); color: white; padding: 20px; text-align: center; } .service-body { padding: 25px; } .service-body ul { list-style-type: none; } .service-body ul li { padding: 8px 0; position: relative; padding-left: 25px; } .service-body ul li:before { content: '✓'; position: absolute; left: 0; color: var(--accent); font-weight: bold; } /* Products Section */ .products-filter { display: flex; justify-content: center; flex-wrap: wrap; gap: 15px; margin-bottom: 40px; } .filter-btn { background: white; border: 2px solid var(--secondary); color: var(--dark); padding: 8px 25px; border-radius: 30px; cursor: pointer; transition: var(--transition); } .filter-btn.active, .filter-btn:hover { background: var(--secondary); color: white; } .products-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 30px; } .product-card { background: white; border-radius: 10px; overflow: hidden; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); transition: var(--transition); } .product-card:hover { transform: translateY(-10px); box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); } .product-img { height: 200px; background: linear-gradient(45deg, var(--primary), var(--secondary)); display: flex; align-items: center; justify-content: center; color: white; font-size: 1.2rem; font-weight: bold; } .product-info { padding: 20px; } .product-info h3 { margin-bottom: 10px; color: var(--primary); } .product-meta { display: flex; justify-content: space-between; margin: 15px 0; font-size: 0.9rem; } .price { color: var(--accent); font-weight: bold; font-size: 1.2rem; } /* Supply Chain */ .world-map { position: relative; max-width: 800px; margin: 0 auto; height: 400px; background: url('data:image/svg+xml;utf8,') center/contain no-repeat; } .region { position: absolute; background: var(--primary); color: white; padding: 8px 15px; border-radius: 20px; font-size: 0.9rem; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2); } .americas { top: 35%; left: 20%; } .europe { top: 25%; left: 45%; } .asia { top: 40%; left: 70%; } .africa { top: 55%; left: 50%; } .oceania { top: 75%; left: 85%; } .platforms { display: flex; flex-wrap: wrap; justify-content: center; gap: 15px; margin-top: 50px; } .platform { background: white; padding: 10px 25px; border-radius: 30px; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1); } /* Contact Section */ .contact { background: linear-gradient(to right, var(--primary), #2c5282); color: white; } .contact-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 50px; } .contact-info h3 { font-size: 1.8rem; margin-bottom: 25px; position: relative; padding-bottom: 15px; } .contact-info h3:after { content: ''; position: absolute; width: 60px; height: 3px; background: var(--accent); bottom: 0; left: 0; } .contact-details { margin-top: 30px; } .contact-item { display: flex; align-items: flex-start; margin-bottom: 20px; } .contact-item .icon { margin-right: 15px; color: var(--accent); font-size: 1.2rem; min-width: 24px; } .team-members { display: flex; flex-wrap: wrap; gap: 15px; margin-top: 30px; } .team-member { background: rgba(255, 255, 255, 0.1); padding: 15px; border-radius: 10px; text-align: center; flex: 1; min-width: 120px; } .contact-form { background: white; padding: 30px; border-radius: 10px; color: var(--dark); } .form-group { margin-bottom: 20px; } .form-group label { display: block; margin-bottom: 8px; font-weight: 500; } .form-group input, .form-group textarea, .form-group select { width: 100%; padding: 12px 15px; border: 1px solid #ddd; border-radius: 5px; font-size: 1rem; } .form-group textarea { height: 150px; resize: vertical; } .btn-block { display: block; width: 100%; text-align: center; } /* Footer */ footer { background: #0f1c30; color: rgba(255, 255, 255, 0.7); padding: 60px 0 30px; } .footer-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 40px; margin-bottom: 40px; } .footer-col h4 { color: white; margin-bottom: 25px; position: relative; padding-bottom: 10px; } .footer-col h4:after { content: ''; position: absolute; width: 40px; height: 2px; background: var(--accent); bottom: 0; left: 0; } .footer-col ul { list-style: none; } .footer-col ul li { margin-bottom: 12px; } .footer-col ul li a { color: rgba(255, 255, 255, 0.7); text-decoration: none; transition: var(--transition); } .footer-col ul li a:hover { color: var(--accent); padding-left: 5px; } .copyright { text-align: center; padding-top: 30px; border-top: 1px solid rgba(255, 255, 255, 0.1); font-size: 0.9rem; } /* Responsive */ @media (max-width: 992px) { .about-content { flex-direction: column; } .hero h2 { font-size: 2.8rem; } } @media (max-width: 768px) { .header-container { flex-direction: column; } nav ul { margin-top: 15px; } nav ul li { margin: 0 10px; } .hero h2 { font-size: 2.2rem; } .hero p { font-size: 1.1rem; } } @media (max-width: 576px) { .section { padding: 60px 0; } .stat-card h3 { font-size: 2rem; } .section-title h2 { font-size: 2rem; } .products-grid { grid-template-columns: 1fr; } }
With over 13 years of excellence in custom jewelry manufacturing and global supply
Founded in 2013, Yiwu Deelun Jewelry Co., Ltd. has over 15 years of specialized experience in jewelry manufacturing. As a professional manufacturer and trading company, we combine design expertise with production capabilities to deliver exceptional jewelry pieces worldwide.
Years of Experience
Factory Area
Monthly Production
Countries Served
We specialize in OEM and ODM services, crafting custom jewelry, keychains, accessories and promotional items for clients worldwide. Our focus on quality and innovation has made us a trusted partner for businesses across the globe.
Adjustable rope bracelet with brass beads, waterproof for summer activities
Hinged pendant with bail zirconia clasp for easy customization
Premium PU leather keychain with custom logo engraving
Versatile keychain with phone holder, knife strap, and paracord ring
Transparent elastic cord for jewelry making (0.5-0.8mm, 100m/roll)
Polycotton hair accessories with elastic ponytail holders and headbands
We serve clients worldwide through our integrated supply chain and multi-channel distribution network.
Have questions about our products or services? Our team is ready to assist you 24/7.
Always available for your inquiries
Schedule an online or in-person tour
Account Manager
Production Director
Quality Control
Design & Development