1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <title>Contact Us | Sourcify China</title> 7 <meta name="description" content="Connect with over 300 verified Chinese manufacturers operating for over 5 years. Trusted suppliers in Industrial, Medical, Automotive, and Electronics sectors."> 8 9 <!-- Google Fonts --> 10 <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap" rel="stylesheet"> 11 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap" rel="stylesheet"> 12 13 <style> 14 15 :root { --primary: #003366; --bg: #f8f9fa; } 16 body { font-family: 'Helvetica Neue', Helvetica, sans-serif; margin: 0; background: var(--bg); color: #333; } 17 18 header { background: #fff; padding: 15px 0; border-bottom: 1px solid #ddd; } 19 .nav-container { max-width: 1200px; margin: 0 auto; padding: 0 20px; display: flex; justify-content: space-between; align-items: center; } 20 .logo { font-size: 24px; font-weight: bold; color: var(--primary); text-decoration: none; } 21 .nav-links a { text-decoration: none; color: #333; margin-left: 20px; } 22 23 .container { max-width: 800px; margin: 50px auto; padding: 0 20px; } 24 25 /* Warning Box */ 26 .alert-box { 27 background-color: #fff3cd; 28 border: 1px solid #ffeeba; 29 color: #856404; 30 padding: 20px; 31 border-radius: 8px; 32 margin-bottom: 30px; 33 text-align: center; 34 } 35 .alert-box strong { display: block; font-size: 1.1em; margin-bottom: 10px; } 36 37 .contact-info { background: white; padding: 40px; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.05); text-align: center; } 38 .email-link { font-size: 24px; font-weight: bold; color: var(--primary); text-decoration: none; display: block; margin: 20px 0; } 39 40 .whatsapp-section { margin-top: 40px; padding-top: 20px; border-top: 1px solid #eee; } 41 .whatsapp-number { font-size: 18px; color: green; font-weight: bold; } 42 43 .verification-note { font-size: 0.9rem; color: #666; margin-top: 10px; } 44 45 46 47 :root { 48 --primary-color: #003366; /* Deep Corporate Blue */ 49 --secondary-color: #f4f4f4; 50 --accent-color: #d9534f; 51 --text-color: #333; 52 --border-color: #e0e0e0; 53 --success-color: #28a745; 54 } 55 56 body { 57 font-family: 'Inter', 'Roboto', sans-serif; 58 margin: 0; 59 padding: 0; 60 color: var(--text-color); 61 background-color: #f8f9fa; 62 line-height: 1.6; 63 } 64 65 /* --- Navigation --- */ 66 header { 67 background-color: #fff; 68 box-shadow: 0 2px 10px rgba(0,0,0,0.05); 69 position: sticky; 70 top: 0; 71 z-index: 1000; 72 } 73 74 .nav-container { 75 max-width: 1400px; 76 margin: 0 auto; 77 padding: 10px 30px; 78 display: flex; 79 justify-content: space-between; 80 align-items: center; 81 } 82 83 .logo img { 84 height: 45px; 85 width: auto; 86 } 87 88 .nav-links a { 89 text-decoration: none; 90 color: var(--text-color); 91 font-weight: 600; 92 margin-left: 30px; 93 transition: color 0.3s; 94 font-size: 0.95rem; 95 } 96 97 .nav-links a:hover { 98 color: var(--primary-color); 99 } 100 101 .nav-links .btn-contact { 102 background-color: var(--primary-color); 103 color: white; 104 padding: 10px 24px; 105 border-radius: 6px; 106 } 107 108 .nav-links .btn-contact:hover { 109 background-color: #002244; 110 color: white; 111 } 112 113 /* --- Hero Section --- */ 114 .hero { 115 background: linear-gradient(rgba(0, 51, 102, 0.9), rgba(0, 51, 102, 0.8)), url('https://images.unsplash.com/photo-1581091226825-a6a2a5aee158?auto=format&fit=crop&w=1920&q=80'); 116 background-size: cover; 117 background-position: center; 118 color: white; 119 text-align: center; 120 padding: 80px 20px 100px; 121 } 122 123 .hero h1 { 124 font-size: 3rem; 125 margin-bottom: 20px; 126 font-weight: 700; 127 } 128 129 .hero p { 130 font-size: 1.25rem; 131 max-width: 800px; 132 margin: 0 auto 30px; 133 opacity: 0.9; 134 font-weight: 300; 135 } 136 137 /* --- Search Box --- */ 138 .search-container { 139 max-width: 600px; 140 margin: -30px auto 40px; /* Overlap hero */ 141 padding: 0 20px; 142 position: relative; 143 z-index: 10; 144 } 145 146 .search-box { 147 width: 100%; 148 padding: 20px 25px; 149 border-radius: 50px; 150 border: none; 151 box-shadow: 0 10px 25px rgba(0,0,0,0.15); 152 font-size: 1.1rem; 153 outline: none; 154 transition: all 0.3s; 155 } 156 .search-box:focus { 157 box-shadow: 0 10px 25px rgba(0, 51, 102, 0.25); 158 } 159 160 /* --- Directory Section --- */ 161 .container { 162 max-width: 1400px; 163 margin: 0 auto 80px; 164 padding: 0 20px; 165 } 166 167 .category-section { 168 background: white; 169 border-radius: 12px; 170 box-shadow: 0 4px 6px rgba(0,0,0,0.02); 171 margin-bottom: 40px; 172 overflow: hidden; 173 border: 1px solid #eee; 174 } 175 176 .category-header { 177 background-color: #fff; 178 padding: 20px 30px; 179 border-bottom: 2px solid var(--primary-color); 180 display: flex; 181 align-items: center; 182 justify-content: space-between; 183 } 184 185 .category-header h3 { 186 margin: 0; 187 color: var(--primary-color); 188 font-size: 1.6rem; 189 display: flex; 190 align-items: center; 191 gap: 10px; 192 } 193 194 /* --- Table Styling --- */ 195 .supplier-table { 196 width: 100%; 197 border-collapse: collapse; 198 } 199 200 .supplier-table th { 201 background-color: #f8f9fa; 202 color: #555; 203 font-weight: 700; 204 text-transform: uppercase; 205 font-size: 0.85rem; 206 padding: 18px 25px; 207 text-align: left; 208 border-bottom: 1px solid #eee; 209 } 210 211 .supplier-table td { 212 padding: 18px 25px;
213 border-bottom: 1px solid #f0f0f0; 214 color: #444; 215 font-size: 0.95rem; 216 vertical-align: middle; 217 } 218 219 .supplier-table tr:last-child td { 220 border-bottom: none; 221 } 222 223 .supplier-table tr:hover { 224 background-color: #fdfdfd; 225 } 226 227 /* Links & Badges */ 228 .domain-link { 229 color: var(--primary-color); 230 font-weight: 600; 231 text-decoration: none; 232 font-size: 1rem; 233 } 234 .domain-link:hover { text-decoration: underline; } 235 236 .age-badge { 237 background-color: #e3f2fd; 238 color: #0d47a1; 239 padding: 5px 10px; 240 border-radius: 4px; 241 font-size: 0.8rem; 242 font-weight: 600; 243 white-space: nowrap; 244 } 245 246 .est-date { 247 color: #888; 248 font-size: 0.85rem; 249 display: block; 250 margin-top: 4px; 251 } 252 253 .product-tag { 254 display: inline-block; 255 background: #f1f1f1; 256 padding: 2px 8px; 257 border-radius: 4px; 258 font-size: 0.85rem; 259 margin-right: 5px; 260 margin-bottom: 2px; 261 color: #555; 262 } 263 264 .profile-btn { 265 display: inline-block; 266 padding: 8px 16px; 267 background-color: white; 268 color: var(--primary-color); 269 border: 1px solid var(--primary-color); 270 border-radius: 4px; 271 text-decoration: none; 272 font-size: 0.85rem; 273 font-weight: 600; 274 transition: all 0.2s; 275 white-space: nowrap; 276 } 277 278 .profile-btn:hover { 279 background-color: var(--primary-color); 280 color: white; 281 } 282 283 /* --- Footer --- */ 284 footer { 285 background-color: #1a1a1a; 286 color: #aaa; 287 padding: 60px 20px; 288 text-align: center; 289 font-size: 0.9rem; 290 } 291 footer a { color: #ddd; text-decoration: none; margin: 0 15px; } 292 footer a:hover { color: white; } 293 294 /* Hide rows when searching */ 295 .hidden-row { display: none; } 296 .hidden-section { display: none; } 297 298 @media (max-width: 768px) { 299 .nav-container { flex-direction: column; padding: 15px; } 300 .nav-links { margin-top: 15px; } 301 .hero { padding: 60px 20px 80px; } 302 .hero h1 { font-size: 2rem; } 303 .supplier-table { display: block; overflow-x: auto; } 304 .supplier-table th, .supplier-table td { padding: 12px 15px; } 305 } 306 </style> 307</head> 308<body> 309 310 <!-- Header --> 311 <header> 312 <div class="nav-container"> 313 <a href="index.html" class="logo"> 314 <img src="https://www.sourcifychina.com/wp-content/uploads/2022/10/sourcifychina.png" alt="Sourcify China"> 315 </a> 316 <nav class="nav-links"> 317 <a href="index.html">Home</a> 318 <a href="/blog">Blog</a> 319 <a href="/about.html">About</a> 320 <a href="/contact.html" class="btn-contact">Contact Us</a> 321 </nav> 322 </div> 323 </header> 324 325<div class="container"> 326 <div class="alert-box"> 327 <strong>â ï¸ Business Email Inquiries Only</strong> 328 </div> 329 330 <div class="contact-info"> 331 <h1>Get in Touch</h1> 332 <p>To initiate a sourcing request or verification service, please email us with your company details.</p> 333 334 <a href="/cdn-cgi/l/email-protection#a4d7d1d4d4cbd6d0e4d7cbd1d6c7cdc2ddc7cccdcac58ac7cbc9" class="email-link"><span class="__cf_email__" data-cfemail="23505653534c515763504c5651404a455a404b4a4d420d404c4e">[email protected]</span></a> 335 336 <p><strong>Required Information:</strong><br> 337 1. Company Name & Website<br> 338 2. Product Requirements / Links<br> 339 3. Estimated Annual Volume</p> 340 341 <div class="whatsapp-section"> 342 <h3>WhatsApp Support</h3> 343 <p class="whatsapp-number">ð± +86 159 5127 6160</p> 344 <p class="verification-note"> 345 * Note: This line is dedicated to <strong>Verified Clients Only</strong>.<br> 346 We do not respond to unverified inquiries on WhatsApp. Please email us first to verify your corporate status. 347 </p> 348 </div> 349 </div> 350</div> 351 352 <!-- Footer --> 353 <footer> 354 <p>© 2026 Sourcify China Information Technology Co., Ltd. All rights reserved.</p> 355 <p>Connecting the world with verified Chinese manufacturing power.</p> 356 <p> 357 <a href="/terms">Terms of Service</a> | 358 <a href="/privacy">Privacy Policy</a> | 359 <a href="/sitemap.xml">Sitemap</a> 360 </p> 361 </footer> 362 363 <!-- Search Script -->
vendor: 113 bytes, lines 363-364
363 364 <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
364<script> 365 document.getElementById('searchInput').addEventListener('keyup', function() { 366 let filter = this.value.toUpperCase(); 367 let rows = document.querySelectorAll('.supplier-table tbody tr'); 368 369 rows.forEach(row => { 370 let text = row.innerText.toUpperCase(); 371 row.style.display = text.includes(filter) ? '' : 'none'; 372 }); 373 }); 374 </script>
374 375
376<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"d146082d23de43eb936e827d35d07679","r":1,"spa":2}' crossorigin="anonymous"></script>
vendor: 1 bytes, line 376
376
377<script>(function(){function c(){var b=a.contentDocument||(a.contentWindow&&a.contentWindow.document);if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a442f37a6ac32af4',t:'MTc5MDkzNjE4MA=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>
377</body> 378</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.