'); background-size: cover; color: white; text-align: center; padding: 100px 20px; margin-bottom: 50px; } .hero-content { max-width: 800px; margin: 0 auto; } .hero h2 { font-size: 2.8rem; margin-bottom: 20px; line-height: 1.2; } .hero p { font-size: 1.2rem; margin-bottom: 30px; opacity: 0.9; } .btn { display: inline-block; background-color: var(--secondary); color: white; text-decoration: none; padding: 12px 30px; border-radius: 4px; font-weight: 600; transition: background-color 0.3s, transform 0.2s; border: none; cursor: pointer; } .btn:hover { background-color: #2980b9; transform: translateY(-3px); } .btn-contact { background-color: var(--accent); margin-left: 15px; } .btn-contact:hover { background-color: #c0392b; } /* 关于公司样式 */ .about-section { padding: 80px 0; background-color: white; box-shadow: 0 5px 15px rgba(0,0,0,0.05); margin-bottom: 50px; } .section-title { text-align: center; margin-bottom: 50px; position: relative; } .section-title h2 { font-size: 2.2rem; color: var(--primary); display: inline-block; padding-bottom: 10px; } .section-title h2::after { content: ''; position: absolute; width: 70px; height: 3px; background-color: var(--secondary); bottom: 0; left: 50%; transform: translateX(-50%); } .about-content { display: flex; align-items: center; gap: 40px; } .about-text { flex: 1; } .about-text h3 { font-size: 1.8rem; margin-bottom: 20px; color: var(--primary); } .about-features { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-top: 30px; } .feature { display: flex; align-items: flex-start; gap: 15px; } .feature-icon { background-color: rgba(52, 152, 219, 0.1); width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .feature-icon svg { width: 24px; height: 24px; fill: var(--secondary); } .feature-text h4 { margin-bottom: 5px; color: var(--dark); } .about-img { flex: 1; background-color: var(--light); height: 400px; border-radius: 8px; display: flex; align-items: center; justify-content: center; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.1); } /* 产品类别样式 */ .categories { padding: 80px 0; background-color: #f5f7fa; } .category-tabs { display: flex; justify-content: center; margin-bottom: 40px; flex-wrap: wrap; gap: 10px; } .category-tab { background-color: white; border: 1px solid var(--border); padding: 12px 25px; border-radius: 30px; cursor: pointer; transition: all 0.3s; font-weight: 500; } .category-tab.active, .category-tab:hover { background-color: var(--secondary); color: white; border-color: var(--secondary); } .product-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 30px; } .product-card { background: white; border-radius: 8px; overflow: hidden; box-shadow: 0 5px 15px rgba(0,0,0,0.05); transition: transform 0.3s, box-shadow 0.3s; } .product-card:hover { transform: translateY(-10px); box-shadow: 0 15px 30px rgba(0,0,0,0.1); } .product-img { height: 200px; background-color: #eef2f7; display: flex; align-items: center; justify-content: center; position: relative; } .product-badge { position: absolute; top: 15px; right: 15px; background-color: var(--accent); color: white; padding: 5px 12px; border-radius: 20px; font-size: 0.85rem; font-weight: 600; } .product-content { padding: 20px; } .product-title { font-size: 1.2rem; margin-bottom: 10px; color: var(--dark); } .product-specs { font-size: 0.9rem; color: #666; margin-bottom: 15px; } .product-price { display: flex; align-items: center; margin-bottom: 15px; } .price-current { font-size: 1.3rem; font-weight: 700; color: var(--accent); } .price-original { text-decoration: line-through; color: #999; margin-left: 10px; } .product-moq { background-color: rgba(52, 152, 219, 0.1); padding: 5px 10px; border-radius: 4px; display: inline-block; font-size: 0.85rem; color: var(--secondary); } /* 公司优势样式 */ .advantages { padding: 80px 0; background-color: white; } .advantage-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px; } .advantage-card { text-align: center; padding: 30px; border-radius: 8px; box-shadow: 0 5px 15px rgba(0,0,0,0.05); transition: all 0.3s; } .advantage-card:hover { transform: translateY(-10px); box-shadow: 0 15px 30px rgba(0,0,0,0.1); } .advantage-icon { width: 70px; height: 70px; background-color: rgba(52, 152, 219, 0.1); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; } .advantage-icon svg { width: 32px; height: 32px; fill: var(--secondary); } .advantage-title { font-size: 1.3rem; margin-bottom: 15px; color: var(--primary); } /* 联系表单样式 */ .contact-section { padding: 80px 0; background: linear-gradient(to right, var(--primary), #1a2530); color: white; } .contact-container { display: flex; gap: 50px; } .contact-info { flex: 1; } .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: 50px; height: 3px; background-color: var(--secondary); } .contact-details { margin-bottom: 30px; } .contact-item { display: flex; align-items: flex-start; margin-bottom: 20px; } .contact-icon { margin-right: 15px; margin-top: 5px; } .contact-icon svg { width: 20px; height: 20px; fill: var(--secondary); } .contact-form { flex: 1; background: rgba(255, 255, 255, 0.05); padding: 30px; border-radius: 8px; backdrop-filter: blur(10px); } .form-group { margin-bottom: 20px; } .form-group label { display: block; margin-bottom: 8px; font-weight: 500; } .form-group input, .form-group textarea { width: 100%; padding: 12px 15px; border: none; border-radius: 4px; background: rgba(255, 255, 255, 0.1); color: white; font-family: inherit; font-size: 1rem; border: 1px solid rgba(255, 255, 255, 0.2); } .form-group textarea { height: 150px; resize: vertical; } .form-group input:focus, .form-group textarea:focus { outline: none; border-color: var(--secondary); background: rgba(255, 255, 255, 0.15); } /* 页脚样式 */ footer { background-color: #1a2530; color: rgba(255, 255, 255, 0.7); padding: 50px 0 20px; } .footer-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px; margin-bottom: 40px; } .footer-col h4 { color: white; margin-bottom: 20px; font-size: 1.2rem; position: relative; padding-bottom: 10px; } .footer-col h4::after { content: ''; position: absolute; bottom: 0; left: 0; width: 40px; height: 2px; background-color: var(--secondary); } .footer-col ul { list-style: none; } .footer-col ul li { margin-bottom: 10px; } .footer-col ul li a { color: rgba(255, 255, 255, 0.7); text-decoration: none; transition: color 0.3s; } .footer-col ul li a:hover { color: var(--secondary); } .copyright { text-align: center; padding-top: 20px; border-top: 1px solid rgba(255, 255, 255, 0.1); font-size: 0.9rem; } /* 响应式设计 */ @media (max-width: 992px) { .about-content { flex-direction: column; } .contact-container { flex-direction: column; } } @media (max-width: 768px) { .header-container { flex-direction: column; text-align: center; } nav ul { margin-top: 15px; justify-content: center; } nav ul li { margin: 0 10px; } .hero h2 { font-size: 2.2rem; } .about-features { grid-template-columns: 1fr; } .btn { display: block; width: 100%; margin-bottom: 10px; } .btn-contact { margin-left: 0; } }
Xiamen Dili Garment Accessories Co., Ltd. - Your trusted partner for premium cotton twine, shoelaces, zipper pullers, and elastic bands since 2015.
Explore Products Request a QuoteFounded in 2015, Xiamen Dili Garment Accessories Co., Ltd. has established itself as a leading manufacturer and supplier of high-quality garment accessories. Based in Xiamen, Fujian, China, we specialize in providing a wide range of products including cotton twine, shoelaces, zipper pullers, elastic bands, and hook & loop tapes.
With over 8 years of industry experience and a 4.6/5 customer satisfaction rating, we serve clients worldwide with reliable products at competitive prices. Our dedicated sales team, led by Sales Manager Charles Zheng, ensures personalized service and support for all your garment accessory needs.
Premium cotton, polyester, nylon, spandex, PVC and metal materials
Tailored products with custom logos and specifications
Shipping to customers worldwide from our China facility
Established in 2015 with proven expertise in garment accessories
Modern production facility equipped with advanced machinery
Twisted process, colorful, for DIY macrame, bags, garments
Braided process, 100 yards/roll, for wall decor, bags
Winding process, 30 colors, for Christmas gifts wrapping
16pcs/set, luminous polyester, glows at night
11pcs/set, 10mm width, for leather shoes
100cm long, polyester, rainbow colors for Gay Pride
PVC material, custom logo, for branding applications
Most products feature 10% discounts with wholesale prices starting as low as $0.01 for basic items like black zipper pull cord extenders.
Minimum order quantities tailored to product types: 5-10 pieces/rolls for cotton twine, 10-1000 pairs/sets for shoelaces and zipper pullers, and 100 yards for webbings.
Wide range of materials including cotton, polyester, nylon, spandex, PVC, and metal, suitable for various applications requiring features like reflectivity, luminescence, waxing, and eco-friendly adhesives.
Selected products support customization options such as PVC zipper pulls with custom logos and tailored elastic band specifications to meet brand-specific requirements.
Monday-Friday: 8:30 AM - 5:30 PM (GMT+8)
Saturday-Sunday: Closed