@charset "utf-8";
 /* About Content */       
/* 关于我们内容区块样式 */
.abouts-content {font-family:'Arial','Helvetica Neue',Helvetica,sans-serif;line-height:1.6;color:#333;background-color:#f8f9fa;padding:40px 0;}
.abouts-content .container {max-width:1200px;margin:0 auto;padding:0 20px;}
/* 地址信息样式 */.abouts-content [data-id="19b104c1"] {background:#2c3e50;color:white;padding:15px 20px;margin-bottom:30px;border-radius:8px;text-align:center;font-size:14px;}
/* 公司名称样式 */.abouts-content [data-id="6599d5c2"] {background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:40px;margin-bottom:40px;border-radius:12px;text-align:center;color:white;}
.abouts-content [data-id="6599d5c2"] h2 {margin:0 0 20px 0;font-size:2.2em;font-weight:700;}
.abouts-content [data-id="6599d5c2"] h2 a {color:white;text-decoration:none;transition:color 0.3s ease;}
.abouts-content [data-id="6599d5c2"] h2 a:hover {color:#f1c40f;}
.abouts-content [data-id="7319217b"] {margin-top:25px;}
.abouts-content [data-id="7319217b"] a {display:inline-block;background:#e74c3c;color:white;padding:12px 30px;text-decoration:none;border-radius:25px;font-weight:600;transition:all 0.3s ease;text-transform:uppercase;letter-spacing:1px;}
.abouts-content [data-id="7319217b"] a:hover {background:#c0392b;transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,0.2);}
/* 图片样式 */.abouts-content [data-id*="image"] {margin:20px 0;}
.abouts-content [data-id*="image"] img {width:100%;height:auto;border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,0.1);transition:transform 0.3s ease;}
.abouts-content [data-id*="image"] img:hover {transform:scale(1.02);}
.abouts-content [data-id*="image"] div {text-align:center;margin-top:10px;font-style:italic;color:#7f8c8d;font-size:14px;}
/* 关于我们部分样式 */.abouts-content [data-id="59ec81c6"] {display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:50px 0;align-items:center;}
.abouts-content [data-id="59ec81c6"] h3 {color:#2c3e50;font-size:2em;margin-bottom:20px;font-weight:700;}
.abouts-content [data-id="796b7a7"] p {color:#555;font-size:16px;line-height:1.8;margin-bottom:25px;}
.abouts-content [data-id="561494e6"] a {display:inline-block;background:#3498db;color:white;padding:10px 25px;text-decoration:none;border-radius:5px;font-weight:600;transition:all 0.3s ease;}
.abouts-content [data-id="561494e6"] a:hover {background:#2980b9;transform:translateY(-2px);}
/* 研发部分样式 */.abouts-content [data-id="7d1eacb0"] {display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:50px 0;align-items:center;}
.abouts-content [data-id="8be5ccd"] p {background:#ecf0f1;padding:25px;border-radius:8px;border-left:4px solid #3498db;font-size:16px;line-height:1.7;}
/* 为什么选择我们部分样式 */.abouts-content [data-id="6e2d8c9b"] {background:white;padding:50px;border-radius:12px;margin:50px 0;box-shadow:0 5px 25px rgba(0,0,0,0.08);}
.abouts-content [data-id="3949e09f"] h3 {text-align:center;color:#2c3e50;font-size:2.2em;margin-bottom:40px;font-weight:700;}
.abouts-content [data-id="4131c847"] {display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-bottom:40px;}
.abouts-content [data-id*="icon-box"] {text-align:center;padding:25px;background:#f8f9fa;border-radius:8px;transition:transform 0.3s ease;}
.abouts-content [data-id*="icon-box"]:hover {transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,0.1);}
.abouts-content [data-id*="icon-box"] h4 {color:#e74c3c;font-size:1.5em;margin:15px 0 10px 0;font-weight:600;}
.abouts-content [data-id*="icon-box"] p {color:#666;font-size:14px;}
/* 底部公司介绍样式 */.abouts-content [data-id="2f87e20c"] {display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:50px 0;align-items:center;background:linear-gradient(135deg,#34495e 0%,#2c3e50 100%);padding:40px;border-radius:12px;color:white;}
.abouts-content [data-id="2f87e20c"] h3 {color:#f1c40f;font-size:1.8em;margin-bottom:20px;}
.abouts-content [data-id="2f87e20c"] p {color:#ecf0f1;line-height:1.7;margin-bottom:25px;}
.abouts-content [data-id="2bfac578"] a {display:inline-block;background:#e74c3c;color:white;padding:12px 30px;text-decoration:none;border-radius:25px;font-weight:600;transition:all 0.3s ease;}
.abouts-content [data-id="2bfac578"] a:hover {background:#c0392b;transform:translateY(-2px);}
/* 响应式设计 */@media (max-width:768px) {.abouts-content .container {padding:0 15px;}
.abouts-content [data-id="59ec81c6"],.abouts-content [data-id="7d1eacb0"],.abouts-content [data-id="2f87e20c"] {grid-template-columns:1fr;gap:30px;}
.abouts-content [data-id="6599d5c2"] {padding:30px 20px;}
.abouts-content [data-id="6599d5c2"] h2 {font-size:1.6em;}
.abouts-content [data-id="6e2d8c9b"] {padding:30px 20px;}
.abouts-content [data-id="4131c847"] {grid-template-columns:1fr;}
.abouts-content [data-id="3949e09f"] h3 {font-size:1.8em;}
}
@media (max-width:480px) {.abouts-content {padding:20px 0;}
.abouts-content [data-id="6599d5c2"] h2 {font-size:1.3em;}
.abouts-content [data-id="59ec81c6"] h3,.abouts-content [data-id="3949e09f"] h3 {font-size:1.5em;}
.abouts-content [data-id*="button"] a {padding:10px 20px;font-size:14px;}
}

/* Image Gallery */        
.image-gallery {display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:30px 0;}
.gallery-item {border-radius:8px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,0.1);height:200px;background-color:var(--secondary-color);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;transition:transform 0.3s ease;}
.gallery-item:hover {transform:translateY(-5px);}
.gallery-item img {width:100%;height:100%;object-fit:cover;}
.image-placeholder {color:var(--dark-blue);text-align:center;padding:20px;}
.image-placeholder i {font-size:3rem;margin-bottom:10px;color:var(--accent-color);}
.image-caption {position:absolute;bottom:0;left:0;right:0;background:rgba(29,53,87,0.8);color:white;padding:8px;text-align:center;font-size:0.9rem;}

/* Products Section */        
.products-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:30px;}
.product-card {background-color:white;border-radius:8px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,0.05);transition:transform 0.3s ease;}
.product-card:hover {transform:translateY(-10px);}
.product-img {height:200px;background-color:var(--secondary-color);display:flex;align-items:center;justify-content:center;color:var(--dark-blue);font-size:3rem;}
.product-info {padding:20px;}
.product-info h3 {margin-bottom:10px;color:var(--dark-blue);}
.product-info p {color:#666;margin-bottom:15px;font-size:0.9rem;}

/* Video Section */        
.video-container {display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px;}
.video-card {background-color:white;border-radius:8px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,0.05);}
.video-thumbnail {height:180px;background-color:var(--secondary-color);display:flex;align-items:center;justify-content:center;color:var(--accent-color);font-size:3rem;}
.video-info {padding:15px;}
.video-info h3 {margin-bottom:10px;color:var(--dark-blue);}
/* News Section */        
.news-container {display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px;}
.news-card {background-color:white;border-radius:8px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,0.05);}
.news-img {height:180px;background-color:var(--secondary-color);display:flex;align-items:center;justify-content:center;color:var(--dark-blue);}
.news-info {padding:20px;}
.news-info h3 {margin-bottom:10px;color:var(--dark-blue);}
.news-date {color:var(--accent-color);font-size:0.9rem;margin-bottom:10px;}
/* About Section */        
.about-content {display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;}
.about-text h3 {color:var(--dark-blue);margin-bottom:20px;}
.about-text p {margin-bottom:15px;}
.about-image {background-color:var(--secondary-color);height:350px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--dark-blue);font-size:5rem;}
/* Contact Section */        
.contact-container {display:grid;grid-template-columns:1fr 1fr;gap:40px;}
.contact-info {background-color:var(--primary-color);padding:30px;border-radius:8px;}
.contact-info h3 {color:var(--dark-blue);margin-bottom:20px;}
.contact-details {margin-bottom:30px;}
.contact-details p {margin-bottom:10px;display:flex;align-items:center;}
.contact-details i {color:var(--accent-color);margin-right:10px;width:20px;}
.contact-form input,.contact-form textarea {width:100%;padding:12px;margin-bottom:15px;border:1px solid #ddd;border-radius:4px;font-size:1rem;}
.contact-form textarea {height:150px;resize:vertical;}

/* contact */    

* {box-sizing:border-box;margin:0;padding:0;font-family:'Arial',sans-serif;}
.contact-container {display:flex;max-width:1200px;margin:40px auto;padding:20px;background:#fff;border-radius:8px;box-shadow:0 0 20px rgba(0,0,0,0.1);}
.contact-info {flex:1;padding:30px;border-radius:8px 0 0 8px;}
.contact-form {flex:1;padding:30px;border-radius:0 8px 8px 0;}
.contact-info h2,.contact-form h2 {color:#2c3e50;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #3498db;}
.info-item {margin-bottom:20px;display:flex;align-items:flex-start;}
.info-item i {color:#3498db;margin-right:15px;font-size:18px;margin-top:3px;}
.info-item h3 {color:#2c3e50;margin-bottom:5px;font-size:18px;}
.info-item p {color:#7f8c8d;line-height:1.6;}
.form-group {margin-bottom:20px;}
label {display:block;margin-bottom:8px;color:#2c3e50;font-weight:bold;}
.required::after {content:" *";color:#e74c3c;}
input,textarea {width:100%;padding:12px;border:1px solid #ddd;border-radius:4px;font-size:16px;transition:border 0.3s;}
input:focus,textarea:focus {border-color:#3498db;outline:none;box-shadow:0 0 5px rgba(52,152,219,0.3);}
textarea {height:120px;resize:vertical;}
.submit-btn {background:#3498db;color:white;border:none;padding:14px 20px;border-radius:4px;cursor:pointer;font-size:16px;font-weight:bold;width:100%;transition:background 0.3s;}
.submit-btn:hover {background:#2980b9;}
.success-message {text-align:center;padding:20px;background:#d4edda;color:#155724;border-radius:4px;margin-top:20px;display:none;}
.captcha-container {background:#f8f9fa;padding:15px;border-radius:4px;margin-bottom:20px;text-align:center;}
@media (max-width:768px) {.contact-container {flex-direction:column;}
.contact-info,.contact-form {border-radius:8px;margin-bottom:20px;}
}