'); background-size: cover; } .hero-content { position: relative; z-index: 2; max-width: 800px; margin: 0 auto; } .hero h2 { font-size: 3rem; margin-bottom: 1.5rem; line-height: 1.2; } .hero p { font-size: 1.2rem; margin-bottom: 2rem; opacity: 0.9; } .stats-container { display: flex; justify-content: center; gap: 2rem; margin-top: 2rem; flex-wrap: wrap; } .stat-card { background: rgba(255,255,255,0.1); border-radius: 10px; padding: 1.5rem; min-width: 180px; backdrop-filter: blur(5px); } .stat-value { font-size: 2.5rem; font-weight: 700; color: var(--accent); margin-bottom: 0.5rem; } .stat-label { font-size: 1rem; text-transform: uppercase; letter-spacing: 1px; } /* Section Styles */ section { padding: 5rem 0; } .section-header { text-align: center; margin-bottom: 3rem; } .section-header h2 { font-size: 2.5rem; color: var(--primary); margin-bottom: 1rem; position: relative; display: inline-block; } .section-header h2::after { content: ""; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); width: 80px; height: 4px; background-color: var(--accent); border-radius: 2px; } .section-header p { max-width: 700px; margin: 1rem auto 0; font-size: 1.1rem; } /* About Section */ .about-content { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; align-items: center; } .about-text { padding-right: 1rem; } .about-text h3 { color: var(--primary); margin-bottom: 1.5rem; font-size: 1.8rem; } .about-features { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; margin-top: 2rem; } .feature-card { background: white; border-radius: 8px; padding: 1.5rem; box-shadow: 0 5px 15px rgba(0,0,0,0.05); border-left: 4px solid var(--accent); transition: transform 0.3s; } .feature-card:hover { transform: translateY(-5px); } .feature-card h4 { color: var(--primary); margin-bottom: 0.8rem; font-size: 1.2rem; } .about-image { background: linear-gradient(45deg, var(--primary), #2c5282); border-radius: 10px; height: 400px; display: flex; align-items: center; justify-content: center; color: white; font-size: 1.2rem; text-align: center; padding: 2rem; box-shadow: 0 20px 40px rgba(0,0,0,0.15); } /* Product Categories */ .categories { background-color: var(--light); } .category-tabs { display: flex; justify-content: center; margin-bottom: 2rem; flex-wrap: wrap; gap: 0.5rem; } .category-tab { padding: 0.8rem 1.5rem; background: white; border: none; border-radius: 30px; font-weight: 600; cursor: pointer; transition: all 0.3s; box-shadow: 0 3px 10px rgba(0,0,0,0.05); } .category-tab.active, .category-tab:hover { background: var(--primary); color: white; } .products-container { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 2rem; } .product-card { background: white; border-radius: 10px; overflow: hidden; box-shadow: 0 5px 15px rgba(0,0,0,0.08); transition: transform 0.3s; } .product-card:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0,0,0,0.12); } .product-image { height: 200px; background: linear-gradient(45deg, #edf2f7, #e2e8f0); display: flex; align-items: center; justify-content: center; color: var(--primary); font-weight: bold; position: relative; } .product-badge { position: absolute; top: 15px; right: 15px; background: var(--secondary); color: white; padding: 5px 10px; border-radius: 20px; font-size: 0.8rem; font-weight: 600; } .product-content { padding: 1.5rem; } .product-title { font-size: 1.2rem; color: var(--primary); margin-bottom: 0.5rem; } .product-price { color: var(--secondary); font-weight: 700; font-size: 1.1rem; margin-bottom: 0.8rem; } .product-meta { display: flex; justify-content: space-between; margin-top: 1rem; padding-top: 1rem; border-top: 1px solid var(--border); font-size: 0.9rem; } .moq { background: var(--light); padding: 3px 8px; border-radius: 4px; font-weight: 500; } /* Services Section */ .services-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; } .service-card { background: white; border-radius: 10px; padding: 2rem; box-shadow: 0 5px 15px rgba(0,0,0,0.05); text-align: center; transition: all 0.3s; border-top: 4px solid var(--accent); } .service-card:hover { transform: translateY(-10px); box-shadow: 0 15px 30px rgba(0,0,0,0.1); } .service-icon { width: 80px; height: 80px; background: rgba(236, 201, 75, 0.1); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 1.5rem; font-size: 2rem; color: var(--accent); } .service-card h3 { color: var(--primary); margin-bottom: 1rem; } /* Footer */ footer { background: var(--primary); color: white; padding: 4rem 0 2rem; } .footer-content { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 3rem; margin-bottom: 3rem; } .footer-column h3 { font-size: 1.3rem; margin-bottom: 1.5rem; position: relative; padding-bottom: 10px; } .footer-column h3::after { content: ""; position: absolute; bottom: 0; left: 0; width: 50px; height: 3px; background: var(--accent); } .footer-links { list-style: none; } .footer-links li { margin-bottom: 0.8rem; } .footer-links a { color: rgba(255,255,255,0.7); text-decoration: none; transition: color 0.3s; } .footer-links a:hover { color: var(--accent); } .language-list { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 1rem; } .language-badge { background: rgba(255,255,255,0.1); padding: 5px 10px; border-radius: 4px; font-size: 0.8rem; } .copyright { text-align: center; padding-top: 2rem; border-top: 1px solid rgba(255,255,255,0.1); color: rgba(255,255,255,0.6); font-size: 0.9rem; } .contact-info { margin-top: 1.5rem; } .contact-item { display: flex; align-items: flex-start; margin-bottom: 1rem; } .contact-icon { margin-right: 10px; color: var(--accent); } /* Responsive */ @media (max-width: 900px) { .about-content { grid-template-columns: 1fr; } .about-image { height: 300px; } .hero h2 { font-size: 2.2rem; } } @media (max-width: 768px) { .header-content { flex-direction: column; text-align: center; } .logo { margin-bottom: 1rem; justify-content: center; } nav ul { justify-content: center; } .hero { padding: 3rem 0; } .stat-card { min-width: 140px; padding: 1rem; } .stat-value { font-size: 2rem; } .section-header h2 { font-size: 2rem; } } @media (max-width: 480px) { .category-tabs { flex-direction: column; align-items: center; } .stats-container { flex-direction: column; align-items: center; } .about-features { grid-template-columns: 1fr; } .product-meta { flex-direction: column; gap: 10px; } }
Your trusted partner for fashion accessories, seasonal decorations, and custom manufacturing solutions with over $140,000 in successful transactions worldwide.
Located in the world's largest wholesale market hub - Yiwu, China
Yiwu Shengyu Trading Co., Ltd. specializes in exporting high-quality fashion accessories and seasonal decorations worldwide. With our strategic location in Yiwu - known as the "Commodity Ocean, Shopper's Paradise" - we offer unparalleled access to the latest market trends and manufacturing innovations.
Our extensive experience in e-commerce and data-driven approach helps clients minimize business risks while maximizing profitability through smart product selection and customized solutions.
Successfully exported to North America, Middle East, Southeast Asia, Eastern & Southern Europe
Strict quality control processes ensure product excellence and customer satisfaction
Professional OEM/ODM services including image design and video production
Comprehensive supply chain solutions from production to door delivery
Based in the heart of Yiwu International Trade Market with access to over 75,000 suppliers and 1.8 million products
Discover our diverse selection of high-quality products
Solid color rhinestone knot & vintage Baroque crystal pink heart headband. Holiday limited edition featuring retro and sweet styles.
Santa sack style with drawstring closure. Cost-effective solution for gift packaging, ideal for bulk purchase.
Vintage personalized hanging Christmas socks featuring classic holiday elements with customizable designs.
Leaf pattern bubble gauze plaid & orange-purple checkered pumpkin design baskets specially designed for children.
Halloween dolls, fabric gnomes, plaid hat decorative pumpkins. Multiple styles available for home decoration.
Dark style retro hairband with ghost and pumpkin rhinestone designs. Perfect for niche markets and custom orders.
Comprehensive solutions tailored to your business needs
Original Equipment Manufacturing services with your branding and specifications. We handle production while you focus on sales and marketing.
Original Design Manufacturing with our creative team developing unique products tailored to your market requirements and trends.
Rigorous 5-stage inspection process ensuring all products meet international standards and your specific requirements.
Professional image design, video production, and packaging design to enhance your product presentation and marketing.
End-to-end supply chain solutions including warehousing, customs clearance, and global shipping arrangements.
Data-driven product selection guidance based on market trends, sales analytics, and consumer behavior insights.