/* ============ Reset ============ */
* { margin: 0; padding: 0; box-sizing: border-box; transition: all .3s ease; }
html { -webkit-text-size-adjust: none; }
body { font-family: "Microsoft YaHei", "微软雅黑", Arial, sans-serif; font-size: 16px; line-height: 1.6; color: #3d3d3d; background: #f6ffe8; }
a { color: #454545; text-decoration: none; }
a:hover { color: #007525; }
ul, ol, li, dl, dd, dt { list-style: none; }
img { border: 0; max-width: 100%; }
button, input, textarea { font-family: inherit; outline: none; }
.w { width: 1200px; max-width: 1200px; margin: 0 auto; }
.clear { clear: both; }
.fl { float: left; }
.fr { float: right; }

/* 淡入动画（js-on 门控，无 JS/爬虫可见） */
html.js-on .reveal { opacity: 0; transform: translateY(26px); }
html.js-on .reveal.in { opacity: 1; transform: none; }
.reveal { transition: opacity .7s ease, transform .7s ease; }
.reveal.d1 { transition-delay: .12s; }
.reveal.d2 { transition-delay: .24s; }
.reveal.d3 { transition-delay: .36s; }

/* 图片兜底块 */
.img-fallback { border-radius: 4px; }

/* 标记/容器基类（HTML 使用但无独立样式） */
.has-sub { position: relative; }
.info { min-width: 0; }
.wenzi-ul { }
.lp-ul { }
.recommend-pro { min-width: 0; }
.lc-ul { }
.icontact { min-width: 0; }

/* ============ 顶部信息栏 lotbox ============ */
.topbox { position: relative; z-index: 50; }
.lotbox { height: 137px; background: #fff; }
.lot-in { height: 137px; display: flex; align-items: center; }
.logo-a { display: flex; align-items: center; text-decoration: none; }
.logo-svg { width: 74px; height: 74px; flex: 0 0 74px; }
.logo-txt { margin-left: 12px; display: flex; flex-direction: column; }
.logo-txt b { font-size: 30px; color: #007525; line-height: 1.2; letter-spacing: 2px; }
.logo-txt i { font-style: normal; font-size: 12px; color: #98c49f; letter-spacing: 3px; text-transform: uppercase; margin-top: 4px; }
.lot-tags { margin-left: 22px; padding-left: 22px; border-left: 1px solid #dfe8d8; display: flex; flex-direction: column; }
.lot-tags span { font-size: 18px; color: #007525; line-height: 24px; }
.lot-tags p { font-size: 22px; color: #808080; line-height: 25px; margin-top: 4px; }
.lot-right { margin-left: auto; display: flex; align-items: center; }
.lot-link { display: inline-block; border-radius: 20px; background: #007525; color: #fff; padding: 0 18px; font-size: 14px; height: 28px; line-height: 28px; margin-left: 10px; }
.lot-link:hover { background: #fda800; color: #fff; }
.lot-tel { margin-left: 18px; display: flex; align-items: center; }
.tel-ico { width: 26px; height: 26px; margin-right: 8px; }
.tel-label { font-size: 16px; color: #5a5a5a; }
.tel-num { color: #fda800; font-weight: bold; font-size: 28px; font-family: Arial; margin-left: 4px; }

/* ============ 导航 menubox ============ */
.menubox { height: 64px; background: linear-gradient(180deg, #008c3d 0%, #007525 55%, #017c2c 100%); position: relative; }
.nav-ul { display: flex; }
.nav-li { flex: 1; position: relative; }
.nav-a { display: block; height: 64px; line-height: 64px; text-align: center; font-size: 18px; color: #fff; position: relative; }
.nav-a:hover, .nav-a.active { background: #009b38; color: #fff; }
.nav-a.active::after, .nav-a:hover::after { content: ""; position: absolute; left: 50%; margin-left: -18px; bottom: 0; width: 36px; height: 3px; background: #ffd126; }
.sub-nav { display: none; position: absolute; left: 8px; right: 8px; top: 64px; z-index: 99; background: #f26f05; padding: 2px; }
.nav-li:hover .sub-nav { display: block; }
.sub-a { display: block; height: 46px; line-height: 46px; text-align: center; font-size: 14px; color: #fff; background: #007525; }
.sub-a:hover { background: #009b38; color: #fff; }
.m-btn { display: none; position: absolute; right: 12px; top: 12px; width: 40px; height: 40px; background: #009b38; border: 0; cursor: pointer; padding: 9px 8px; }
.m-btn span { display: block; height: 3px; background: #fff; margin: 4px 0; }

/* ============ 轮播 slidebox ============ */
.slidebox { position: relative; height: 500px; overflow: hidden; background: #01622a; }
.slide-bd { height: 100%; }
.slide-li { position: absolute; inset: 0; opacity: 0; transition: opacity .8s ease; }
.slide-li.on { opacity: 1; z-index: 2; }
.slide-img { width: 100%; height: 100%; object-fit: cover; display: block; }
.slide-mask { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,70,26,.18) 0%, rgba(1,90,34,.55) 100%); }
.slide-txt { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); text-align: center; padding: 0 40px; }
.slide-h2 { font-size: 44px; color: #fff; font-weight: bold; letter-spacing: 4px; text-shadow: 0 3px 12px rgba(0,60,20,.55); }
.slide-p { font-size: 20px; color: #eaffea; margin-top: 18px; letter-spacing: 6px; text-shadow: 0 2px 8px rgba(0,60,20,.5); }
.slide-hd { position: absolute; left: 0; right: 0; bottom: 22px; text-align: center; z-index: 5; }
.slide-dot { display: inline-block; width: 14px; height: 14px; margin: 0 6px; border-radius: 50%; background: rgba(255,255,255,.45); cursor: pointer; }
.slide-dot.on { width: 34px; border-radius: 8px; background: #ffd126; }

/* ============ 侧栏组件（首页 ipro + 内页 subleft 共用） ============ */
.sidebar { width: 228px; }
.topclass { width: 100%; height: 84px; background: linear-gradient(135deg, #017c2c 0%, #009b38 100%); color: #fff; text-align: center; position: relative; overflow: hidden; }
.topclass-h2 { padding-top: 18px; font-size: 24px; text-align: center; line-height: 1.2; font-weight: bold; }
.topclass-en { font-size: 14px; text-transform: uppercase; color: #98c49f; }
.hua-svg { position: absolute; left: -14px; top: -12px; width: 74px; height: 66px; opacity: .55; }
.side-menu { background: #017c2c; padding: 4px 24px 12px; }
.side-dd { border-bottom: 1px dashed rgba(255,255,255,.22); }
.side-dd:last-child { border-bottom: 0; }
.side-a { display: block; height: 63px; line-height: 63px; color: #fff; padding-left: 34px; font-size: 16px; position: relative; }
.side-a::before { content: ""; position: absolute; left: 8px; top: 50%; margin-top: -4px; width: 9px; height: 9px; background: #ffd126; transform: rotate(45deg); }
.side-a:hover, .side-dd.current .side-a { background: #009b38; color: #fff; padding-left: 42px; }
.detail { display: block; background: #017c2c; color: #fff; height: 50px; line-height: 50px; text-align: center; font-size: 16px; letter-spacing: 2px; }
.detail:hover { background: #009b38; color: #fff; }
.tel1 { background: #006c1e; color: #fff; padding: 16px 18px; }
.tel1-span { display: block; font-size: 14px; color: #98c49f; }
.tel1-p { font-size: 24px; color: #ffd126; font-family: Arial; font-weight: bold; margin-top: 6px; letter-spacing: 1px; }

/* ============ 区块标题 headx ============ */
.headx { height: 50px; position: relative; margin-bottom: 20px; background: linear-gradient(90deg, #f2f8ec, #e4f0da); border-bottom: 2px solid #017c2c; }
.headx-h2 { float: left; width: 193px; height: 50px; line-height: 50px; background: linear-gradient(180deg, #008c3d, #007525); color: #fff; font-size: 22px; font-weight: bold; padding-left: 28px; }
.headx-en { font-style: normal; font-size: 12px; color: #b9e0c2; text-transform: uppercase; margin-left: 8px; letter-spacing: 1px; }
.mo { position: absolute; right: 12px; top: 0; height: 50px; line-height: 50px; font-size: 14px; color: #666; }
a.mo:hover { color: #007525; }

/* ============ 产品区 ipro ============ */
.ipro { margin-top: 40px; display: flex; gap: 20px; }
.ipro-tod { width: 952px; }
.ipro-ul { display: flex; flex-wrap: wrap; gap: 16px; }
.ipro-li { width: 226px; background: #017c2c; padding: 3px; position: relative; }
.ipro-img { display: block; width: 220px; height: 165px; object-fit: cover; }
.ipro-li:hover .ipro-img { transform: rotateY(360deg); transition-duration: .7s; }
.ipro-wd { height: 50px; line-height: 50px; text-align: center; position: relative; }
.ipro-wd b { font-weight: normal; }
.ipro-wd b a { color: #fff; font-size: 15px; }
.ipro-wd b a:hover { color: #ffd126; }
.ipro-san { position: absolute; right: 0; bottom: 0; width: 0; height: 0; border-style: solid; border-width: 0 0 16px 16px; border-color: transparent transparent #fda800 transparent; display: none; }
.ipro-li:hover .ipro-san { display: block; }

/* ============ 小banner igaog ============ */
.igaog { margin-top: 50px; padding: 30px 0; background: #013b16 url("https://images.unsplash.com/photo-1566818421132-700d4b3ceeb7?w=1920&h=280&fit=crop&auto=format&q=70") center/cover no-repeat; color: #fff; text-align: center; }
.igaog::before { content: ""; }
.igaog-w { display: flex; align-items: center; justify-content: space-between; position: relative; background: rgba(1,60,24,.68); border-radius: 10px; padding: 26px 46px; }
.igaog-fl { flex: 0 0 220px; text-align: left; }
.ill-svg { width: 200px; height: 166px; }
.igaog-fr { width: 560px; text-align: left; margin-left: auto; }
.igaog-b { display: block; font-size: 36px; color: #ffd126; line-height: 1.25; }
.igaog-p { font-size: 18px; color: #eaffea; margin-top: 10px; }
.igaog-link { margin-top: 18px; }
.igaog-btn { display: inline-block; width: 128px; height: 38px; line-height: 38px; text-align: center; border: 1px solid #fff; border-radius: 20px; color: #fff; font-size: 15px; margin-right: 22px; }
.igaog-btn:hover { background: #fff; color: #017c2c; }

/* ============ 基地展示 icase ============ */
.icase { margin-top: 60px; }
.icase-ul { display: grid; grid-template-columns: 324px 1fr 1fr 1fr; grid-auto-rows: 216px; gap: 4px; }
.icase-li { position: relative; overflow: hidden; }
.icase-li.da { grid-row: span 2; }
.icase-img { width: 100%; height: 100%; object-fit: cover; display: block; }
.icase-san { position: absolute; top: 0; right: 0; width: 0; height: 0; border-style: solid; border-width: 0 34px 34px 0; border-color: transparent #ffd126 transparent transparent; opacity: 0; z-index: 3; }
.icase-li:hover .icase-san { opacity: 1; }
.cover { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(1,124,44,.78); text-align: center; padding-top: 84px; z-index: 2; opacity: 0; }
.icase-li:hover .cover { opacity: 1; }
.cover-tit { display: block; padding: 0 16px; }
.cover-tit a { color: #fff; font-size: 18px; }
.cover-desc { padding: 8px 18px 0; color: #d5ecc8; font-size: 12px; line-height: 1.7; text-align: left; }
.icase-li.da .cover { top: auto; bottom: 0; height: auto; width: 100%; padding: 12px 16px; opacity: 1; text-align: left; background: rgba(1,108,30,.86); }
.icase-li.da .cover-tit { padding: 0; }
.icase-li.da .cover-tit a { font-size: 17px; }
.icase-li.da .cover-desc { padding: 6px 0 0; }

/* ============ 关于我们 iabout ============ */
.iabout { background: #017c2c; margin-top: 114px; padding-bottom: 60px; position: relative; }
.iabout-w { position: relative; display: flex; padding-top: 14px; }
.iabout-head { position: absolute; top: -54px; left: 460px; }
.iabout-h3 { display: inline-block; font-size: 36px; color: #ffd126; font-weight: bold; vertical-align: middle; }
.iabout-en { font-style: normal; font-size: 26px; color: rgba(255,255,255,.4); text-transform: uppercase; margin-left: 14px; vertical-align: middle; font-family: Arial; }
.iabout-more { position: absolute; top: -38px; right: 0; width: 90px; height: 40px; line-height: 40px; text-align: center; color: #fff; border: 1px solid rgba(255,255,255,.6); border-radius: 20px; }
.iabout-more:hover { background: #ffd126; color: #017c2c; border-color: #ffd126; }
.sketch { flex: 0 0 426px; height: 278px; background: #006c1e; position: relative; margin: 10px 0 0 28px; }
.sketch-img { position: absolute; top: -53px; left: 0; width: 100%; height: 324px; object-fit: cover; }
.iabout-main { flex: 1; margin: 26px 0 0 44px; position: relative; z-index: 2; }
.info-h1 { font-size: 24px; color: #fff; margin-bottom: 16px; }
.info-p { line-height: 30px; color: #eaffea; font-size: 15px; text-align: justify; }
.stat-row { display: flex; margin-top: 30px; border-top: 1px dashed rgba(255,255,255,.25); padding-top: 24px; }
.stat { flex: 1; text-align: center; border-right: 1px dashed rgba(255,255,255,.25); }
.stat:last-child { border-right: 0; }
.stat-num { font-size: 40px; color: #ffd126; font-family: Arial; font-weight: bold; font-style: normal; }
.stat-suf { font-size: 18px; color: #ffd126; font-style: normal; margin-left: 2px; }
.stat-lab { display: block; font-size: 14px; color: #cfe8c5; margin-top: 6px; }
.tree { position: absolute; right: -60px; bottom: -96px; width: 200px; height: 200px; border: 34px solid rgba(255,255,255,.06); border-radius: 50%; z-index: 1; }
.tree::after { content: ""; position: absolute; left: 50%; top: 50%; width: 90px; height: 90px; margin: -45px 0 0 -45px; border: 22px solid rgba(255,255,255,.07); border-radius: 50%; }

/* ============ 合作流程 iprocess ============ */
.iprocess { margin-top: 60px; }
.iprocess-head { text-align: center; }
.iprocess-h3 { display: inline-block; font-size: 32px; color: #017c2c; font-weight: bold; vertical-align: middle; }
.iprocess-en { display: block; font-style: normal; font-size: 16px; color: #44ab5b; text-transform: uppercase; letter-spacing: 3px; margin-top: 4px; }
.iprocess-ul { display: flex; justify-content: space-between; position: relative; margin-top: 44px; padding: 0; }
.iprocess-ul::before { content: ""; position: absolute; left: 60px; right: 60px; top: 108px; height: 4px; background: repeating-linear-gradient(90deg, #7fc48e 0 14px, transparent 14px 24px); z-index: 0; }
.iprocess-li { width: 199px; height: 195px; background: radial-gradient(circle at 34% 28%, #12b04a 0%, #017c2c 62%, #00641f 100%); border-radius: 50%; color: #fff; text-align: center; position: relative; z-index: 1; box-shadow: 0 8px 20px rgba(1,124,44,.3); }
.iprocess-li.icon2 { margin-top: 52px; }
.iprocess-num { position: absolute; top: 22px; left: 50%; margin-left: -80px; font-size: 40px; font-family: Impact, Arial; color: #ffd126; font-weight: normal; }
.iprocess-lab { font-size: 22px; font-weight: bold; padding-top: 112px; letter-spacing: 2px; }
.iprocess-li:hover { transform: rotateY(360deg); transition-duration: .7s; }

/* ============ 新闻中心 inews ============ */
.inews { margin-top: 70px; }
.inews .w { display: flex; gap: 30px; }
.tid { width: 720px; }
.leftnewscomt { float: left; width: 314px; }
.mainx { width: 314px; height: 282px; overflow: hidden; position: relative; background-color: #008023; }
.listx { position: relative; width: 300%; display: flex; }
.listx-dd { width: 314px; height: 237px; position: relative; flex: 0 0 314px; }
.listx-img { display: block; width: 314px; height: 237px; object-fit: cover; }
.listx-dd:hover .listx-img { transform: scale(1.08); }
.zi { position: absolute; left: 0; right: 0; bottom: 0; height: 42px; line-height: 42px; background: rgba(0,40,14,.55); padding: 0 12px; }
.zi a { color: #fff; font-size: 14px; }
.tipx { position: absolute; bottom: 10px; right: 12px; z-index: 5; }
.tipx-i { display: inline-block; width: 10px; height: 10px; margin-left: 6px; border-radius: 50%; background: rgba(255,255,255,.5); cursor: pointer; }
.tipx-i.on { background: #ffd126; }
.wenzi { float: right; width: 380px; }
.wenzi-li { border-bottom: 1px dashed #c8cdbe; padding: 10px 0; }
.wenzi-li:last-child { border-bottom: 0; }
.wenzi-a { display: block; font-size: 17px; color: #575d4f; line-height: 30px; padding-left: 26px; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wenzi-a::before { content: ""; position: absolute; left: 4px; top: 11px; width: 8px; height: 8px; background: #007525; transform: rotate(45deg); }
.wenzi-li:hover .wenzi-a { color: #008023; }
.wenzi-span { display: block; color: #9ba193; line-height: 1.6; font-size: 13px; margin-top: 4px; padding-left: 26px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.inews-tod { width: 450px; }
.inews-list { margin-top: 6px; }
.inews-li { border-bottom: 1px dotted #c8cdbe; width: 100%; height: 46px; line-height: 46px; overflow: hidden; }
.inews-li:last-child { border-bottom: 0; }
.inews-a { display: block; float: left; color: #575d4f; padding-left: 24px; font-size: 16px; position: relative; max-width: 320px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.inews-a::before { content: ""; position: absolute; left: 4px; top: 19px; width: 8px; height: 8px; background: #7fc48e; transform: rotate(45deg); }
.inews-li:hover .inews-a { color: #008023; }
.inews-li:hover .inews-a::before { background: #007525; }
.inews-span { display: block; float: right; color: #9ba193; font-size: 13px; }

/* ============ 页脚 footer ============ */
.footer { background: #008023; margin-top: 70px; color: #8cca9c; }
.subnav { height: 58px; line-height: 58px; border-bottom: 1px solid #00b44e; background-color: #008c3d; text-align: center; }
.subnav a { padding: 0 23px; color: #fff; font-size: 18px; display: inline-block; }
.subnav a:hover { color: #ffd126; }
.foot-w { display: flex; padding: 26px 0 10px; }
.foot-fl { flex: 1; min-width: 0; padding-right: 30px; }
.icontact-head { margin-bottom: 10px; }
.icontact-h1 { font-size: 18px; color: #fff; border-bottom: 2px solid #8cca9c; display: inline-block; padding-bottom: 4px; font-weight: normal; }
.icontact-en { font-size: 14px; color: #8cca9c; margin-left: 6px; }
.icontact-wd { line-height: 28px; }
.foot-p { color: #8cca9c; font-size: 13px; line-height: 26px; }
.copyright { margin-top: 12px; }
.beian-link { color: #8cca9c; display: inline-block; }
.beian-link:hover { color: #ffd126; }
.ilink { margin-top: 14px; }
.ilink-lab { font-size: 14px; display: inline-block; height: 26px; line-height: 26px; color: #6eac7e; margin-right: 10px; }
.ilink-lab b { font-size: 16px; color: #8cca9c; font-weight: bold; margin-right: 6px; }
.ilink a { display: inline-block; margin: 0 8px 6px 0; color: #8cca9c; font-size: 14px; }
.ilink a:hover { color: #ffd126; }
.keywords { padding: 14px 0; border-top: 1px solid #2d9e4c; border-bottom: 1px solid #2d9e4c; margin-top: 14px; }
.keywords span, .keywords a { color: #8cca9c; font-size: 14px; margin-right: 16px; }
.keywords a:hover { color: #ffd126; }
.foot-fr { flex: 0 0 285px; text-align: center; }
.codex { text-align: center; }
.codex-img { width: 142px; height: 142px; background: #fff; padding: 10px; display: inline-block; }
.codex-span { color: #fff; font-size: 16px; display: block; margin-top: 8px; }
.subtel { line-height: 36px; margin-top: 8px; color: #ffd126; font-size: 26px; font-family: Arial; font-weight: bold; letter-spacing: 1px; }
.searcher { margin-top: 12px; display: flex; justify-content: center; }
.s-txt { width: 178px; height: 34px; line-height: 34px; border: 0; text-indent: .5em; color: #666; background: #fff; float: left; }
.s-submit { width: 42px; height: 34px; border: 0; background: #ffd126 url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23007525" stroke-width="2.6"><circle cx="10.5" cy="10.5" r="6.5"/><line x1="15.5" y1="15.5" x2="21" y2="21"/></svg>') center/18px no-repeat; cursor: pointer; float: left; }
.s-submit:hover { background-color: #fda800; }

/* ============ 浮动工具条 fix ============ */
.fix { position: fixed; right: 0; top: 38%; width: 120px; z-index: 99; text-align: center; }
.fix-comt { background: #007525; border-radius: 8px 0 0 8px; padding: 12px 0 14px; box-shadow: -4px 4px 14px rgba(0,60,20,.25); }
.fix-li { display: block; color: #fff; font-size: 14px; padding: 14px 0 6px; }
.fix-li svg { display: block; width: 26px; height: 26px; margin: 0 auto 4px; }
.fix-li:hover { color: #ffd126; }
.fix-top { padding: 12px 0; cursor: pointer; color: #fff; font-size: 14px; font-family: Arial; border-top: 1px dashed rgba(255,255,255,.3); }
.fix-top:hover { color: #ffd126; }
.fix-code { padding-top: 10px; border-top: 1px dashed rgba(255,255,255,.3); }
.fix-qr { width: 86px; height: 86px; background: #fff; padding: 5px; display: inline-block; }
.fix-code span { display: block; text-align: center; font-size: 12px; color: #fff; margin-top: 4px; }
.fix-close { position: absolute; left: -26px; top: 6px; width: 26px; height: 60px; background: #017c2c; color: #fff; border-radius: 6px 0 0 6px; line-height: 60px; font-size: 18px; cursor: pointer; font-style: normal; }
.fix-close:hover { background: #fda800; }

/* ============ 内页：n-banner / ntit / submian ============ */
.n-banner { height: 300px; background-size: cover; background-position: center; position: relative; }
.n-banner-mask { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(1,108,30,.5), rgba(1,124,44,.75)); }
.n-banner-txt { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); text-align: center; }
.n-banner-h1 { font-size: 34px; color: #fff; letter-spacing: 6px; font-weight: bold; }
.n-banner-en { display: block; font-style: normal; font-size: 14px; color: #d7f0d9; letter-spacing: 6px; text-transform: uppercase; margin-top: 10px; }
.ntit { background: #fff; border-bottom: 1px solid #c9c9c9; }
.ntit .w { height: 62px; display: flex; align-items: center; }
.ntt { display: flex; align-items: baseline; }
.ntt-h1 { font-size: 24px; color: #007525; font-weight: bold; }
.ntt-i { font-style: normal; font-size: 13px; color: #999; text-transform: uppercase; margin-left: 10px; letter-spacing: 2px; }
.weiz { margin-left: auto; font-size: 14px; color: #666; padding-right: 6px; }
.weiz a { color: #666; }
.weiz a:hover { color: #007525; }
.submian { margin-top: 30px; display: flex; gap: 23px; }
.subleft { flex: 0 0 228px; }
.subleft .sidebar { width: 100%; }
.leftcontact { margin-top: 20px; }
.titlex { text-align: center; background: #007525; color: #fff; height: 82px; padding-top: 8px; }
.titlex-span { border-bottom: 1px dashed rgba(255,255,255,.5); display: inline-block; padding: 0 12px; color: #fff; font-size: 22px; font-weight: bold; line-height: 40px; }
.titlex-b { line-height: 1.9; text-transform: uppercase; font-size: 12px; font-weight: normal; display: block; color: #b9e0c2; }
.leftcontactcomt { background: #fff; padding: 18px 16px; }
.lc-p { color: #666; font-size: 13px; line-height: 30px; }
.subright { flex: 1; min-width: 0; }

/* ============ 产品列表 ============ */
.listproduct { margin-top: 20px; }
.lp-ul { display: flex; flex-wrap: wrap; gap: 15px; }
.lp-li { width: 306px; }
.lp-a { display: block; background: #017c2c; padding: 3px; }
.lp-img { display: block; width: 300px; height: 225px; object-fit: cover; }
.lp-li:hover .lp-img { transform: rotateY(360deg); transition-duration: .7s; }
.lp-name { display: block; height: 50px; line-height: 50px; color: #fff; font-size: 15px; text-align: center; }
.lp-a:hover .lp-name { color: #ffd126; }
.pglist { padding: 26px 0; text-align: center; }
.pg-a { display: inline-block; color: #fff; background: #007525; min-width: 34px; height: 32px; line-height: 32px; padding: 0 11px; margin: 0 3px; font-size: 14px; border-radius: 3px; }
.pg-a:hover { background: #fda800; }
.pg-a.hover { background: #fda800; }

/* ============ 详情公共 conbox ============ */
.conbox { padding: 0 14px 20px; line-height: 24px; color: #333; }
.articletitle { text-align: center; padding: 6px 0 14px; }
.article-h1 { font-size: 22px; color: #333; font-weight: bold; line-height: 1.5; }
.articlemessage { text-align: center; line-height: 34px; border-top: 1px dotted #a6a6a6; border-bottom: 1px dotted #a6a6a6; margin-bottom: 20px; color: #999; font-size: 14px; }
.articlemessage span { color: #fda800; }

/* 产品详情 */
.pd-top { display: flex; gap: 30px; margin-bottom: 26px; }
.pd-photo { flex: 0 0 446px; background: #017c2c; padding: 3px; align-self: flex-start; }
.pd-img { display: block; width: 440px; height: 330px; object-fit: cover; }
.pd-info { flex: 1; min-width: 0; }
.pd-cat { display: inline-block; background: #e4f0da; color: #007525; font-size: 13px; padding: 2px 12px; border-radius: 12px; }
.pd-name { font-size: 24px; color: #007525; margin: 10px 0 6px; }
.pd-brief { color: #666; font-size: 14px; line-height: 1.8; border-bottom: 1px dashed #c8cdbe; padding-bottom: 12px; }
.pd-params { width: 100%; border-collapse: collapse; margin-top: 14px; font-size: 14px; }
.pp-row { }
.pp-k { width: 130px; background: #f2f8ec; color: #3d3d3d; border: 1px solid #e4f0da; padding: 8px 12px; text-align: right; }
.pp-v { border: 1px solid #e4f0da; padding: 8px 12px; color: #555; }
.pd-btnrow { display: flex; align-items: center; margin-top: 18px; gap: 20px; }
.pd-order { display: inline-block; width: 128px; height: 42px; line-height: 42px; text-align: center; background: #007525; color: #fff; border-radius: 5px; font-size: 16px; }
.pd-order:hover { background: #fda800; color: #fff; }
.pd-telbox { }
.pd-tel-label { display: block; font-size: 13px; color: #999; }
.pd-tel-num { display: block; font-size: 26px; color: #007525; font-family: Arial; font-weight: bold; margin-top: 2px; }
.pd-block { margin-bottom: 24px; }
.pd-h3 { font-size: 18px; color: #007525; border-left: 5px solid #007525; padding-left: 12px; line-height: 1.4; margin: 24px 0 14px; font-weight: bold; }
.pd-p { line-height: 2em; color: #444; text-indent: 2em; font-size: 15px; margin-bottom: 6px; text-align: justify; }
.pd-feat { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 24px; }
.pd-feat-li { position: relative; padding-left: 28px; color: #444; font-size: 15px; line-height: 1.9; }
.pd-feat-li::before { content: ""; position: absolute; left: 2px; top: 8px; width: 14px; height: 14px; border-radius: 50%; background: #007525; }
.pd-feat-li::after { content: ""; position: absolute; left: 6px; top: 11px; width: 6px; height: 3px; background: #fff; transform: rotate(45deg); }
.pd-feat-li:nth-child(2)::after { transform: rotate(-45deg); }
.relate-ul { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.relate-li { text-align: center; }
.relate-img { display: block; width: 100%; height: 215px; object-fit: cover; border: 1px solid #ddd; background: #f1f1f1; }
.relate-name { display: block; height: 44px; line-height: 44px; font-size: 15px; color: #333; }
.relate-li:hover .relate-img { border-color: #007525; }
.relate-li:hover .relate-name { color: #007525; }
.relink { border-top: 1px solid #eee; border-bottom: 1px solid #eee; margin-top: 24px; padding: 14px 0; display: flex; justify-content: space-between; }
.prevlink, .nextlink { max-width: 48%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.relink a { color: #666; font-size: 14px; }
.relink a:hover { color: #007525; }

/* 新闻列表 listcase */
.listcase { margin-top: 10px; }
.lc-item { border-bottom: 1px dashed #d6d6d6; }
.lc-a { display: flex; padding: 22px 6px; gap: 24px; align-items: flex-start; }
.lc-thumb { flex: 0 0 166px; height: 124px; width: 166px; object-fit: cover; border: 2px solid #e5e5e5; background: #f1f1f1; }
.lc-item:hover .lc-thumb { border-color: #007525; }
.lc-body { flex: 1; min-width: 0; }
.lc-h3 { font-size: 18px; color: #333; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lc-item:hover .lc-h3 { color: #007525; }
.lc-meta { margin: 6px 0 8px; }
.lc-cat { display: inline-block; background: #e4f0da; color: #007525; font-size: 12px; padding: 1px 10px; border-radius: 10px; margin-right: 12px; }
.lc-date { color: #999; font-size: 13px; }
.lc-p { color: #666; font-size: 14px; line-height: 1.8; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.lc-more { display: inline-block; margin-top: 8px; color: #007525; font-size: 13px; }

/* 新闻详情 */
.articlecontent { padding: 4px 0 16px; }
.acontent-p { line-height: 2em; text-indent: 2em; color: #444; font-size: 15px; margin-bottom: 10px; text-align: justify; }
.a-fig { text-align: center; margin: 14px 0; }
.a-fig-img { max-width: 100%; height: auto; }

/* 关于页 */
.aboutlist { padding: 6px 4px 10px; }
.about-p { line-height: 2em; color: #444; text-indent: 2em; font-size: 15px; margin-bottom: 8px; text-align: justify; }
.timeline { position: relative; padding-left: 6px; }
.timeline::before { content: ""; position: absolute; left: 112px; top: 8px; bottom: 8px; width: 2px; background: #bfe0c6; }
.tl-li { display: flex; margin-bottom: 18px; position: relative; }
.tl-date { flex: 0 0 90px; height: 34px; line-height: 34px; text-align: center; background: #007525; color: #fff; font-family: Arial; font-weight: bold; border-radius: 4px; margin-right: 44px; position: relative; z-index: 1; }
.tl-li::before { content: ""; position: absolute; left: 133px; top: 13px; width: 10px; height: 10px; background: #ffd126; border: 2px solid #007525; border-radius: 50%; z-index: 1; }
.tl-body { flex: 1; min-width: 0; }
.tl-h3 { font-size: 16px; color: #007525; font-weight: bold; }
.tl-p { color: #666; font-size: 14px; line-height: 1.8; margin-top: 2px; }
.culture-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.culture-li { background: #fff; border-top: 3px solid #007525; padding: 24px 18px; text-align: center; }
.culture-ico { display: inline-block; width: 54px; height: 54px; border-radius: 50%; background: radial-gradient(circle at 35% 30%, #12b04a, #017c2c); position: relative; }
.culture-ico::before { content: ""; position: absolute; left: 16px; top: 16px; width: 22px; height: 22px; background: #fff; opacity: .9; clip-path: polygon(50% 0, 100% 38%, 82% 100%, 18% 100%, 0 38%); }
.culture-h3 { font-size: 18px; color: #017c2c; margin: 12px 0 6px; }
.culture-p { color: #666; font-size: 14px; line-height: 1.8; }
.team-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.team-li { background: #fff; padding: 20px 10px; text-align: center; }
.team-img { width: 140px; height: 140px; border-radius: 50%; object-fit: cover; border: 3px solid #e4f0da; display: inline-block; }
.team-li:hover .team-img { border-color: #007525; }
.team-h3 { font-size: 17px; color: #333; margin-top: 12px; }
.team-p { color: #999; font-size: 13px; margin-top: 2px; }

/* 联系页 */
.cinfo-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; margin-top: 8px; }
.ci-li { background: #fff; display: flex; align-items: center; padding: 18px; gap: 16px; border-top: 3px solid transparent; }
.ci-li:hover { border-top-color: #007525; }
.ci-ico { flex: 0 0 48px; height: 48px; border-radius: 50%; background: #007525; position: relative; }
.ci-ico::before, .ci-ico::after { content: ""; position: absolute; background: #fff; }
.ci-ico-tel::before { left: 15px; top: 13px; width: 16px; height: 9px; border-radius: 2px; }
.ci-ico-tel::after { left: 21px; top: 18px; width: 7px; height: 18px; border-radius: 1px; background: #007525; border: 2px solid #fff; }
.ci-ico-mail::before { left: 13px; top: 17px; width: 22px; height: 15px; background: #fff; }
.ci-ico-mail::after { left: 13px; top: 17px; width: 0; height: 0; border-left: 11px solid transparent; border-right: 11px solid transparent; border-top: 9px solid #007525; }
.ci-ico-addr::before { left: 18px; top: 13px; width: 12px; height: 12px; border-radius: 50% 50% 50% 0; background: #fff; transform: rotate(-45deg); }
.ci-ico-addr::after { left: 22px; top: 28px; width: 4px; height: 8px; background: #fff; }
.ci-ico-time::before { left: 15px; top: 15px; width: 18px; height: 18px; border-radius: 50%; background: #fff; }
.ci-ico-time::after { left: 22px; top: 19px; width: 2px; height: 7px; background: #007525; box-shadow: 4px 2px 0 #007525; }
.ci-h3 { font-size: 17px; color: #333; }
.ci-p { color: #666; font-size: 13px; line-height: 1.7; margin-top: 2px; }
.cform { margin-top: 6px; }
.cf-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px 26px; background: #fff; padding: 24px; margin-top: 4px; }
.cf-li { display: flex; align-items: center; }
.cf-li-full { grid-column: 1 / -1; flex-direction: column; align-items: flex-start; }
.cf-label { flex: 0 0 90px; text-align: right; font-size: 14px; color: #555; }
.cf-li-full .cf-label { text-align: left; margin-bottom: 8px; }
.cf-input { flex: 1; height: 40px; line-height: 40px; border: 1px solid #d8d8d8; padding: 0 12px; font-size: 14px; color: #333; background: #fff; }
.cf-input:focus, .cf-textarea:focus { border-color: #007525; box-shadow: 0 0 4px rgba(0,117,37,.25); }
.cf-textarea { width: 100%; height: 120px; border: 1px solid #d8d8d8; padding: 10px 12px; font-size: 14px; color: #333; resize: vertical; background: #fff; }
.cf-submit { width: 200px; height: 42px; background: #007525; border: 0; cursor: pointer; color: #fff; font-size: 16px; border-radius: 4px; }
.cf-submit:hover { background: #fda800; }

/* ============ 响应式（媒体查询置尾） ============ */
@media (max-width: 1080px) {
  .w { width: 96%; }
  .ipro { flex-direction: column; }
  .ipro-tod { width: 100%; }
  .ipro-ul { justify-content: space-between; }
  .sidebar { width: 100%; }
  .side-menu { display: flex; flex-wrap: wrap; padding: 8px 12px; }
  .side-dd { border-bottom: 0; flex: 1 1 25%; }
  .side-a { height: 48px; line-height: 48px; padding-left: 30px; }
  .detail { display: none; }
  .icase-ul { grid-template-columns: repeat(2, 1fr); grid-auto-rows: 200px; }
  .icase-li.da { grid-row: span 1; grid-column: span 2; }
  .iabout-w { flex-direction: column; }
  .sketch { margin: 10px 0 0; flex: none; width: 100%; height: 300px; }
  .sketch-img { position: static; width: 100%; height: 300px; }
  .iabout-main { margin: 24px 0 0; }
  .iabout-head { position: static; margin-bottom: 6px; }
  .iabout-en { font-size: 18px; }
  .iabout-more { position: static; align-self: flex-start; margin-bottom: 10px; }
  .inews .w { flex-direction: column; }
  .tid, .inews-tod { width: 100%; }
  .wenzi { float: none; width: 100%; margin-top: 20px; }
  .foot-w { flex-direction: column; }
  .foot-fr { flex: none; margin-top: 20px; }
  .submian { flex-direction: column; }
  .subleft { flex: none; }
  .subright { flex: none; width: 100%; }
  .pd-top { flex-direction: column; }
  .pd-photo { flex: none; width: 100%; }
  .pd-img { width: 100%; height: auto; }
  .iprocess-ul { flex-wrap: wrap; justify-content: center; gap: 26px; }
  .iprocess-ul::before { display: none; }
}
@media (max-width: 768px) {
  .lotbox { height: auto; }
  .lot-in { height: auto; padding: 12px 0; flex-wrap: wrap; }
  .lot-tags, .lot-link { display: none; }
  .lot-right { margin-left: auto; }
  .m-btn { display: block; }
  .menubox { height: auto; }
  .nav-ul { display: none; flex-direction: column; background: #007525; padding-bottom: 8px; }
  body.menu-open .nav-ul { display: flex; }
  .nav-li { flex: none; }
  .nav-a { height: 52px; line-height: 52px; font-size: 16px; }
  .sub-nav { position: static; background: #017c2c; padding: 0; margin: 0 14px 6px; }
  .slidebox { height: 260px; }
  .slide-h2 { font-size: 24px; letter-spacing: 2px; }
  .slide-p { font-size: 14px; letter-spacing: 2px; margin-top: 10px; }
  .ipro-ul { }
  .ipro-li { width: 47%; }
  .ipro-img { width: 100%; height: auto; }
  .igaog-w { flex-direction: column; padding: 18px; }
  .igaog-fl { display: none; }
  .igaog-fr { width: 100%; }
  .igaog-b { font-size: 24px; }
  .igaog-p { font-size: 14px; }
  .icase-ul { grid-template-columns: 1fr; grid-auto-rows: 190px; }
  .icase-li.da { grid-column: span 1; }
  .cover { padding-top: 60px; }
  .stat-row { flex-wrap: wrap; }
  .stat { flex: 1 1 50%; margin-bottom: 14px; border-right: 0; }
  .iprocess-li { width: 160px; height: 160px; }
  .iprocess-lab { padding-top: 92px; font-size: 18px; }
  .iprocess-num { margin-left: -64px; font-size: 32px; top: 16px; }
  .n-banner { height: 180px; }
  .n-banner-h1 { font-size: 24px; }
  .lp-li { width: 100%; }
  .lp-img { width: 100%; height: auto; }
  .pd-feat { grid-template-columns: 1fr; }
  .relate-ul { grid-template-columns: 1fr; }
  .relate-img { height: 180px; }
  .lc-a { flex-direction: column; }
  .lc-thumb { width: 100%; flex: none; height: 170px; }
  .culture-grid, .team-grid, .cinfo-grid { grid-template-columns: 1fr; }
  .cf-grid { grid-template-columns: 1fr; }
  .fix { display: none; }
  .subnav a { padding: 0 10px; font-size: 15px; }
  .searcher { display: none; }
  .weiz { display: none; }
}