/* ============================================================
   ywpeiyou.com 义乌市佩友贸易有限公司 — 手电筒
   参考 11027 Avent 模板：黑白极简 + #027CC8 蓝点缀 + #f16543 橙残留
   ============================================================ */

/* ---------- 全局 ---------- */
*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{font:14px/22px "Open Sans","Raleway","Microsoft YaHei",Arial,sans-serif;background:#fff;color:#282828;margin:0;padding:0;overflow-x:hidden}
ul,li{list-style:none;margin:0;padding:0}
a{color:#282828;text-decoration:none;outline:0;transition:all .3s ease-in-out}
a:hover{color:#0167B6;text-decoration:none}
img{max-width:100%;height:auto;border:0}
p{margin:0 0 20px}
h1,h2,h3,h4,h5,h6{color:#000;margin:0;font-weight:700}
h2{font:30px/46px "Open Sans","Raleway","Microsoft YaHei",sans-serif}
h5{font:16px/21px "Open Sans","Raleway","Microsoft YaHei",sans-serif}
.container{max-width:1170px;margin:0 auto;padding:0 15px}
.row{display:flex;flex-wrap:wrap;margin:0 -15px}
.row>[class*=span]{padding:0 15px;position:relative}
.span2{width:16.6667%}
.span3{width:25%}
.span4{width:33.3333%}
.span9{width:75%}
.span10{width:83.3333%}
.span12{width:100%}
.img-fallback{display:flex;align-items:center;justify-content:center;width:100%;min-height:200px;color:#fff;font-size:14px;border-radius:8px}
.rv{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}
.rv.rv-in{opacity:1;transform:none}
html:not(.js-on) .rv{opacity:1;transform:none}

/* ---------- 顶部信息条 lotbox ---------- */
.topbox{position:relative;z-index:50;background:#fff}
.lotbox{background:#f8f8f8;border-bottom:1px solid #e5e5e5;font-size:14px}
.lotbox .container{display:flex;justify-content:space-between;align-items:center}
.top-left{float:left;padding:6px 0;display:flex;align-items:center;gap:22px}
.t-phone,.t-email{display:inline-flex;align-items:center;color:#282828}
.t-icon{width:15px;height:15px;fill:none;stroke:#282828;stroke-width:1.8;margin-right:8px;flex:none}
.t-email a{color:#282828}
.top-right{float:right;display:flex;align-items:center}
.t-consult{display:inline-flex;align-items:center;color:#282828;font-weight:500}
.t-consult:hover{color:#0167B6}
.t-consult .t-icon{stroke:#027CC8}

/* ---------- 导航 menubox ---------- */
.menubox{background:#fff;position:relative;box-shadow:0 -2px 0 rgba(0,0,0,.133) inset}
.menubox .row{align-items:flex-start}
.h-logo{display:flex;align-items:center;gap:10px;padding:20px 15px 18px}
.logo-svg{width:40px;height:40px;flex:none}
.logo-txt{display:flex;flex-direction:column;justify-content:center}
.logo-name{font-size:21px;font-weight:700;color:#000;line-height:1.25;white-space:nowrap}
.logo-sub{font-size:11px;color:#8a9095;letter-spacing:2.5px;text-transform:uppercase;line-height:1.4;white-space:nowrap}
.h-nav{display:flex;justify-content:flex-end;align-items:flex-start}
.btn-menu{display:none;width:44px;height:44px;margin:14px 0;cursor:pointer;border:0;background:none;flex-direction:column;justify-content:center;align-items:center;gap:5px}
.btn-menu span{display:block;width:24px;height:2px;background:#000;transition:all .3s}
.mainnav{display:block}
.menu{display:flex;align-items:center;flex-wrap:wrap}
.menu .Lev1{position:relative;margin:0 14px}
.menu .Lev1>a.menu1{display:block;font-size:14px;font-weight:500;color:#282828;padding:30px 2px 27px;letter-spacing:normal}
.menu .Lev1>a.menu1 .caret{width:10px;height:10px;fill:none;stroke:#282828;stroke-width:2;margin-left:4px;vertical-align:-1px}
.menu .Lev1:hover>a.menu1,.menu .Lev1>a.menu1:hover{color:#0167B6}
.menu .Lev1.active>a.menu1{color:#007CCB}
.menu .Lev1>a.menu1:after{content:"";position:absolute;left:2px;bottom:21px;width:0;height:2px;background:#000;transition:all .3s;transform:translateX(0)}
.menu .Lev1:hover>a.menu1:after{width:calc(100% - 4px)}
.sub-menu{position:absolute;top:100%;left:0;min-width:170px;background:#fff;border:1px solid #eaeaec;padding:15px 0 7px;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .4s ease;box-shadow:0 0 8px rgba(0,0,0,.11);z-index:999}
.menu .Lev1:hover>.sub-menu{opacity:1;visibility:visible;transform:translateY(0)}
.sub-menu .Lev2 a.menu2{display:block;padding:1px 23px;margin-bottom:9px;font-size:13px;color:#282828;white-space:nowrap}
.sub-menu .Lev2 a.menu2:hover{color:#000}

/* ---------- 轮播 head-slider ---------- */
.head-slider{position:relative;overflow:hidden;background:#0c0d10}
.index-slider{position:relative}
.slide-item{height:510px;background-size:cover;background-position:center center;background-repeat:no-repeat;position:relative}
.slider-dots{position:absolute;left:0;right:0;bottom:14px;display:flex;justify-content:center;gap:6px;z-index:5}
.sdot{width:10px;height:10px;border-radius:50%;background:#fff;opacity:.9;border:0;cursor:pointer;padding:0;transition:all .3s}
.sdot.sdot-on{background:#0080D1;transform:scale(1.15)}

/* ---------- 产品中心 sec-portfolio ---------- */
.sec-portfolio{padding:30px 0 25px;border-bottom:1px solid #e5e5e5}
.sec-head{text-align:center;margin-bottom:28px}
.sec-name{font-size:30px;line-height:1.5;margin-bottom:12px}
.sec-name a{color:#000}
.sec-name a:hover{color:#0167B6}
.sec-desc{max-width:960px;margin:0 auto 30px;color:#666;line-height:1.8}
.portfolio-grid{display:flex;flex-wrap:wrap}
.p-item{width:25%;padding:0 15px;margin-bottom:15px}
.p-box{position:relative;overflow:hidden}
.p-img{position:relative;overflow:hidden}
.p-img img{width:100%;display:block;aspect-ratio:4/3;object-fit:cover}
.p-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;opacity:0;box-shadow:inset 0 0 0 0 #e2e2e2;transition:all .3s ease-in-out}
.p-box:hover .p-overlay{opacity:.95;box-shadow:inset 0 0 0 2px #e2e2e2}
.zoom-btn{position:absolute;z-index:10;top:50%;left:12%;transform:translateY(-50%);width:50px;height:50px;border:2px solid #e2e2e2;border-radius:3px;background:#fff;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s ease-in-out}
.zoom-btn svg{width:20px;height:20px;fill:none;stroke:#282828;stroke-width:2}
.zoom-btn:hover{background:#027CC8;border-color:#027CC8}
.zoom-btn:hover svg{stroke:#fff}
.more-btn{position:absolute;z-index:10;top:50%;left:37%;transform:translateY(-50%);border:2px solid #e2e2e2;border-radius:3px;background:#fff;line-height:26px;padding:0 20px;font-size:12px;font-weight:600;letter-spacing:1.4px;color:#282828;opacity:0;transition:all .3s ease-in-out}
.more-btn:hover{background:#027CC8;border-color:#027CC8;color:#fff}
.p-box:hover .zoom-btn,.p-box:hover .more-btn{opacity:1}
.p-title{margin-top:18px;text-align:center;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.p-title a{color:#000}
.p-title a:hover{color:#0167B6}
.p-cat{margin-top:3px;text-align:center;font-size:13px;font-weight:400;color:#8a9095;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.p-cat a{color:#8a9095}
.p-cat a:hover{color:#0167B6}

/* ---------- 数据统计 sec-stats ---------- */
.sec-stats{position:relative;padding:55px 0 67px;background-size:cover;background-position:center;background-repeat:no-repeat}
.stats-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.4;z-index:1}
.sec-stats .container{position:relative;z-index:2}
.stats-head{text-align:center;color:#fff;margin-bottom:38px}
.st-title{font-size:34px;line-height:1.5;color:#fff;margin-bottom:16px;font-weight:500}
.st-desc{max-width:900px;margin:0 auto;color:rgba(255,255,255,.78);line-height:1.8}
.stat-item{width:25%;padding:0 15px;text-align:center;color:#fff}
.stat-icon{position:relative;width:122px;height:122px;margin:0 auto 15px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.ic-ring{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:#fff;opacity:.1}
.stat-icon svg{position:relative;width:48px;height:48px;fill:none;stroke:#fff;stroke-width:1.5}
.stat-num{font-size:38px;line-height:1.2;color:#fff;font-weight:400}
.stat-label{display:inline-block;margin-top:14px;font-size:16px;color:#fff}

/* ---------- 新闻 sec-news ---------- */
.sec-news{padding:45px 0 25px}
.c-title{font-size:32px;font-weight:400;text-align:center;margin-bottom:30px}
.c-title a{color:#000}
.c-title a:hover{color:#0167B6}
.news-grid{display:flex;flex-wrap:wrap}
.news-item{width:25%;padding:0 15px;margin-bottom:20px}
.n-thumb{display:block;overflow:hidden}
.n-thumb img{width:100%;display:block;aspect-ratio:4/3;object-fit:cover;transition:transform .4s ease}
.news-item:hover .n-thumb img{transform:scale(1.05)}
.n-name{margin-top:15px;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.n-name a{color:#000}
.n-name a:hover{color:#0167B6}
.n-date{margin-top:6px;font-size:12px;font-weight:400;color:#a5aaae;display:flex;align-items:center;gap:6px}
.n-date svg{width:12px;height:12px;fill:none;stroke:#a5aaae;stroke-width:1.6;flex:none}
.n-desc{margin-top:8px;color:#666;font-size:13px;line-height:1.75}

/* ---------- 关于 sec-about ---------- */
.sec-about{padding:30px 0 45px;border-bottom:1px solid #e5e5e5}
.about-head{text-align:center}
.about-title{font-size:30px;line-height:1.5;margin-bottom:14px}
.about-title a{color:#000}
.about-title a:hover{color:#0167B6}
.iabout{max-width:1000px;margin:0 auto;color:#555;line-height:1.85;text-align:center}
.purchase-box{margin-top:26px}
.pb-detail{border:3px solid #efefef;border-radius:3px;padding:0 29px 29px;text-align:center}
.pb-text{font-size:15px;line-height:1.8;font-weight:500;padding:29px 0 0;margin:0}
.read-more{display:inline-block;position:relative;margin-top:20px;background:#000;color:#fff;border:2px solid #000;border-radius:3px;font-size:12px;font-weight:600;letter-spacing:2px;line-height:34px;padding:3px 63px 5px 26px;cursor:pointer;transition:all .3s ease-in-out}
.read-more:after{content:"\2192";position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:16px;transition:right .3s ease-in-out}
.read-more:hover{background:#282828;border-color:#282828;color:#fff}
.read-more:hover:after{right:11px}

/* ---------- 页脚 footer ---------- */
.footer{background:#000}
.footer-top{padding:40px 0 20px;color:#fff}
.f-col{padding:0 15px}
.f-title{font-size:19px;font-weight:700;color:#fff;margin-bottom:26px;letter-spacing:normal}
.f-title a{color:#fff}
.f-title a:hover{color:#1cbac8}
.f-about{line-height:1.75;color:rgba(255,255,255,.72);font-size:13px}
.fn-list li{margin-top:14px}
.fn-list li:first-child{margin-top:0}
.fn-list a{display:flex;align-items:flex-start;color:#fff}
.fn-list img{width:31%;margin-right:7%;float:left;border-radius:2px;aspect-ratio:4/3;object-fit:cover}
.fn-t{width:62%;float:left;line-height:1.4;font-size:13px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.fn-d{width:62%;float:left;margin-top:5px;color:rgba(255,255,255,.55);font-size:12px;font-weight:600;display:flex;align-items:center;gap:5px}
.fn-d svg{width:11px;height:11px;fill:none;stroke:rgba(255,255,255,.55);stroke-width:1.6;flex:none}
.foot-news a:hover .fn-t{color:#1F83D5}
.f-contact p{margin-bottom:19px;color:rgba(255,255,255,.72);font-size:13px;display:flex;align-items:flex-start;line-height:1.6}
.f-contact .t-icon{stroke:#8a9095;margin-top:3px}
.f-contact p a{color:rgba(255,255,255,.72)}
.f-qrcode{padding-top:6px}
.f-qrcode img{display:block;width:200px;height:200px;background:#fff;padding:8px;border-radius:4px}
.footer-bottom{background:#111;color:rgba(255,255,255,.6);font-size:11px;line-height:24px}
.footer-bottom .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;padding-top:14px;padding-bottom:14px}
.copyright{margin-right:26px}
.copyright a{color:rgba(255,255,255,.75);margin-left:10px}
.copyright a:hover{color:#fff}
.f-social{display:flex;gap:16px}
.f-social a{color:rgba(255,255,255,.75);display:flex;align-items:center}
.f-social a:hover{color:#fff}
.f-social svg{width:17px;height:17px;fill:currentColor}

/* ---------- 返回顶部 ---------- */
.go-top{position:fixed;right:12px;bottom:-45px;width:35px;height:35px;border-radius:50%;background:#161625;color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;visibility:hidden;opacity:0;z-index:9999;cursor:pointer;transition:all .3s ease-in-out;border:0}
.go-top svg{width:14px;height:14px;fill:none;stroke:#fff;stroke-width:2.4}
.go-top.show{bottom:7px;visibility:visible;opacity:1}

/* ---------- 内页：面包屑 ---------- */
.crumbs{background:#F4F4F4;padding:30px 0}
.crumbs .row{align-items:center}
.crumbs-cat{font-size:16px;font-weight:700;color:#282828}
.crumbs-loc{text-align:right;font-size:13px;color:#666}
.crumbs-loc svg{width:12px;height:12px;fill:none;stroke:#027CC8;stroke-width:1.8;vertical-align:-1px;margin-right:6px}
.crumbs-loc a{color:#666}
.crumbs-loc a:hover{color:#0167B6}

/* ---------- 内页主体 ---------- */
.innerpage{background:#fff;padding:45px 0}
.main-col{padding:0 15px}
.side-col{padding:0 15px}
.widget{margin-bottom:35px}
.w-title{font-size:19px;line-height:1.3;color:#282828;font-weight:700;margin-bottom:20px;padding-left:12px;border-left:4px solid #027CC8}
.searchform{display:flex}
.s-input{flex:1;height:44px;border:1px solid #ddd;border-right:0;padding:0 12px;font-size:13px;color:#444;background:#fff;outline:0}
.s-input:focus{border-color:#bbb}
.s-btn{width:48px;height:44px;border:0;background:#027CC8;display:flex;align-items:center;justify-content:center;cursor:pointer;flex:none}
.s-btn:hover{background:#373c40}
.s-btn svg{width:16px;height:16px;fill:none;stroke:#fff;stroke-width:2.2}
.s-contact{color:#555;line-height:1.9;font-size:13px}
.sc-line{display:flex;align-items:flex-start;gap:8px;margin-bottom:6px}
.sc-line .t-icon{margin-top:4px;stroke:#027CC8}
.sn-list li{margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid #E8E9EF}
.sn-list li:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.sn-list a{display:flex;align-items:flex-start;gap:12px}
.sn-fig{width:92px;flex:none;overflow:hidden;border-radius:2px}
.sn-fig img{width:100%;display:block;aspect-ratio:4/3;object-fit:cover}
.sn-t{font-size:13px;line-height:1.5;color:#282828;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sn-list a:hover .sn-t{color:#f16543}
.sn-date{display:flex;align-items:center;gap:5px;margin-top:5px;font-size:12px;color:#a5aaae}
.sn-date svg{width:11px;height:11px;fill:none;stroke:#a5aaae;stroke-width:1.6}

/* ---------- 产品列表页 ---------- */
.prolist{width:100%}
.prolist-grid{display:flex;flex-wrap:wrap;margin:0 -8px}
.pl-item{width:33.3333%;padding:0 8px;margin-bottom:22px}
.pl-fig{position:relative;overflow:hidden}
.pl-link{display:block;overflow:hidden;border:1px solid #ededed}
.pl-link img{width:100%;display:block;aspect-ratio:4/3;object-fit:cover;transition:transform .35s ease}
.pl-item:hover .pl-link img{transform:scale(1.04)}
.pl-ov{position:absolute;top:0;left:0;width:100%;height:100%;background:#f16543;opacity:0;transition:all .3s ease-in-out}
.pl-zoom{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.6);width:34px;height:34px;border-radius:50%;border:5px solid #fff;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .25s ease-in-out .05s}
.pl-zoom svg{width:12px;height:12px;background:#fff;border-radius:2px;transform:rotate(45deg)}
.pl-fig:hover .pl-ov{opacity:.7}
.pl-fig:hover .pl-zoom{opacity:1;transform:translate(-50%,-50%) scale(1)}
.pl-title{margin-top:13px;font-size:14px;font-weight:600;text-align:center}
.pl-title a{color:#282828}
.pl-title a:hover{color:#0167B6}
.pl-key{margin-top:4px;color:#666;font-size:12px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pl-sep{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:12px}
.sep-line{width:44px;height:1px;background:#d9dde1}
.sep-sq{width:5px;height:5px;background:#bfc4c8}
.pages{clear:both;padding:18px 0 6px;text-align:center;font-size:12px}
.pages a,.pages span{display:inline-block;min-width:24px;height:24px;line-height:22px;padding:0 8px;background:#fff;border:1px solid #e3e3e3;color:#333;margin-right:-1px}
.pages span{background:#5a85b2;border-color:#5a85b2;color:#fff}
.pages a:hover{background:#f1f1f1;color:#000}

/* ---------- 产品详情页 ---------- */
.pshow{margin-bottom:30px}
.ps-title{font-size:23px;text-align:center;margin:0 0 8px;line-height:1.5}
.ps-tip{display:block;text-align:center;font-size:12px;color:#a5aaae;margin:12px 0 18px}
.p-gallery{display:flex;flex-wrap:wrap;margin:0 -15px}
.pg-item{width:33.3333%;padding:0 15px;margin-bottom:15px}
.pg-item img{width:100%;border:1px solid #ededed;aspect-ratio:4/3;object-fit:cover;display:block}
.ptabs{margin-top:15px}
.ptab-nav{display:flex;border-bottom:1px solid #ddd;margin:0;padding:0;list-style:none}
.ptab-li{margin:0 2px -1px 0}
.ptab-btn{display:block;padding:11px 22px;font-size:14px;color:#333;background:#f6f6f6;border:1px solid #ddd;border-bottom:0;cursor:pointer}
.ptab-li.ptab-on .ptab-btn{color:#D4171E;background:#fff;font-weight:600}
.ptab-pane{display:none;padding-top:22px;width:100%;float:left}
.ptab-pane.pane-on{display:block}
.pd-text p{line-height:1.85;margin-bottom:14px;color:#444}
.spec-table{width:100%;border-collapse:collapse;margin-bottom:6px}
.spec-table th,.spec-table td{border:1px solid #eee;padding:8px 14px;font-size:13px;text-align:left}
.spec-table th{background:#f9f9f9;font-weight:700;width:26%}
.spec-table tr:hover td{background:#fcfcfc}
.feat-list{margin:6px 0 10px}
.feat-li{display:flex;gap:14px;margin-bottom:18px}
.feat-ic{width:44px;height:44px;flex:none;border-radius:3px;border:2px solid #e2e2e2;display:flex;align-items:center;justify-content:center;transition:all .3s}
.feat-ic svg{width:20px;height:20px;fill:none;stroke:#282828;stroke-width:1.8}
.feat-li:hover .feat-ic{background:#027CC8;border-color:#027CC8}
.feat-li:hover .feat-ic svg{stroke:#fff}
.feat-t{font-size:15px;font-weight:600;margin-bottom:4px}
.feat-d{color:#666;font-size:13px;line-height:1.7;margin:0}
.cform .cf-col{margin-bottom:18px}
.cf-input{width:100%;height:44px;line-height:44px;padding:0 16px;border:1px solid #ddd;font-size:13px;color:#444;outline:0;transition:border-color .4s}
.cf-tarea{width:100%;min-height:110px;padding:12px 16px;border:1px solid #ddd;font-size:13px;color:#444;outline:0;font-family:inherit;transition:border-color .4s}
.cf-input:focus,.cf-tarea:focus{border-color:#202020}
.cf-submit{display:inline-block;background:#D4171E;color:#fff;border:none;border-radius:6px;padding:13px 26px;font-size:14px;cursor:pointer;transition:background .3s}
.cf-submit:hover{background:#202E31}
.rel-wrap{margin-top:34px;border-top:1px solid #e5e5e5;padding-top:26px}
.rel-grid{display:flex;flex-wrap:wrap;margin:0 -8px}
.rel-grid .pl-item{width:25%}

/* ---------- 新闻列表页 ---------- */
.news-list{width:100%;float:left}
.nlist-item{display:flex;margin-bottom:34px;padding-bottom:6px}
.nl-fig{flex:none;width:250px;margin-right:25px}
.nl-fig img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;border:1px solid #ededed}
.nlist-item:hover .nl-fig img{opacity:.88}
.nl-sum{flex:1;min-width:0}
.nl-title{font-size:20px;line-height:1.4;margin:2px 0 10px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nl-title a{color:#282828}
.nl-title a:hover{color:#0167B6}
.nl-meta{border-left:2px solid #d7dee0;padding-left:14px;margin-bottom:12px;display:flex;flex-wrap:wrap;gap:16px}
.nm-li{font-size:12px;color:#a5aaae;text-transform:uppercase;display:flex;align-items:center;gap:6px}
.nm-li svg{width:12px;height:12px;fill:none;stroke:#8C9194;stroke-width:1.6}
.nm-li a{color:#a5aaae}
.nm-li a:hover{color:#f16543}
.nl-desc{color:#666;line-height:1.8;font-size:13px}
.nl-more{display:inline-block;margin-top:10px;font-size:12px;text-transform:uppercase;color:#7d8489;letter-spacing:1px}
.nl-more:after{content:"\00BB";color:#f16543;padding-left:6px;font-size:14px}
.nl-more:hover{color:#373c40}

/* ---------- 新闻详情页 ---------- */
.ndet{margin-bottom:26px}
.nd-title{font-size:23px;line-height:1.5;text-align:center;margin:0 0 10px}
.nd-meta{text-align:center;font-size:13px;color:#a5aaae;display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.nd-meta svg{width:12px;height:12px;fill:none;stroke:#a5aaae;stroke-width:1.6;margin-right:4px;vertical-align:-1px}
.nd-meta a{color:#a5aaae}
.nd-meta a:hover{color:#0167B6}
.nd-body p{line-height:1.85;margin-bottom:15px;color:#444;font-size:14px}
.nd-img{display:block;width:100%;max-width:760px;margin:16px auto}
.nd-pn{border-top:1px solid #ebebeb;margin-top:26px;padding:20px 0 8px;display:flex;flex-wrap:wrap;font-size:13px}
.pn-prev,.pn-next{width:50%;line-height:1.7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pn-next{text-align:right}
.pn-prev a,.pn-next a{color:#666}
.pn-prev a:hover,.pn-next a:hover{color:#D82019}
.pn-prev b,.pn-next b{color:#282828;font-weight:600;margin-right:4px}

/* ---------- 关于我们页 ---------- */
.about-wrap{margin-bottom:10px}
.ab-block{margin-bottom:34px}
.ab-h{font-size:20px;margin-bottom:16px;padding-left:12px;border-left:4px solid #027CC8;line-height:1.4}
.ab-p{line-height:1.9;color:#444;font-size:14px}
.timeline{position:relative;margin:10px 0 20px;padding-left:26px}
.timeline:before{content:"";position:absolute;left:6px;top:6px;bottom:6px;width:1px;background:#d7dee0}
.tl-item{position:relative;padding:0 0 22px 16px}
.tl-dot{position:absolute;left:-26px;top:4px;width:9px;height:9px;border-radius:50%;background:#027CC8;box-shadow:0 0 0 3px rgba(2,124,200,.18)}
.tl-date{font-size:13px;font-weight:700;color:#027CC8;margin-bottom:3px}
.tl-txt{font-size:13px;color:#666;line-height:1.7;margin:0}
.cul-grid{display:flex;flex-wrap:wrap;margin:0 -10px}
.cul-item{width:33.3333%;padding:0 10px;margin-bottom:16px}
.cul-box{border:1px solid #e5e5e5;border-top:3px solid #027CC8;padding:24px 20px;text-align:center;height:100%}
.cul-ic{width:52px;height:52px;margin:0 auto 14px;border-radius:50%;background:#f2f6fa;display:flex;align-items:center;justify-content:center}
.cul-ic svg{width:24px;height:24px;fill:none;stroke:#027CC8;stroke-width:1.7}
.cul-t{font-size:16px;margin-bottom:8px}
.cul-d{font-size:13px;color:#666;line-height:1.7;margin:0}
.team-grid{display:flex;flex-wrap:wrap;margin:0 -10px}
.tm-item{width:25%;padding:0 10px;margin-bottom:18px;text-align:center}
.tm-img{width:110px;height:110px;margin:0 auto 12px;border-radius:50%;overflow:hidden;border:3px solid #e5e5e5}
.tm-img img{width:100%;height:100%;object-fit:cover;display:block}
.tm-name{font-size:15px;margin-bottom:2px}
.tm-job{font-size:12px;color:#a5aaae;font-weight:400;margin:0}
.pt-grid{display:flex;flex-wrap:wrap;margin:0 -8px}
.pt-item{width:33.3333%;padding:0 8px;margin-bottom:14px}
.pt-box{border:1px dashed #d9dde1;padding:14px 10px;text-align:center;font-size:13px;color:#666;background:#fafbfc}

/* ---------- 联系我们页 ---------- */
.ct-grid{display:flex;flex-wrap:wrap;margin:0 -12px 26px}
.ct-item{width:25%;padding:0 12px;margin-bottom:16px}
.ct-box{border:1px solid #e5e5e5;padding:22px 16px;text-align:center;height:100%;transition:all .3s}
.ct-box:hover{box-shadow:0 4px 14px rgba(0,0,0,.08);transform:translateY(-3px)}
.ct-ic{width:46px;height:46px;margin:0 auto 12px;border-radius:50%;background:#027CC8;display:flex;align-items:center;justify-content:center}
.ct-ic svg{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:1.8}
.ct-t{font-size:15px;margin-bottom:6px}
.ct-d{font-size:13px;color:#666;line-height:1.6;margin:0;word-break:break-all}
.map-img{width:100%;display:block;margin-bottom:28px;border:1px solid #ededed}

/* ============================================================
   响应式（媒体查询统一置尾）
   ============================================================ */
@media (min-width:1410px){.container{max-width:1170px}}
@media (min-width:1890px){.container{max-width:1370px}}
@media (max-width:1024px){
  .container{max-width:98%}
  .menu .Lev1{margin:0 5px}
  .h-logo{float:left;padding:17px 15px}
  .logo-name{font-size:18px}
  .slide-item{height:380px}
  .sec-portfolio{padding:20px 0 15px}
  .p-title{font-size:15px}
  .sec-news{padding:30px 0 10px}
  .n-name{font-size:15px}
  .sec-about{padding:20px 0 35px}
  .iabout p{margin-bottom:0}
}
@media (max-width:990px){
  .container{max-width:99%}
  .crumbs-loc .loc-txt{display:none}
  .main-col{width:100%}
  .side-col{width:100%;margin-top:30px}
  .foot-news,.foot-qrcode{display:none}
  .f-col{width:50%}
  .footer-top{padding:30px 0 15px}
  .nl-fig{width:220px}
  .st-desc{margin-bottom:0}
}
@media (max-width:768px){
  .slide-item{height:340px}
  .c-title{font-size:26px;font-weight:700}
  .p-item{width:50%}
  .news-item{width:50%}
  .stat-item{width:50%;margin-bottom:24px}
  .stat-icon{width:88px;height:88px;margin-bottom:10px}
  .stat-icon svg{width:34px;height:34px}
  .stat-num{font-size:28px}
  .stat-label{font-size:14px;margin-top:8px}
  .st-title{font-size:26px}
  .st-desc{font-size:13px}
  .pl-item{width:50%}
  .btn-menu{display:flex}
  .h-nav{width:100%}
  .mainnav{display:none;width:100%;background:#07232E}
  .mainnav.menuopen{display:block}
  .menu{display:block}
  .menu .Lev1{margin:0}
  .menu .Lev1>a.menu1{color:#fff;padding:13px 18px;border-top:1px solid rgba(255,255,255,.4);display:flex;justify-content:space-between;align-items:center}
  .menu .Lev1>a.menu1:after{display:none}
  .menu .Lev1>a.menu1 .caret{stroke:#fff}
  .sub-menu{position:static;opacity:1;visibility:visible;transform:none;background:rgba(255,255,255,.06);border:0;border-radius:0;box-shadow:none;padding:2px 0}
  .sub-menu .Lev2 a.menu2{color:rgba(255,255,255,.75);padding:9px 34px;margin:0}
  .f-about p{margin-bottom:0}
}
@media (max-width:740px){
  .t-email{display:none}
  .slide-item{height:300px}
  .foot-contact{display:none}
  .f-col{width:100%;margin-bottom:20px}
  .crumbs{padding:22px 0}
  .crumbs .row{flex-direction:column;gap:6px;align-items:flex-start}
  .crumbs-loc{text-align:left}
}
@media (max-width:600px){
  .ct-item{width:50%}
  .cul-item{width:100%}
  .tm-item{width:50%}
  .pt-item{width:50%}
}
@media (max-width:480px){
  .slide-item{height:260px}
  .sec-name{font-size:24px}
  .st-title{font-size:24px}
  .about-title{font-size:24px}
  .nlist-item{flex-direction:column}
  .nl-fig{width:100%;margin-right:0;margin-bottom:14px}
  .nl-title{font-size:17px}
  .pn-prev,.pn-next{width:100%;text-align:left}
  .footer-top{padding:20px 0 10px}
  .f-title{margin-bottom:14px}
  .pg-item{width:100%}
}
@media (max-width:420px){
  .top-right{display:none}
  .slide-item{height:220px}
  .news-item{width:100%}
}
@media (max-width:360px){
  .slide-item{height:200px}
  .p-item{width:100%}
  .pl-item{width:100%}
  .rel-grid .pl-item{width:100%}
}