/* Base Styles */
body { font-family: 'Helvetica Neue', Arial, sans-serif; margin: 0; padding: 0; background-color: #f7f7f7; color: #333; line-height: 1.6; }
h1, h2, h3, h4 { color: #004d99; font-weight: 700; }
h1 { font-size: 3em; line-height: 1.1; }
h2 { font-size: 2.2em; }
h3 { font-size: 1.7em; }
h4 { font-size: 1.4em; }
.container { max-width: 1100px; margin: 0 auto; padding: 0 25px; }
hr { border: none; border-top: 1px solid #eee; margin: 50px 0; }
section { padding: 80px 0; }
::selection{background:#F39800;color:#FFF;text-shadow:none;}
/* --- LOGO / HEADER Area --- */
header { position: absolute; top: 0; left: 0; width: 100%; z-index: 10; padding: 20px 0; }
.logo-container { max-width: 1100px; margin: 0 auto; padding: 0 25px; }
.logo-container img { height: 40px; width: auto; /*filter: brightness(0) invert(1);*/ }

/* --- 1. Hero Section --- */
.hero-section { min-height: 90vh; position: relative; display: flex; align-items: center; justify-content: center; text-align: center; overflow: hidden; padding: 120px 0; }
.hero-image { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; z-index: 1; }
.hero-section::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.6); z-index: 2; }
.hero-content { z-index: 3; color: #ffffff; max-width: 900px; }
.hero-content h1 { margin-bottom: 20px; color: #ffffff; text-shadow: 1px 1px 8px rgba(0, 0, 0, 0.9); }
.hero-content h2 { font-size: 1.6em; margin-bottom: 40px; color: #f0f0f0; font-weight: 300; }

/* CTA Button */
.cta-button { display: inline-block; background-color: #ff6600; color: white; padding: 16px 40px; text-decoration: none; font-size: 1.4em; font-weight: bold; border-radius: 50px; transition: all 0.3s; border: none; cursor: pointer; box-shadow: 0 6px 15px rgba(255, 102, 0, 0.4); }
.cta-button:hover { background-color: #e65c00; transform: translateY(-3px); box-shadow: 0 8px 20px rgba(255, 102, 0, 0.6); }
.trust-badges { margin-top: 30px; font-size: 1em; color: #ccc; }
.trust-badges span { display: inline-block; margin: 0 15px; }

/* --- 2. Trust Elements & Certifications --- */
.trust-section { padding: 60px 0; text-align: center; background-color: white; }
.data-points { display: flex; justify-content: space-around; margin-top: 40px; }
.data-point { flex: 1; padding: 20px; border-right: 1px solid #eee; }
.data-point:last-child { border-right: none; }
.data-point strong { display: block; font-size: 3em; color: #004d99; margin-bottom: 5px; }
.data-point small { color: #666; font-size: 1.1em; }

.compliance { background-color: #eaf3ff; padding: 60px 0; }
.compliance h3 { text-align: center; margin-bottom: 30px; }
.cert-list { display: flex; justify-content: center; flex-wrap: wrap; gap: 40px; max-width: 1000px; margin: 0 auto; text-align: center; }
.cert-item { font-size: 1.2em; color: #333; font-weight: bold; }
.cert-item::before { content: '✔️'; margin-right: 10px; font-size: 1.2em; color: #009933; }

/* --- 2.5 Product & Tech --- */
.product-tech-section { padding: 80px 0; background-color: white; }
.tech-block { display: flex; gap: 60px; margin-bottom: 70px; align-items: center; }
.tech-block > div { flex: 1; }
.tech-visual { flex: 1; max-width: 45%; overflow: hidden; border-radius: 8px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15); }
.tech-visual img { width: 100%; height: auto; display: block; }
.PCrr{flex-direction: row-reverse;}
/* --- 3. Core Advantages --- */
.advantage-section { padding: 80px 0; background-color: #f7f7f7; }
.advantage-section h2 { text-align: center; margin-bottom: 50px; }
.advantage-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 40px; }
.advantage-card { background-color: white; padding: 30px; border-left: 6px solid #004d99; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); border-radius: 6px; }
.advantage-card h4 { margin-top: 0; color: #004d99; }
.advantage-card ul { list-style: none; padding-left: 0; }
.advantage-card li { margin-bottom: 10px; line-height: 1.7; font-size: 1em; }
.advantage-card li::before { content: '💡'; margin-right: 10px; color: #ff6600; font-weight: bold; } 

/* --- 4. Testimonial --- */
.testimonial-section { background-color: #004d99; padding: 70px 0; color: white; text-align: center; }
.testimonial-box { max-width: 800px; margin: 0 auto; font-style: italic; font-size: 1.3em; line-height: 1.5; border: 2px solid #ff6600; padding: 30px; border-radius: 8px; position: relative; }
.testimonial-author { margin-top: 20px; font-size: 1em; font-weight: bold; color: #ff6600; }

/* --- 5. Factory Visit --- */
.visit-factory-section { padding: 80px 0; background-color: #003366; color: white; text-align: center; }
.visit-factory-section h2 { color: white; }
.factory-image-grid { display: flex; gap: 20px; justify-content: center; margin: 40px auto; max-width: 1000px; }
.factory-image-grid img { width: calc(50% - 10px); height: 250px; object-fit: cover; border-radius: 8px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3); }

/* --- 6. Form Section --- */
.form-section { padding: 60px 0; background-color: #333; color: white; }
.form-section h2 { text-align: center; margin-bottom: 30px; color: white; }
.lead-form { /*max-width: 500px;*/ margin: 0 auto; background-color: white; padding: 30px; border-radius: 10px; box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4); }
.lead-form label { display: block; margin-bottom: 5px; color: #333; font-weight: bold; }
.lead-form textarea, .lead-form input[type="text"], .lead-form input[type="email"]{font-family: Roboto; width: 100%; padding: 12px; margin-bottom: 20px; border: 1px solid #ccc; border-radius: 5px; box-sizing: border-box; font-size:16px;}
.form-promise { text-align: center; margin-top: 20px; font-size: 0.9em; color: #eee; }

/* --- 7. Footer & Language Switcher --- */
footer { background-color: #222; color: #bbb; padding: 25px 0; text-align: center; font-size: 0.85em; }
footer a { color: #bbb; text-decoration: none; margin: 0 10px; }

/* Language Selector Styles */
.language-selector { padding-bottom: 15px; font-size: 0.9em; }
.language-selector span { margin-right: 15px; font-weight: 300; color: #999; }
.language-selector a, .language-selector .active-lang { color: #fff; text-decoration: none; margin: 0 8px; font-weight: 500; transition: color 0.2s; }
.language-selector a:hover { color: #ff6600; text-decoration: underline; }

/* Active Link Styles (for JS) */
.language-selector .active-link { color: #ff6600; font-weight: bold; cursor: default; pointer-events: none; text-decoration: none !important; }

/* --- 悬浮按钮组样式 --- */
.floating-buttons {position: fixed;bottom: 30px;right: 20px;display: flex;flex-direction: column;gap: 15px;z-index: 9999; opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0.3s ease; }
.floating-btn { font-size:26px;width: 50px;height: 50px;border-radius: 50%;background: #007bff;color: #fff;display: flex;align-items: center;justify-content: center;cursor: pointer;box-shadow: 0 3px 10px rgba(0,0,0,0.2);transition: background 0.3s ease, transform 0.2s ease;text-decoration: none;}
.floating-btn:hover {background: #0056b3;transform: scale(1.1); /* hover时轻微放大 */}
.email-btn:after{content:"\1F4E7";}
.back-to-top:after{content:"\2191";/*transform: rotate(-90deg);*/}
.floating-btn.email-btn {background: #28a745;}
.floating-btn.email-btn:hover {background: #218838;}
/* 滚动后显示按钮 */
.floating-buttons.show {opacity: 1;visibility: visible;}


/* Media Queries */
@media (max-width: 1000px) {
.factory-image-grid { flex-direction: column; }
}
@media (max-width: 768px) {
	h1 { font-size: 2.2em; }
	section { padding: 50px 0; }
	.hero-section { min-height: 50vh; padding: 80px 0; }
	.logo-container img { height: 30px; } 
	.data-points, .tech-block, .factory-image-grid { flex-direction: column; }
	.data-point { border-right: none; border-bottom: 1px solid #eee; }
	.tech-block { gap: 30px; }
	.PCrr{flex-direction:column;}
	.tech-visual { max-width: 100%; margin-top: 20px; }
	.advantage-grid { grid-template-columns: 1fr; gap: 30px; }
	.factory-image-grid img { width: 100%; margin-bottom: 15px; height: auto; }
	.testimonial-box { font-size: 1.1em; }
	.lead-form { padding: 10px;}
	.lead-form textarea, .lead-form input[type="text"], .lead-form input[type="email"]{padding: 6px;}
	.floating-buttons {right: 10px;}
}