@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;}
}

   
.productdetail {width:1200px;margin:0 auto;padding:20px;}
h1 {font-size:1.8em;margin-bottom:15px;color:#0066cc;}
.product-display {display:flex;margin-bottom:50px;background:white;padding:30px;border-radius:5px;box-shadow:0 2px 15px rgba(0,0,0,0.1);}
.product-image {flex:1;padding:20px 10px 20px 10px;text-align:center;margin-bottom:10px;}
.product-image img {max-width:380px;max-height:380px;border-radius:5px;margin-bottom:20px;}
.product-intro {flex:1;padding:20px 20px 20px 10px;font-size:1.1em;height:450px;}
h2 {color:#0066cc;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #eee;font-size:1.2em;}
.product-intro p {margin-top:20px;line-height:40px;font-size:0.9em;font-weight:bold;}
.specs {background:white;padding:30px;border-radius:5px;box-shadow:0 2px 15px rgba(0,0,0,0.1);margin-bottom:40px;font-size:1.2em;line-height:30px;}
table {width:100%;border-collapse:collapse;margin-top:20px;font-size:1.1em;}
th,td {padding:15px 20px;text-align:left;border-bottom:1px solid #ddd;}
th {background-color:#f8f8f8;font-weight:bold;}
.details {background:white;padding:30px;border-radius:5px;box-shadow:0 2px 15px rgba(0,0,0,0.1);margin-bottom:40px;font-size:1.2em;line-height:30px;}
.details p {margin-bottom:20px;}
.details h3 {font-size:1.0em;margin:25px 0 15px 0;color:#004499;}
.downloads {background:white;padding:30px;border-radius:5px;box-shadow:0 2px 15px rgba(0,0,0,0.1);font-size:1.1em;}
.download-item {display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid #eee;}
.download-item:last-child {border-bottom:none;}
.download-item div {flex:1;}
.download-btn {background-color:#0066cc;color:white;padding:12px 25px;border-radius:4px;text-decoration:none;font-size:1em;transition:background-color 0.3s;}
.download-btn:hover {background-color:#0055aa;}
.feature-highlights {display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:30px;}
.feature-card {background:#f9f9f9;padding:25px;border-radius:5px;border-top:4px solid #0066cc;}
.feature-card h4 {font-size:1.3em;margin-bottom:15px;color:#0066cc;}
.subtitle {font-size:1.5em;color:#666;margin-bottom:10px;}

.product-intros {display:none !important;}


@media (max-width:768px) {.container {width:100%;margin:0 auto;position:relative;}

.container {width:100%;margin:0 auto;position:relative;}
.ny-banner {height:20vh;/* 父容器高度为屏幕10% */    width:100%;/* 宽度100% */    padding:0;position:relative;/* 定位上下文 */    overflow:hidden;/* 隐藏超出部分 */}
.ny-banner img {position:absolute;height:100%;/* 高度100%充满父容器 */    width:auto;/* 宽度自动，保持原始比例 */        /* 水平居中并平均向两边隐藏 */    left:50%;transform:translateX(-50%);/* 可选：如果需要垂直也居中 */    top:50%;transform:translate(-50%,-50%);}
.ny-banner::before {content:'';position:absolute;top:0;right:0;width:100%;height:100%;background:url('../images/productb.jpg') center center / cover no-repeat fixed;opacity:11.0;}
.banner-content {position:relative;z-index:1;text-align:center;padding:20px 0;}
.banner-content h3 {font-size:42px;margin-bottom:20px;font-weight:700;}
.banner-content div {font-size:1.2rem;opacity:0.9;max-width:800px;margin:2rem auto 0;}
/* 手机端菜单样式（一行多个li） */.service-categories {background:white;box-shadow:0 2px 10px rgba(0,0,0,0.05);margin:20px 0;border-radius:8px;overflow:hidden;}
.product-categories {background:white;box-shadow:0 2px 10px rgba(0,0,0,0.05);margin:10px 0;border-radius:8px;overflow:hidden;}
.product-categories ul {display:flex;flex-wrap:wrap;/* 允许换行 */  padding:8px 0;/* 适当内边距 */  list-style:none;/* 移除默认列表样式 */  margin:0;}
.product-categories li {flex:1 0 33.33%;/* 每行默认4个（25%宽度） */  min-width:33.33%;/* 最小宽度，防止挤压 */  text-align:center;padding:5px 0;/* 垂直间距 */}
.product-categories li a {display:block;padding:8px 0.4rem;font-weight:600;color:#555;font-size:1.0rem;/* 手机端字体稍小 */  text-decoration:none;/* 移除下划线 */  position:relative;}
/* 悬停 & 激活状态 */.service-categories li a:hover,.news-categories li a.active {color:#20b49a;}
/* 底部动画下划线 */.service-categories li a::after {content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:0;height:2px;background:#20b49a;transition:width 0.3s ease;}
.case-categories li a:hover::after,.news-categories li a.active::after {width:70%;}
.case-list {display:none;width:95%;margin:auto;}
h1 {font-size:2rem;}
.category-tabs {overflow-x:auto;white-space:nowrap;padding-bottom:10px;}
.tab {padding:10px 15px;}
	
.product-intro {display:none !important;}
.product-intros { display: block !important; }

.productdetail {width:100%;margin:0 auto;padding:20px;}
.product-display {display:flex;margin-bottom:50px;background:white;padding:30px;border-radius:5px;box-shadow:0 2px 15px rgba(0,0,0,0.1);}
.product-image {flex:1;padding:10px;text-align:center;margin-bottom:20px;}
.product-image img {max-width:300px;max-height:300px;border-radius:5px;margin-bottom:20px;}
.product-intros {display:block; padding:20px;font-size:1.1em; width: 100%; max-height:400px; background:#FFF}
.product-intros  h2 {color:#0066cc;margin-bottom:10px;padding-bottom:15px;border-bottom:2px solid #eee;font-size:2em;}
.product-intros p {margin-top:10px;line-height:30px;font-size:1.1em;font-weight:bold;}
}











@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 {padding:80px 0;background:white;}
.products-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:35px;margin-top:40px;}
/* 关键修改：确保所有产品卡片高度一致 */        
.product-card {background:white;border-radius:10px;overflow:hidden;box-shadow:0 8px 25px rgba(0,0,0,0.08);transition:transform 0.3s,box-shadow 0.3s;border:1px solid #E8F4FF;display:flex;flex-direction:column;height:100%;/* 确保卡片填满网格单元格 */}
.product-card:hover {transform:translateY(-10px);box-shadow:0 15px 35px rgba(30,111,217,0.15);}
/* 关键修改：固定图片高度 */        
.product-img {height:250px;/* 固定图片高度 */            overflow:hidden;flex-shrink:0;/* 防止图片区域被压缩 */}
.product-img img {width:100%;height:100%;/*object-fit:cover; 保持图片比例，裁剪多余部分 */            transition:transform 0.5s;}

.product-card:hover .product-img img {transform:scale(1.05);}
/* 关键修改：内容区域使用flex-grow填充剩余空间 */        
.product-info {padding:25px;display:flex;flex-direction:column;flex-grow:1;/* 让内容区域填充剩余空间 */}
.product-info h3 {color:#0A2463;margin-bottom:12px;font-size:1.4rem;flex-shrink:0;/* 标题不收缩 */}
.product-info p {color:#666;margin-bottom:20px;font-size:0.95rem;line-height:1.6;flex-grow:1;/* 段落填充可用空间，确保按钮对齐 */            min-height:60px;/* 设置最小高度，确保多行文本有足够空间 */}
.btn {display:inline-block;background:#1E6FD9;color:white;padding:12px 25px;text-decoration:none;border-radius:4px;font-weight:500;transition:background 0.3s;border:none;cursor:pointer;text-align:center;flex-shrink:0;width:50%; /* 三分之一宽 */    flex-shrink: 0;/* 按钮不收缩 */}
.btn:hover {background:#0A3D91;}

.product-categories {background:white;box-shadow:0 2px 10px rgba(0,0,0,0.05);margin:30px 0;border-radius:8px;overflow:hidden;}
.product-categories ul {display:flex;justify-content:center;flex-wrap:wrap;list-style:none;}
.product-categories li {flex:1 0 20%;/* 每行默认4个（25%宽度） */  min-width:20%;/* 最小宽度，防止挤压 */  text-align:center;padding:5px 0;/* 垂直间距 */}
.product-categories li a {display:block;padding:8px 0.4rem;font-weight:600;color:#555;font-size:1.0rem;/* 手机端字体稍小 */  text-decoration:none;/* 移除下划线 */  position:relative;}
.product-categories li a::after {content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:0;height:3px;background:#1E6FD9;transition:width 0.3s ease;}
.product-categories li a:hover,.product-categories li a.active {color:#1E6FD9;}
.product-categories li a:hover::after,.product-categories li a.active::after {width:70%;}

/* 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);display:flex;/* 新增 */    flex-direction:column;/* 新增 */}
.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;display:flex;/* 新增 */    flex-direction:column;/* 新增 */    flex-grow:1;/* 新增 - 让信息区域填充剩余空间 */}
.news-info h3 {margin-bottom:10px;color:var(--dark-blue);/* 确保标题不会过长导致布局问题 */    overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;/* 限制标题最多显示两行 */    -webkit-box-orient:vertical;}
.news-date {color:var(--accent-color);font-size:0.9rem;margin-bottom:10px;}
/* 新增：确保段落内容能扩展并推动按钮到底部 */.news-info p {flex-grow:1;/* 让段落填充可用空间 */    margin-bottom:15px;/* 在段落和按钮之间添加间距 */    /* 确保长文本被截断 */    overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;/* 限制描述最多显示三行 */    -webkit-box-orient:vertical;}
.news-info .btn {margin-top:auto;/* 这将把按钮推到容器的底部 */    align-self:flex-start;/* 让按钮左对齐，或使用flex-end右对齐 */    /* 可选：添加一些内边距让按钮更好看 */    padding:8px 16px;background:#1E6FD9;color:white;text-decoration:none;border-radius:4px;font-weight:500;transition:background-color 0.3s ease;}
.news-info .btn:hover {background:#0A3D91;}

/* 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);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;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;}
}