'); background-size: cover; } .hero-content { position: relative; z-index: 2; max-width: 700px; } .hero h1 { font-size: 48px; margin-bottom: 20px; line-height: 1.2; } .hero p { font-size: 20px; margin-bottom: 30px; opacity: 0.9; } .cta-button { display: inline-block; background-color: var(--accent); color: var(--dark); padding: 15px 35px; border-radius: 50px; text-decoration: none; font-weight: 700; font-size: 18px; transition: transform 0.3s, box-shadow 0.3s; box-shadow: 0 4px 15px rgba(245, 158, 11, 0.4); } .cta-button:hover { transform: translateY(-3px); box-shadow: 0 6px 20px rgba(245, 158, 11, 0.6); } /* Section Styling */ section { padding: 80px 0; } .section-header { text-align: center; margin-bottom: 60px; } .section-header h2 { font-size: 36px; color: var(--dark); margin-bottom: 15px; 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: 20px auto 0; color: var(--gray); font-size: 18px; } /* About Section */ .about-content { display: flex; align-items: center; gap: 50px; } .about-text { flex: 1; } .about-text h3 { font-size: 28px; margin-bottom: 20px; color: var(--dark); } .about-text p { margin-bottom: 25px; font-size: 17px; } .stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 30px; } .stat-card { background-color: white; border-radius: 10px; padding: 25px; text-align: center; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); transition: transform 0.3s; } .stat-card:hover { transform: translateY(-5px); } .stat-number { font-size: 36px; font-weight: 700; color: var(--primary); margin-bottom: 10px; } .stat-text { font-size: 16px; color: var(--gray); } .about-visual { flex: 1; display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; } .visual-item { background-color: white; border-radius: 10px; padding: 30px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); text-align: center; } .visual-icon { width: 60px; height: 60px; background: linear-gradient(135deg, var(--primary), var(--secondary)); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; color: white; font-size: 24px; } /* Products Section */ .products { background-color: var(--light); } .product-categories { display: flex; justify-content: center; gap: 10px; margin-bottom: 40px; flex-wrap: wrap; } .category-btn { padding: 12px 25px; background-color: white; border: 1px solid #cbd5e1; border-radius: 50px; cursor: pointer; font-weight: 600; transition: all 0.3s; } .category-btn.active, .category-btn:hover { background-color: var(--primary); color: white; border-color: var(--primary); } .product-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 30px; } .product-card { background-color: white; border-radius: 15px; overflow: hidden; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); transition: transform 0.3s; } .product-card:hover { transform: translateY(-10px); } .product-image { height: 200px; background-color: #e2e8f0; display: flex; align-items: center; justify-content: center; position: relative; } .product-image::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(135deg, rgba(37, 99, 235, 0.1), rgba(59, 130, 246, 0.1)); } .product-info { padding: 25px; } .product-info h3 { font-size: 20px; margin-bottom: 10px; color: var(--dark); } .product-info p { color: var(--gray); margin-bottom: 15px; min-height: 60px; } .product-features { list-style-type: none; margin: 15px 0; } .product-features li { padding: 5px 0; padding-left: 25px; position: relative; } .product-features li::before { content: '✓'; position: absolute; left: 0; color: var(--primary); font-weight: bold; } /* Certification Section */ .certifications { background: linear-gradient(120deg, #0f172a, #1e293b); color: white; } .certifications .section-header h2 { color: white; } .certifications .section-header p { color: #cbd5e1; } .cert-logos { display: flex; justify-content: center; flex-wrap: wrap; gap: 40px; margin-top: 40px; } .cert-logo { width: 120px; height: 120px; background-color: rgba(255, 255, 255, 0.1); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 16px; text-align: center; padding: 10px; } /* Contact Section */ .contact-container { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; } .contact-info { display: flex; flex-direction: column; gap: 25px; } .contact-item { display: flex; align-items: flex-start; gap: 15px; } .contact-icon { width: 50px; height: 50px; background: linear-gradient(135deg, var(--primary), var(--secondary)); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-size: 20px; flex-shrink: 0; } .contact-text h3 { margin-bottom: 5px; color: var(--dark); } .contact-form .form-group { margin-bottom: 20px; } .contact-form input, .contact-form textarea { width: 100%; padding: 15px; border: 1px solid #cbd5e1; border-radius: 8px; font-size: 16px; transition: border-color 0.3s; } .contact-form input:focus, .contact-form textarea:focus { outline: none; border-color: var(--primary); } .contact-form textarea { height: 150px; resize: vertical; } /* Footer */ footer { background-color: var(--dark); color: white; padding: 60px 0 30px; } .footer-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 40px; margin-bottom: 40px; } .footer-col h3 { font-size: 20px; margin-bottom: 25px; position: relative; padding-bottom: 10px; } .footer-col h3::after { content: ''; position: absolute; bottom: 0; left: 0; width: 40px; height: 3px; background-color: var(--accent); } .footer-links { list-style: none; } .footer-links li { margin-bottom: 15px; } .footer-links a { color: #cbd5e1; text-decoration: none; transition: color 0.3s; } .footer-links a:hover { color: white; } .copyright { text-align: center; padding-top: 30px; border-top: 1px solid rgba(255, 255, 255, 0.1); color: #94a3b8; font-size: 14px; } /* Responsive Design */ @media (max-width: 992px) { .footer-grid { grid-template-columns: repeat(2, 1fr); } .about-content { flex-direction: column; } .contact-container { grid-template-columns: 1fr; } } @media (max-width: 768px) { nav ul { display: none; } .hero h1 { font-size: 36px; } .hero p { font-size: 18px; } .stats { grid-template-columns: repeat(2, 1fr); } .product-grid { grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); } } @media (max-width: 480px) { .stats { grid-template-columns: 1fr; } .footer-grid { grid-template-columns: 1fr; } .about-visual { grid-template-columns: 1fr; } }
Professional manufacturer of high-quality chargers, cables, and power accessories with 10+ years of industry expertise.
Request a QuoteYour trusted partner in power accessory manufacturing
Founded in 2010, CNNTHCHG has grown to become a leading manufacturer specializing in high-quality charging accessories. With over a decade of experience, we serve clients worldwide with innovative power solutions.
Our 15,000 sqm manufacturing facility houses state-of-the-art equipment and a skilled workforce of over 200 professionals dedicated to excellence in every product we create.
Stringent 12-step quality inspection process ensures product reliability
Dedicated R&D team focuses on innovative charging technologies
Eco-friendly manufacturing processes and materials
Products exported to 40+ countries worldwide
Premium charging solutions engineered for performance and durability
Compact GaN technology charger with Power Delivery 3.0
Qi-certified wireless charger with fast charging capability
High-power charging station for multiple devices
Durable 100W charging cable with fast data transfer
Our commitment to quality and safety is validated through international certifications
Get in touch to discuss your custom charging solutions
No. 123 Electronics Industrial Park, Shenzhen, Guangdong, China 518000
+86 755 1234 5678
Monday-Friday: 8:30 AM - 6:00 PM (GMT+8)