'); background-size: cover; background-position: center; color: white; text-align: center; padding: 100px 0; position: relative; } .hero-content { max-width: 800px; margin: 0 auto; } .hero h2 { font-size: 3rem; margin-bottom: 20px; text-shadow: 0 2px 4px rgba(0,0,0,0.5); } .hero p { font-size: 1.2rem; margin-bottom: 30px; max-width: 700px; margin-left: auto; margin-right: auto; } .btn { display: inline-block; background-color: var(--accent); color: white; padding: 12px 30px; border-radius: 30px; text-decoration: none; font-weight: 600; transition: var(--transition); border: 2px solid var(--accent); text-transform: uppercase; letter-spacing: 1px; font-size: 0.9rem; } .btn:hover { background-color: transparent; color: var(--accent); transform: translateY(-3px); box-shadow: 0 5px 15px rgba(0,0,0,0.2); } .btn-outline { background-color: transparent; border-color: white; margin-left: 15px; } .btn-outline:hover { background-color: white; color: var(--dark); } /* Section Styling */ section { padding: 80px 0; } .section-title { text-align: center; margin-bottom: 50px; position: relative; } .section-title h2 { font-size: 2.5rem; color: var(--primary); 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-color: var(--accent); } .section-subtitle { text-align: center; max-width: 700px; margin: 0 auto 50px; font-size: 1.1rem; color: #666; } /* About Section */ .about-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; } .about-card { background-color: white; border-radius: 10px; overflow: hidden; box-shadow: 0 5px 15px rgba(0,0,0,0.05); transition: var(--transition); } .about-card:hover { transform: translateY(-10px); box-shadow: 0 15px 30px rgba(0,0,0,0.1); } .card-header { background-color: var(--primary); color: white; padding: 20px; text-align: center; } .card-body { padding: 25px; } .card-body ul { list-style: none; margin-top: 15px; } .card-body ul li { padding: 8px 0; position: relative; padding-left: 25px; } .card-body ul li:before { content: '✓'; position: absolute; left: 0; color: var(--accent); font-weight: bold; } /* Products Section */ .products-container { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 30px; } .product-card { background-color: 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(-5px); box-shadow: 0 10px 25px rgba(0,0,0,0.1); } .product-image { height: 200px; background-color: var(--secondary); display: flex; align-items: center; justify-content: center; font-size: 3rem; color: var(--primary); } .product-info { padding: 20px; } .product-title { font-size: 1.2rem; margin-bottom: 10px; color: var(--primary); } .product-price { color: var(--accent); font-weight: 600; font-size: 1.1rem; margin-bottom: 10px; } .product-moq { color: #666; font-size: 0.9rem; margin-bottom: 15px; } .product-features { margin-top: 15px; padding-top: 15px; border-top: 1px solid #eee; } .feature-item { display: flex; margin-bottom: 8px; font-size: 0.9rem; } .feature-item span:first-child { font-weight: 600; min-width: 90px; color: var(--primary); } /* Production Process */ .process-container { display: flex; flex-wrap: wrap; justify-content: center; margin-top: 50px; } .process-step { width: 150px; text-align: center; margin: 0 15px 30px; position: relative; } .process-step:not(:last-child):after { content: ''; position: absolute; top: 35px; right: -35px; width: 30px; height: 3px; background-color: var(--accent); } .step-circle { width: 70px; height: 70px; background-color: var(--secondary); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 15px; font-weight: bold; color: var(--primary); font-size: 1.3rem; border: 2px solid var(--accent); } .step-name { font-weight: 600; color: var(--primary); } /* Certificates */ .certificates { background-color: white; padding: 50px 0; text-align: center; } .cert-badges { display: flex; justify-content: center; flex-wrap: wrap; gap: 30px; margin-top: 30px; } .cert-badge { width: 120px; height: 120px; background-color: var(--light); border-radius: 10px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 15px; box-shadow: 0 3px 10px rgba(0,0,0,0.08); border: 1px solid #eee; } .cert-badge i { font-size: 2rem; color: var(--accent); margin-bottom: 10px; } .cert-badge span { font-size: 0.8rem; font-weight: 600; color: var(--primary); text-align: center; } /* Contact Section */ .contact-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 40px; } .contact-info { background-color: var(--primary); color: white; padding: 40px; border-radius: 10px; } .contact-info h3 { font-size: 1.8rem; margin-bottom: 25px; position: relative; padding-bottom: 15px; } .contact-info h3:after { content: ''; position: absolute; bottom: 0; left: 0; width: 60px; height: 3px; background-color: var(--accent); } .contact-item { display: flex; margin-bottom: 20px; align-items: flex-start; } .contact-item i { font-size: 1.3rem; color: var(--accent); min-width: 30px; margin-top: 5px; } .contact-item-content h4 { margin-bottom: 5px; font-size: 1.1rem; } .contact-form { background-color: white; padding: 40px; border-radius: 10px; box-shadow: 0 5px 15px rgba(0,0,0,0.08); } .form-group { margin-bottom: 20px; } .form-group label { display: block; margin-bottom: 8px; font-weight: 500; color: var(--dark); } .form-group input, .form-group textarea, .form-group select { width: 100%; padding: 12px 15px; border: 1px solid #ddd; border-radius: 5px; font-size: 1rem; transition: var(--transition); } .form-group input:focus, .form-group textarea:focus, .form-group select:focus { border-color: var(--accent); outline: none; box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.2); } /* Footer */ footer { background-color: var(--dark); color: white; padding: 60px 0 30px; } .footer-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 40px; margin-bottom: 40px; } .footer-column h3 { font-size: 1.3rem; margin-bottom: 20px; position: relative; padding-bottom: 10px; } .footer-column h3:after { content: ''; position: absolute; bottom: 0; left: 0; width: 40px; height: 2px; background-color: var(--accent); } .footer-links { list-style: none; } .footer-links li { margin-bottom: 10px; } .footer-links a { color: #bbb; text-decoration: none; transition: var(--transition); } .footer-links a:hover { color: var(--accent); padding-left: 5px; } .copyright { text-align: center; padding-top: 30px; border-top: 1px solid #444; color: #999; font-size: 0.9rem; } /* Responsive Styles */ @media (max-width: 768px) { .header-container { flex-direction: column; text-align: center; } nav ul { margin-top: 20px; flex-wrap: wrap; justify-content: center; } nav ul li { margin: 5px 10px; } .hero h2 { font-size: 2.2rem; } .btn-container { display: flex; flex-direction: column; align-items: center; } .btn { margin-bottom: 15px; width: 80%; text-align: center; } .btn-outline { margin-left: 0; } .process-step:after { display: none; } .process-step { margin-bottom: 40px; } }
Dongyang Yongqi Jewelry specializes in high-quality hair accessories including hair claws, combs, hair bands, and fashion accessories. With OEM/ODM services and global shipping.
Dongyang Yongqi Jewelry Co., Ltd. is a professional manufacturer and trading company specializing in hair accessories and fashion jewelry.
We specialize in high-quality hair accessories with various styles and materials including acetate, resin, satin, and crystal elements.
Elegant satin bow hair clip with custom logo option. Sweet and stylish design.
Chic acetate shark clip with love letter design. High-quality material.
Shiny crystal hair clips in castle and star shapes. Perfect for special occasions.
4mm wide-tooth acetate comb with anti-static properties. Perfect for home use.
We manufacture products according to your existing designs and specifications.
Our design team creates unique products based on your requirements.
Our standardized 8-step manufacturing process ensures consistent quality and efficiency.
We follow strict quality guidelines to ensure every product meets international standards.
"Quality is the life of the enterprise, customer first" - We believe price is important, but quality is more important.
Dongyang Yongqi Jewelry Co., Ltd. Zhejiang, China
+86 159 6847 9635
English, German, Spanish, French, Italian, Russian, Japanese and more