/* ===== 泽妮洱大药房 全站样式 (参考 demoall2.5fa.cn/601/) ===== */
* { margin: 0; padding: 0; box-sizing: border-box; }
html { font-family: "Microsoft YaHei", "PingFang SC", sans-serif; }
body { color: #333; margin: 0 auto; font-size: 14px; line-height: 24px; background: #fff; }
ul, ol, li { list-style: none; }
img { border: none; vertical-align: top; max-width: 100%; }
a { color: #333; text-decoration: none; outline: none; transition: all .3s linear; }
a:hover { color: #008fcd; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
em, i { font-style: normal; }
b { font-weight: normal; }
.wrap { width: 1170px; max-width: 94%; margin: 0 auto; }
.clearfix::before, .clearfix::after { content: ''; display: table; }
.clearfix::after { clear: both; }
.anim { opacity: 0; transform: translateY(24px); transition: all .7s ease; }
.anim-in, .anim:hover { opacity: 1; transform: translateY(0); }
.img-fallback { display: flex; align-items: center; justify-content: center; color: #fff; font-size: 14px; }

/* ===== topbox: lotbox + menubox ===== */
.topbox { background: #fff; }
.lotbox { width: 1170px; max-width: 94%; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; padding: 18px 0 8px; }
.logo { display: flex; align-items: center; gap: 12px; }
.logo-ico { flex: none; }
.logo-txt .l-name { font-size: 22px; font-weight: bold; color: #077fba; letter-spacing: 1px; line-height: 26px; }
.logo-txt .l-sub { font-size: 11px; color: #00a83c; letter-spacing: 3px; margin-top: 3px; }
.lot-right { display: flex; align-items: center; gap: 26px; }
.h_phone { display: flex; align-items: center; gap: 8px; }
.h_phone .ph-ico { width: 30px; height: 30px; border-radius: 50%; background: #008fcd; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 15px; }
.h_phone i { font-size: 13px; color: #666; }
.h_phone em { font-size: 20px; color: #008fcd; font-family: Arial; }
.h_search input[type=text] { float: left; width: 170px; padding: 0 10px; font-size: 12px; color: #999; border: 1px solid #d6d6d6; border-right: none; height: 32px; line-height: 32px; }
.h_search input[type=submit] { cursor: pointer; background: #00a83c; color: #fff; width: 40px; height: 34px; border: none; }
.menubox { width: 1170px; max-width: 94%; margin: 0 auto; }
.menubox ul { display: flex; justify-content: flex-end; }
.menubox li { position: relative; }
.menubox a.menu-a { position: relative; display: inline-block; margin: 0 16px; padding: 8px 2px 14px; font-size: 16px; color: #444; }
.menubox a.menu-a::after { content: ''; position: absolute; left: 50%; bottom: 6px; margin-left: -10px; width: 0; height: 3px; background: #008fcd; transition: all .3s linear; }
.menubox a.menu-a:hover, .menubox a.menu-a.active { color: #008fcd; }
.menubox a.menu-a:hover::after, .menubox a.menu-a.active::after { width: 20px; }
.sub-box { display: none; position: absolute; z-index: 99; text-align: center; top: 42px; left: 50%; transform: translateX(-50%); width: 112px; background: #008fcd; padding-top: 8px; }
.sub-box i.tri { position: absolute; top: 3px; left: 50%; margin-left: -5px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #008fcd; }
.sub-box a { display: block; line-height: 36px; font-size: 12px; color: #fff; border-bottom: 1px dashed #007db3; }
.sub-box a:last-child { border-bottom: none; }
.sub-box a:hover { background: #00a83c; color: #fff; }
.menubox li.has-sub:hover .sub-box { display: block; }
.m-btn { display: none; width: 40px; height: 34px; border: 1px solid #ddd; border-radius: 4px; background: #fff; cursor: pointer; flex-direction: column; align-items: center; justify-content: center; gap: 4px; }
.m-btn span { display: block; width: 20px; height: 2px; background: #008fcd; }
.m-nav { display: none; position: fixed; right: -240px; top: 0; width: 220px; height: 100%; background: #fff; z-index: 999; padding: 20px 14px; box-shadow: -2px 0 12px rgba(0,0,0,.15); overflow-y: auto; transition: right .3s; }
.m-nav.m-open { right: 0; }
.m-nav a { display: block; line-height: 44px; border-bottom: 1px solid #eee; font-size: 15px; color: #333; }
.m-nav a.active, .m-nav a:hover { color: #008fcd; }

/* ===== banner1 轮播 ===== */
.banner1 { width: 100%; height: 485px; position: relative; overflow: hidden; background: #10222e; }
.banner1 .bd { position: relative; height: 100%; }
.banner1 .slide-li { position: absolute; inset: 0; opacity: 0; transition: opacity .8s ease; }
.banner1 .slide-li.on { opacity: 1; }
.banner1 .slide-li img { width: 100%; height: 100%; object-fit: cover; display: block; }
.banner1 .slide-mask { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(6,40,60,.55), rgba(6,40,60,.15) 55%, rgba(6,40,60,.45)); }
.banner1 .slide-txt { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; color: #fff; }
.banner1 .slide-txt h2 { font-size: 40px; letter-spacing: 3px; text-shadow: 0 2px 10px rgba(0,0,0,.35); }
.banner1 .slide-txt p { margin-top: 14px; font-size: 17px; letter-spacing: 2px; color: rgba(255,255,255,.9); }
.banner1 .hd { position: absolute; left: 0; right: 0; bottom: 13px; text-align: center; z-index: 2; }
.banner1 .hd li { display: inline-block; margin: 0 5px; width: 11px; height: 11px; background: #fff; border-radius: 100%; cursor: pointer; transition: all .3s; }
.banner1 .hd li.on { background: #008fcd; }

/* ===== 区块标题 tit / titi ===== */
.tit, .titi { width: 1170px; max-width: 94%; margin: 0 auto; height: 70px; }
.tit .proname, .titi .proname { text-align: center; color: #333; font-size: 32px; line-height: 32px; font-weight: 300; letter-spacing: 2px; font-family: Arial, "Microsoft YaHei"; }
.tit .prona, .titi .prona { margin-top: 12px; display: flex; align-items: center; justify-content: center; gap: 16px; }
.tit .prona span, .titi .prona span { font-size: 20px; color: #333; line-height: 20px; }
.tit .prona::before, .tit .prona::after, .titi .prona::before, .titi .prona::after { content: ''; width: 60px; height: 2px; background: #00a83c; }
.titi .proname { color: #fff; }
.titi .prona span { color: #fff; }

/* ===== indexone 客户案例 ===== */
.indexone { background: #f4f4f4; padding: 46px 0 51px; }
.indexone ul { width: 1170px; max-width: 94%; margin: 46px auto 0; display: flex; justify-content: space-between; }
.indexone li.case-li { position: relative; width: 246px; height: 260px; background: #fff; }
.indexone li.case-li a.c-img { display: block; overflow: hidden; width: 100%; height: 172px; }
.indexone li.case-li a.c-img img { width: 100%; height: 100%; object-fit: cover; transition: all .3s linear; }
.indexone li.case-li span { display: block; width: 100%; text-align: center; }
.indexone li.case-li span i { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 8px; font-size: 17px; }
.indexone li.case-li span em { display: block; overflow: hidden; color: #999; height: 48px; line-height: 22px; text-align: left; padding: 4px 10px 0; font-size: 12px; }
.indexone li.case-li:hover img { transform: scale(1.05); }
.indexone li.case-li::after { content: ''; position: absolute; bottom: 0; left: 0; height: 2px; background: #008fcd; width: 0; transition: all .3s linear; }
.indexone li.case-li:hover::after { width: 100%; }

/* ===== indextwo 解决方案 ===== */
.indextwo { margin: 46px auto 10px; }
.indextwobox { width: 1170px; max-width: 94%; margin: 10px auto 0; display: flex; flex-wrap: wrap; justify-content: space-between; }
.indextwobox dl.sol-dl { width: 382px; max-width: 32%; margin-top: 30px; display: flex; }
.indextwobox dl.sol-dl dt { flex: none; width: 141px; height: 106px; margin-right: 18px; border: 1px solid #d6d6d6; background: #fff; transition: all .3s ease-in-out; overflow: hidden; }
.indextwobox dl.sol-dl dt img { width: 139px; height: 104px; object-fit: cover; margin: 1px; }
.indextwobox dl.sol-dl:hover dt { border-color: #82c8e6; }
.indextwobox dl.sol-dl dd { flex: 1; min-width: 0; }
.indextwobox dl.sol-dl dd h5 a { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 4px; font-size: 16px; height: 26px; line-height: 26px; }
.indextwobox dl.sol-dl dd h5 a:hover { color: #008fcd; }
.indextwobox dl.sol-dl dd em { display: block; color: #999; height: 22px; line-height: 22px; font-size: 12px; }
.indextwobox dl.sol-dl dd p { overflow: hidden; height: 58px; color: #666; line-height: 21px; font-size: 12px; margin-top: 2px; }
.twomore { padding: 34px 0 26px; text-align: center; }
.twomore a { display: inline-block; background: #008fcd; width: 136px; height: 35px; line-height: 35px; color: #fff; border-radius: 4px; letter-spacing: 1px; }
.twomore a:hover { background: #00a83c; transform: translateY(-5px); color: #fff; }

/* ===== indexthree 产品展示(深色) ===== */
.indexthree { background: linear-gradient(180deg, #22333f, #152430); padding: 46px 0 20px; }
.slideGroup { width: 1270px; max-width: 96%; margin: 6px auto 0; padding-bottom: 26px; }
.slideGroup .parHd { text-align: center; color: #fff; }
.slideGroup .parHd ul { display: flex; justify-content: center; flex-wrap: wrap; }
.slideGroup .parHd li { display: inline-block; height: 30px; line-height: 30px; margin: 6px 7px; cursor: pointer; font-size: 14px; padding: 0 16px; border: 1px solid rgba(255,255,255,.35); border-radius: 50px; color: #fff; transition: all .3s; }
.slideGroup .parHd li.on { background: #008fcd; border-color: #008fcd; }
.slideGroup .parHd li:hover { border-color: #008fcd; color: #6fc4e8; }
.slideGroup .parBd { margin-top: 26px; }
.slideGroup .pbox { display: none; }
.slideGroup .pbox.on { display: block; }
.slideGroup .pbox ul { display: flex; justify-content: center; flex-wrap: wrap; gap: 45px; }
.slideGroup .pbox li.pro-li { position: relative; width: 259px; height: 240px; text-align: center; }
.slideGroup .pbox li.pro-li a.pic { display: block; overflow: hidden; width: 259px; height: 194px; }
.slideGroup .pbox li.pro-li a.pic img { width: 259px; height: 194px; object-fit: cover; transition: all .3s linear; }
.slideGroup .pbox li.pro-li a.pic:hover img { transform: scale(1.05); }
.slideGroup .pbox li.pro-li .title { line-height: 46px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.slideGroup .pbox li.pro-li .title a { color: #fff; font-size: 14px; }
.slideGroup .pbox li.pro-li .title a:hover { color: #6fc4e8; }
.slideGroup .pbox li.pro-li::after { content: ''; position: absolute; bottom: 0; left: 0; width: 0; background: #fff; height: 2px; transition: all .3s linear; }
.slideGroup .pbox li.pro-li:hover::after { width: 100%; }

/* ===== indexfour 新闻动态(轮播2/页) ===== */
.indexfour { margin: 42px 0 30px; }
.indexfourbox { width: 1216px; max-width: 96%; margin: 40px auto 0; }
.indexfourbox .nf-stage { overflow: hidden; position: relative; }
.indexfourbox .nf-track { display: flex; transition: transform .6s ease; }
.indexfourbox dl.news-dl { flex: none; width: 50%; display: flex; padding: 0 23px; }
.indexfourbox dl.news-dl dt { flex: none; overflow: hidden; margin-right: 22px; width: 177px; height: 133px; }
.indexfourbox dl.news-dl dt img { width: 100%; height: 100%; object-fit: cover; transition: all .3s linear; }
.indexfourbox dl.news-dl:hover dt img { transform: scale(1.05); }
.indexfourbox dl.news-dl dd { flex: 1; min-width: 0; }
.indexfourbox dl.news-dl dd > a { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 15px; font-weight: bold; }
.indexfourbox dl.news-dl dd > a:hover { color: #008fcd; }
.indexfourbox dl.news-dl dd p { margin-top: 7px; height: 48px; overflow: hidden; color: #666; font-size: 12px; line-height: 24px; }
.indexfourbox dl.news-dl dd span { display: flex; align-items: center; justify-content: space-between; margin-top: 12px; color: #666; }
.indexfourbox dl.news-dl dd span i { font-size: 20px; font-family: Arial; color: #008fcd; }
.indexfourbox dl.news-dl dd span em { font-size: 12px; color: #999; margin-left: 6px; }
.indexfourbox dl.news-dl dd span a.nf-more { width: 78px; height: 25px; line-height: 25px; text-align: center; background: #008fcd; color: #fff; font-size: 12px; border-radius: 3px; }
.indexfourbox dl.news-dl dd span a.nf-more:hover { background: #00a83c; transform: translateY(-4px); color: #fff; }
.indexfourbox .nf-dots { margin-top: 26px; text-align: center; }
.indexfourbox .nf-dots span { display: inline-block; margin: 0 5px; width: 11px; height: 11px; background: #d8d7d7; border-radius: 50%; cursor: pointer; }
.indexfourbox .nf-dots span.on { background: #008fcd; }

/* ===== indexfive 行业动态 ===== */
.indexfive { background: #f4f4f4; padding: 46px 0 44px; }
.indexfive ul.ind-list { width: 1210px; max-width: 96%; margin: 26px auto 0; display: flex; flex-wrap: wrap; }
.indexfive ul.ind-list li { width: 565px; max-width: 47%; margin: 0 1.4% 0 1.4%; display: flex; justify-content: space-between; height: 51px; line-height: 51px; border-bottom: 1px solid #c9c9c9; }
.indexfive ul.ind-list li::before { content: ''; flex: none; width: 8px; height: 8px; margin-top: 21px; background: #00a83c; border-radius: 50%; }
.indexfive ul.ind-list li a { flex: 1; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0 8px 0 10px; font-size: 14px; color: #666; }
.indexfive ul.ind-list li span { flex: none; font-size: 12px; color: #999; }
.indexfive ul.ind-list li:hover a { color: #008fcd; }
.indexfive ul.ind-list li:hover::before { background: #008fcd; }
.indexfive .fivemore { padding-top: 34px; }

/* ===== indexsix 关于我们 ===== */
.indexsix { padding: 44px 0 38px; }
.indexsix dl.about-dl { width: 1170px; max-width: 94%; margin: 34px auto 0; padding-bottom: 44px; border-bottom: 1px solid #d1d1d1; display: flex; }
.indexsix dl.about-dl dt { flex: none; width: 347px; }
.indexsix dl.about-dl dt img { width: 347px; height: 252px; object-fit: cover; display: block; }
.indexsix dl.about-dl dd { flex: 1; min-width: 0; margin-left: 70px; color: #666; font-size: 15px; line-height: 28px; }
.indexsix dl.about-dl dd .about-h { font-size: 20px; color: #333; margin-bottom: 12px; }
.indexsix dl.about-dl dd .about-p { height: 140px; overflow: hidden; }
.stat-row { display: flex; margin: 22px 0 8px; border: 1px solid #e5e5e5; }
.stat { flex: 1; text-align: center; padding: 14px 0 10px; border-right: 1px solid #e5e5e5; }
.stat:last-child { border-right: none; }
.stat strong { font-size: 30px; font-family: Arial; color: #008fcd; }
.stat strong em { font-size: 14px; margin-left: 2px; color: #00a83c; }
.stat span { display: block; color: #999; font-size: 12px; margin-top: 4px; }
.moreabout { display: inline-block; float: right; margin-top: 8px; background: #008fcd; width: 136px; height: 35px; text-align: center; line-height: 35px; color: #fff; border-radius: 4px; }
.moreabout:hover { background: #00a83c; transform: translateY(-5px); color: #fff; }

/* ===== indexseven 友情链接 ===== */
.indexseven { width: 1170px; max-width: 94%; margin: 0 auto 40px; font-size: 14px; color: #666; overflow: hidden; }
.indexseven h4 { float: left; color: #333; margin-right: 10px; }
.indexseven h4::before { content: '\25C6'; color: #00a83c; margin-right: 6px; font-size: 12px; }
.indexseven a { float: left; display: inline-block; margin: 0 16px; color: #666; }
.indexseven a:hover { color: #008fcd; }

/* ===== foot ===== */
.foot { width: 100%; color: #fff; padding: 8px 0 30px; background: #404040; }
.fmain { width: 1040px; max-width: 94%; margin: 0 auto; }
.bottomnav { text-align: center; padding: 24px 0 0; }
.bottomnav a { display: inline-block; width: 100px; font-size: 14px; line-height: 30px; color: #b7b6b6; }
.bottomnav a:hover { color: #fff; }
.bootTxt { color: #bac5d9; margin: 0 auto; padding-top: 22px; border-top: 1px solid #565656; overflow: hidden; }
.booleft { float: left; width: 700px; max-width: 62%; color: #b7b6b6; font-size: 12px; line-height: 26px; }
.booleft a { color: #b7b6b6; }
.booleft a:hover { color: #fff; }
.booleft .cr { margin-top: 8px; }
.share { float: right; width: 150px; text-align: center; color: #b7b6b6; font-size: 12px; }
.share img { width: 97px; height: 97px; display: block; margin: 6px auto 4px; }

/* ===== 浮动工具 ===== */
.c-tools { position: fixed; right: 12px; bottom: 120px; z-index: 99; }
.c-tools li { position: relative; width: 46px; height: 46px; margin-top: 8px; border-radius: 4px; background: #008fcd; color: #fff; text-align: center; line-height: 46px; font-size: 18px; cursor: pointer; }
.c-tools li:hover { background: #00a83c; }
.c-tools li span { display: none; position: absolute; right: 54px; top: 0; width: 150px; line-height: 46px; background: #00a83c; color: #fff; border-radius: 4px; font-size: 13px; }
.c-tools li:hover span { display: block; }
.c-tools li.top-ico { font-size: 14px; }

/* ===== 内页: n-banner / ntit ===== */
.n-banner { position: relative; height: 262px; overflow: hidden; }
.n-banner img.nb-img { width: 100%; height: 100%; object-fit: cover; display: block; }
.n-banner .nb-mask { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(7,60,92,.55), rgba(7,60,92,.65)); }
.n-banner .nb-txt { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #fff; text-align: center; }
.n-banner .nb-txt h1 { font-size: 30px; letter-spacing: 3px; }
.n-banner .nb-txt i { margin-top: 10px; font-size: 13px; letter-spacing: 4px; color: rgba(255,255,255,.8); font-family: Arial; }
.ntit { background: #fff; border-bottom: 1px solid #e7e7e7; }
.ntit .ntt-wrap { width: 1170px; max-width: 94%; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; height: 61px; }
.ntit .ntt h1 { display: inline-block; font-size: 24px; color: #008fcd; font-weight: bold; }
.ntit .ntt i { margin-left: 10px; font-size: 13px; color: #999; letter-spacing: 2px; font-family: Arial; }
.ntit .weiz { font-size: 13px; color: #999; }
.ntit .weiz a { margin: 0 3px; color: #666; }
.ntit .weiz a:hover { color: #008fcd; }
.ntit .weiz .cur { color: #008fcd; }

/* ===== 内页 main: sidebar + mainright ===== */
.main { width: 1170px; max-width: 94%; margin: 22px auto 30px; display: flex; align-items: flex-start; }
.sidebar { flex: none; width: 236px; border: 1px solid #e3e3e3; background: #fff; }
.sidebar > h4 { height: 56px; line-height: 56px; padding-left: 14px; border-bottom: 1px solid #d8d8d8; font-size: 22px; color: #008fcd; font-weight: bold; }
.sideMenu h3 { height: 48px; line-height: 48px; padding-left: 16px; border-bottom: 1px solid #eee; background: #f7f7f7; font-size: 14px; transition: all .3s linear; }
.sideMenu h3 a { display: block; }
.sideMenu h3:hover, .sideMenu h3.on { background: #00a83c; color: #fff; }
.sideMenu ul { display: none; padding: 6px 12px; background: #fbfbfb; }
.sideMenu ul.proTwo { display: block; }
.sideMenu ul li { line-height: 34px; }
.sideMenu ul li a { font-size: 13px; color: #666; }
.sideMenu ul li a:hover, .sideMenu ul li a.on { color: #00a83c; font-weight: bold; }
.side-contact { margin: 14px 12px 18px; background: #008fcd; color: #fff; padding: 16px 14px; }
.side-contact h5 { font-size: 15px; }
.side-contact p { font-size: 20px; font-family: Arial; margin-top: 8px; }
.side-contact em { display: block; font-size: 12px; color: rgba(255,255,255,.85); margin-top: 6px; line-height: 18px; }
.mainright { flex: 1; min-width: 0; min-height: 620px; margin-left: 26px; }

/* ===== 产品列表 photo ===== */
.photo ul { display: flex; flex-wrap: wrap; }
.photo ul li { width: 271px; max-width: 31.5%; margin: 0 .9% 26px .9%; }
.photo ul li a { display: block; position: relative; overflow: hidden; width: 100%; height: 204px; }
.photo ul li a img { width: 100%; height: 100%; object-fit: cover; transition: all .3s linear; }
.photo ul li a span { position: absolute; left: 0; bottom: 0; width: 100%; line-height: 40px; height: 40px; background: rgba(30,50,64,.8); color: #fff; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; }
.photo ul li a:hover img { transform: scale(1.05); }
.photo ul li p { height: 58px; overflow: hidden; line-height: 19px; padding: 9px 8px; background: #f5f5f4; border: 1px solid #d1d1d1; color: #666; font-size: 12px; }

/* ===== 新闻列表 list_tuwen ===== */
.list_tuwen dl { width: 100%; float: left; border-bottom: 1px dashed #afafaf; padding-bottom: 22px; margin-top: 24px; display: flex; }
.list_tuwen dl:first-child { margin-top: 6px; }
.list_tuwen dl dt { flex: none; overflow: hidden; margin-right: 20px; width: 189px; height: 142px; padding: 3px; border: 3px solid #ebebeb; transition: all .3s linear; }
.list_tuwen dl dt img { width: 100%; height: 100%; object-fit: cover; transition: all .3s linear; }
.list_tuwen dl dt:hover img { transform: scale(1.05); }
.list_tuwen dl dt:hover { border-color: #008fcd; }
.list_tuwen dl dd { flex: 1; min-width: 0; }
.list_tuwen dl dd h5 { height: 34px; line-height: 34px; padding-bottom: 6px; border-bottom: 1px solid #d6d6d6; display: flex; justify-content: space-between; }
.list_tuwen dl dd h5 a { flex: 1; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #333; font-size: 16px; font-weight: bold; }
.list_tuwen dl dd h5 a:hover { color: #008fcd; }
.list_tuwen dl dd h5 span { flex: none; color: #888; font-size: 12px; }
.list_tuwen dl dd p { overflow: hidden; height: 48px; margin-top: 14px; line-height: 24px; color: #666; font-size: 12px; }
.list_tuwen dl dd .lt-more { float: right; display: inline-block; margin-top: 12px; width: 80px; height: 25px; line-height: 25px; text-align: center; background: #008fcd; color: #fff; font-size: 12px; border-radius: 3px; }
.list_tuwen dl dd .lt-more:hover { background: #00a83c; transform: translateY(-4px); color: #fff; }
.list-meta { margin-top: 12px; font-size: 12px; color: #999; }
.list-meta span { display: inline-block; background: #e8f4fa; color: #008fcd; padding: 0 8px; border-radius: 2px; margin-right: 8px; }

/* ===== 分页 pglist ===== */
.pglist { padding: 34px 0 10px; width: 100%; text-align: center; }
.pglist a, .pglist span.pg-cur { display: inline-block; padding: 0 12px; margin: 0 5px; line-height: 28px; background: #fff; border: 1px solid #d5d5d5; border-radius: 2px; color: #333; font-size: 13px; }
.pglist .pg-cur, .pglist a:hover { color: #fff; background: #008fcd; border-color: #008fcd; }

/* ===== 详情 final_page ===== */
.final_page { width: 94%; margin: 36px auto 46px; }
.final_page .art_title { margin-bottom: 26px; text-align: center; border-bottom: 1px #ddd dotted; padding-bottom: 18px; }
.final_page .art_title h3 { font-size: 19px; color: #008fcd; font-weight: bold; line-height: 30px; }
.final_page .art_title .info { margin-top: 12px; font-size: 12px; color: #aaa; }
.final_page .art_title .info span { display: inline-block; margin: 0 10px; }
.final_page .a-content p { margin-bottom: 15px; line-height: 26px; color: #555; font-size: 14px; text-indent: 2em; text-align: justify; }
.final_page .a-content img { display: block; margin: 16px auto; max-width: 86%; border: 1px solid #eee; padding: 3px; }
.page_f { width: 100%; padding-bottom: 20px; margin-top: 26px; }
.page_f p { line-height: 32px; font-size: 13px; overflow: hidden; }
.page_f p a { font-weight: bold; color: #008fcd; }
.back { font-size: 14px; line-height: 39px; color: #fff; background: #008fcd; width: 138px; margin: 20px auto 0; border-radius: 4px; display: block; text-align: center; }
.back:hover { background: #01a83e; color: #fff; }

/* ===== 产品详情 pd ===== */
.pd-box { display: flex; margin-top: 26px; }
.pd-img { flex: none; width: 460px; border: 1px solid #ebebeb; padding: 3px; }
.pd-img img { width: 100%; height: 380px; object-fit: cover; display: block; }
.pd-info { flex: 1; min-width: 0; margin-left: 30px; }
.pd-info h3 { font-size: 22px; color: #333; line-height: 32px; }
.pd-cat { display: inline-block; margin: 10px 0 4px; background: #e8f4fa; color: #008fcd; padding: 2px 10px; border-radius: 2px; font-size: 12px; }
.pd-code { display: inline-block; margin: 10px 0 4px 8px; background: #eff9f1; color: #00a83c; padding: 2px 10px; border-radius: 2px; font-size: 12px; }
.pd-brief { color: #666; font-size: 13px; line-height: 24px; margin: 8px 0 12px; }
.pd-params { width: 100%; border-collapse: collapse; margin: 6px 0 16px; }
.pd-params th, .pd-params td { border: 1px solid #e3e3e3; padding: 8px 10px; font-size: 13px; text-align: left; }
.pd-params th { width: 110px; background: #f5f5f5; color: #333; font-weight: normal; }
.pd-params td { color: #666; }
.pd-btn { display: inline-block; background: #008fcd; color: #fff; width: 136px; height: 38px; line-height: 38px; text-align: center; border-radius: 4px; }
.pd-btn:hover { background: #00a83c; transform: translateY(-4px); color: #fff; }
.pd-sec { margin-top: 34px; }
.pd-sec h4, .rel h4 { font-size: 16px; color: #333; border-left: 4px solid #008fcd; padding-left: 10px; margin-bottom: 14px; }
.pd-sec p { text-indent: 2em; color: #555; line-height: 26px; font-size: 14px; margin-bottom: 12px; text-align: justify; }
.pd-feat ul { display: flex; flex-wrap: wrap; }
.pd-feat li { width: 50%; line-height: 34px; font-size: 14px; color: #555; }
.pd-feat li::before { content: '\2714'; color: #00a83c; margin-right: 8px; font-size: 13px; }
.rel { margin-top: 36px; }

/* ===== 关于页 ===== */
.about { margin-top: 30px; }
.about p { text-indent: 2em; color: #555; line-height: 28px; font-size: 14px; margin-bottom: 14px; text-align: justify; }
.about .about-imgs { margin: 10px 0 6px; display: flex; gap: 12px; }
.about .about-imgs img { flex: 1; min-width: 0; height: 240px; object-fit: cover; border: 1px solid #eee; padding: 3px; }
.tline { margin: 34px 0 10px; padding-left: 22px; border-left: 2px solid #cfe6f2; }
.tline li { position: relative; padding: 0 0 22px 14px; }
.tline li::before { content: ''; position: absolute; left: -29px; top: 6px; width: 10px; height: 10px; border-radius: 50%; background: #00a83c; border: 2px solid #fff; box-shadow: 0 0 0 2px #00a83c; }
.tline li b { font-size: 20px; color: #008fcd; font-family: Arial; margin-right: 12px; }
.tline li span { color: #555; font-size: 14px; }
.culture { display: flex; gap: 18px; margin: 16px 0 8px; }
.culture li { flex: 1; border-top: 3px solid #00a83c; background: #f7f7f7; padding: 20px 18px; }
.culture li h5 { font-size: 16px; color: #333; margin-bottom: 8px; }
.culture li h5::before { content: '\25C6'; color: #008fcd; margin-right: 6px; font-size: 12px; }
.culture li p { color: #666; font-size: 13px; line-height: 24px; text-indent: 0; }
.team-grid { display: flex; flex-wrap: wrap; margin: 6px 0 20px; }
.team-grid li { width: 33.33%; text-align: center; padding: 18px 0; }
.team-grid img { width: 130px; height: 130px; border-radius: 50%; object-fit: cover; border: 3px solid #e8f4fa; }
.team-grid li b { display: block; font-size: 16px; color: #333; margin-top: 12px; }
.team-grid li em { display: block; font-size: 12px; color: #999; margin-top: 6px; }
.sec-h { font-size: 18px; color: #008fcd; border-left: 4px solid #008fcd; padding-left: 12px; margin: 34px 0 8px; }

/* ===== 联系页 ===== */
.cinfo { display: flex; flex-wrap: wrap; margin-top: 30px; }
.cinfo li { width: 50%; display: flex; align-items: flex-start; padding: 18px 16px; border: 1px solid #eee; background: #fafafa; margin: -1px 0 0 -1px; }
.cinfo .ci-ico { flex: none; width: 42px; height: 42px; border-radius: 50%; background: #008fcd; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 17px; margin-right: 14px; }
.cinfo li:hover .ci-ico { background: #00a83c; }
.cinfo h5 { font-size: 15px; color: #333; }
.cinfo p { font-size: 13px; color: #666; margin-top: 6px; line-height: 22px; }
.c-book { margin: 34px 0 20px; }
.c-book ul li { position: relative; margin-top: 14px; display: flex; align-items: flex-start; }
.c-book ul li em { flex: none; text-align: right; margin-right: 12px; width: 90px; line-height: 34px; font-size: 14px; color: #333; }
.c-book ul li input, .c-book ul li textarea { padding: 8px 10px; border: 1px solid #ddd; border-radius: 2px; font-family: 'Microsoft YaHei'; font-size: 13px; width: 420px; max-width: 70%; box-shadow: 0 0 5px #e3e3e3 inset; }
.c-book ul li textarea { width: 420px; max-width: 70%; height: 130px; }
.c-book ul li input:hover, .c-book ul li input:focus, .c-book ul li textarea:hover, .c-book ul li textarea:focus { border-color: #008fcd; outline: none; box-shadow: 0 0 5px rgba(0,143,205,.35) inset; }
.c-book ul li.bnt { margin-left: 102px; }
.c-book ul li.bnt input { cursor: pointer; width: 130px; margin-right: 12px; background: #008fcd; color: #fff; border-color: #008fcd; box-shadow: none; height: 38px; }
.c-book ul li.bnt input:hover { background: #00a83c; border-color: #00a83c; }

/* ===== go_top ===== */
.go_top { position: fixed; bottom: 50px; right: 14px; width: 46px; height: 46px; background: #008fcd; color: #fff; border-radius: 4px; cursor: pointer; text-align: center; line-height: 46px; z-index: 98; display: none; }
.go_top:hover { background: #00a83c; }

/* ===== 响应式 ===== */
@media (max-width: 1200px) {
  .banner1 { height: 400px; }
  .banner1 .slide-txt h2 { font-size: 32px; }
  .tit .proname, .titi .proname { font-size: 26px; }
}
@media (max-width: 992px) {
  .h_search, .c-tools { display: none; }
  .menubox ul { display: none; }
  .m-btn { display: flex; }
  .m-nav { display: block; }
  .banner1 { height: 320px; }
  .indexone ul { flex-wrap: wrap; gap: 18px; justify-content: center; }
  .indexone li.case-li { width: 46%; max-width: 300px; }
  .indextwobox dl.sol-dl { max-width: 47%; }
  .slideGroup .pbox li.pro-li { width: 42%; }
  .slideGroup .pbox ul { gap: 20px; }
  .indexfourbox dl.news-dl { width: 100%; padding: 0 4px; margin-bottom: 10px; }
  .indexfive ul.ind-list li { max-width: 96%; }
  .indexsix dl.about-dl { flex-direction: column; }
  .indexsix dl.about-dl dt img { width: 100%; height: auto; }
  .indexsix dl.about-dl dd { margin-left: 0; margin-top: 18px; }
  .stat-row { flex-wrap: wrap; }
  .stat { flex: 1 1 50%; border-bottom: 1px solid #e5e5e5; }
  .main { flex-direction: column; }
  .sidebar { width: 100%; }
  .mainright { margin-left: 0; margin-top: 18px; }
  .pd-box { flex-direction: column; }
  .pd-img { width: 100%; }
  .pd-info { margin-left: 0; margin-top: 18px; }
  .culture { flex-direction: column; }
  .photo ul li { max-width: 47%; }
}
@media (max-width: 768px) {
  .banner1 { height: 240px; }
  .banner1 .slide-txt h2 { font-size: 22px; }
  .banner1 .slide-txt p { font-size: 13px; }
  .lotbox { flex-wrap: wrap; gap: 10px; }
  .logo-txt .l-name { font-size: 18px; }
  .tit .proname, .titi .proname { font-size: 20px; }
  .tit .prona span, .titi .prona span { font-size: 14px; }
  .indexone li.case-li { width: 92%; }
  .indextwobox dl.sol-dl { max-width: 96%; }
  .slideGroup .pbox li.pro-li { width: 84%; height: auto; }
  .slideGroup .pbox li.pro-li a.pic, .slideGroup .pbox li.pro-li a.pic img { width: 100%; }
  .indexfive ul.ind-list li { max-width: 96%; }
  .indexseven a { margin: 0 8px; }
  .booleft { float: none; width: 100%; max-width: 100%; }
  .share { float: none; width: 100%; margin-top: 12px; }
  .n-banner { height: 180px; }
  .n-banner .nb-txt h1 { font-size: 22px; }
  .ntit .ntt-wrap { height: auto; padding: 10px 0; flex-direction: column; align-items: flex-start; gap: 4px; }
  .list_tuwen dl { flex-direction: column; }
  .photo ul li { max-width: 96%; }
  .pd-feat li { width: 100%; }
  .team-grid li { width: 50%; }
  .cinfo li { width: 100%; }
  .c-book ul li.bnt { margin-left: 0; }
  .c-book ul li em { width: 64px; }
}