/* csduoce.com — 长沙哆策贸易有限公司 蔬菜批发
   蓝本: /810/ 园林绿化盆景租售模板(绿#0d891c/导航渐变绿#15a225→#008a11/红#ea0014/浅绿#def1c9/深绿条#38673d/客服黄绿#afd24d) */
* { margin:0; padding:0; box-sizing:border-box; }
html { -webkit-text-size-adjust:100%; }
body { font:14px/24px "宋体",SimSun,serif; color:#515151; background:#fff; }
body::before { content:""; position:fixed; z-index:-1; top:0; left:0; right:0; height:180px;
  background:linear-gradient(to bottom,#ffffff 0%,#ffffff 55%,#bde3c1 100%); }
ul,ol { list-style:none; }
dl,ul { margin:0; padding:0; }
li,dd,dt { list-style:none; }
img { border:none; vertical-align:top; max-width:100%; }
a { color:#515151; text-decoration:none; cursor:pointer; }
a:hover { color:#ea0014; text-decoration:underline; }
.wrap { width:1000px; margin:0 auto; }
.null { width:100%; height:22px; clear:both; }
.clr { clear:both; }
.img-fallback { display:flex; align-items:center; justify-content:center; min-height:160px; color:#fff; font-size:14px; background:linear-gradient(135deg,#0d891c,#ea0014); }

/* ── 顶部 topbox: lotbox(logo+电话) + menubox(绿导航) ── */
.topbox { width:1000px; margin:0 auto; }
.lotbox { width:1000px; height:110px; display:flex; align-items:center; justify-content:space-between; }
.lot-logo { display:flex; align-items:center; gap:14px; text-decoration:none; }
.lot-logo:hover { text-decoration:none; }
.lot-logo .logo-ic { width:64px; height:64px; flex:0 0 64px; }
.lot-brand b { display:block; font:bold 30px/38px "微软雅黑","Microsoft YaHei",Arial; color:#047211; letter-spacing:2px; }
.lot-brand i { display:block; font:12px/20px Arial,"微软雅黑"; color:#8aa88d; font-style:normal; letter-spacing:5px; margin-top:2px; }
.lot-phone { text-align:right; padding-left:56px; position:relative; }
.lot-phone::before { content:"☎"; position:absolute; left:0; top:14px; width:46px; height:46px; border-radius:50%;
  background:#0d891c; color:#fff; font-size:22px; line-height:46px; text-align:center; }
.lot-phone em { display:block; font-style:normal; font-size:12px; color:#8b8b8b; }
.lot-phone b { display:block; font:bold 24px/34px Arial; color:#ea0014; }
.menubox { width:1000px; height:55px; background:linear-gradient(to bottom,#15a225 0%,#059015 45%,#008a11 100%); position:relative; z-index:50; }
.menubox ul { display:flex; }
.menubox li { flex:1; position:relative; }
.menubox li a { display:block; height:55px; line-height:55px; text-align:center; color:#fff; font:16px/55px "微软雅黑","Microsoft YaHei",Arial; text-decoration:none; }
.menubox li a:hover, .menubox li a.cur { background:linear-gradient(to bottom,#10811e 0%,#047211 55%,#006d0d 100%); color:#fff; text-decoration:none; }
.menubox li .menu-drop { display:none; position:absolute; top:55px; left:0; width:100%; background:#def1c9; border:1px solid #bfe3af; border-top:none; z-index:60; }
.menubox li:hover .menu-drop { display:block; }
.menubox li .menu-drop a { display:block; height:36px; line-height:36px; color:#047211; font:14px/36px "微软雅黑"; text-align:center; }
.menubox li .menu-drop a:hover { background:#d2ecbf; color:#047211; text-decoration:none; }
.mobtn { display:none; }

/* ── Banner ── */
.bannerbox { width:100%; height:380px; position:relative; overflow:hidden; background:#0d891c; }
.b-slide { position:absolute; top:0; left:0; width:100%; height:380px; background-position:center; background-size:cover; background-repeat:no-repeat; opacity:0; transition:opacity .8s ease; }
.b-slide.on { opacity:1; }
.b-slide .b-cap { position:absolute; left:50%; top:44%; transform:translate(-50%,-50%); width:1000px; text-align:center; text-shadow:0 2px 6px rgba(0,0,0,.55); }
.b-slide .b-cap h2 { font:bold 34px/56px "微软雅黑","Microsoft YaHei",Arial; color:#fff; letter-spacing:3px; }
.b-slide .b-cap p { font:16px/30px "微软雅黑","Microsoft YaHei",Arial; color:#f3fff3; letter-spacing:2px; margin-top:6px; }
.b-ctrl { position:absolute; top:50%; margin-top:-50px; left:50%; width:1000px; transform:translateX(-50%); z-index:5; }
.b-ctrl a { position:absolute; top:0; width:30px; height:100px; background:rgba(0,0,0,.35) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M15.4 4.6 8 12l7.4 7.4 1.4-1.4-6-6 6-6z'/%3E%3C/svg%3E") center/24px no-repeat; opacity:.35; transition:opacity .3s; }
.b-ctrl a.prev { left:6px; }
.b-ctrl a.next { right:6px; transform:rotate(180deg); }
.b-ctrl a:hover { opacity:.9; }

/* ── 公告条 ── */
.noticebox { width:1000px; height:48px; margin:0 auto; background:#f3f3f3; border-bottom:1px solid #e2e2e2; display:flex; align-items:center; }
.noticebox .nb-l { flex:1; display:flex; align-items:center; overflow:hidden; padding-left:12px; min-width:0; }
.noticebox .nb-l .horn { width:26px; height:26px; flex:0 0 26px; margin-right:8px; }
.noticebox .nb-l h4 { font:16px/48px "微软雅黑","Microsoft YaHei",Arial; color:#222; white-space:nowrap; }
.noticebox .nb-clip { flex:1; overflow:hidden; margin-left:14px; height:48px; min-width:0; }
.noticebox .nb-txt { display:inline-block; white-space:nowrap; line-height:48px; color:#515151; animation:nbroll 26s linear infinite; }
.noticebox .nb-txt span { padding-right:80px; }
@keyframes nbroll { 0% { transform:translateX(60%); } 100% { transform:translateX(-100%); } }
.noticebox .nb-r { padding-right:12px; font:12px/48px "宋体"; color:#8b8b8b; white-space:nowrap; }
.noticebox .nb-r b { color:#0d891c; font-weight:normal; }

/* ── 三栏区: 关于 | 案例轮播 | 客服卡 ── */
.boxrow { width:1000px; margin:0 auto; display:flex; align-items:flex-start; }
.modtt { width:100%; height:32px; }
.modtt h3 { padding-left:27px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 19'%3E%3Cpath d='M9.5 0 12 7l7 2.5L12 12 9.5 19 7 12 0 9.5 7 7z' fill='%230d891c'/%3E%3C/svg%3E") 2px 7px/19px no-repeat; color:#0d891c; font:18px/32px "微软雅黑","Microsoft YaHei",Arial; float:left; }
.modtt h3 span { color:#bdbdbd; font:12px/20px Arial; padding:0 0 0 6px; font-weight:normal; }
.aboutcol { width:410px; padding-right:23px; }
.aboutcol .ab-dl { display:flex; margin-top:9px; }
.aboutcol .ab-dl dt { width:150px; flex:0 0 150px; margin-right:19px; }
.aboutcol .ab-dl dt img { width:150px; height:145px; object-fit:cover; display:block; }
.aboutcol .ab-dl dd { flex:1; min-width:0; font:12px/25px "宋体"; color:#515151; text-indent:2em; }
.aboutcol .ab-dl dd a { color:#ea0014; }
.aboutcol .ab-stats { display:flex; margin-top:10px; }
.aboutcol .ab-stats li { flex:1; text-align:center; border-right:1px dashed #cfe3d2; }
.aboutcol .ab-stats li:last-child { border-right:none; }
.aboutcol .ab-stats b { display:block; font:bold 20px/28px Arial; color:#0d891c; }
.aboutcol .ab-stats i { font-style:normal; font:12px/18px "宋体"; color:#8b8b8b; }
.casecol { width:394px; overflow:hidden; }
.casecol .case-tt { display:flex; align-items:flex-end; }
.casecol .case-tt .modtt { width:auto; flex:1; }
.case-dots { display:flex; gap:5px; margin:22px 10px 0 0; }
.case-dots a { width:10px; height:10px; background:#c5d8c7; display:block; cursor:pointer; }
.case-dots a.cd-on { background:#ea0014; }
.case-view { width:394px; height:157px; overflow:hidden; position:relative; margin-top:12px; }
.case-track { position:absolute; left:0; top:0; width:2400px; transition:left .5s ease; display:flex; }
.case-track ul { width:394px; height:145px; display:flex; margin:0; padding:0; }
.case-track li { width:185px; height:145px; margin-right:12px; position:relative; list-style:none; }
.case-track li p { width:185px; height:145px; margin:0; }
.case-track li img { width:185px; height:145px; object-fit:cover; display:block; }
.case-track li span { position:absolute; left:0; bottom:0; width:185px; height:24px; background:rgba(0,0,0,.6); }
.case-track li span b { display:block; width:174px; padding-left:11px; font:12px/24px "宋体"; color:#fff; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight:normal; }
.kefucol { width:170px; margin-left:19px; background:linear-gradient(160deg,#c3de6e 0%,#afd24d 55%,#9cbf39 100%); padding:14px 12px 16px; }
.kefucol .kf-cap { font:15px/26px "微软雅黑","Microsoft YaHei"; color:#3e5411; border-bottom:1px dashed #d8e5a8; padding-bottom:6px; margin-bottom:8px; }
.kefucol dl { margin:0; }
.kefucol dt { font:bold 21px/34px Arial; color:#fff; text-shadow:0 1px 2px rgba(0,0,0,.25); word-break:break-all; }
.kefucol dd { font:12px/27px "宋体"; color:#233410; overflow:hidden; }
.kefucol dd span { font-size:13px; }
.kefucol dd.kf-cap { line-height:26px; }

/* ── 产品中心(横向无缝滚动) ── */
.prodzone { width:1000px; margin:0 auto; }
.marquee { width:1000px; overflow:hidden; margin-top:8px; }
.mq-track { display:flex; width:9999px; }
.mq-list { display:flex; margin:0; padding:0; }
.mq-list li { list-style:none; }
.pcard { width:236px; padding:0 9px; display:block; }
.pcard a { display:block; text-decoration:none; }
.pcard a:hover { text-decoration:none; }
.pcard span { display:block; width:236px; height:185px; overflow:hidden; background:#f3f3f3; }
.pcard span img { width:236px; height:185px; object-fit:cover; display:block; transition:transform .4s; }
.pcard:hover span img { transform:scale(1.05); }
.pcard p { width:236px; height:56px; padding:5px 8px 0; line-height:24px; background:#f3f3f3 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath d='M1 4h4V2l3 2.5L5 7V5H1z' fill='%23b8b8b8'/%3E%3C/svg%3E") 214px 36px/8px no-repeat; border:1px solid #e6e6e6; border-top:none; overflow:hidden; margin:0; }
.pcard p u { display:block; width:220px; font:12px/24px Arial; color:#0d891c; text-decoration:none; }
.pcard p b { display:block; width:220px; font-weight:normal; font:14px/26px "微软雅黑","Microsoft YaHei"; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.pcard:hover p b { color:#0d891c; }
dd.pcard { margin:0; }

/* ── 相关服务 ── */
.servzone { width:1000px; margin:0 auto; display:flex; align-items:flex-start; }
.servzone dl { flex:1; margin:15px 22px 0 0; padding:0 22px 0 0; border-right:1px dashed #e1e1e1; }
.servzone dl:last-child { margin-right:0; border-right:none; padding-right:0; }
.servzone dl a { text-decoration:none; display:block; }
.servzone dl a:hover { text-decoration:none; }
.servzone dt { width:60px; height:60px; float:left; margin-right:15px; }
.servzone dt svg { width:60px; height:60px; display:block; }
.servzone dd { height:20px; line-height:20px; color:#b3b3b3; font:12px/20px "宋体"; overflow:hidden; margin:0; }
.servzone dd.sv-t { font:16px/26px "微软雅黑","Microsoft YaHei"; color:#333; margin-bottom:6px; height:auto; }

/* ── 深绿条: 站内搜索+友链 ── */
.linkzone { width:100%; background:#38673d; }
.linkzone .lk-in { width:1000px; margin:0 auto; padding:16px 0; display:flex; align-items:center; color:#fff; }
.lk-search { display:flex; align-items:center; gap:8px; margin:0; }
.lk-search b { font:14px/35px "宋体"; font-weight:bold; }
.lk-search .ipt { width:204px; height:35px; border:none; padding:0 12px; font:12px/35px "宋体"; color:#38673d; }
.lk-search .btn { width:35px; height:35px; border:none; padding:0; background:#0d891c url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M10 2a8 8 0 1 0 4.9 14.3l5.4 5.4 1.4-1.4-5.4-5.4A8 8 0 0 0 10 2zm0 2a6 6 0 1 1 0 12 6 6 0 0 1 0-12z'/%3E%3C/svg%3E") center/16px no-repeat; cursor:pointer; }
.lk-links { flex:1; display:flex; align-items:center; padding-left:24px; font:14px/35px "宋体"; margin:0; }
.lk-links dt { font:bold 14px/35px "宋体"; padding-right:14px; }
.lk-links a { color:#fff; padding-right:20px; }
.lk-links a:hover { color:#fff; text-decoration:underline; }

/* ── 页脚 ── */
.footzone { width:1000px; margin:0 auto; padding:18px 0 26px; display:flex; align-items:flex-start; }
.ft-qr { flex:0 0 120px; text-align:center; padding-top:8px; margin:0; }
.ft-qr dt { margin:0; }
.ft-qr img { width:97px; height:97px; border:3px solid #def1c9; }
.ft-qr dd { font:12px/24px "宋体"; margin:0; }
.ft-main { flex:1; min-width:0; }
.ft-nav { text-align:center; font:14px/50px "宋体"; color:#151515; border-bottom:1px dashed #dcdcdc; margin:10px 0 8px 0; }
.ft-nav a { color:#151515; padding:0 6px; }
.ft-nav a:hover { color:#ea0014; }
.ft-copy p { text-align:center; font:12px/26px Arial,"宋体"; color:#515151; }
.ft-copy a { color:#515151; }
.ft-copy a:hover { color:#ea0014; }

/* ── 浮动客服 ── */
.floatbar { position:fixed; right:10px; top:170px; width:102px; text-align:center; z-index:900; }
.floatbar .fb-t { height:36px; line-height:36px; background:#0d891c; color:#fff; font:14px/36px "微软雅黑"; border-radius:6px 6px 0 0; }
.floatbar .fb-m { background:#fff; border:1px solid #def1c9; border-top:none; padding:10px 6px; }
.floatbar .fb-m img { width:78px; height:78px; border:1px solid #def1c9; }
.floatbar .fb-m p { font:12px/22px "宋体"; color:#0d891c; margin:0; }
.floatbar .fb-m b { display:block; font:13px/22px Arial; color:#ea0014; word-break:break-all; }
.floatbar .fb-top { display:block; height:30px; line-height:30px; background:#38673d; color:#fff; font:12px/30px "宋体"; border-radius:0 0 6px 6px; cursor:pointer; text-decoration:none; }
.floatbar .fb-top:hover { color:#fff; text-decoration:none; }
.floatbar .fb-x { position:absolute; top:-16px; right:0; width:20px; height:20px; line-height:20px; background:#ea0014; color:#fff; border-radius:50%; font:12px/20px Arial; cursor:pointer; }

/* ── 子页 ── */
.pagewrap { width:1000px; margin:0 auto; display:flex; align-items:flex-start; padding-bottom:15px; }
.sidebar { width:170px; flex:0 0 170px; }
.sidecat { background:#def1c9; margin-bottom:12px; }
.sidecat h3 { height:50px; line-height:50px; padding-left:53px; background:linear-gradient(to bottom,#15a225 0%,#059015 45%,#008a11 100%) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M4 6h16v2H4zm0 5h16v2H4zm0 5h16v2H4z'/%3E%3C/svg%3E") 14px 13px/24px no-repeat; font:18px/50px "微软雅黑","Microsoft YaHei"; color:#fff; margin:0; }
.sidecat ul { margin:0; padding:0; }
.sidecat li a, .sidecat li.list1 { display:block; height:34px; line-height:34px; text-align:center; font:14px/34px "宋体"; color:#047211; background:#def1c9; border-bottom:1px solid #eaf5e0; }
.sidecat li a.cur, .sidecat li a:hover { background:#d2ecbf; color:#111; text-decoration:none; }
.sidekefu { background:linear-gradient(160deg,#c3de6e 0%,#afd24d 55%,#9cbf39 100%); padding:14px 12px 16px; }
.sidekefu .kf-cap { font:15px/26px "微软雅黑"; color:#3e5411; border-bottom:1px dashed #d8e5a8; padding-bottom:6px; margin-bottom:8px; }
.sidekefu dl { margin:0; }
.sidekefu dt { font:bold 20px/32px Arial; color:#fff; word-break:break-all; }
.sidekefu dd { font:12px/26px "宋体"; color:#233410; margin:0; }
.sidekefu dd span { font-size:13px; }
.maincol { width:805px; flex:0 0 805px; margin-left:25px; }
.crumbbar { height:43px; border-bottom:1px solid #dadada; display:flex; align-items:center; justify-content:space-between; }
.crumbbar h1 { padding-left:27px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 19'%3E%3Cpath d='M9.5 0 12 7l7 2.5L12 12 9.5 19 7 12 0 9.5 7 7z' fill='%230d891c'/%3E%3C/svg%3E") 2px 12px/19px no-repeat; color:#0d891c; font:18px/32px "微软雅黑","Microsoft YaHei"; font-weight:normal; margin:0; }
.crumbbar .crumb { font:12px/43px "宋体"; color:#0d891c; }
.crumbbar .crumb a { color:#0d891c; }
.crumbbar .crumb a:hover { color:#ea0014; }

/* 产品列表 3列 */
.prolist { padding-top:12px; display:flex; flex-wrap:wrap; }
.prolist .pcard { margin-bottom:14px; }
.subtt { margin:18px 0 6px; padding-left:12px; border-left:5px solid #0d891c; font:17px/28px "微软雅黑","Microsoft YaHei"; color:#047211; }
/* 新闻列表行 */
.newslist { padding-top:12px; margin:0; }
.newslist li { display:flex; padding:14px 6px; border-bottom:1px dashed #e0e0e0; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath d='M0 3h5V1l3 3-3 3V5H0z' fill='%230d891c'/%3E%3C/svg%3E") 2px 22px/8px no-repeat; list-style:none; }
.newslist .nl-thumb { width:120px; height:80px; flex:0 0 120px; margin:0 16px 0 12px; overflow:hidden; display:block; }
.newslist .nl-thumb img { width:120px; height:80px; object-fit:cover; display:block; }
.newslist .nl-body { flex:1; min-width:0; }
.newslist .nl-body h4 { font:15px/26px "微软雅黑","Microsoft YaHei"; font-weight:normal; margin:0; }
.newslist .nl-body h4 a { color:#333; }
.newslist .nl-body h4 a:hover { color:#ea0014; }
.newslist .nl-meta { font:12px/20px Arial,"宋体"; color:#999; }
.newslist .nl-meta b { font-weight:normal; color:#0d891c; margin-right:10px; }
.newslist .nl-sum { font:12px/20px "宋体"; color:#8b8b8b; overflow:hidden; }
/* 详情 */
.detailhead { margin:16px 0 0; border-bottom:1px solid #dadada; padding-bottom:8px; }
.detailhead h1 { font:bold 20px/34px "微软雅黑","Microsoft YaHei"; color:#222; text-align:center; margin:0; }
.detailhead p { text-align:center; font:12px/30px Arial,"宋体"; color:#979797; margin:0; }
.detailbody { padding:14px 8px; font:14px/28px "宋体"; }
.detailbody p { margin-bottom:12px; text-indent:2em; }
.detailbody img { display:block; max-width:100%; margin:10px auto; }
.paramtable { width:100%; border-collapse:collapse; margin:12px 0; font:13px/34px "宋体"; }
.paramtable caption { font:bold 15px/38px "微软雅黑"; color:#0d891c; text-align:left; }
.paramtable th, .paramtable td { border:1px solid #e0e0e0; padding:6px 12px; text-align:left; }
.paramtable th { background:#f0f8ee; color:#047211; width:28%; font-weight:normal; }
.featlist { margin:10px 0 4px; padding:0; }
.featlist li { padding-left:30px; margin:6px 0; font:14px/28px "宋体"; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230d891c'%3E%3Cpath d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E") 2px 2px/22px no-repeat; list-style:none; }
.prenext { margin:16px 12px 0; border-top:1px dashed #ccc; padding-top:8px; }
.prenext ul { margin:0; padding:0; }
.prenext li { height:32px; font:14px/32px "宋体"; color:#38673d; list-style:none; }
.prenext li a { color:#1e7cc4; }
.prenext li a:hover { text-decoration:underline; }
.related { margin-top:20px; }
.related .rel-hd { height:36px; border-bottom:2px solid #0d891c; font:16px/36px "微软雅黑"; color:#0d891c; padding-left:10px; }
.related .rel-list { display:flex; padding-top:14px; margin:0; }
.related .rel-list dd { margin:0; }
/* 关于页 */
.aboutpage img.bannerimg { width:100%; height:240px; object-fit:cover; display:block; margin:12px 0; }
.timeline { position:relative; margin:10px 0 0 6px; padding:0 0 0 24px; border-left:2px solid #bfe3af; }
.timeline li { position:relative; padding:0 0 18px 16px; list-style:none; }
.timeline li::before { content:""; position:absolute; left:-31px; top:6px; width:10px; height:10px; border-radius:50%; background:#0d891c; border:2px solid #def1c9; }
.timeline .tl-y { font:bold 18px/26px Arial,"微软雅黑"; color:#ea0014; }
.timeline .tl-t { font:bold 15px/26px "微软雅黑"; color:#333; }
.timeline .tl-d { font:13px/22px "宋体"; color:#7a7a7a; }
.culture { display:flex; flex-wrap:wrap; gap:12px; margin:0; }
.culture dl { width:calc(50% - 6px); border:1px solid #def1c9; border-top:3px solid #0d891c; padding:14px 16px; background:#fafdfa; margin:0; }
.culture dt { font:bold 16px/28px "微软雅黑"; color:#0d891c; }
.culture dd { font:13px/24px "宋体"; color:#666; margin:0; }
.teamlist { display:flex; flex-wrap:wrap; gap:14px; }
.member { width:calc(33.33% - 10px); text-align:center; border:1px solid #e6e6e6; padding:12px 0 10px; background:#fff; }
.member img { width:120px; height:120px; border-radius:50%; object-fit:cover; border:3px solid #def1c9; }
.member b { display:block; font:16px/26px "微软雅黑"; color:#333; font-weight:normal; margin-top:8px; }
.member i { font-style:normal; font:12px/20px "宋体"; color:#999; }
/* 联系页 */
.contactinfo { border:1px solid #def1c9; background:#fafdfa; padding:18px 22px; margin:14px 0; }
.contactinfo dl { display:flex; align-items:center; margin:0 0 12px 0; }
.contactinfo dl:last-child { margin-bottom:0; }
.contactinfo dt { width:44px; height:44px; flex:0 0 44px; margin-right:14px; }
.contactinfo dt svg { width:44px; height:44px; display:block; }
.contactinfo dd b { display:block; font:15px/26px "微软雅黑"; color:#047211; }
.contactinfo dd span { font:13px/22px "宋体"; color:#666; }
.cform { margin:14px 0; }
.cform ul { width:112px; float:left; margin:0; padding:0; }
.cform ul li { height:42px; line-height:42px; font:14px/42px "宋体"; text-align:right; padding-right:12px; list-style:none; }
.cform ul li.tall { height:110px; line-height:110px; }
.cform .cf-r { margin-left:126px; }
.cform .cf-r .row { margin:9px 0; }
.cform .ipt, .cform .mail { width:300px; height:30px; border:1px solid #e0e0e0; background:#fff; padding:0 10px; font:14px/30px "宋体"; }
.cform .ta { width:520px; max-width:100%; height:92px; border:1px solid #e0e0e0; background:#fff; padding:6px 10px; font:14px/24px "宋体"; resize:vertical; }
.cform .btn { width:128px; height:41px; background:#0d891c; border:none; font:bold 16px/41px "微软雅黑","Microsoft YaHei"; color:#fff; text-align:center; cursor:pointer; margin-top:10px; }
.cform .btn:hover { background:#047211; }
/* 分页 */
.pglist { padding:25px 0; width:100%; line-height:34px; text-align:center; }
.pglist a, .pglist span { display:inline-block; color:#fff; background:#ea7724; padding:0 12px; margin:0 5px; line-height:32px; height:32px; border-radius:2px; font:14px/32px Arial,"宋体"; text-decoration:none; }
.pglist a:hover, .pglist .cur { background:#23201d; color:#fff; }

/* reveal 淡入(默认可见, .anim 后才隐藏 → 无js安全) */
.anim .reveal { opacity:0; transform:translateY(18px); transition:all .7s ease; }
.anim .reveal.in { opacity:1; transform:none; }

/* ── 响应式 ── */
@media (max-width:1024px) {
  .wrap,.topbox,.lotbox,.menubox,.noticebox,.boxrow,.prodzone,.marquee,.servzone,.linkzone .lk-in,.footzone,.pagewrap { width:96%; }
  .b-ctrl { width:96%; }
  .b-slide .b-cap { width:96%; }
  .marquee { overflow-x:auto; }
  .pcard { width:220px; } .pcard span { width:220px; }
}
@media (max-width:768px) {
  .lotbox { height:auto; padding:10px 0; flex-wrap:wrap; gap:8px; }
  .menubox { height:auto; }
  .menubox .navlist { display:none; flex-direction:column; }
  .menubox.open .navlist { display:flex; }
  .menubox li a, .menubox li .menu-drop a { height:44px; line-height:44px; font-size:15px; }
  .menubox li .menu-drop { position:static; display:block; background:rgba(0,0,0,.12); border:none; }
  .menubox li .menu-drop a { color:#def1c9; }
  .mobtn { display:block; height:44px; line-height:44px; color:#fff; text-align:center; font:16px/44px "微软雅黑"; background:transparent; border:none; width:100%; cursor:pointer; }
  .bannerbox { height:220px; } .b-slide { height:220px; }
  .b-slide .b-cap h2 { font-size:20px; line-height:34px; }
  .b-slide .b-cap p { font-size:13px; }
  .noticebox .nb-r { display:none; }
  .boxrow { flex-direction:column; }
  .aboutcol, .casecol, .kefucol { width:100%; padding-right:0; margin-left:0; }
  .case-view, .case-track ul { width:100%; max-width:394px; }
  .aboutcol .ab-dl dd { font-size:13px; }
  .servzone { flex-direction:column; }
  .servzone dl { border-right:none; padding-right:0; margin-top:10px; }
  .linkzone .lk-in { flex-direction:column; gap:8px; }
  .lk-links { padding-left:0; flex-wrap:wrap; }
  .footzone { flex-direction:column; }
  .pagewrap { flex-direction:column; }
  .sidebar, .maincol { width:100%; flex:none; margin-left:0; }
  .maincol .prolist .pcard { width:calc(50% - 18px); }
  .maincol .prolist .pcard span { width:100%; height:150px; }
  .maincol .prolist .pcard p { width:100%; }
  .pcard p u { width:100%; }
  .pcard p b { width:100%; }
  .related .rel-list { flex-wrap:wrap; }
  .related .rel-list .pcard { width:calc(50% - 9px); }
  .related .rel-list .pcard span { width:100%; height:140px; }
  .related .rel-list .pcard p { width:100%; }
  .newslist .nl-sum { display:none; }
  .cform ul { width:90px; }
  .cform .cf-r { margin-left:100px; }
  .cform .ta, .cform .mail, .cform .ipt { width:100%; max-width:300px; }
  .kefucol dt, .sidekefu dt { font-size:17px; line-height:28px; }
  .member { width:calc(50% - 7px); }
  .culture dl { width:100%; }
  .floatbar { display:none; }
}