*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{ font-family:"Microsoft YaHei","PingFang SC","Helvetica Neue",Arial,sans-serif; font-size:15px; color:#333; background:#fff; line-height:1.8; }
a{text-decoration:none;color:inherit;}
img{max-width:100%;display:block;border:0;}
ul,li{list-style:none;}
button,input,textarea,select{font-family:inherit;outline:none;}
:root{ --blue:#0099ff; --blue-dark:#0077cc; --dark:#222; --gray:#666; --gray-light:#999; --line:#e5e5e5; --bg:#f5f5f5; }
.container{ width:100%; max-width:1200px; margin:0 auto; padding:0 20px; }
.topbar{ background:#f5f5f5; border-bottom:1px solid var(--line); font-size:13px; color:#666; }
.topbar-inner{ height:36px; display:flex; align-items:center; justify-content:space-between; }
.topbar-left span{ margin-right:20px; }
.topbar-right a{ margin-left:18px; color:#666; }
.topbar-right a:hover{ color:var(--blue); }
/* ========== 头部 ========== */ .header{ background:#fff; border-bottom:1px solid var(--line); position:relative; z-index:100; }
.header-inner{ height:96px; display:flex; align-items:center; justify-content:space-between; }
.logo{ display:flex; align-items:center; gap:12px; }
.logo-mark{ width:52px; height:52px; background:var(--blue); color:#fff; display:flex; align-items:center; justify-content:center; font-size:24px; font-weight:700; border-radius:4px; }
.logo-text h1{ font-size:22px; font-weight:700; color:#222; line-height:1.2; letter-spacing:1px; }
.logo-text p{ font-size:12px; color:#999; letter-spacing:.5px; margin-top:2px; }
.header-tel{ text-align:right; }
.header-tel span{ display:block; font-size:13px; color:#999; }
.header-tel strong{ font-size:24px; color:var(--blue); font-weight:700; letter-spacing:.5px; }
/* 汉堡按钮（桌面隐藏） */ .menu-btn{ display:none; width:42px; height:42px; border:1px solid var(--line); border-radius:4px; background:#fff; align-items:center; justify-content:center; flex-direction:column; gap:5px; cursor:pointer; }
.menu-btn i{ width:20px; height:2px; background:#222; border-radius:1px; }
/* ========== 主导航 ========== */ .navbar{ background:var(--blue); }
.navbar-inner{ display:flex; align-items:center; }
.navbar a{ display:block; padding:0 26px; height:50px; line-height:50px; color:#fff; font-size:16px; transition:.2s; white-space:nowrap; }
.navbar a:hover, .navbar a.active{ background:var(--blue-dark); }
/* ========== 移动端菜单 ========== */ .mobile-mask{ display:none; position:fixed; inset:0; background:rgba(0,0,0,.45); z-index:1500; }
.mobile-mask.open{display:block;}
.mobile-menu{ position:fixed; top:0; right:0; width:80%; max-width:320px; height:100%; background:#fff; z-index:1600; transform:translateX(100%); transition:transform .3s ease; overflow-y:auto; box-shadow:-6px 0 24px rgba(0,0,0,.15); }
.mobile-menu.open{transform:translateX(0);}
.mobile-menu-head{ display:flex; align-items:center; justify-content:space-between; padding:14px 18px; border-bottom:1px solid var(--line); }
.mobile-menu-head .logo{gap:8px;}
.mobile-menu-head .logo-mark{ width:34px;height:34px;font-size:16px; }
.mobile-menu-head .logo-text h1{font-size:16px;}
.mobile-menu-head .logo-text p{display:none;}
.mobile-menu-close{ width:36px;height:36px; border:none;background:#f3f4f6; border-radius:50%; font-size:20px;color:#374151; cursor:pointer;line-height:1; }
.mobile-menu ul{padding:6px 0;}
.mobile-menu ul li a{ display:block; padding:14px 22px; font-size:16px; color:#222; border-bottom:1px solid #f1f5f9; }
.mobile-menu ul li a.active{ color:var(--blue); background:#f0f9ff; }
.mobile-menu-foot{ padding:18px 22px; border-top:1px solid var(--line); }
.mobile-menu-foot .tel{ font-size:20px; font-weight:700; color:var(--blue); margin-bottom:4px; }
.mobile-menu-foot p{ font-size:13px; color:var(--gray-light); }
/* ========== Banner ========== */ .banner{ position:relative; height:420px; overflow:hidden; background:#e9eef3; }
.banner img{ width:100%; height:100%; object-fit:cover; }
.banner-text{ position:absolute; left:0;right:0;top:0;bottom:0; background:linear-gradient(90deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,.25) 55%,rgba(0,0,0,0) 100%); display:flex; align-items:center; }
.banner-text-inner{ max-width:600px; padding-left:40px; color:#fff; }
.banner-text h2{ font-size:38px; font-weight:700; line-height:1.35; margin-bottom:16px; letter-spacing:1px; }
.banner-text p{ font-size:16px; line-height:1.8; color:rgba(255,255,255,.9); margin-bottom:24px; }
.banner-btn{ display:inline-block; padding:11px 32px; background:var(--blue); color:#fff; font-size:15px; border-radius:3px; transition:.2s; }
.banner-btn:hover{background:var(--blue-dark);}
/* ========== 通用区块 ========== */ .section{padding:60px 0;}
.section-bg{background:var(--bg);}
.section-title{ text-align:center; margin-bottom:40px; }
.section-title h2{ font-size:26px; font-weight:700; color:#222; letter-spacing:1px; display:inline-block; padding-bottom:12px; border-bottom:2px solid var(--blue); }
.section-title p{ font-size:14px; color:#999; margin-top:12px; }
.section-more{ text-align:center; margin-top:34px; }
.section-more a{ display:inline-block; padding:10px 30px; border:1px solid var(--blue); color:var(--blue); border-radius:3px; font-size:14px; transition:.2s; }
.section-more a:hover{background:var(--blue);color:#fff;}
/* ========== 公司简介 ========== */ .intro-wrap{ display:grid; grid-template-columns:1fr 1fr; gap:50px; align-items:center; }
.intro-img img{ width:100%; height:320px; object-fit:cover; border-radius:3px; }
.intro-text h2{ font-size:24px; font-weight:700; color:#222; margin-bottom:18px; }
.intro-text p{ font-size:15px; color:#555; line-height:2; margin-bottom:14px; text-indent:2em; }
.intro-points{ display:flex; flex-wrap:wrap; gap:10px; margin-top:20px; }
.intro-points span{ padding:6px 14px; background:#eef7ff; color:var(--blue-dark); font-size:13px; border-radius:3px; }
/* ========== 解决方案 ========== */ .solution-grid{ display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.solution-item{ display:grid; grid-template-columns:170px 1fr; gap:18px; align-items:center; padding:18px; background:#fff; border:1px solid var(--line); border-radius:3px; transition:.25s; }
.solution-item:hover{border-color:var(--blue);}
.solution-item .sol-img{ width:100%; height:110px; object-fit:cover; border-radius:2px; background:#eef2f6; display:flex; align-items:center; justify-content:center; color:var(--blue); font-size:34px; }
.solution-item img{ width:100%; height:110px; object-fit:cover; border-radius:2px; }
.solution-item h3{ font-size:17px; font-weight:700; color:#222; margin-bottom:8px; }
.solution-item p{ font-size:13px; color:#666; line-height:1.7; margin-bottom:8px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.solution-item a{ font-size:13px; color:var(--blue); }
.solution-item a:hover{color:var(--blue-dark);}
.case-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.case-card{ background:#fff; border:1px solid var(--line); border-radius:3px; overflow:hidden; transition:.25s; display:block; }
.case-card:hover{border-color:var(--blue);}
.case-card .img{ height:180px; overflow:hidden; background:#eef2f6; }
.case-card .img img{ width:100%;height:100%; object-fit:cover; transition:.4s; }
.case-card:hover .img img{transform:scale(1.04);}
.case-card .info{padding:16px;}
.case-card .info h3{ font-size:16px; font-weight:700; color:#222; margin-bottom:8px; }
.case-card .info p{ font-size:13px; color:#666; line-height:1.7; margin-bottom:10px; }
.case-card .meta{ font-size:12px; color:#999; padding-top:10px; border-top:1px dashed var(--line); }
.case-card .meta span{margin-right:14px;}
.safety-wrap{ display:grid; grid-template-columns:1fr 1fr; gap:50px; align-items:center; }
.safety-img img{ width:100%; height:378px; object-fit:cover; border-radius:3px; }
.safety-text h2{ font-size:24px; font-weight:700; color:#222; margin-bottom:16px; }
.safety-text > p{ font-size:15px; color:#555; line-height:2; margin-bottom:20px; }
.safety-list{ display:grid; grid-template-columns:1fr 1fr; gap:12px; border-top:1px solid var(--line); padding-top:16px; }
.safety-item{ display:flex; gap:10px; padding:10px 12px; background:#fff; border:1px solid var(--line); border-radius:3px; }
.safety-item .num{ font-size:13px; color:var(--blue); font-weight:700; width:22px; flex-shrink:0; padding-top:2px; }
.safety-item h4{ font-size:14px; font-weight:700; color:#222; margin-bottom:2px; }
.safety-item p{ font-size:12px; color:#666; line-height:1.5; }
.news-wrap{ display:grid; grid-template-columns:1fr 1fr; gap:30px; }
.news-feature{ background:#fff; border:1px solid var(--line); border-radius:3px; overflow:hidden; display:block; }
.news-feature .img{ height:300px; overflow:hidden; background:#eef2f6; }
.news-feature .img img{ width:100%;height:100%; object-fit:cover; transition:.4s; }
.news-feature:hover .img img{transform:scale(1.03);}
.news-feature .info{padding:20px;}
.news-feature .date{ font-size:13px; color:#999; margin-bottom:8px; }
.news-feature h3{ font-size:18px; font-weight:700; color:#222; line-height:1.6; margin-bottom:10px; }
.news-feature p{ font-size:14px; color:#666; line-height:1.8; }
.news-list{display:flex;flex-direction:column;}
.news-item{ display:flex; gap:16px; padding:16px 0; border-bottom:1px solid var(--line); }
.news-item:first-child{padding-top:0;}
.news-item .thumb{ width:130px; height:85px; flex-shrink:0; overflow:hidden; border-radius:2px; background:#eef2f6; }
.news-item .thumb img{ width:100%;height:100%; object-fit:cover; transition:.4s; }
.news-item:hover .thumb img{transform:scale(1.05);}
.news-item .info{flex:1;}
.news-item .date{ font-size:12px; color:#999; margin-bottom:4px; }
.news-item h4{ font-size:15px; font-weight:700; color:#222; line-height:1.6; margin-bottom:4px; }
.news-item p{ font-size:13px; color:#666; line-height:1.6; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
/* ========== 联系我们（首页表单区） ========== */ .contact-wrap{ display:grid; grid-template-columns:1fr 1.1fr; gap:50px; }
.contact-info h2{ font-size:24px; font-weight:700; color:#222; margin-bottom:16px; }
.contact-info > p{ font-size:15px; color:#555; line-height:1.9; margin-bottom:24px; }
.contact-item{ display:flex; gap:14px; margin-bottom:18px; }
.contact-item .ico{ width:42px;height:42px; background:#eef7ff; color:var(--blue); display:flex; align-items:center; justify-content:center; font-size:17px; border-radius:3px; flex-shrink:0; }
.contact-item h4{ font-size:14px; font-weight:700; color:#222; margin-bottom:2px; }
.contact-item p{ font-size:14px; color:#666; }
.contact-form{ background:#fff; padding:28px; }
.form-row{margin-bottom:14px;}
.form-row label{ display:block; font-size:14px; font-weight:700; color:#333; margin-bottom:6px; }
.form-row input, .form-row textarea, .form-row select{ width:100%; padding:10px 12px; border:1px solid #ddd; border-radius:3px; font-size:14px; color:#333; background:#fff; transition:.2s; }
.form-row input:focus, .form-row textarea:focus, .form-row select:focus{border-color:var(--blue);}
.form-row textarea{ min-height:90px; resize:vertical; }
.form-submit{ width:100%; padding:12px; border:none; border-radius:3px; background:var(--blue); color:#fff; font-size:15px; font-weight:700; cursor:pointer; transition:.2s; }
.form-submit:hover{background:var(--blue-dark);}
/* ========== 页脚 ========== */ .footer{ background:#2b2b2b; color:#aaa; padding:40px 0 0; font-size:14px; }
.footer-top{ display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:30px; padding-bottom:30px; border-bottom:1px solid #3a3a3a; }
.footer-brand h3{ color:#fff; font-size:20px; font-weight:700; margin-bottom:14px; }
.footer-brand p{ font-size:13px; line-height:1.9; color:#999; margin-bottom:16px; }
.footer-brand .tel{ font-size:22px; color:#fff; font-weight:700; }
.footer-brand .tel span{ display:block; font-size:12px; color:#888; font-weight:400; margin-bottom:2px; }
.footer-col h4{ color:#fff; font-size:15px; font-weight:700; margin-bottom:14px; }
.footer-col a{ display:block; font-size:13px; color:#999; margin-bottom:8px; transition:.2s; }
.footer-col a:hover{color:#fff;}
.footer-bottom{ padding:18px 0; text-align:center; font-size:12px; color:#777; line-height:1.9; }
.footer-bottom a{color:#777;}
.footer-bottom a:hover{color:#777;}
/* ========================================================= 内页（列表页 / 详情页 / 单页）共用组件 ========================================================= */ /* ========== 内页横幅 ========== */ .page-banner{ height:240px; background:#f5f6f7; display:flex; align-items:center; justify-content:center; text-align:center; color:#333; position:relative; overflow:hidden; }
.page-banner::after{ content:""; position:absolute; right:-60px;top:-60px; width:280px;height:280px; background:rgba(255,255,255,.08); border-radius:50%; }
.page-banner h1{ font-size:32px; font-weight:700; letter-spacing:2px; margin-bottom:10px; position:relative;z-index:2; }
.page-banner p{ font-size:15px; color:#333; position:relative;z-index:2; }
/* ========== 面包屑 ========== */ .breadcrumb{ padding:16px 0; font-size:13px; color:#999; border-bottom:1px solid var(--line); margin-bottom:26px; }
.breadcrumb a{color:#666;transition:.2s;}
.breadcrumb a:hover{color:var(--blue);}
.breadcrumb .sep{margin:0 8px;color:#ccc;}
.breadcrumb .current{color:var(--blue);}
/* ========== 分类筛选 ========== */ .filter-bar{ display:flex; flex-wrap:wrap; gap:10px; margin-bottom:28px; }
.filter-bar a{ padding:7px 20px; border:1px solid var(--line); border-radius:3px; font-size:14px; color:#666; background:#fff; transition:.2s; }
.filter-bar a:hover{border-color:var(--blue);color:var(--blue);}
.filter-bar a.active{ background:var(--blue); border-color:var(--blue); color:#fff; }
/* ========== 产品网格 ========== */ .product-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.product-card{ background:#fff; border:1px solid var(--line); border-radius:3px; overflow:hidden; transition:.25s; }
.product-card:hover{ border-color:var(--blue); box-shadow:0 6px 20px rgba(0,153,255,.12); transform:translateY(-3px); }
.product-card .product-img{ display:block; height:190px; overflow:hidden; background:#eef2f6; }
.product-card .product-img img{ width:100%;height:100%; object-fit:cover; transition:.4s; }
.product-card:hover .product-img img{transform:scale(1.05);}
.product-card .no-img{ display:flex;align-items:center;justify-content:center; height:100%;color:#c3ccd6;font-size:40px; }
.product-body{padding:16px;}
.product-body h3{ font-size:15px; font-weight:700; color:#222; line-height:1.5; margin-bottom:8px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; min-height:44px; }
.product-body h3 a{color:#222;transition:.2s;}
.product-body h3 a:hover{color:var(--blue);}
.product-body .spec{ font-size:12px;color:#999;margin-bottom:8px; }
.product-body .meta-row{ display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px; }
.product-body .meta-row span{ font-size:12px;padding:2px 9px;border-radius:2px; background:#eef7ff;color:var(--blue-dark); }
.product-body .price{ font-size:16px;font-weight:700;color:#e64340; }
/* ========== 通用卡片网格（方案/案例/荣誉） ========== */ .card-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.card-item{ background:#fff; border:1px solid var(--line); border-radius:3px; overflow:hidden; transition:.25s; }
.card-item:hover{ border-color:var(--blue); box-shadow:0 6px 20px rgba(0,153,255,.12); transform:translateY(-3px); }
.card-item .card-img{ display:block; height:200px; overflow:hidden; background:#eef2f6; position:relative; }
.card-item .card-img img{ width:100%;height:100%;object-fit:cover;transition:.4s; }
.card-item:hover .card-img img{transform:scale(1.05);}
.card-item .card-img.no-img{ display:flex;flex-direction:column;gap:8px; align-items:center;justify-content:center; color:#c3ccd6;font-size:38px; }
.card-item .card-img .placeholder-text{font-size:13px;}
.card-body{padding:16px;}
.card-body h3{ font-size:16px;font-weight:700;color:#222;line-height:1.5;margin-bottom:8px; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; }
.card-body h3 a{color:#222;transition:.2s;}
.card-body h3 a:hover{color:var(--blue);}
.card-body .meta{font-size:13px;color:#999;}
.card-body .desc{ font-size:13px;color:#666;line-height:1.7;margin-bottom:8px; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; }
/* ========== 新闻/资讯网格 ========== */ .news-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.news-card{ background:#fff; border:1px solid var(--line); border-radius:3px; overflow:hidden; transition:.25s; display:flex;flex-direction:column; }
.news-card:hover{ border-color:var(--blue); box-shadow:0 6px 20px rgba(0,153,255,.12); transform:translateY(-3px); }
.news-card .news-img{ display:block;height:180px;overflow:hidden;background:#eef2f6; }
.news-card .news-img img{width:100%;height:100%;object-fit:cover;transition:.4s;}
.news-card:hover .news-img img{transform:scale(1.05);}
.news-card.no-image .news-body{border-top:3px solid var(--blue);}
.news-body{padding:16px;flex:1;display:flex;flex-direction:column;}
.news-body .date{font-size:12px;color:#999;margin-bottom:8px;}
.news-body h3{ font-size:16px;font-weight:700;color:#222;line-height:1.5;margin-bottom:8px; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; }
.news-body h3 a{color:#222;transition:.2s;}
.news-body h3 a:hover{color:var(--blue);}
.news-body .summary{ font-size:13px;color:#666;line-height:1.7;margin-bottom:12px;flex:1; display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden; }
.news-body .readmore{font-size:13px;color:var(--blue);}
.news-body .readmore:hover{color:var(--blue-dark);}
/* ========== 空数据提示 ========== */ .empty-tip{ grid-column:1/-1; text-align:center; padding:60px 20px; color:#999; font-size:15px; background:#fafafa; border:1px dashed var(--line); border-radius:3px; }
/* ========== 分页 ========== */ .pagination{ display:flex;justify-content:center;margin:40px 0 10px; }
.pagination ul{ display:flex;flex-wrap:wrap;gap:8px;list-style:none; }
.pagination li a, .pagination li span{ display:block;min-width:38px;height:38px;line-height:38px; padding:0 12px;text-align:center; border:1px solid var(--line);border-radius:3px; font-size:14px;color:#666;background:#fff;transition:.2s; }
.pagination li a:hover{border-color:var(--blue);color:var(--blue);}
.pagination li.active span{ background:var(--blue);border-color:var(--blue);color:#fff; }
.pagination li.disabled span{color:#ccc;cursor:not-allowed;}
.pagination li.dots span{border:none;background:none;}
/* ========== 详情页 ========== */ .detail-wrap{ display:grid; grid-template-columns:420px 1fr; gap:40px; margin-bottom:40px; align-items:start; }
.detail-image{ border:1px solid var(--line);border-radius:3px;overflow:hidden;background:#fff; }
.detail-image img{width:100%;display:block;object-fit:cover;}
.detail-image.no-image{ height:320px;display:flex;align-items:center;justify-content:center; background:#eef2f6;color:#c3ccd6;font-size:56px; }
.detail-info .name{ font-size:24px;font-weight:700;color:#222;line-height:1.5;margin-bottom:14px; }
.detail-info .spec{ font-size:14px;color:#666;margin-bottom:12px; padding-bottom:12px;border-bottom:1px solid var(--line); }
.detail-info .meta{ display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px; }
.detail-info .tag{ font-size:13px;padding:4px 12px;border-radius:3px;background:#eef7ff;color:var(--blue-dark); }
.detail-info .price{ font-size:24px;font-weight:700;color:#e64340;margin-bottom:16px; }
.detail-info .abs{ font-size:14px;color:#666;line-height:1.9;margin-bottom:16px; padding:14px 16px;background:#fafafa;border-left:3px solid var(--blue);border-radius:2px; }
/* 富文本内容 */ .rich-text,.detail-info .content{ font-size:15px;color:#444;line-height:2; }
.rich-text img,.detail-info .content img{max-width:100%;height:auto;margin:12px 0;border-radius:3px;}
.rich-text p,.detail-info .content p{margin-bottom:14px;}
.rich-text h2,.rich-text h3,.rich-text h4{color:#222;font-weight:700;margin:20px 0 12px;}
.rich-text ul,.rich-text ol{margin:0 0 14px 22px;}
.rich-text ul{list-style:disc;}
.rich-text ol{list-style:decimal;}
.rich-text li{margin-bottom:6px;}
.rich-text table{width:100%;border-collapse:collapse;margin:14px 0;}
.rich-text td,.rich-text th{border:1px solid var(--line);padding:8px 10px;}
/* 文章页（新闻/洞察详情） */ .article-wrap{ max-width:900px;margin:0 auto 40px; }
.article-title{ font-size:26px;font-weight:700;color:#222;line-height:1.5; text-align:center;margin-bottom:14px; }
.article-meta{ text-align:center;font-size:13px;color:#999; padding-bottom:18px;margin-bottom:24px;border-bottom:1px solid var(--line); }
.article-image{ margin-bottom:24px;border-radius:3px;overflow:hidden; }
.article-image img{width:100%;display:block;}
.article-actions{ margin-top:34px;padding-top:24px;border-top:1px solid var(--line);text-align:center; }
.btn{ display:inline-block;padding:10px 26px;border-radius:3px;font-size:14px;transition:.2s;cursor:pointer; }
.btn-outline{border:1px solid var(--blue);color:var(--blue);background:#fff;}
.btn-outline:hover{background:var(--blue);color:#fff;}
.btn-primary{background:var(--blue);color:#fff;border:1px solid var(--blue);}
.btn-primary:hover{background:var(--blue-dark);border-color:var(--blue-dark);}
/* FAQ 手风琴 */ .faq-section{margin:40px 0;}
.faq-section h3{ font-size:20px;font-weight:700;color:#222;margin-bottom:18px; padding-left:12px;border-left:4px solid var(--blue); }
.faq-item{ border:1px solid var(--line);border-radius:3px;margin-bottom:12px;overflow:hidden;background:#fff; }
.faq-toggle{display:none;}
.faq-question{ display:block;padding:14px 44px 14px 18px;font-size:15px;font-weight:700;color:#222; cursor:pointer;position:relative;transition:.2s; }
.faq-question::after{ content:"\f078";font-family:"Font Awesome 7 Free";font-weight:900; position:absolute;right:18px;top:50%;transform:translateY(-50%); font-size:13px;color:var(--blue);transition:.3s; }
.faq-toggle:checked + .faq-question::after{transform:translateY(-50%) rotate(180deg);}
.faq-toggle:checked + .faq-question{color:var(--blue);background:#f7fcff;}
.faq-answer{ max-height:0;overflow:hidden;transition:max-height .3s ease; padding:0 18px;font-size:14px;color:#666;line-height:1.9; }
.faq-toggle:checked ~ .faq-answer{max-height:600px;padding:0 18px 16px;}
/* ========== 客户评价 ========== */ .reviews-stats-grid{ display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:36px; }
.stat-item{ background:#fff;border:1px solid var(--line);border-radius:3px; padding:26px 18px;text-align:center;transition:.25s; }
.stat-item:hover{border-color:var(--blue);box-shadow:0 6px 20px rgba(0,153,255,.1);}
.stat-item .num{ display:block;font-size:34px;font-weight:700;color:var(--blue);line-height:1.2;margin-bottom:6px; }
.stat-item .num small{font-size:18px;font-weight:700;}
.stat-item h4{font-size:15px;font-weight:700;color:#222;margin-bottom:4px;}
.stat-item p{font-size:12px;color:#999;}
.testimonial-grid{ display:grid;grid-template-columns:repeat(3,1fr);gap:20px; }
.testimonial-card{ background:#fff;border:1px solid var(--line);border-radius:3px; padding:22px;transition:.25s;display:flex;flex-direction:column; }
.testimonial-card:hover{border-color:var(--blue);box-shadow:0 6px 20px rgba(0,153,255,.1);}
.testimonial-card .stars{ color:#f5a623;font-size:14px;margin-bottom:12px;letter-spacing:2px; }
.testimonial-card .quote{ font-size:14px;color:#555;line-height:1.9;margin-bottom:16px;flex:1; }
.testimonial-card .client{display:flex;align-items:center;gap:12px;}
.testimonial-card .avatar{ width:44px;height:44px;border-radius:50%;flex-shrink:0; display:flex;align-items:center;justify-content:center; color:#fff;font-size:18px;font-weight:700; }
.avatar-color-1{background:#0099ff;}
.avatar-color-2{background:#00b894;}
.avatar-color-3{background:#e17055;}
.avatar-color-4{background:#6c5ce7;}
.avatar-color-5{background:#fd79a8;}
.avatar-color-6{background:#0984e3;}
.testimonial-card .info .name{font-size:15px;font-weight:700;color:#222;}
.testimonial-card .info .title{font-size:12px;color:#999;}
.testimonial-card .review-meta{ margin-top:14px;padding-top:12px;border-top:1px dashed var(--line); font-size:12px;color:#999;display:flex;flex-wrap:wrap;gap:14px; }
/* 评价提交表单 */ .review-submit{margin-top:50px;}
.form-wrapper{ max-width:760px;margin:0 auto;background:#fff; border:1px solid var(--line);border-radius:4px;padding:40px; }
.section-label{ display:inline-block;font-size:13px;color:var(--blue); background:#eef7ff;padding:4px 14px;border-radius:20px;margin-bottom:14px; }
.form-title{font-size:24px;font-weight:700;color:#222;margin-bottom:12px;}
.form-title .highlight{color:var(--blue);}
.section-desc{font-size:14px;color:#888;line-height:1.9;margin-bottom:26px;}
.review-form .form-grid{ display:grid;grid-template-columns:1fr 1fr;gap:18px; }
.review-form .full-width{grid-column:1/-1;}
.review-form label{ display:block;font-size:14px;font-weight:700;color:#333;margin-bottom:6px; }
.review-form .required{color:#e64340;}
.review-form input, .review-form textarea{ width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:3px; font-size:14px;color:#333;transition:.2s; }
.review-form input:focus, .review-form textarea:focus{border-color:var(--blue);}
.review-form textarea{min-height:110px;resize:vertical;}
.star-rating{display:flex;gap:6px;font-size:26px;margin-bottom:4px;}
.star-rating span{cursor:pointer;color:#ddd;transition:.15s;line-height:1;}
.rating-hint{font-size:12px;color:#999;}
.form-actions{ display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:26px; }
.btn-submit{ padding:12px 34px;border:none;border-radius:3px;background:var(--blue); color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:.2s; }
.btn-submit:hover{background:var(--blue-dark);}
.privacy-note{font-size:12px;color:#999;}
.form-footer{ margin-top:20px;padding-top:18px;border-top:1px solid var(--line); font-size:12px;color:#999; }
.form-footer i{color:var(--blue);margin-right:6px;}
.review-success{ display:none;text-align:center;padding:30px 10px; }
.review-success i{font-size:52px;color:#00b894;margin-bottom:16px;}
.review-success h3{font-size:20px;font-weight:700;color:#222;margin-bottom:10px;}
.review-success p{font-size:14px;color:#666;line-height:1.9;}
.home-about{ background:#fff;border:1px solid var(--line);border-radius:3px; padding:34px;margin-bottom:40px; }
@media (max-width:1100px){ .case-grid,.news-grid,.card-grid,.testimonial-grid{grid-template-columns:repeat(2,1fr);} .product-grid{grid-template-columns:repeat(3,1fr);} .detail-wrap{grid-template-columns:340px 1fr;gap:28px;} }
@media (max-width:900px){
    .topbar{display:none;}
    .header-inner{height:64px;flex-wrap:nowrap;} .header-tel{display:none;} .menu-btn{display:flex;} .logo{gap:10px;} .logo-mark{width:40px;height:40px;font-size:18px;} .logo-text h1{font-size:18px;} .logo-text p{font-size:11px;}
    .navbar{display:none;}
    .banner{height:320px;} .banner-text h2{font-size:26px;} .banner-text-inner{padding-left:20px;} .intro-wrap,.safety-wrap,.contact-wrap,.news-wrap{grid-template-columns:1fr;gap:30px;} .intro-img img,.safety-img img{height:260px;} .solution-grid{grid-template-columns:1fr;} .safety-list{grid-template-columns:1fr 1fr;}
    .detail-wrap{grid-template-columns:1fr;} .reviews-stats-grid{grid-template-columns:repeat(2,1fr);} .review-form .form-grid{grid-template-columns:1fr;} .page-banner{height:190px;} .page-banner h1{font-size:26px;} }
@media (max-width:640px){ .section{padding:40px 0;} .section-title h2{font-size:20px;} .banner{height:260px;} .banner-text h2{font-size:20px;} .banner-text p{font-size:14px;} .banner-text-inner{padding-left:16px;padding-right:16px;} .case-grid,.news-grid,.card-grid,.testimonial-grid{grid-template-columns:1fr;} .product-grid{grid-template-columns:repeat(2,1fr);} .solution-item{grid-template-columns:1fr;gap:12px;} .solution-item img,.solution-item .sol-img{height:160px;} .footer-top{grid-template-columns:1fr;gap:24px;} .news-item .thumb{width:100px;height:70px;} .safety-list{grid-template-columns:1fr;} .mobile-menu{width:82%;} .reviews-stats-grid{grid-template-columns:1fr 1fr;gap:12px;} .form-wrapper{padding:26px 20px;} .article-title{font-size:21px;} .home-about{padding:22px 16px;} }