@charset "UTF-8";
/* ==============================================
【第一部分：全局基础变量 & 全局重置（全站通用）
============================================== */
:root{
    --primary-color:#2c3e50;
    --red-color:#c8102e;
    --text-main:#333;
    --text-light:#666;
    --bg-white:#ffffff;
    --bg-gray:#f7f8fa;
    --border-light:#eeeeee;
    --border-radius:12px;
    --card-gap:15px;
    --transition-default: all 0.3s ease;
    --shadow-sm: 0 4px 15px rgba(0,0,0,0.06);
    --shadow-md: 0 12px 25px rgba(0,0,0,0.1);
    --radius-sm:8px;
    --radius-lg:12px;
}
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    min-width: 0; /* Grid/Flex 文字挤压修复 */
}
body {
    font-family: Arial, sans-serif;
    background: var(--bg-gray);
    color: var(--text-main);
    line-height: 1.7;
}
a {text-decoration: none;}
ul,li {list-style: none;}

/* 品牌文字配色 */
.badatools {font-weight: bold;}
.badatools .bada {color: #000;}
.badatools .tools {color: var(--red-color);}

/* ==============================================
【第二部分：全站公共头部导航（所有页面共用）
============================================== */
/* 顶部黑色联系栏 */
.header-top {
    background:#000;
    color:#fff;
    padding:6px 0;
}
.header-top .container {
    width:97%;
    margin:0 auto;
    padding:0;
}
.header-top-content {display:flex;justify-content:flex-end;}
.header-contact span {margin-left:30px;font-size:14px;}

/* 主导航栏 */
.header {
    background:#fff;
    box-shadow:0 2px 8px rgba(0,0,0,0.08);
}
.header-inner {
    width:97%;
    margin:0 auto;
    padding:15px 0;
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.logo {font-size:28px;}
.logo-text-black {color:#000;font-weight:700;}
.logo-text-red {color:var(--red-color);}
.top-nav {display:flex;gap:35px;}
.nav-link {
    font-size:17px;
    color:var(--primary-color);
    padding:8px 0;
    position:relative;
}
.nav-link:hover {color:var(--red-color);}
.nav-link[aria-current="page"]::after {
    content:"";
    width:100%;
    height:2px;
    background:var(--red-color);
    position:absolute;
    bottom:0;
    left:0;
}
/* 头部固定定位通用样式 */
header.header,header.fixed-header {
    position:fixed !important;
    top:0;left:0;
    width:100%;z-index:9999;
    background:#fff;
    box-shadow:0 2px 8px rgba(0,0,0,0.1);
}
header{
    position:sticky;
    top:0;width:100%;z-index:9999;
    background:#fff;
    box-shadow:0 1px 4px #ddd;
}

/* ==============================================
【第三部分：产品列表/详情 通用左右分栏容器（非首页）
============================================== */
.page-container {
    max-width: 1400px;
    width: 97%;
    margin: 0 auto;
    display: flex;
    gap: 30px;
    padding: 40px 0;
}
.left_menu {
    width: 260px;
    flex-shrink: 0;
    background: #f8f9fa;
    border-radius: 4px;
    overflow: hidden;
}
.right-content-wrap {flex:1;width:100%;}
.right-main{width:100%;max-width:none;margin:0 auto;box-sizing:border-box;}

/* 左侧侧边分类栏 */
.cat-box {
    background:var(--bg-white);
    border-radius:var(--border-radius);
    box-shadow:0 3px 12px rgba(0,0,0,0.05);
    overflow:hidden;
}
.cat-title {
    background:red;color:#000;
    padding:12px 15px;text-align:center;
    font-size:16px;font-weight:600;
}
.cat-parent {
    padding:10px 15px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    border-bottom:1px solid var(--border-light);
    font-size:14px;
    cursor:pointer;
}
.cat-parent:hover {background:#f0f0f0;}
.cat-parent.active {background:#e8f0fe;color:var(--red-color);font-weight:bold;}
.cat-children {display:none;background:#f8f9fa;}
.cat-children.show {display:block;}
.cat-child {padding:8px 20px;border-bottom:1px solid var(--border-light);}
.cat-link {font-size:13px;color:#444;}
.cat-link:hover {color:var(--red-color);}
.arrow {
    width:12px;height:12px;
    border-right:2px solid #666;
    border-bottom:2px solid #666;
    display:inline-block;
    transition:transform 0.2s;
}
.arrow.up {transform:rotate(-135deg);}

/* ==============================================
【第四部分：首页 home-page 专属修复区（核心解决左侧空白、三列均分）
============================================== */
.home-page {
    font-family: "Microsoft YaHei", "Arial", sans-serif;
}
.home-page body {
    background: #f7f8fa;
    color: var(--text-main);
    line-height: 1.6;
    padding-top: 150px;
}
/* 首页覆盖通用page-container，取消最大宽度限制，全屏铺满 */
.home-page .page-container {
    width: 100% !important;
    max-width: unset !important;
    padding: 0 !important;
}
.home-page .right-content-wrap {width:100% !important;}

/* 首页外层总容器：无宽度限制，左右0留白，彻底消除单侧空白 */
.home-page .container {
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    max-width: unset !important;
    overflow: hidden !important;
}

/* 【核心修复】Hot Products 产品网格，强制3列均分，禁止整体居中收缩 */
.home-page .product-recommend {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: var(--card-gap) !important;
    margin: 40px 0 !important; /* 仅上下间距，左右margin=0，不居中 */
    width: 100% !important;
    justify-items: stretch !important; /* 每列自动拉满宽度 */
}
/* 产品卡片基础样式 */
.home-page .product-card {
    background: var(--white);
    border-radius: var(--radius-lg);
    padding: 22px;
    box-shadow: var(--shadow-sm);
    display: flex;
    flex-direction: column;
    transition: var(--transition-default);
    height: 100%;
    min-width: 0;
}
.home-page .product-card:hover {transform: translateY(-6px);box-shadow: var(--shadow-md);}
/* 产品图片尺寸 */
.home-page .product-img {
    width: 100%;
    height: 320px;
    border-radius: var(--radius-sm);
    overflow: hidden;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f8f8f8;
}
.home-page .product-img img {
    max-width: 95%;
    max-height: 95%;
    width: auto;
    height: auto;
    display: block;
    transition: transform 0.4s ease;
    object-fit: contain;
}
.home-page .product-card:hover .product-img img {transform: scale(1.04);}
.home-page .product-card h4 {
    text-align: center;
    font-size: 20px;
    color: var(--primary-color);
    margin-bottom: 12px;
}
.home-page .product-features {
    color: var(--text-color);
    line-height: 1.9;
    flex-grow: 1;
    margin-bottom: 20px;
}
.home-page .product-features p {
    margin: 4px 0;
    font-size: 14px;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: unset !important;
}
.home-page .product-btn {text-align:center;width:100%;}
.home-page .product-btn a {
    display:inline-block;padding:11px 28px;width:100%;
    background:var(--primary-color);color:#fff;border-radius:6px;
    transition:var(--transition-default);
}
.home-page .product-btn a:hover {background:#455a73;}

/* 首页板块标题 */
.home-page .section-title {
    font-size:44px;
    text-align:center !important;
    width:100% !important;
    display:block !important;
    margin:0 auto 25px !important;
    color:var(--primary-color);
    padding-bottom:12px;
    border-bottom:2px solid var(--bg-gray);
}

/* 首页视频模块：和产品容器统一宽度，左对齐，不再错位 */
.home-page .video-module {margin: 50px 0;}
.home-page .video-wrap {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: var(--card-gap) !important;
    width: 100% !important;
}
.home-page .video-item {
    width: 100% !important;
    box-sizing: border-box !important;
}
.home-page .video-item h4 {font-size:17px;color:var(--primary-color);margin-bottom:12px;}
.home-page video {width:100%;border-radius:var(--radius-sm);outline:none;}

/* 首页轮播、横幅样式（保留原有逻辑） */
.home-page .carousel-container {
    position: relative;
    max-width: 1200px;
    margin: 20px auto;
    overflow: hidden;
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-sm);
}
.home-page .carousel-slides {display:flex;transition:transform 0.5s ease-in-out;}
.home-page .carousel-slide {
    min-width: 100%;
    aspect-ratio: 16 / 9;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    position: relative;
}
.home-page .slide-content {
    position:absolute;top:0;left:50%;transform:translateX(-50%);
    width:100%;padding:20px 30px;color:#fff;text-align:center;
    text-shadow:0 2px 8px rgba(0,0,0,0.8);z-index:5;
}
.home-page .carousel-btn {
    position:absolute;top:50%;transform:translateY(-50%);
    width:40px;height:40px;border-radius:50%;border:none;
    background:rgba(0,0,0,0.3);color:#fff;cursor:pointer;
    display:flex;align-items:center;justify-content:center;
    font-size:18px;z-index:10;transition:var(--transition-default);
}
.home-page .carousel-btn:hover {background:rgba(0,0,0,0.6);}
.home-page .prev-btn {left:15px;}
.home-page .next-btn {right:15px;}
.home-page .banner {
    max-width:1200px;margin:25px auto;padding:30px 20px;
    background:#e9ecef;border-radius:var(--radius-md);text-align:center;
}
.home-page .banner h2 {font-size:24px;margin-bottom:10px;color:var(--primary-color);}
.home-page .banner p {font-size:15px;color:var(--text-light);}

/* 首页移动端自适应 */
@media (max-width: 768px) {
    .home-page .product-recommend {grid-template-columns: repeat(2, minmax(0, 1fr)) !important;}
    .home-page .video-item {max-width:100%;}
}
@media (max-width: 480px) {
    .home-page .product-recommend {grid-template-columns: 1fr !important;}
}

/* ==============================================
【第五部分：产品列表页 en_products.php 完整样式（原样保留）
============================================== */
.cat-title-bar{
    background:#2c3e50;color:#fff;padding:14px;text-align:center;
    font-size:22px;border-radius:8px;margin-bottom:20px;width:100%;box-sizing:border-box;
}
.cat-sub-title{font-size:20px;margin:8px 0;color:#222;}
.cat-desc{color:#666;line-height:1.6;margin-bottom:20px;}
.product-wrap{
    display:grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap:20px;width:100%;max-width:1240px;margin:0 auto;
    overflow:hidden;box-sizing:border-box;clear:both;
}
.product-item{
    background:#fff;border:1px solid #eee;padding:12px;text-align:center;
    border-radius:8px;transition:.3s;overflow:hidden;min-width:0;
}
.product-item:hover {box-shadow:0 2px 10px rgba(0,0,0.1);}
.product-item img{
    width:100%;max-width:100%;max-height:180px;height:auto;
    object-fit:contain;background:#f5f5f5;margin:0 auto 8px;display:block;
}
.product-name{margin:10px 0;font-size:14px;color:#333;line-height:1.4;}
.btn-detail{
    display:block;width:110px;margin:8px auto;padding:8px 0;
    border:1px solid #e74c3c;color:#e74c3c;border-radius:3px;font-size:14px;
}
.btn-detail:hover {background:#e74c3c;color:#fff;}
.cat-nav{
    display:flex;flex-wrap:wrap;gap:10px;margin-bottom:25px;width:100%;box-sizing:border-box;
}
.cat-nav a{
    padding:6px 14px;border:1px solid #2c3e50;color:#2c3e50;
    border-radius:4px;font-size:14px;
}
.cat-nav a.active {background:#2c3e50;color:#fff;}
.pagination{
    margin-top:30px;text-align:center;display:flex;gap:6px;
    flex-wrap:wrap;width:100%;justify-content:center;
}
.pagination a,.pagination span{
    padding:6px 12px;border:1px solid #2c3e50;border-radius:4px;font-size:14px;
    color:#2c3e50;text-decoration:none;
}
.pagination a.active {background:#2c3e50;color:#fff;}
.pagination span.disable {border-color:#ccc;color:#ccc;cursor:not-allowed;}

/* ==============================================
【第六部分：产品详情页 en_product.php 完整样式（原样保留）
============================================== */
body {padding-top: 160px !important;margin:0;}
@media(max-width:768px){body {padding-top: 130px !important;}}
.container{
    max-width:1240px;margin:40px auto;
    display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:50px;padding:0 20px;
}
.back-link{display:inline-block;margin-bottom:30px;color:#0066cc;}
.back-link:hover {text-decoration:underline;}
.img-box {
    position:relative !important;background:#f8f8f8;border:1px solid #eee;
    padding:40px 90px;min-height:420px;display:flex;
    align-items:center;justify-content:center;
}
.img-box img{width:100%;max-height:480px;object-fit:contain;}
.product-nav-arrow {
    position:absolute;top:50%;transform:translateY(-50%);
    width:72px;height:72px;border-radius:50%;border:none;
    background:rgba(0,0,0,0.45);color:#fff;font-size:34px;
    display:flex;align-items:center;justify-content:center;
    text-decoration:none;z-index:10;transition:background 0.2s;
}
.product-nav-arrow:hover {background:rgba(0,0,0,0.75);}
.arrow-prev {left:12px;}
.arrow-next {right:12px;}
.arrow-hidden {display:none !important;}
.info h1{font-size:28px;color:#111;margin-bottom:15px;line-height:1.3;}
.block-title{
    font-size:18px;font-weight:bold;margin:28px 0 10px;color:#222;
    border-bottom:3px solid red;padding-bottom:8px;
}
.text-content{line-height:1.7;color:#444;font-size:15px;white-space:pre-line;padding:0 5px;}
.text-content.feature-text{line-height:0.9;font-size:16px;color:#333;padding:6px 0;}
.spec-header-row {
    display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;
}
.spec-header-row h3 {font-size:22px;color:#c8102e;margin:0;}
.get-quote-btn {
    background:#007bff;color:#fff;font-size:16px;font-weight:bold;
    padding:10px 26px;border-radius:8px;text-decoration:none;
}
.get-quote-btn:hover {background:#005bcc;}
.spec-wrap{max-width:1240px;margin:60px auto 40px;padding:0 20px;}
.spec-table{width:100%;border-collapse:collapse;}
.spec-table th,.spec-table td{
    border:1px solid #ddd;padding:12px;text-align:center;font-size:14px;
}
.empty-spec{padding:18px;background:#f8f8f8;color:#666;}
.product-overview-wrap{margin:40px 0;}
.spec-title{
    font-size:22px;color:#222;padding-bottom:10px;
    border-bottom:1px solid #eee;margin-bottom:16px;
}
.overview-content,.overview-text{line-height:1.8;font-size:16px;color:#333;padding:8px 0;}
.table-title {font-size:20px;color:var(--primary-color);margin-bottom:18px;font-weight:600;}
.table-spec {
    width:100%;border-collapse:collapse;background:var(--bg-white);
    border-radius:var(--border-radius);overflow:hidden;
}
.table-spec th,.table-spec td {
    border:1px solid var(--border-light);padding:14px;text-align:center;font-size:15px;
}
.table-spec th {background:var(--primary-color);color:var(--bg-white);}

/* ==============================================
【第七部分：About Us 页面样式（原样保留）
============================================== */
.about-wrap{max-width:unset;width:97%;margin:50px auto;padding:0;box-sizing:border-box;}
.about-box{
    background:var(--bg-white);padding:40px;border-radius:var(--border-radius);
    box-shadow:0 4px 15px rgba(0,0,0.05);margin-bottom:35px;overflow:hidden;
}
.about-box h2{
    font-size:24px;color:var(--primary-color);border-left:5px solid var(--red-color);
    padding-left:15px;margin-bottom:22px;font-weight:600;
}
.about-box p{font-size:16px;margin-bottom:16px;text-align:justify;line-height:1.85;}
.advantage-list{padding-left:20px;list-style:disc;}
.advantage-list li{font-size:16px;margin-bottom:12px;line-height:1.8;}
.about-box a {color:var(--red-color);text-decoration:none;}
.about-box a:hover {text-decoration:underline;}
.about-box a.home-link {
    display:inline-block;margin-top:10px;padding:5px 10px;
    border:1px solid var(--red-color);border-radius:4px;
}
.about-box a.home-link:hover {background-color:var(--red-color);color:#fff;}

/* ==============================================
【第八部分：Contact Us 联系页面样式（原样保留）
============================================== */
.page-title {
    background:var(--primary-color);color:var(--bg-white);padding:20px;text-align:center;
    font-size:24px;font-weight:bold;margin-top:80px;
}
.contact-page {
    display:flex;flex-wrap:wrap;gap:30px;max-width:unset;
    width:97%;margin:40px auto;padding:0;
}
.contact-info-card,.contact-form-card {
    flex:1;min-width:300px;background:#fff;padding:30px;
    border:1px solid var(--border-light);border-radius:var(--border-radius);
    box-shadow:0 2px 10px rgba(0,0,0.05);
}
.contact-info-card h2,.contact-form-card h3 {
    color:var(--primary-color);margin-bottom:20px;padding-bottom:10px;
    border-bottom:1px solid var(--border-light);
}
.contact-form-card h3 {font-size:20px;text-align:center;}
.info-block {
    margin-bottom:25px;padding-bottom:20px;border-bottom:1px dashed var(--border-light);
}
.info-block:last-child {border:none;margin-bottom:0;padding-bottom:0;}
.info-block h3 {font-size:16px;color:var(--red-color);margin-bottom:15px;}
.contact-info-card p {font-size:15px;line-height:1.8;margin-bottom:8px;}
.form-group {margin-bottom:20px;}
.form-group label {display:block;margin-bottom:8px;font-weight:bold;color:var(--text-main);font-size:15px;}
.form-group input,.form-group textarea {
    width:100%;padding:12px 15px;border:1px solid var(--border-light);
    border-radius:var(--border-radius);font-size:14px;color:var(--text-main);
    background:var(--bg-white);outline:none;transition:0.3s;
}
.form-group input:focus,.form-group textarea:focus {border-color:var(--primary-color);box-shadow:0 0 5px rgba(15,48,87,0.1);}
.form-group textarea {height:150px;resize:vertical;line-height:1.5;}
.submit-btn {
    background:var(--primary-color);color:var(--bg-white);border:none;
    padding:12px 30px;border-radius:var(--border-radius);font-size:16px;
    width:100%;cursor:pointer;transition:0.3s;
}
.submit-btn:hover {background:#1a4b80;}
.success-msg,.error-msg {
    text-align:center;margin:10px 0 20px;font-size:14px;padding:10px;border-radius:4px;
}
.success-msg {color:#28a745;border:1px solid #d4edda;background:#f8f9fa;}
.error-msg {color:#dc3545;border:1px solid #f5c6cb;background:#f8f9fa;}

/* ==============================================
【第九部分：全站底部 Footer
============================================== */
.footer {
    background:var(--primary-color);color:var(--bg-white);text-align:center;
    padding:30px 20px;margin-top:60px;
}

/* ==============================================
【第十部分：全局统一响应式媒体查询（页面最底部）
============================================== */
@media (max-width: 992px) {
    .product-wrap{grid-template-columns:repeat(2, minmax(0,1fr));}
}
@media (max-width: 768px) {
    .page-container {flex-direction:column;padding:20px 0;}
    .left_menu {width:100%;}
    .about-wrap{margin:30px auto;}
    .about-box{padding:25px 18px;}
    .contact-page {flex-direction:column;}
    .page-title {font-size:20px;}
    .header-inner {flex-direction:column;gap:15px;}
    .top-nav {gap:20px;}
    .container{grid-template-columns:1fr;gap:30px;margin:20px auto;}
    .info h1{font-size:24px;}
    .img-box {padding:30px 80px;}
    .img-box img{width:80%;max-height:360px;}
    .spec-header-row {flex-direction:column;align-items:flex-start;gap:12px;}
    .get-quote-btn {width:100%;text-align:center;}
}
@media(max-width:576px){
    .product-wrap{grid-template-columns:1fr;}
}
@media(max-width:480px){
    .container{padding:0 10px;}
    .spec-table th,.spec-table td{padding:8px 3px;font-size:12px;}
    .img-box {padding:20px 60px;}
    .img-box img {width:82%;}
}