'); background-size: cover; color: white; text-align: center; padding: 100px 20px; margin-bottom: 80px; } .hero h2 { font-size: 3rem; margin-bottom: 20px; text-shadow: 1px 1px 3px rgba(0,0,0,0.3); } .hero p { font-size: 1.2rem; max-width: 800px; margin: 0 auto 30px; } .cta-button { display: inline-block; background-color: var(--accent); color: var(--dark); padding: 12px 30px; border-radius: 30px; text-decoration: none; font-weight: 600; transition: var(--transition); box-shadow: 0 4px 15px rgba(0,0,0,0.2); } .cta-button:hover { background-color: white; transform: translateY(-3px); box-shadow: 0 6px 20px rgba(0,0,0,0.25); } /* 产品类别 */ .categories { padding: 80px 0; background-color: var(--light); } .section-title { text-align: center; margin-bottom: 50px; } .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; bottom: 0; left: 50%; transform: translateX(-50%); width: 80px; height: 3px; background-color: var(--secondary); } .category-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px; } .category-card { background: white; border-radius: 10px; overflow: hidden; box-shadow: 0 5px 15px rgba(0,0,0,0.1); transition: var(--transition); } .category-card:hover { transform: translateY(-10px); box-shadow: 0 15px 30px rgba(0,0,0,0.15); } .category-img { height: 200px; background-color: var(--primary); display: flex; align-items: center; justify-content: center; color: white; font-size: 3rem; } .category-content { padding: 20px; } .category-content h3 { color: var(--primary); margin-bottom: 10px; } .category-content p { color: var(--gray); margin-bottom: 15px; } .category-link { color: var(--secondary); text-decoration: none; font-weight: 500; display: flex; align-items: center; } .category-link i { margin-left: 5px; transition: var(--transition); } .category-link:hover i { transform: translateX(5px); } /* 产品展示 */ .products { padding: 80px 0; } .product-filters { display: flex; justify-content: center; flex-wrap: wrap; gap: 15px; margin-bottom: 40px; } .filter-btn { padding: 8px 20px; background: white; border: 2px solid var(--primary); color: var(--primary); border-radius: 30px; cursor: pointer; transition: var(--transition); font-weight: 500; } .filter-btn.active, .filter-btn:hover { background: var(--primary); color: white; } .product-container { 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.08); transition: var(--transition); } .product-card:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0,0,0,0.12); } .product-img { height: 220px; background-color: #f0f0f0; display: flex; align-items: center; justify-content: center; font-size: 2.5rem; color: var(--primary); } .product-badge { background-color: var(--secondary); color: white; padding: 5px 10px; position: absolute; top: 10px; right: 10px; border-radius: 4px; font-size: 0.8rem; font-weight: 500; } .product-info { padding: 20px; position: relative; } .product-title { font-size: 1.2rem; margin-bottom: 10px; color: var(--dark); } .product-material { color: var(--gray); font-size: 0.9rem; margin-bottom: 10px; } .product-specs { display: flex; justify-content: space-between; margin-bottom: 15px; border-top: 1px solid #eee; padding-top: 15px; } .spec-item { text-align: center; } .spec-label { font-size: 0.8rem; color: var(--gray); margin-bottom: 5px; } .spec-value { font-weight: 600; color: var(--primary); } .product-price { display: flex; justify-content: space-between; align-items: center; margin-top: 10px; } .price-range { font-weight: 700; color: var(--secondary); font-size: 1.1rem; } .product-btn { background: var(--primary); color: white; border: none; padding: 8px 15px; border-radius: 5px; cursor: pointer; transition: var(--transition); } .product-btn:hover { background: var(--secondary); } /* 公司信息 */ .about { padding: 80px 0; background: linear-gradient(to bottom, var(--light) 0%, white 100%); } .about-container { display: flex; flex-wrap: wrap; gap: 50px; align-items: center; } .about-content { flex: 1; min-width: 300px; } .about-title { color: var(--primary); margin-bottom: 20px; font-size: 2.2rem; } .about-text { margin-bottom: 25px; color: var(--gray); } .about-features { margin-bottom: 30px; } .feature-item { display: flex; align-items: flex-start; margin-bottom: 15px; } .feature-icon { background: var(--primary); color: white; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 15px; flex-shrink: 0; } .feature-text h4 { margin-bottom: 5px; color: var(--dark); } .feature-text p { color: var(--gray); font-size: 0.9rem; } .about-image { flex: 1; min-width: 300px; height: 400px; background: linear-gradient(45deg, var(--primary), var(--secondary)); border-radius: 10px; display: flex; align-items: center; justify-content: center; color: white; font-size: 2rem; box-shadow: 0 15px 30px rgba(0,0,0,0.15); } /* 合作信息 */ .cooperation { padding: 80px 0; background-color: white; } .cooperation-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; } .cooperation-card { background: var(--light); border-radius: 10px; padding: 30px; text-align: center; box-shadow: 0 5px 15px rgba(0,0,0,0.05); transition: var(--transition); } .cooperation-card:hover { transform: translateY(-5px); background: white; box-shadow: 0 10px 25px rgba(0,0,0,0.1); } .cooperation-icon { font-size: 2.5rem; color: var(--primary); margin-bottom: 20px; } .cooperation-title { color: var(--primary); margin-bottom: 15px; } /* 联系表单 */ .contact { padding: 80px 0; background: linear-gradient(135deg, rgba(138,75,175,0.05) 0%, rgba(255,107,139,0.05) 100%); } .contact-container { display: flex; flex-wrap: wrap; gap: 50px; } .contact-info { flex: 1; min-width: 300px; } .contact-title { color: var(--primary); margin-bottom: 20px; font-size: 2rem; } .contact-method { display: flex; align-items: flex-start; margin-bottom: 25px; } .contact-icon { background: var(--primary); color: white; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 15px; flex-shrink: 0; } .contact-details h4 { margin-bottom: 5px; color: var(--dark); } .contact-details p { color: var(--gray); } .social-links { display: flex; gap: 15px; margin-top: 20px; } .social-link { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background: var(--primary); color: white; text-decoration: none; transition: var(--transition); } .social-link:hover { background: var(--secondary); transform: translateY(-3px); } .contact-form { flex: 1; min-width: 300px; background: white; padding: 30px; border-radius: 10px; box-shadow: 0 10px 30px rgba(0,0,0,0.1); } .form-group { margin-bottom: 20px; } .form-group label { display: block; margin-bottom: 8px; font-weight: 500; color: var(--dark); } .form-control { width: 100%; padding: 12px 15px; border: 1px solid #ddd; border-radius: 5px; font-size: 1rem; transition: var(--transition); } .form-control:focus { border-color: var(--primary); outline: none; box-shadow: 0 0 0 3px rgba(138,75,175,0.1); } textarea.form-control { min-height: 120px; resize: vertical; } .submit-btn { background: var(--primary); color: white; border: none; padding: 12px 30px; border-radius: 30px; font-weight: 600; cursor: pointer; transition: var(--transition); width: 100%; } .submit-btn:hover { background: var(--secondary); } /* 页脚 */ footer { background: var(--dark); color: white; padding: 60px 0 30px; } .footer-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 40px; margin-bottom: 40px; } .footer-col h3 { color: var(--accent); margin-bottom: 20px; font-size: 1.3rem; position: relative; padding-bottom: 10px; } .footer-col h3::after { content: ''; position: absolute; bottom: 0; left: 0; width: 50px; height: 2px; background: var(--secondary); } .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: white; padding-left: 5px; } .footer-contact p { margin-bottom: 10px; display: flex; align-items: flex-start; } .footer-contact i { margin-right: 10px; color: var(--accent); } .copyright { text-align: center; padding-top: 30px; border-top: 1px solid rgba(255,255,255,0.1); color: #aaa; font-size: 0.9rem; } /* 响应式设计 */ @media (max-width: 992px) { .hero h2 { font-size: 2.5rem; } nav ul { display: none; } .mobile-menu { display: block; } } @media (max-width: 768px) { .hero { padding: 80px 20px; } .hero h2 { font-size: 2rem; } .section-title h2 { font-size: 2rem; } .about-image { height: 300px; } } @media (max-width: 576px) { .header-container { flex-direction: column; text-align: center; } .logo { margin-bottom: 15px; } .hero { padding: 60px 20px; } .hero h2 { font-size: 1.8rem; } .cta-button { display: block; margin: 0 auto; } }
Yiwu Tengcan Import & Export Co., Ltd. specializes in creating high-quality hair accessories and fashion jewelry. With our professional design team and manufacturing capabilities, we offer OEM & ODM services to clients worldwide.
Explore Our CollectionsOur core category featuring diverse designs from elegant acetate to glitter acrylic pieces.
View Collection →Versatile clips for everyday use, festivals, parties and special occasions.
View Collection →Perfect gift sets designed specially for children with coordinated pieces.
View Collection →Established in 2023 in Zhejiang, China, Yiwu Tengcan specializes in manufacturing high-quality hair accessories and fashion jewelry. With our professional design team and manufacturing capabilities, we serve clients across North America, Western Europe, and South America.
We offer custom design and production based on your sketches, images or creative requirements.
All products undergo strict quality control to meet international standards.
We efficiently ship worldwide with reliable logistics partners.
Employees
Established
Factory Area
T/T (Wire Transfer), L/C, D/P D/A, MoneyGram, Credit Card, PayPal, Western Union, Cash
North America, Western Europe, South America
Reliable worldwide shipping options with tracking information provided
Zhejiang, China
Connect with us on our official platforms