'), linear-gradient(rgba(255,255,255,0.95), rgba(255,255,255,0.95)); background-size: 30px 30px, cover; padding: 5rem 0; text-align: center; } .hero h2 { font-size: 2.8rem; margin-bottom: 1.5rem; color: var(--primary); line-height: 1.2; } .hero p { font-size: 1.3rem; max-width: 800px; margin: 0 auto 2rem; color: var(--gray); } .highlight { display: inline-block; background-color: rgba(231, 76, 60, 0.1); color: var(--accent); padding: 0.3rem 0.8rem; border-radius: 30px; font-weight: 600; margin: 0 0.3rem; } .cta-button { display: inline-block; background-color: var(--accent); color: white; padding: 0.8rem 2rem; border-radius: 30px; text-decoration: none; font-weight: 600; font-size: 1.1rem; transition: all 0.3s; box-shadow: 0 4px 10px rgba(231, 76, 60, 0.3); } .cta-button:hover { transform: translateY(-3px); box-shadow: 0 6px 15px rgba(231, 76, 60, 0.4); } /* Section Styles */ section { padding: 5rem 0; } .section-header { text-align: center; margin-bottom: 3rem; } .section-header h2 { font-size: 2.2rem; 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: 60px; height: 4px; background-color: var(--accent); border-radius: 2px; } .section-header p { color: var(--gray); max-width: 700px; margin: 1.5rem auto 0; } /* Store Info */ .info-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 2rem; } .info-card { background: white; border-radius: 10px; padding: 2rem; box-shadow: 0 5px 15px rgba(0,0,0,0.05); transition: transform 0.3s; text-align: center; border-top: 4px solid var(--primary); } .info-card:hover { transform: translateY(-5px); } .info-icon { font-size: 2.5rem; color: var(--primary); margin-bottom: 1rem; } .info-card h3 { margin-bottom: 1rem; color: var(--primary); } /* Products Section */ .products { background-color: #f0f4f8; } .category-tabs { display: flex; justify-content: center; margin-bottom: 2rem; flex-wrap: wrap; } .tab-btn { background: white; border: none; padding: 0.8rem 1.5rem; margin: 0.5rem; border-radius: 30px; cursor: pointer; font-weight: 600; transition: all 0.3s; box-shadow: 0 2px 5px rgba(0,0,0,0.05); } .tab-btn.active, .tab-btn:hover { background-color: var(--primary); color: white; } .products-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 2rem; } .product-card { background: white; border-radius: 10px; overflow: hidden; box-shadow: 0 5px 15px rgba(0,0,0,0.05); transition: transform 0.3s; } .product-card:hover { transform: translateY(-5px); } .product-img { height: 200px; background-color: var(--light); display: flex; align-items: center; justify-content: center; color: var(--gray); font-weight: 600; } .product-content { padding: 1.5rem; } .product-content h3 { color: var(--primary); margin-bottom: 0.5rem; } .specs { display: flex; flex-wrap: wrap; margin: 1rem 0; } .spec { background-color: var(--light); padding: 0.3rem 0.8rem; border-radius: 30px; font-size: 0.85rem; margin: 0.3rem; color: var(--gray); } .benefit { display: flex; align-items: flex-start; margin: 0.8rem 0; } .benefit-icon { color: #27ae60; margin-right: 0.7rem; min-width: 20px; } /* Qualifications */ .qual-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; } .qual-card { background: white; padding: 2rem; border-radius: 10px; box-shadow: 0 5px 15px rgba(0,0,0,0.05); position: relative; overflow: hidden; border-left: 4px solid var(--accent); } .qual-card h3 { color: var(--primary); margin-bottom: 1rem; font-size: 1.4rem; } .qual-card ul { padding-left: 1.5rem; } .qual-card li { margin-bottom: 0.7rem; position: relative; } .qual-card li::before { content: ''; position: absolute; left: -1.2rem; top: 0.7rem; width: 6px; height: 6px; border-radius: 50%; background-color: var(--accent); } /* Services */ .services { background: linear-gradient(135deg, var(--primary), var(--secondary)); color: white; } .services .section-header h2, .services .section-header p { color: white; } .services-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 2rem; } .service-card { background: rgba(255,255,255,0.1); border-radius: 10px; padding: 2rem; text-align: center; backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,0.2); transition: all 0.3s; } .service-card:hover { background: rgba(255,255,255,0.15); transform: translateY(-5px); } .service-icon { font-size: 2.5rem; margin-bottom: 1.5rem; color: white; } .service-card h3 { margin-bottom: 1rem; font-size: 1.4rem; } /* Contact */ .contact-wrap { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; align-items: center; } .contact-info { background: var(--primary); color: white; padding: 2.5rem; border-radius: 10px; } .contact-info h3 { font-size: 1.8rem; margin-bottom: 1.5rem; } .contact-detail { display: flex; align-items: flex-start; margin-bottom: 1.5rem; } .contact-icon { margin-right: 1rem; font-size: 1.2rem; min-width: 24px; } .cert-badges { display: flex; flex-wrap: wrap; margin-top: 2rem; } .cert-badge { background: rgba(255,255,255,0.1); padding: 0.5rem 1rem; border-radius: 4px; margin-right: 0.8rem; margin-bottom: 0.8rem; font-size: 0.9rem; } /* Footer */ footer { background: var(--dark); color: white; padding: 3rem 0 1.5rem; } .footer-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 2rem; margin-bottom: 2rem; } .footer-col h4 { font-size: 1.2rem; margin-bottom: 1.5rem; position: relative; padding-bottom: 0.7rem; } .footer-col h4::after { content: ''; position: absolute; bottom: 0; left: 0; width: 40px; height: 2px; background-color: var(--accent); } .footer-col ul { list-style: none; } .footer-col li { margin-bottom: 0.8rem; } .footer-col a { color: #ddd; text-decoration: none; transition: color 0.3s; } .footer-col a:hover { color: white; } .copyright { text-align: center; padding-top: 1.5rem; border-top: 1px solid rgba(255,255,255,0.1); color: #aaa; font-size: 0.9rem; } /* Responsive */ @media (max-width: 768px) { .header-content { flex-direction: column; text-align: center; } nav ul { margin-top: 1rem; flex-wrap: wrap; justify-content: center; } nav li { margin: 0.5rem; } .hero h2 { font-size: 2.2rem; } .contact-wrap { grid-template-columns: 1fr; } }
Haocailiao International is a trusted Gold Supplier with Level 3 Transaction Rating on Alibaba.com, providing high-quality industrial materials since 2010.
Request a QuoteOur established track record and certifications ensure reliability and quality in every transaction
Established: 2010
Business Type: Manufacturer & Exporter
Location: China Mainland
Supplier Type: Gold Supplier
Transaction Level: Level 3
Store Rating: 4.8/5.0
Markets: 50+ Countries
Annual Export: 500+ Containers
Main Markets: North America, EU, Southeast Asia
High-quality materials for diverse industrial applications
Widely used in plastics, rubber, paint, and paper industries as functional filler.
High-grade pigment for paints, coatings, plastics and ink industries.
Versatile thermoplastic for automotive parts, packaging, and consumer goods.
Post-consumer recycled material for fiber, sheet, and packaging applications.
Our commitment to quality, innovation, and responsible manufacturing
Comprehensive solutions for global trade success
Tailor-made formulations, particle sizes, and packaging solutions to meet your specific requirements.
FOB, CIF, EXW options with reliable global shipping partners and export documentation support.
Batch testing reports, pre-shipment inspections, and quality certifications with every shipment.
Multiple payment options including T/T, L/C, Western Union, and Alibaba Trade Assurance.
25kg bags, 1-ton jumbo bags, or custom packaging with moisture-proof and palletized solutions.
Application guidance, troubleshooting, and material selection advice from our expert team.
Get in touch for quotes, samples, or technical inquiries
Factory Address: Industrial Zone, Chemical Park, Shandong Province, China 250000
Phone: +86 123 4567 8910
WhatsApp: +86 123 4567 8910
Email: [email protected]
Alibaba Store: haocailiao.en.alibaba.com
Complete the form and we'll respond within 24 hours