/* ============================================
   QuickWebCMS - 统一样式文件
   主色：#006329  辅助色：#00853e  #00a84d
   页面宽度：max-width 1300px
   ============================================ */

/* ---------- CSS Reset ---------- */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{font-family:"Microsoft YaHei","PingFang SC","Helvetica Neue",Arial,sans-serif;color:#333;line-height:1.6;background:#f5f6f7;min-width:320px}
img{max-width:100%;height:auto;vertical-align:middle;border:0}
a{color:#006329;text-decoration:none;transition:color .3s}
a:hover{color:#00853e}
ul,ol{list-style:none}
input,button,textarea,select{font-family:inherit;font-size:inherit;outline:none}
table{border-collapse:collapse;border-spacing:0}
.clear{clear:both}

/* ---------- 容器 ---------- */
.wrap{max-width:1300px;min-width:1024px;margin:0 auto;padding:0 20px}

/* ---------- 顶部公告栏 ---------- */
.top-bar{background:#1a1a1a;color:#ccc;font-size:13px;line-height:38px}
.top-bar .wrap{display:flex;justify-content:space-between;align-items:center}
.top-bar a{color:#ccc}
.top-bar a:hover{color:#00a84d}
.top-bar span{margin-right:6px}

/* ---------- Header ---------- */
.header{padding:18px 0;background:#fff;box-shadow:0 1px 6px rgba(0,0,0,.06)}
.header .wrap{display:flex;align-items:center;justify-content:space-between}
.header .logo{height:76px;width:auto}
.header .logo img{height:100%;width:auto}
.header-info{text-align:right}
.header-phone{display:inline-flex;align-items:center;gap:14px;background:#f6faf7;border:1px solid #e0ede4;border-radius:12px;padding:14px 22px;transition:border-color .3s,box-shadow .3s}
.header-phone:hover{border-color:#b8d9c4;box-shadow:0 2px 14px rgba(0,99,41,.1)}
/* 图标 */
.hp-icon{flex-shrink:0;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#006329,#00853e);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0,99,41,.25);animation:hp-pulse 3s ease-in-out infinite}
.hp-icon svg{fill:#fff}
@keyframes hp-pulse{0%,100%{box-shadow:0 4px 12px rgba(0,99,41,.25)}50%{box-shadow:0 4px 22px rgba(0,99,41,.45)}}
/* 文字区 */
.hp-text{text-align:left;line-height:1.4}
.hp-label{display:block;font-size:14px;color:#555;letter-spacing:1px;margin-bottom:3px}
.hp-nums{display:flex;align-items:baseline;gap:6px}
.hp-nums strong{font-size:22px;font-weight:700;color:#006329;letter-spacing:.5px}
.hp-nums i{font-style:normal;font-size:13px;color:#ccc;margin:0 2px}
.hp-nums>span{font-size:15px;color:#555;font-weight:500}

/* ---------- 主导航 ---------- */
.nav{background:#006329;position:sticky;top:0;z-index:999;box-shadow:0 2px 12px rgba(0,99,41,.2)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between}
.nav ul{display:flex;width:100%}
.nav li{position:relative;flex:1;text-align:center}
.nav li>a{display:block;line-height:50px;color:#fff;font-size:15px;white-space:nowrap;position:relative;transition:background .3s}
.nav li>a::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:0;height:3px;background:#00a84d;transition:width .3s}
.nav li>a:hover,.nav li.cur>a,.nav li.active>a{background:#F90}
.nav li>a:hover::after,.nav li.cur>a::after,.nav li.active>a::after{width:70%}
/* 下拉子菜单 */
.nav li .sub-nav{display:none;position:absolute;top:100%;left:0;min-width:150px;background:#fff;box-shadow:0 4px 16px rgba(0,0,0,.12);border-radius:0 0 6px 6px;overflow:hidden;z-index:100}
.nav li:hover .sub-nav{display:block}
.nav .sub-nav li a{color:#333;line-height:42px;padding:0 18px;font-size:14px;border-bottom:1px solid #f0f0f0;transition:all .25s}
.nav .sub-nav li a:hover{color:#006329;background:#f0f9f3;padding-left:24px}
.nav .sub-nav li a::after{display:none}
/* 移动端菜单按钮 */
.menu-toggle{display:none;width:42px;height:42px;background:none;border:none;cursor:pointer;flex-direction:column;justify-content:center;gap:5px}
.menu-toggle span{display:block;width:24px;height:2.5px;background:#fff;border-radius:2px;transition:all .3s}

/* ---------- 搜索条 ---------- */
.search-bar{background:#fff;padding:14px 0;border-bottom:1px solid #eee}
.search-bar .wrap{display:flex;align-items:center;gap:16px}
.search-hot{font-size:13px;color:#888;white-space:nowrap}
.search-hot b{color:#006329;font-weight:600}
.search-hot a{color:#555;margin:0 4px}
.search-hot a:hover{color:#006329}
.search-form{display:flex;margin-left:auto;border:2px solid #006329;border-radius:22px;overflow:hidden;background:#fff}
.search-form input[type="text"]{width:260px;height:36px;border:none;padding:0 16px;font-size:14px;background:transparent}
.search-form button{width:42px;height:36px;border:none;background:#006329;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s}
.search-form button:hover{background:#00853e}
.search-form button svg{width:18px;height:18px}

/* ---------- Banner ---------- */
.banner-wrapper{position:relative;width:100%;margin:0 auto 1px;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,0.15);background:#1a1a2e}.banner-track{display:flex;transition:transform 0.6s cubic-bezier(0.4,0,0.2,1)}.banner-item{min-width:100%;position:relative;display:block}.banner-item a{display:block;width:100%}.banner-item img{width:100%;height:auto;display:block;transition:transform 0.8s ease}.banner-overlay{position:absolute;inset:0;background:linear-gradient( to bottom,transparent 0%,transparent 40%,rgba(0,0,0,0.3) 70%,rgba(0,0,0,0.7) 100% );display:flex;align-items:flex-end}.banner-content{padding:40px 50px;width:100%;max-width:800px}.banner-title{color:#fff;font-size:2rem;font-weight:700;margin:0;text-shadow:0 2px 10px rgba(0,0,0,0.5);opacity:0;transform:translateY(30px);transition:all 0.5s ease 0.2s}.banner-item.active .banner-title{opacity:1;transform:translateY(0)}.banner-indicators{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);display:flex;gap:12px;z-index:10}.banner-indicator{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,0.4);cursor:pointer;transition:all 0.3s ease;border:2px solid transparent}.banner-indicator:hover{background:rgba(255,255,255,0.7);transform:scale(1.2)}.banner-indicator.active{width:32px;border-radius:10px;background:#fff;box-shadow:0 0 15px rgba(255,255,255,0.5)}.banner-nav{position:absolute;top:50%;transform:translateY(-50%);width:56px;height:56px;background:#666;backdrop-filter:blur(10px);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:all 0.3s ease;z-index:10;border:1px solid rgba(255,255,255,0.2)}.banner-nav svg{width:24px;height:24px;fill:#fff;transition:transform 0.3s ease}.banner-wrapper:hover .banner-nav{opacity:1}.banner-nav:hover{background:#006329;transform:translateY(-50%) scale(1.1)}.banner-nav:hover svg{transform:scale(1.1)}.banner-prev{left:20px}.banner-prev:hover svg{transform:translateX(-2px)}.banner-next{right:20px}.banner-next:hover svg{transform:translateX(2px)}.banner-progress{position:absolute;bottom:0;left:0;width:100%;height:4px;background:rgba(255,255,255,0.2);z-index:10}.banner-progress-bar{height:100%;width:0%;background:#006329;transition:width 0.1s linear}.banner-wrapper:hover .banner-progress-bar{opacity:0.7}.banner-pagination{position:absolute;bottom:20px;right:30px;font-size:14px;color:rgba(255,255,255,0.8);font-weight:500;z-index:10;background:rgba(0,0,0,0.3);padding:6px 14px;border-radius:20px;backdrop-filter:blur(5px)}.banner-pagination .current{font-size:18px;font-weight:700}@media (max-width:1024px){.banner-title{font-size:1.6rem}.banner-content{padding:30px 40px}}

/* ---------- 区块标题 ---------- */
.section-title{text-align:center;padding:50px 0 30px}
.section-title h2{font-size:30px;color:#222;font-weight:700;position:relative;display:inline-block}
.section-title h2::after{content:'';display:block;width:60px;height:3px;background:#006329;margin:12px auto 0;border-radius:2px}
.section-title p{color:#888;font-size:14px;margin-top:8px;text-transform:uppercase;letter-spacing:2px}
.section-title-left{text-align:left;padding:0 0 20px}
.section-title-left h2{margin:0}
.section-title-left h2::after{margin:12px 0 0}
.section-title-left p{text-align:left}
.more-link{font-size:13px;color:#888;float:right;line-height:40px;transition:color .3s}
.more-link:hover{color:#006329}

/* ---------- 产品分类导航 ---------- */
.product-type{text-align:center;padding:10px 0 30px}
.product-type ul{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.product-type li{list-style:none}
.product-type li a{display:inline-block;padding:8px 22px;font-size:14px;color:#555;background:#f5f5f5;border-radius:22px;border:2px solid transparent;transition:all .3s}
.product-type li a:hover{color:#006329;background:#e8f5ec;border-color:#006329}
.product-type li a.cur,.product-type li a.active{color:#fff;background:#006329;border-color:#006329;font-weight:600}

/* ---------- 产品卡片网格 ---------- */
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.product-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.06);transition:transform .3s,box-shadow .3s}
.product-card:hover{transform:translateY(-6px);box-shadow:0 8px 28px rgba(0,0,0,.12)}
.product-card .card-img{aspect-ratio:1/1;overflow:hidden;background:#f0f0f0;position:relative}
.product-card .card-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.product-card:hover .card-img img{transform:scale(1.06)}
.product-card .card-info{padding:14px 16px 18px;text-align:center}
.product-card .card-info h4{font-size:15px;color:#222;margin-bottom:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.product-card .card-info h4 a{color:#222}
.product-card .card-info h4 a:hover{color:#006329}
.product-card .card-info .tag{display:inline-block;font-size:11px;color:#006329;background:#e8f5ec;padding:2px 10px;border-radius:10px}

/* 产品列表3列 */
.product-grid-3{grid-template-columns:repeat(3,1fr)}

/* ---------- 我们可以做什么 ---------- */
.service-section{padding:0px 0 40px}
.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.service-card{background:#fff;border-radius:12px;overflow:hidden;transition:transform .35s,box-shadow .35s}
.service-card:hover{transform:translateY(-8px);box-shadow:0 12px 32px rgba(0,99,41,.12)}
.service-card a{display:block;color:inherit}
.service-card .svc-img{aspect-ratio:3/2;/*overflow:hidden;*/background:#eef3f0}
.service-card .svc-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.service-card:hover .svc-img img{transform:scale(1.08)}
/* 奇数位图片底部的圆弧 */
.service-card:nth-child(odd) .svc-img{/*overflow:hidden;*/position:relative}
.service-card:nth-child(odd) .svc-img::after{content:'';position:absolute;left:0;bottom:-30px;width:100%;height:30px;background:#006329;border-radius:0 0 55% 55% / 0 0 100% 100%;z-index:2}
.service-card:nth-child(even) .svc-img{overflow:hidden;position:relative}
.service-card:nth-child(even) .svc-img::after{content:'';position:absolute;left:0;bottom:-1px;width:100%;height:30px;background:#006329;border-radius:55% 55% 0 0 / 100% 100% 0 0;z-index:2}
.service-card .svc-info{padding:20px 22px 24px;margin-top: 25px;}
.service-card .svc-info h4{font-size:17px;color:#222;margin-bottom:10px;position:relative;padding-bottom:12px}
.service-card .svc-info h4::after{content:'';position:absolute;left:0;bottom:0;width:32px;height:3px;background:#006329;border-radius:2px;transition:width .3s}
.service-card:hover .svc-info h4::after{width:48px}
.service-card .svc-info p{font-size:13px;color:#777;line-height:1.8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* ---------- 案例卡片 ---------- */
.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.case-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.06);transition:transform .3s,box-shadow .3s}
.case-card:hover{transform:translateY(-6px);box-shadow:0 8px 28px rgba(0,0,0,.12)}
.case-card .card-img{aspect-ratio:1/1;overflow:hidden;background:#f0f0f0}
.case-card .card-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.case-card:hover .card-img img{transform:scale(1.06)}
.case-card .card-info{padding:14px 16px 18px;text-align:center}
.case-card .card-info h4{font-size:15px;color:#222;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.case-card .card-info h4 a{color:#222}
.case-card .card-info h4 a:hover{color:#006329}

/* ---------- 新闻卡片 ---------- */
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.news-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.06);transition:transform .3s,box-shadow .3s}
.news-card:hover{transform:translateY(-4px);box-shadow:0 6px 22px rgba(0,0,0,.1)}
.news-card .card-img{aspect-ratio:16/10;overflow:hidden;background:#f0f0f0}
.news-card .card-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.news-card:hover .card-img img{transform:scale(1.06)}
.news-card .card-info{padding:16px 18px 20px}
.news-card .card-info h4{font-size:16px;color:#222;margin-bottom:8px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.news-card .card-info h4 a{color:#222}
.news-card .card-info h4 a:hover{color:#006329}
.news-card .card-info .desc{font-size:13px;color:#999;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.news-card .card-info .meta{font-size:12px;color:#bbb;margin-top:10px}

/* ---------- 新闻列表 ---------- */
.news-list{}
.news-list .news-item{padding:18px 0;border-bottom:1px solid #eee;display:flex;gap:20px;align-items:flex-start}
.news-list .news-item:last-child{border-bottom:none}
.news-list .news-img{width:180px;height:120px;border-radius:6px;overflow:hidden;flex-shrink:0;background:#f0f0f0}
.news-list .news-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.news-list .news-img:hover img{transform:scale(1.06)}
.news-list .news-text{flex:1}
.news-list .news-text h4{font-size:16px;margin-bottom:8px}
.news-list .news-text h4 a{color:#222}
.news-list .news-text h4 a:hover{color:#006329}

/* ---------- 首页更多新闻 ---------- */
.news-more-section{margin-top:30px}
.news-more-grid{display:flex;gap:24px}
.news-more-col{flex:1;background:#fff;border-radius:8px;padding:20px 24px;box-shadow:0 2px 12px rgba(0,0,0,.06)}
.news-more-col .nm-title{font-size:16px;color:#222;margin-bottom:14px;padding-bottom:8px;border-bottom:2px solid #006329;display:flex;justify-content:space-between;align-items:center}
.news-more-col .nm-title .nm-more{font-size:12px;color:#999;font-weight:400}
.news-more-col .nm-title .nm-more:hover{color:#006329}
.news-more-item{display:flex;justify-content:space-between;align-items:center;line-height:2.4;font-size:14px;border-bottom:1px dotted #eee}
.news-more-item:last-child{border-bottom:none}
.news-more-item .nm-left{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.news-more-item .nm-left a{color:#555}
.news-more-item .nm-left a:hover{color:#006329}
.news-more-item .nm-time{flex-shrink:0;color:#bbb;font-size:12px;margin-left:16px}
.news-list .news-text p{font-size:13px;color:#888;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.news-list .news-text .meta{font-size:12px;color:#bbb;margin-top:6px}

/* ---------- 页面横幅 ---------- */
.page-banner{background:#006329;position:relative;overflow:hidden}
.page-banner img{width:100%;display:block;/*max-height:260px;*/object-fit:cover;max-width: 1920px;margin: 0 auto;}
.page-banner .banner-overlay{position:absolute;inset:0;background:linear-gradient(to right,rgba(0,99,41,.85),rgba(0,99,41,.4))}
.page-banner .banner-text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;max-width:1300px;width:100%;padding:0 20px}
.page-banner .banner-text h1{font-size:32px;font-weight:700;margin-bottom:8px}
.page-banner .banner-text p{font-size:14px;opacity:.85;letter-spacing:1px}

/* ---------- 面包屑 ---------- */
.breadcrumb{background:#fff;padding:0 20px;border-bottom:1px solid #eee}
.breadcrumb .wrap{display:flex;align-items:center;line-height:44px;font-size:13px;color:#888}
.breadcrumb a{color:#666}
.breadcrumb a:hover{color:#006329}
.breadcrumb span{margin:0 6px;color:#ccc}

/* ---------- 两栏布局 ---------- */
.content-wrap{display:flex;gap:28px;max-width:1300px;min-width:1024px;margin:28px auto;padding:0 20px}
.sidebar{width:260px;flex-shrink:0}
.main-content{flex:1;min-width:0}

/* ---------- 侧边栏 ---------- */
.side-box{background:#fff;border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,.06);margin-bottom:20px;overflow:hidden}
.side-box .side-tit{background:linear-gradient(135deg,#006329,#00853e);color:#fff;font-size:16px;font-weight:600;padding:14px 18px;display:flex;align-items:center;gap:8px}
.side-box .side-tit svg{width:18px;height:18px;flex-shrink:0}
.side-box .side-nav{}
.side-box .side-nav a{display:block;padding:12px 18px;color:#444;font-size:14px;border-bottom:1px solid #f5f5f5;transition:all .25s}
.side-box .side-nav a:hover{color:#006329;background:#f5faf7;padding-left:24px}
.side-box .side-nav a.cur{color:#006329;font-weight:600;background:#f5faf7;border-left:3px solid #006329}
.side-box .side-content{padding:18px 16px}
.side-box .side-content p{font-size:13px;color:#666;line-height:1.8;margin-bottom:6px}
.side-product{aspect-ratio:1/1;overflow:hidden;border-radius:6px;margin-bottom:12px;background:#f5f5f5;position:relative}
.side-product img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.side-product:hover img{transform:scale(1.06)}
.side-product a{display:block;width:100%;height:100%}
.side-product-tag{position:absolute;top:10px;left:10px;background:linear-gradient(135deg,#006329,#00853e);color:#fff;font-size:11px;padding:3px 10px;border-radius:10px;z-index:2;letter-spacing:.5px}
.side-product-name{margin-top:2px; margin-bottom:20px;}
.side-product-name a{font-size:14px;color:#333;text-align:center;display:block;line-height:1.4;transition:color .25s}
.side-product-name a:hover{color:#006329}
/* 联系我们信息项 */
.side-contact-item{display:flex;align-items:flex-start;gap:10px;padding:9px 0;border-bottom:1px dashed #eee}
.side-contact-item:last-child{border-bottom:none}
.side-contact-item .sci-icon{flex-shrink:0;width:28px;height:28px;border-radius:6px;background:#f0f7f2;display:flex;align-items:center;justify-content:center}
.side-contact-item .sci-icon svg{width:13px;height:13px;fill:#006329}
.side-contact-item .sci-text{flex:1;min-width:0}
.side-contact-item .sci-text .sci-label{font-size:11px;color:#999;margin-bottom:1px}
.side-contact-item .sci-text .sci-val{font-size:13px;color:#333;word-break:break-all}
.side-company-name{text-align:center;padding:6px 0 14px;margin-bottom:4px;border-bottom:2px solid #006329}
.side-company-name strong{font-size:16px;color:#006329;letter-spacing:1px}

/* ---------- 关于我们 ---------- */
.about-section{padding:60px 0;background:#fff}
.about-section .wrap{display:flex;gap:50px;align-items:center}
.about-img{flex:0 0 460px;border-radius:10px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.1)}
.about-img img{width:100%;display:block;transition:transform .6s}
.about-img:hover img{transform:scale(1.04)}
.about-text{flex:1}
.about-text h2{font-size:28px;color:#222;margin-bottom:18px}
.about-text h2 em{font-style:normal;color:#006329}
.about-text p{font-size:14px;color:#666;line-height:1.9;margin-bottom:16px}
.about-text .btn-more{display:inline-block;padding:10px 28px;background:#006329;color:#fff;border-radius:22px;font-size:14px;transition:all .3s;margin-top:8px}
.about-text .btn-more:hover{background:#00853e;color:#fff;transform:translateY(-2px);box-shadow:0 4px 14px rgba(0,99,41,.35)}

/* ---------- 优势区块 ---------- */
.advantage{padding:60px 0;background:linear-gradient(180deg,#f5f6f7,#eaf2ee)}
.advantage-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.adv-card{background:#fff;border-radius:10px;padding:32px 22px;text-align:center;box-shadow:0 2px 14px rgba(0,0,0,.05);transition:all .3s;position:relative}
.adv-card:hover{transform:translateY(-6px);box-shadow:0 10px 30px rgba(0,99,41,.12)}
.adv-card .adv-num{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#006329,#00853e);color:#fff;font-size:22px;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}
.adv-card h4{font-size:18px;color:#222;margin-bottom:8px}
.adv-card .adv-sub{font-size:12px;color:#aaa;margin-bottom:12px;text-transform:uppercase;letter-spacing:1px}
.adv-card ul{text-align:left;font-size:13px;color:#666;line-height:2}
.adv-card ul li{position:relative;padding-left:18px}
.adv-card ul li::before{content:'';position:absolute;left:0;top:10px;width:6px;height:6px;border-radius:50%;background:#006329}

/* ---------- 数据统计 ---------- */
.stats{background:#006329;padding:44px 0;color:#fff}
.stats .wrap{display:flex;justify-content:space-around;text-align:center}
.stats .stat-item .num{font-size:40px;font-weight:700;display:block}
.stats .stat-item .label{font-size:14px;opacity:.8;margin-top:4px}

/* ---------- 页脚 ---------- */
.footer{background:#1a1f1b;color:#aab;position:relative;overflow:hidden}
.footer::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#006329,#00a84d,#006329,#00853e,#006329)}
.footer-wrap{max-width:1300px;min-width:1024px;margin:0 auto;padding:50px 20px 30px;display:grid;grid-template-columns:1.4fr 0.7fr 0.7fr 1.4fr;gap:36px;position:relative;z-index:1}
.footer-col{min-width:0}
.footer-col .col-head{color:#fff;font-size:17px;font-weight:600;margin-bottom:20px;display:flex;align-items:center;gap:10px}
.footer-col .col-head::before{content:'';display:inline-block;width:4px;height:18px;background:#006329;border-radius:2px}
.footer-col p,.footer-col li{font-size:13px;line-height:2.1;color:#999;margin-bottom:2px}
.footer-col li a{color:#999;transition:color .25s,padding .25s}
.footer-col li a:hover{color:#00a84d;padding-left:4px}
.footer-col .contact-item{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px;line-height:1.7}
.footer-col .contact-item .ci-icon{flex-shrink:0;width:32px;height:32px;border-radius:50%;background:rgba(0,99,41,.2);display:flex;align-items:center;justify-content:center;margin-top:2px;transition:background .3s}
.footer-col .contact-item:hover .ci-icon{background:rgba(0,99,41,.45)}
.footer-col .contact-item .ci-icon svg{width:14px;height:14px;fill:#00a84d}
.footer-col .contact-item strong{display:block;color:#ddd;font-size:13px;margin-bottom:1px}
.footer-col .contact-item span{color:#888;font-size:12px}
.footer-about-desc{font-size:13px;color:#999;line-height:1.9;margin-top:12px}
/* QR码 */
.footer-qr{display:flex;gap:16px;margin-top:8px}
.footer-qr .qr-item{text-align:center}
.footer-qr .qr-box{width:90px;height:90px;background:rgba(255,255,255,.06);border-radius:8px;padding:6px;border:1px solid rgba(255,255,255,.08);transition:border-color .3s}
.footer-qr .qr-item:hover .qr-box{border-color:rgba(0,135,60,.4)}
.footer-qr .qr-box img{width:100%;height:100%;object-fit:contain}
.footer-qr .qr-item span{display:block;font-size:11px;color:#888;margin-top:6px}
/* 底部栏 */
.footer-bottom{margin-top:10px;border-top:1px solid rgba(255,255,255,.06);padding:18px 0;text-align:center}
.footer-bottom .wrap{max-width:1300px;min-width:1024px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}
.footer-bottom,.footer-bottom a{font-size:12px;color:#666}
.footer-bottom a:hover{color:#00a84d}
.footer-bottom .fb-links{display:flex;gap:16px}
.footer-logo{height:38px;width:auto;margin-bottom:14px;filter:brightness(.85)}

/* ---------- 产品详情 ---------- */
.detail-wrap{display:flex;gap:30px;margin-bottom:30px}
.detail-gallery{flex:0 0 420px}
.detail-gallery .main-img{width:100%;aspect-ratio:1/1;border-radius:8px;overflow:hidden;background:#f0f0f0;margin-bottom:14px}
.detail-gallery .main-img img{width:100%;height:100%;object-fit:cover}
.detail-info{flex:1}
.detail-info h1{font-size:22px;color:#222;margin-bottom:14px}
.detail-info .detail-desc{font-size:14px;color:#666;line-height:1.8;padding:14px 0;border-top:1px solid #eee;border-bottom:1px solid #eee;margin-bottom:16px}
.detail-info .detail-contact{font-size:14px;color:#555;line-height:2}
.detail-info .detail-contact .hotline{font-size:22px;color:#006329;font-weight:700}
.detail-info .btn-contact{display:inline-block;padding:10px 30px;background:#006329;color:#fff;border-radius:22px;margin-top:14px;transition:all .3s}
.detail-info .btn-contact:hover{background:#00853e;color:#fff;box-shadow:0 4px 14px rgba(0,99,41,.35);transform:translateY(-2px)}
.detail-content{margin-top:30px;font-size:15px;color:#333;line-height:2}
.detail-content img{max-width:100%;height:auto;border-radius:6px;margin:10px 0}
.detail-tab{border-bottom:2px solid #eee;margin-bottom:20px}
.detail-tab span{display:inline-block;padding:10px 20px;font-size:15px;color:#888;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .3s}
.detail-tab span.active{color:#006329;font-weight:600;border-bottom-color:#006329}

/* ---------- 相关卡片 ---------- */
.related-title{font-size:18px;color:#222;margin:30px 0 16px;padding-bottom:10px;border-bottom:2px solid #006329}
.related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}

/* ---------- 文章详情 ---------- */
.article-header{text-align:center;padding:20px 0;border-bottom:1px solid #eee;margin-bottom:24px}
.article-header h1{font-size:24px;color:#222;margin-bottom:12px}
.article-header .article-meta{font-size:13px;color:#999}
.article-header .article-meta span{margin:0 10px}
.article-body{font-size:15px;line-height:2;color:#444}
.article-body img{max-width:100%;height:auto;border-radius:6px;margin:12px 0}

/* ---------- 分页 ---------- */
.pagination{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:30px;padding:16px 0}.pagination a,.pagination span{padding:8px 14px;background:#fff;color:#555;text-decoration:none;border-radius:4px;border:1px solid #999;transition:all .3s font-size:14px;margin:0 2px}.pagination a:hover{background:#006329;color:#fff;border-color:#ddd;transform:translateY(-2px);box-shadow:0 4px 12px rgba(207,24,28,.3)}.pagination .fcur{background:#006329;color:#fff;border-color:#ddd;font-weight:bold}

/* ---------- 搜索页 ---------- */
.search-header{background:#006329;color:#fff;text-align:center;padding:16px 20px;border-radius:8px;margin-bottom:20px;font-size:15px}
.search-header em{font-style:normal;color:#ffd54f;font-weight:600}

/* ---------- 通用卡片/面板 ---------- */
.white-card{background:#fff;border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,.06);overflow:hidden}

/* ---------- 友情链接 ---------- */
.links-bar{padding:24px 20px 20px;border-top:1px solid #eee;margin-top:10px}
.links-bar .lk-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.links-bar .lk-header h4{font-size:16px;color:#222;margin:0}
.links-bar .lk-header .lk-sub{font-size:12px;color:#bbb;letter-spacing:1px}
.links-bar .lk-header .lk-line{flex:1;height:1px;background:#eee;min-width:30px}
.links-bar .lk-list{display:flex;flex-wrap:wrap;gap:8px 6px}
.links-bar .lk-list a{display:inline-block;padding:6px 16px;font-size:13px;color:#777;background:#f5f5f5;border-radius:16px;border:1px solid transparent;transition:all .25s}
.links-bar .lk-list a:hover{color:#006329;background:#e8f5ec;border-color:#c8e0d0}
.links-bar .lk-list a.cur,.links-bar .lk-list a.active,.lk-list a.sindex{color:#fff;background:#006329;border-color:#006329}

/* ---------- 回到顶部 ---------- */
.back-top{position:fixed;bottom:40px;right:24px;width:42px;height:42px;background:#006329;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:999;opacity:0;visibility:hidden;transition:all .3s;box-shadow:0 2px 10px rgba(0,99,41,.3)}
.back-top.show{opacity:1;visibility:visible}
.back-top:hover{background:#00853e;transform:translateY(-3px)}
.back-top svg{width:18px;height:18px;fill:#fff}

/* ---------- 响应式 ---------- */
@media(max-width:1060px){
  .wrap,.content-wrap{min-width:auto;padding:0 16px}
  .product-grid{grid-template-columns:repeat(3,1fr)}
  .service-grid{grid-template-columns:repeat(2,1fr)}
  .case-grid{grid-template-columns:repeat(3,1fr)}
  .advantage-grid{grid-template-columns:repeat(2,1fr)}
  .news-grid{grid-template-columns:repeat(2,1fr)}
  .detail-wrap{flex-direction:column}
  .detail-gallery{flex:none;max-width:420px;margin:0 auto}
  .about-section .wrap{flex-direction:column}
  .about-img{flex:none;max-width:460px}
  .content-wrap{flex-direction:column}
  .sidebar{width:100%}
  .stats .wrap{flex-wrap:wrap;gap:20px}
  .stats .stat-item{flex:0 0 45%}
  .footer-wrap{grid-template-columns:repeat(2,1fr);min-width:auto}
  .footer-bottom .wrap{min-width:auto}
}

@media(max-width:768px){
  .product-grid{grid-template-columns:repeat(2,1fr);gap:12px}
  .service-grid{grid-template-columns:1fr}
  .case-grid{grid-template-columns:repeat(2,1fr);gap:12px}
  .advantage-grid{grid-template-columns:1fr}
  .news-grid{grid-template-columns:1fr}
  .related-grid{grid-template-columns:repeat(2,1fr)}
  .news-list .news-item{flex-direction:column}
  .news-list .news-img{width:100%;height:180px}
  .product-grid-3{grid-template-columns:repeat(2,1fr)}
  .section-title h2{font-size:24px}
  .page-banner .banner-text h1{font-size:22px}
  .top-bar .wrap{flex-direction:column;gap:4px}
  .header .wrap{flex-wrap:wrap;gap:10px}
  .menu-toggle{display:flex}
  .nav ul{display:none;position:absolute;top:100%;left:0;width:100%;background:#006329;flex-direction:column}
  .nav ul.open{display:flex}
  .nav li .sub-nav{position:static;background:rgba(0,0,0,.15);border-radius:0;box-shadow:none}
  .nav .sub-nav li a{color:#fff;border-bottom-color:rgba(255,255,255,.1)}
  .search-form input[type="text"]{width:160px}
  .footer-wrap{grid-template-columns:1fr;min-width:auto;padding:36px 16px 20px}
  .footer-bottom .wrap{min-width:auto;flex-direction:column;text-align:center}
  .footer-bottom .fb-links{justify-content:center}
}
.btn-more{font-size: 15px;padding: 12px 36px; background-color:#00853e; color:#fff; border-radius:20px;}
.btn-more:hover{background-color:#f90; color:#fff; border-radius:20px;}

.bs-float-service{position:fixed;right:0;top:60%;transform:translateY(-50%);z-index:9999}.bs-float-service-collapsed{width:50px;background:linear-gradient(180deg,#e74c3c 0%,#c0392b 100%);border-radius:8px 0 0 8px;padding:15px 0;cursor:pointer;transition:all 0.3s;box-shadow:-2px 2px 10px rgba(0,0,0,0.2)}.bs-float-service-collapsed:hover{width:55px}.bs-float-service-collapsed-icon{display:flex;flex-direction:column;align-items:center;color:#fff}.bs-float-service-collapsed-icon svg{width:24px;height:24px;margin-bottom:8px}.bs-float-service-collapsed-text{writing-mode:vertical-rl;font-size:16px;font-weight:bold;letter-spacing:4px}.bs-float-service-expanded{width:200px;background:#fff;border-radius:12px 0 0 12px;box-shadow:-4px 4px 20px rgba(0,0,0,0.15);overflow:hidden;animation:bs-slideIn 0.3s ease-out}@keyframes bs-slideIn{from{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.bs-float-service-header{background:linear-gradient(90deg,#00833d 0%,#00a651 100%);padding:18px 20px;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden}.bs-float-service-header::before{content:'';position:absolute;top:-20px;right:-20px;width:80px;height:80px;background:rgba(255,255,255,0.1);border-radius:50%}.bs-float-service-title-cn{font-size:20px;font-weight:bold;color:#fff;margin:0}.bs-float-service-title-en{font-size:12px;color:rgba(255,255,255,0.9);font-style:italic;margin-top:3px}.bs-float-service-close{width:28px;height:28px;background:rgba(255,255,255,0.2);border:none;border-radius:50%;color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.3s;position:relative;z-index:1}.bs-float-service-close:hover{background:rgba(255,255,255,0.3);transform:rotate(90deg)}.bs-float-service-content{padding:25px 10px}.bs-float-service-contact{text-align:center;padding-bottom:10px;border-bottom:1px dashed #e0e0e0;margin-bottom:10px}.bs-float-service-contact-name{display:flex;align-items:center;justify-content:center;gap:8px;font-size:16px;color:#333;margin-bottom:10px}.bs-float-service-contact-name svg{width:18px;height:18px;fill:#999}.bs-float-service-phone-label{display:flex;align-items:center;justify-content:center;gap:6px;font-size:14px;color:#666;margin-bottom:8px}.bs-float-service-phone-label svg{width:16px;height:16px;fill:#666}.bs-float-service-phone-number{font-size:20px;font-weight:bold;color:#e74c3c;letter-spacing:1px}.bs-float-service-qrcode{text-align:center;padding:10px 0;border-bottom:1px dashed #e0e0e0;margin-bottom:0}.bs-float-service-qrcode-img{width:96%;margin:0 auto 12px;border:1px solid #e0e0e0;border-radius:8px;padding:8px;background:#fff}.bs-float-service-qrcode-img img{width:100%;height:100%;object-fit:contain}.bs-float-service-qrcode-text{font-size:13px;color:#666}.bs-float-service-qrcode-text span{color:#e74c3c;font-weight:600}.bs-float-service-backtop{display:flex;align-items:center;justify-content:center;gap:8px;padding:15px;color:#666;font-size:14px;cursor:pointer;transition:all 0.3s;border-top:1px solid #f0f0f0;background:#fafafa}.bs-float-service-backtop:hover{background:#f0f0f0;color:#e74c3c}.bs-float-service-backtop svg{width:18px;height:18px;fill:currentColor}.bs-float-service-hidden{display:none}

/* ========== 表单容器 ========== */
.form-container{background:#fff;border-radius:12px;padding:40px 44px;box-shadow:0 2px 20px rgba(0,0,0,.06);position:relative;overflow:hidden}.form-container::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#006329,#00853e)}.form-header{text-align:center;padding:0 0 32px;margin-bottom:32px;position:relative}.fh-deco{width:80px;height:80px;margin:0 auto 18px;display:flex;align-items:center;justify-content:center;animation:pulse-deco 3s ease-in-out infinite}@keyframes pulse-deco{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}.form-header h2{font-size:26px;font-weight:700;color:#1a1a2e;margin-bottom:8px}.form-header p{font-size:15px;color:#999}.fh-line{width:60px;height:3px;margin:18px auto 0;position:relative;overflow:hidden}.fh-line span{display:block;width:100%;height:100%;background:linear-gradient(135deg,#006329,#00853e);border-radius:2px}.main-form{position:relative;z-index:1}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 24px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group-msg{grid-column:1/-1}.fg-label{font-size:14px;font-weight:600;color:#333;display:flex;align-items:center;gap:4px;padding-left:2px}.fg-label .required{color:#ff4757;font-size:14px;margin-left:-2px}.input-wrapper{position:relative;display:flex;align-items:center}.iw-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);z-index:2;display:flex;align-items:center;justify-content:center;transition:all .3s;pointer-events:none}.iw-icon svg{width:18px;height:18px}.iw-icon svg path{fill:#aaa;transition:fill .3s}.form-input{width:100%;height:46px;padding:0 14px 0 42px;border:2px solid #e8ecf1;border-radius:8px;font-size:14px;color:#333;outline:none;transition:all .3s;background:#f9fafc;font-family:inherit}.form-input::placeholder{color:#bbb;transition:color .25s}.form-input:hover{border-color:#cde4f5;background:#fff}.form-input:focus{border-color:#00a4ee;background:#fff;box-shadow:0 0 0 4px rgba(0,164,238,.08)}.form-input:focus + .iw-icon svg path,.form-input:focus ~ .iw-icon svg path{fill:#00a4ee}.input-wrapper:focus-within .iw-icon svg path{fill:#00a4ee}.input-wrapper:focus-within .form-input{border-color:#00a4ee;background:#fff;box-shadow:0 0 0 4px rgba(0,164,238,.08)}.form-textarea{width:100%;height:150px;padding:14px 16px;border:2px solid #e8ecf1;border-radius:8px;font-size:14px;color:#333;outline:none;resize:vertical;transition:all .3s;background:#f9fafc;font-family:inherit;line-height:1.8}.form-textarea::placeholder{color:#bbb}.form-textarea:hover{border-color:#cde4f5;background:#fff}.form-textarea:focus{border-color:#00a4ee;background:#fff;box-shadow:0 0 0 4px rgba(0,164,238,.08)}.form-actions{display:flex;gap:16px;margin-top:28px}.btn-submit{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 32px;border:none;border-radius:8px;font-size:17px;font-weight:700;color:#fff;cursor:pointer;background:linear-gradient(135deg,#006329,#00853e);box-shadow:0 4px 18px rgba(0,164,238,.35);transition:all .3s;letter-spacing:2px}.btn-submit:hover{background:linear-gradient(135deg,#f90,#f9af41);box-shadow:0 6px 26px rgba(0,164,238,.45);transform:translateY(-2px)}.btn-submit:active{transform:scale(.97)}.btn-reset{flex:0 0 140px;display:inline-flex;align-items:center;justify-content:center;padding:14px 0;border:2px solid #ddd;border-radius:8px;font-size:15px;font-weight:600;color:#888;background:#fff;cursor:pointer;transition:all .3s}.btn-reset:hover{border-color:#00a4ee;color:#00a4ee;background:#f0faff}.form-tips{margin-top:28px;display:flex;align-items:center;gap:10px;padding:14px 20px;background:#fffbeb;border-radius:8px;border-left:3px solid #f0a020}.form-tips svg{flex-shrink:0}.form-tips span{font-size:13px;color:#8b6914;line-height:1.6}