/* EGERSEAL v1.0 2026-11 */
:root{--blue:#0d4f8b;--blue2:#1565c0;--dark:#0e2233;--accent:#e87722;--bg:#f4f7fa;--line:#dfe7ee;--txt:#22313f}
*{box-sizing:border-box;margin:0;padding:0}
body{font:15px/1.65 "Segoe UI",Arial,Helvetica,sans-serif;color:var(--txt);background:#fff}
a{color:var(--blue2);text-decoration:none}a:hover{text-decoration:underline}
img{max-width:100%;height:auto;display:block}
.container{max-width:1200px;margin:0 auto;padding:0 16px}
.topbar{background:var(--dark);color:#cfe0ef;font-size:13px;padding:6px 0}
.topbar .container{display:flex;gap:14px;align-items:center}
.topbar a{color:#fff}
.sep{width:1px;height:12px;background:#3a5470}
.header{background:#fff;border-bottom:3px solid var(--blue);box-shadow:0 1px 4px rgba(0,0,0,.06)}
.hrow{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 16px;flex-wrap:wrap}
.logo img{max-height:58px;width:auto}
.mainnav>ul{display:flex;list-style:none;gap:4px;flex-wrap:wrap}
.mainnav a{display:block;padding:10px 14px;color:var(--dark);font-weight:600;border-radius:3px}
.mainnav a:hover,.mainnav a.active{background:var(--blue);color:#fff;text-decoration:none}
.mainnav li{position:relative}
.mainnav .dropdown{display:none;position:absolute;top:100%;left:0;background:#fff;min-width:230px;
 list-style:none;box-shadow:0 6px 18px rgba(0,0,0,.15);border-top:2px solid var(--accent);z-index:99}
.mainnav li:hover .dropdown{display:block}
.mainnav .dropdown a{padding:9px 16px;font-weight:400;white-space:nowrap}
.crumbbar{background:var(--bg);border-bottom:1px solid var(--line);font-size:13px;padding:9px 0;color:#5b7085}
.crumbbar a{color:#5b7085}
.main{display:grid;grid-template-columns:1fr;gap:26px;padding:26px 16px}
.main.withside{grid-template-columns:250px 1fr}
@media(max-width:960px){.main.withside{grid-template-columns:1fr}}
.sidebox{background:#fff;border:1px solid var(--line);border-radius:6px;padding:16px;margin-bottom:18px}
.sidebox h3{font-size:15px;color:var(--blue);border-bottom:2px solid var(--line);padding-bottom:8px;margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}
.cattree{list-style:none}
.cattree>li{margin-bottom:4px}
.cattree>li>a{display:block;font-weight:600;padding:7px 8px;border-radius:4px}
.cattree>li>a:hover,.cattree>li>a.on{background:#eaf2fb;color:var(--blue);text-decoration:none}
.cattree ul{list-style:none;padding-left:10px;margin:4px 0}
.cattree ul a{display:block;padding:5px 8px;font-size:13.5px;color:#43596e}
.cattree ul a:hover{color:var(--blue)}
.sidecontact p{font-size:13.5px;margin-bottom:6px;color:#43596e}
.btn{display:inline-block;padding:10px 22px;border-radius:4px;font-weight:600;border:0;cursor:pointer;font-size:14.5px}
.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:#d96a15;text-decoration:none;color:#fff}
.btn-outline{border:1.5px solid var(--blue2);color:var(--blue2);background:#fff}
.btn-outline:hover{background:var(--blue2);color:#fff;text-decoration:none}
.btn-block{display:block;text-align:center;margin-top:8px}
.ptit{font-size:20px;color:var(--dark);margin:26px 0 14px;padding-left:12px;border-left:4px solid var(--accent);text-transform:uppercase;letter-spacing:.5px}
.progrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}
.pcard{border:1px solid var(--line);border-radius:6px;overflow:hidden;background:#fff;transition:box-shadow .2s}
.pcard:hover{box-shadow:0 6px 20px rgba(13,79,139,.16)}
.pcard a:hover{text-decoration:none}
.pcard .im{height:190px;background:#fff;display:flex;align-items:center;justify-content:center;padding:10px;border-bottom:1px solid var(--line)}
.pcard .im img{max-height:170px;width:auto}
.pcard .nm{font-weight:600;color:var(--dark);padding:10px 14px 4px;font-size:14.5px}
.pcard .ds{font-size:13px;color:#5b7085;padding:0 14px 12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pcard .ft{padding:0 14px 14px}
/* 产品详情 */
.prodetail{display:grid;grid-template-columns:400px 1fr;gap:28px;margin-top:6px}
@media(max-width:860px){.prodetail{grid-template-columns:1fr}}
.prodetail .gallery img.main{width:100%;border:1px solid var(--line);border-radius:6px}
.prodetail h1{font-size:24px;color:var(--dark);margin-bottom:12px}
.specbox{background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:14px 16px;
 white-space:pre-line;font-size:14px;color:#33475a;margin-bottom:16px}
.actrow{display:flex;gap:12px;flex-wrap:wrap}
.article img{margin:14px auto;border:1px solid var(--line)}
.article p{margin-bottom:12px}
.newslist li{list-style:none;border-bottom:1px solid var(--line);padding:16px 0}
.newslist h3{font-size:17px;margin-bottom:4px}
.newslist .dt{font-size:13px;color:#8898a8;margin-bottom:6px}
.newslist .ex{font-size:14px;color:#5b7085}
/* 首页 */
.hero{position:relative;overflow:hidden}
.hero .slides{display:flex;scroll-snap-type:x mandatory;overflow-x:auto;height:420px}
.hero .slides a{flex:0 0 100%;scroll-snap-align:start}
.hero img{width:100%;height:420px;object-fit:cover}
.hometitle{text-align:center;font-size:26px;color:var(--dark);margin:38px 0 6px;text-transform:uppercase;letter-spacing:1px}
.homesub{text-align:center;color:#5b7085;margin-bottom:26px}
.badges{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin:22px 0}
.badge{background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:18px 12px;text-align:center;font-weight:600;color:var(--blue);font-size:14.5px}
.aboutrow{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}
@media(max-width:860px){.aboutrow{grid-template-columns:1fr}}
.aboutrow p{margin-bottom:10px;text-align:justify}
.certgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.certgrid img{border:1px solid var(--line);border-radius:4px}
.cta{background:linear-gradient(120deg,var(--blue),var(--blue2));color:#fff;border-radius:8px;
 padding:34px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin:40px 0}
.cta h3{font-size:22px;margin-bottom:6px}
.cta .btn{background:#fff;color:var(--blue)}
footer{background:var(--dark);color:#b9c9d9;margin-top:30px}
.fgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:26px;padding:34px 16px;font-size:13.5px}
footer h4{color:#fff;font-size:15px;margin-bottom:10px}
footer ul{list-style:none}footer li{margin-bottom:7px}
footer a{color:#b9c9d9}footer a:hover{color:#fff}
.copyright{border-top:1px solid #24425e;padding:12px 0;font-size:12.5px;text-align:center;color:#8ba3b8}
.copyright a{color:#8ba3b8}
.pagenote{background:#fff;border:1px dashed var(--line);border-radius:6px;padding:26px;text-align:center;color:#5b7085}
.contactcards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:20px 0}
.ccard{background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:20px}
.ccard h4{color:var(--blue);margin-bottom:8px}
.gallerygrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.gallerygrid img{border:1px solid var(--line);border-radius:4px}
/* sitemap list */
.smap ul{list-style:none;padding-left:18px;margin:6px 0}
.smap a{color:#43596e}