* { margin:0; padding:0; box-sizing:border-box; }
body { font-family: "Microsoft YaHei","PingFang SC","Helvetica Neue",Arial,sans-serif; color:#333; line-height:1.7; background:#fff; }
.xq-container { max-width:1200px; margin:0 auto; padding:0 20px; }
.xq-header { background:#fff; box-shadow:0 2px 8px rgba(0,0,0,0.08); position:sticky; top:0; z-index:100; }
.xq-nav-wrap { display:flex; align-items:center; justify-content:space-between; height:72px; }
.xq-logo { display:flex; align-items:center; text-decoration:none; }
.xq-logo-img { height:48px; width:48px; }
.xq-nav { display:flex; gap:8px; }
.xq-nav-link { text-decoration:none; color:#333; padding:8px 20px; font-size:16px; border-radius:4px; transition:all 0.3s; }
.xq-nav-link:hover { color:#1a6b4a; }
.xq-active { color:#1a6b4a; font-weight:bold; border-bottom:2px solid #e87722; }
.xq-menu-btn { display:none; background:none; border:none; cursor:pointer; padding:8px; }
.xq-menu-btn span { display:block; width:24px; height:3px; background:#333; margin:4px 0; border-radius:2px; }
.xq-banner { position:relative; height:480px; background:linear-gradient(135deg,#1a6b4a 0%,#0d4a33 100%); overflow:hidden; }
.xq-banner img { width:100%; height:100%; object-fit:cover; opacity:0.85; }
.xq-banner-text { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); text-align:center; color:#fff; width:90%; }
.xq-banner-text h1 { font-size:42px; margin-bottom:16px; text-shadow:0 2px 8px rgba(0,0,0,0.3); }
.xq-banner-text p { font-size:18px; opacity:0.95; }
.xq-section { padding:60px 0; }
.xq-section-title { text-align:center; font-size:32px; color:#1a6b4a; margin-bottom:12px; }
.xq-section-sub { text-align:center; color:#888; margin-bottom:40px; font-size:15px; }
.xq-about-grid { display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:center; }
.xq-about-img { width:100%; border-radius:8px; }
.xq-about-text h3 { font-size:24px; color:#1a6b4a; margin-bottom:16px; }
.xq-about-text p { margin-bottom:12px; color:#555; }
.xq-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin-top:30px; }
.xq-stat { text-align:center; padding:20px; background:#f8faf9; border-radius:8px; }
.xq-stat-num { font-size:36px; color:#e87722; font-weight:bold; }
.xq-stat-label { color:#666; font-size:14px; margin-top:4px; }
.xq-products-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.xq-product-card { border:1px solid #eee; border-radius:8px; overflow:hidden; transition:all 0.3s; background:#fff; }
.xq-product-card:hover { box-shadow:0 8px 24px rgba(0,0,0,0.12); transform:translateY(-4px); }
.xq-product-img { width:100%; height:220px; object-fit:cover; }
.xq-product-info { padding:20px; }
.xq-product-name { font-size:18px; color:#333; margin-bottom:8px; }
.xq-product-desc { color:#666; font-size:14px; margin-bottom:12px; }
.xq-product-link { color:#1a6b4a; text-decoration:none; font-size:14px; }
.xq-news-list { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.xq-news-item { display:flex; gap:16px; padding:16px; border:1px solid #eee; border-radius:8px; transition:all 0.3s; }
.xq-news-item:hover { box-shadow:0 4px 16px rgba(0,0,0,0.08); }
.xq-news-img { width:160px; height:110px; object-fit:cover; border-radius:4px; flex-shrink:0; }
.xq-news-info h4 { font-size:16px; margin-bottom:6px; }
.xq-news-info h4 a { color:#333; text-decoration:none; }
.xq-news-info h4 a:hover { color:#1a6b4a; }
.xq-news-date { color:#999; font-size:13px; margin-bottom:6px; }
.xq-news-summary { color:#666; font-size:13px; line-height:1.5; }
.xq-advantages { background:#f8faf9; }
.xq-adv-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:24px; }
.xq-adv-item { text-align:center; padding:30px 20px; }
.xq-adv-icon { width:64px; height:64px; margin:0 auto 16px; background:#1a6b4a; border-radius:50%; display:flex; align-items:center; justify-content:center; color:#fff; font-size:24px; font-weight:bold; }
.xq-adv-item h4 { font-size:18px; margin-bottom:8px; color:#333; }
.xq-adv-item p { color:#666; font-size:14px; }
.xq-footer { background:#1a3a2a; color:#ccc; padding:50px 0 0; margin-top:60px; }
.xq-footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr; gap:40px; margin-bottom:30px; }
.xq-footer-title { color:#fff; font-size:16px; margin-bottom:16px; }
.xq-footer-text { font-size:14px; margin-bottom:8px; color:#aaa; }
.xq-footer-link { display:block; color:#aaa; text-decoration:none; font-size:14px; margin-bottom:8px; }
.xq-footer-link:hover { color:#fff; }
.xq-footer-bottom { border-top:1px solid #2a5a3a; padding:20px 0; text-align:center; }
.xq-footer-copy { font-size:13px; color:#888; }
.xq-page-banner { background:linear-gradient(135deg,#1a6b4a,#0d4a33); color:#fff; padding:60px 0; text-align:center; }
.xq-page-banner h1 { font-size:36px; margin-bottom:8px; }
.xq-page-banner p { opacity:0.9; }
.xq-detail { padding:60px 0; }
.xq-detail-grid { display:grid; grid-template-columns:1fr 1fr; gap:40px; }
.xq-detail-img { width:100%; border-radius:8px; }
.xq-detail-info h2 { font-size:28px; color:#1a6b4a; margin-bottom:16px; }
.xq-detail-info p { margin-bottom:16px; color:#555; }
.xq-spec-box { background:#f8faf9; padding:20px; border-radius:8px; margin:20px 0; }
.xq-spec-box h4 { color:#1a6b4a; margin-bottom:10px; }
.xq-spec-box p { font-size:14px; margin-bottom:6px; }
.xq-article { max-width:800px; margin:0 auto; padding:40px 0; }
.xq-article-img { width:100%; border-radius:8px; margin:20px 0; }
.xq-article-meta { color:#999; font-size:14px; margin-bottom:20px; }
.xq-article-body p { margin-bottom:16px; text-indent:2em; color:#444; }
.xq-contact-grid { display:grid; grid-template-columns:1fr 1fr; gap:40px; }
.xq-contact-info h3 { font-size:22px; color:#1a6b4a; margin-bottom:16px; }
.xq-contact-info p { margin-bottom:12px; color:#555; }
.xq-form-group { margin-bottom:20px; }
.xq-form-group label { display:block; margin-bottom:6px; font-size:14px; color:#333; }
.xq-form-group input, .xq-form-group textarea { width:100%; padding:10px; border:1px solid #ddd; border-radius:4px; font-size:14px; }
.xq-form-group textarea { height:120px; }
.xq-btn { background:#1a6b4a; color:#fff; border:none; padding:12px 32px; border-radius:4px; cursor:pointer; font-size:16px; }
.xq-notfound { text-align:center; padding:100px 20px; }
.xq-notfound h1 { font-size:120px; color:#1a6b4a; line-height:1; }
.xq-notfound h2 { font-size:24px; margin:20px 0; color:#333; }
.xq-notfound p { color:#666; margin-bottom:30px; }
@media (max-width:768px) {
.xq-nav { display:none; position:absolute; top:72px; left:0; right:0; background:#fff; flex-direction:column; padding:20px; box-shadow:0 4px 12px rgba(0,0,0,0.1); }
.xq-nav.xq-open { display:flex; }
.xq-menu-btn { display:block; }
.xq-banner { height:300px; }
.xq-banner-text h1 { font-size:24px; }
.xq-banner-text p { font-size:14px; }
.xq-about-grid, .xq-detail-grid, .xq-contact-grid { grid-template-columns:1fr; }
.xq-products-grid, .xq-news-list { grid-template-columns:1fr; }
.xq-stats, .xq-adv-grid { grid-template-columns:repeat(2,1fr); }
.xq-footer-grid { grid-template-columns:1fr; }
.xq-news-img { width:100px; height:80px; }
}