/* ==========================================================
   OPEKAL 首页样式
   ========================================================== */
:root{
    --teal:#176c68;         /* 主题青绿色 */
    --teal-bright:#2dbcb8;  /* 深色背景上的高亮青绿 */
    --dark:#292929;         /* 标题/页脚深色 */
    --gray-6:#292929;       /* 正文灰 */
    --gray-9:#999999;       /* 次要灰 */
    --line:#dbdbdd;         /* 边框线 */
    --bg-gray:#f9f9f9;      /* 灰色底 */
	--bg-light-cyan:#fafefe;
    --container:1320px;
}

*{margin:0;padding:0;box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{font-family:"PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;font-size:14px;color:var(--dark);background:#fff;overflow-x:hidden;}
ul, li{list-style:none;}
a{color:inherit;text-decoration:none;transition:color .3s;}
img{display:block;max-width:100%;border:0;}
button{font-family:inherit;border:0;background:none;cursor:pointer;}
input{font-family:inherit;outline:none;}

.container{width:var(--container);max-width:calc(100% - 20px);margin:0 auto;}

/* 通用标题 / 按钮 */
.sec-title{font-size:28px;font-weight:600;color:var(--dark);line-height:1.2;flex:none;}
.desc{font-size:13px;color:var(--gray-6);line-height:1.6;margin-top:18px;white-space: break-spaces}
.btn-more{display:inline-flex;align-items:center;gap:6px;margin-top:25px;padding:11px 26px;background:var(--teal);color:#fff;font-size:13px;border-radius:999px;transition:background .3s, transform .3s;}
.btn-more:hover{background:#0f5556;transform:translateY(-2px);}
.btn-more span{font-size:13px;}

.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;}
.link-more{font-size:14px;color:var(--gray-6);padding-bottom:4px;flex:1;text-align:right;border-bottom:1px solid #969696;}
.link-more:hover{color:var(--teal);}

/* ==========================================================
   头部
   ========================================================== */
.header{position:absolute;top:0;left:0;right:0;z-index:100;padding:20px 0;}
.header.white{background-color:#FFFFFF;box-shadow:0 0 10px #00000014;}
.header.sticky{position:fixed;z-index:998;top:0;left:0;bottom:initial;transition:all 0.4s ease;animation:fadeInDown 0.5s both 0.1s;background-color:#FFFFFF;width:100%;box-shadow:0 0 10px #00000014;}
.header.sticky .nav a,.header.white .nav a{color:#000}
.header.sticky li.active a, .header.sticky a:hover,.header.white li.active a, .header.white a:hover{color:var(--teal-bright)}
.header.sticky .logo img,.header.white .logo img{filter:brightness(0); }
.header.sticky .header-ops a path,.header.white .header-ops a path{fill:#000000}
.header.sticky .header-ops a:hover path,.header.white .header-ops a:hover path{fill:#2c9c87}

.header-inner{display:flex;align-items:center;position:relative;padding:10px 0;}
.header-lts{display:flex;justify-content:space-between;align-items:center;gap:50px;min-width:calc(50% + 100px);}
.mobile-nav{display:none}
.nav ul{display:flex;gap:44px;}
.nav a{color:#fff;font-size:16px;position:relative;padding:6px 0;}
.nav a::after{content:"";position:absolute;left:50%;bottom:0;width:0;height:2px;background:var(--teal-bright);transform:translateX(-50%);transition:width .3s;}
.nav li.active a, .nav a:hover{color:var(--teal-bright);}
.nav li.active a::after, .nav a:hover::after{width:100%;}
.logo img{height:38px;width:auto;}

.header-ops{margin-left:auto;display:flex;align-items:center;gap:26px;}
.header-ops a:hover path{fill:#2c9c87}

/* 弹框搜索 */
.altSear{width:100%;height:100%;background-color:rgba(0,0,0,0.6);top:0;left:0;position:fixed;z-index:999;display:none;flex-flow:column;justify-content:center;align-items:center;}
.search{width:900px;max-width:90%;background-color:#FFF;position:relative;overflow:hidden;padding:50px 20px 40px}
.search .search-radio{font-size:16px;margin-bottom:1em;display:flex;gap:0.8em;}
.search .search-radio label{padding:40px 10px;border:1px solid #999;border-radius:4px;cursor:pointer;transition:all 0.2s ease;}
.search .search-radio input[type="radio"]{display:none;}
.search .search-radio input[type="radio"]:checked + label{background:#ff7800;border-color:#ff7800;color:#fff;}
.search .search-radio label:hover{border-color:#ff7800;}
.search .search-form{width:100%;overflow:hidden;border:1px solid #000;position:relative;padding:10px 0;}
.search .search-form input{width:100%;height:100%;padding:0 30px 0 10px;border:none;background:#fff;color:#2C2D3F;display:block;font-size:24px}
.search .search-form button{position:absolute;right:0;height:100%;top:0;width:3.6em;background:#FFF;border:none;color:#fff;display:block;background-image:url(../icons/search_black.svg);background-repeat:no-repeat;background-position:center;font-size:20px;background-size:1.4em auto;border-radius:0;}
.search .search-form button:hover{background-image:url(../icons/search_cyan.svg);}
.search .closes{font-family:"Arial";color:#333333;transform:rotateX(35deg);font-size:32px;position:absolute;top:0.3em;right:0.3em;cursor:pointer;transition:0.5s;}
.search .closes:hover{color:#2c9c87;}


/* ==========================================================
   Banner 轮播
   ========================================================== */
.banner{width:100%;background:#111;}
.banner .owl-stage-outer{overflow:hidden;}
.banner .item img{width:100%;height:auto;}

/* 左右箭头 */
.banner .owl-nav{margin:0;position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:none;}
.banner .owl-nav button{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:76px;margin:0;padding:0;background:rgba(255, 255, 255, .18) !important;color:#fff;font-size:20px;line-height:normal;pointer-events:auto;transition:background .3s;display:flex;align-items:center;justify-content:center;}
.banner .owl-nav button:hover{background:rgba(25, 106, 107, .85) !important;}
.banner .owl-nav .owl-prev{left:24px;border-radius:4px;}
.banner .owl-nav .owl-next{right:24px;border-radius:4px;}
.banner .owl-nav button::before{content:"";display:block;width:11px;height:11px;border-top:2px solid #fff;border-right:2px solid #fff;}
.banner .owl-nav .owl-prev::before{transform:rotate(-135deg);margin-left:5px;}
.banner .owl-nav .owl-next::before{transform:rotate(45deg);margin-right:5px;}

/* 底部圆点（带倒计时圆环，参考 qianbei） */
.banner .owl-dots{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);display:flex;gap:10px;z-index:9;}
.banner .owl-dots .owl-dot{width:24px;height:24px;border:none;background:transparent;padding:0;position:relative;cursor:pointer;border-radius:50%;}
.banner .owl-dots .owl-dot::after{content:"";position:absolute;width:8px;height:8px;background:rgba(255, 255, 255, .8);border-radius:50%;left:50%;top:50%;transform:translate(-50%, -50%);z-index:2;transition:background .3s;}
.banner .owl-dot svg{width:24px;height:24px;position:absolute;left:0;top:0;display:none;}
.banner .owl-dot.active svg{display:block;}
.banner .owl-dot .ring-bg{fill:none;stroke:rgba(255, 255, 255, .25);stroke-width:2;}
.banner .owl-dot .ring-progress{fill:none;stroke:#fff;stroke-width:2;stroke-dasharray:56.548;stroke-dashoffset:56.548;transform:rotate(-90deg);transform-origin:center;}
.banner .owl-dot.active .ring-progress{animation:ringCountdown 5000ms linear forwards;}
@keyframes ringCountdown{
    from{stroke-dashoffset:56.548;}
    to {stroke-dashoffset:0;}
}

/* ==========================================================
   数据概览
   ========================================================== */
.stats{background:#f9f9f9;padding:52px 0;}
.stats-list{display:flex;justify-content:space-between;}
.stats .ls{flex:1;text-align:center;}
.stats .num{font-size:40px;font-weight:700;color:#1c1c1c;line-height:1.1;}
.stats .num i{font-style:normal;font-size:18px;font-weight:400;color:#444;margin-left:3px;}
.stats .label{font-size:16px;color:#444;max-width: 200px;margin: 10px auto 0;}

/* ==========================================================
   旗下品牌
   ========================================================== */
.brands{background:#fff;padding:60px 0;}
.brands-head{display:flex;align-items:center;gap:110px;}
.brand-tabs{display:grid;gap:24px;flex:1;grid-template-columns:repeat(4, 1fr);}
.brand-tab{position:relative;height:83px;padding:0;overflow:hidden;flex:none;display:flex;justify-content:center;align-items:center;box-shadow:0 0 8px #DDD;border-radius:6px}
.brand-tab img{max-width:80%;max-height:100%;}
.brand-tab:hover{background-color:#176c68;}
.brand-tab:hover img{filter:brightness(0) invert(1);}


/* ---- 热销产品：全屏无缝走马灯 ---- */
.hot-marquee{overflow:hidden;width:100%;}
.marquee{display:flex;width:max-content;}
.hot-marquee .marquee{animation:marqueeLeft 32s linear infinite;}
.marquee:hover{animation-play-state:paused;}
.marquee .lists{display:flex;}
.hot-marquee .card{width:276px;flex:none;margin-right:15px;border:1px solid var(--line);background:#fff;display:flex;flex-direction:column;align-items:center;transition:background .3s, border-color .3s;backface-visibility:hidden;padding:20px 28px;border-radius:8px}
.hot-marquee .card .ts{padding:16px 10px 12px;font-size:14px;color:var(--dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;transition:color .3s;}
.hot-marquee .card .imgs{width:100%;aspect-ratio:1 / 1;overflow:hidden;}
.hot-marquee .card .imgs img{width:100%;height:100%;object-fit:cover;user-select:none;}
.hot-marquee .card .plus{font-size:32px;color:#292929;padding:10px 0 0;line-height:1;transition:color .3s;margin-top:10px}
.hot-marquee .card:hover{background:#f6f6f6;border-color:#f6f6f6;}
.hot-marquee .card:hover .ts{color:var(--teal);}
.hot-marquee .card:hover .plus{color:var(--teal);}
@keyframes marqueeLeft{
    from{transform:translateX(0);}
    to {transform:translateX(-50%);}
}

/* ==========================================================
   一站式服务
   ========================================================== */
.service{background:#fff;padding:70px 0 90px;}
.service-inner{display:flex;gap:60px;}
.service .txt-col{flex:none;width:375px;}
.service .sub-ts{font-size:16px;color:#292929;}
.service .big-ts{font-size:28px;font-weight:600;margin-top:14px;}
.video-col{display:flex;gap:12px;flex:1;justify-content:flex-end;}

/* 视频盒子（通用） */
.v-box{position:relative;background:#000;overflow:hidden;}
.v-box video{width:100%;height:100%;object-fit:cover;display:block;cursor:pointer;}
.video-col .v-box{width:calc((100% - 24px) / 3);aspect-ratio:300 / 400;}
.custom-play-btn{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:64px;height:64px;border-radius:50%;border:2px solid rgba(255, 255, 255, .9);cursor:pointer;z-index:3;transition:transform .3s, opacity .3s;}
.custom-play-btn::before{content:"";position:absolute;left:50%;top:50%;transform:translate(-38%, -50%);border-style:solid;border-width:11px 0 11px 18px;border-color:transparent transparent transparent #fff;}
.custom-play-btn:hover{transform:translate(-50%, -50%) scale(1.08);}
.custom-play-btn.hide{opacity:0;pointer-events:none;}

/* ==========================================================
   制造设备
   ========================================================== */
.equip{background:var(--bg-gray);padding:90px 0;}
.equip-inner{display:flex;align-items:center;gap:46px;}
.equip-video{width:58%;aspect-ratio:16 / 9;flex:none;}
.equip .txt-col{flex:1;}
.equip .strong-ts{font-size:16px;color:#333;line-height:1.9;margin-top:22px;}
.equip .desc{margin-top:14px;font-size: 15px;}
.equip .desc p{margin-bottom:10px}
/* ==========================================================
   真实反馈
   ========================================================== */
.feedback{background:var(--bg-gray);padding:0 0 90px;display:flex;align-items:center;}
.fb-left{flex:none;width:calc(50vw - 280px);min-width:420px;}
.fb-left-inner{width:340px;margin-left:max(30px, calc(50vw - var(--container) / 2));}
.fb-right{flex:1;min-width:0;overflow:hidden;}
.fb-right .marquee{animation:marqueeLeft 36s linear infinite;}
.fb-right .card{width:270px;flex:none;margin-right:14px;display:flex;flex-direction:column;transition:transform .3s;border-radius:8px;overflow:hidden;}
.fb-right .card .imgs{width:100%;aspect-ratio:270 / 360;overflow:hidden;background:#f3f3f3;}
.fb-right .card .imgs img{width:100%;height:100%;object-fit:cover;user-select:none;}
.fb-right .card .txts{flex:1;background:#FFFFFF;padding:18px 16px;font-size:14px;color:#555;line-height:1.6;transition:background .3s, color .3s;}
.fb-right .card:hover{transform:translateY(-8px);}
.fb-right .card:hover .txts{background:var(--teal);color:#fff;}

/* ==========================================================
   产品分类
   ========================================================== */
.category{background:#fff;padding:90px 0 60px;}
.cate-grid{margin-top:40px;display:grid;grid-template-columns:repeat(4, 1fr);grid-template-rows:repeat(2, 1fr);gap:12px;}
.cate-grid .card{position:relative;overflow:hidden;display:block;border-radius:6px;}
.cate-grid .card.small{aspect-ratio:321 / 232;}
.cate-grid .card.tall{aspect-ratio:323 / 476;}
.cate-grid .card img{width:100%;height:100%;object-fit:cover;filter:grayscale(100%);transition:filter .5s, transform .5s;}
.cate-grid .card:hover img{filter:grayscale(0);transform:scale(1.05);}
.cate-grid .card::after{content:"";position:absolute;inset:0;background:rgba(0, 0, 0, .18);transition:background .4s;}
.cate-grid .card:hover::after{background:rgba(0, 0, 0, 0);}
.cate-grid .ts{position:absolute;left:0;right:0;bottom:22px;z-index:2;text-align:center;color:#fff;font-size:18px;font-weight:600;text-shadow:0 1px 6px rgba(0, 0, 0, .4);}
.cate-grid .ts::after{content:"";display:block;width:26px;height:2px;background:#fff;margin:8px auto 0;}

/* ==========================================================
   新闻资讯
   ========================================================== */
.news{background:#fff;padding:0 0 90px;}
.news-inner{margin-top:40px;display:flex;gap:60px;}
.news-main{flex:none;width:57%;display:block;}
.news-main .imgs{overflow:hidden;}
.news-main .imgs img{width:100%;transition:transform .5s;border-radius:8px}
.news-main:hover .imgs img{transform:scale(1.04);}
.news-main .ts{font-size:20px;font-weight:700;margin-top:24px;line-height:1.5;transition:color .3s;}
.news-main:hover .ts{color:var(--teal);}
.news-main .dt, .news-side .dt{font-size:16px;color:#b0b0b0;margin-top:10px;}
.news-side{flex:1;min-width:0;display:flex;flex-direction:column;}
.news-side .ls{display:flex;gap:18px;align-items:center;padding:28px 0;border-bottom:1px solid var(--line);}
.news-side .imgs{flex:none;width:152px;overflow:hidden;aspect-ratio:152 / 98;border-radius:5px;}
.news-side .imgs img{width:100%;height:100%;object-fit:cover;transition:transform .5s;}
.news-side .ls:hover .imgs img{transform:scale(1.05);}
.news-side .ts{font-size:16px;font-weight:600;line-height:1.6;transition:color .3s;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;word-break: break-all;}
.news-side .ls:hover .ts{color:var(--teal);}
.news-side .dt{margin-top:8px;}

/* ==========================================================
   资质证书
   ========================================================== */
.cert{background:#fff;padding:0 0 100px;}
.cert-list{margin-top:40px;display:flex;gap:24px;flex-wrap: wrap;}
.cert-list .ls{border:1px solid var(--line);overflow:hidden;transition:box-shadow .3s, transform .3s;border-radius:6px;}
.cert-list .ls:hover{box-shadow:0 8px 24px rgba(0, 0, 0, .1);transform:translateY(-4px);}
.cert-list img{width:100%;}

/* ==========================================================
   页脚
   ========================================================== */
.footer{background:var(--dark);color:#fff;}
.footer-top{display:grid;grid-template-columns:180px 180px 1fr 420px;gap:40px;padding:70px 0 60px;}
.footer .ct{font-size:14px;color:#8f8f8f;margin-bottom:22px;}
.footer ul li{font-size:14px;color:#fff;line-height:2.5;}
.footer ul li a:hover{color:var(--teal-bright);}
.sub-form{display:flex;border:1px solid #5c5c5c;border-radius:6px;}
.sub-form input{flex:1;height:46px;padding:0 16px;background:transparent;color:#fff;font-size:14px;border:none;}
.sub-form input::placeholder{color:#7d7d7d;}
.sub-form button{width:52px;height:46px;border:none;color:#fff;display:flex;align-items:center;justify-content:center;transition:background .3s, border-color .3s;}
.sub-form button:hover{background:var(--teal);border-color:var(--teal);}
.footer-bottom{border-top:1px solid #a1a1a1;}
.fb-inner{display:flex;align-items:center;justify-content:space-between;padding:22px 0;}
.fb-logo img{height:28px;width:auto;}
.copy{font-size:13px;color:#8f8f8f;}
.lang{display:flex;align-items:center;gap:10px;font-size:13px;color:#6f6f6f;}
.lang a{color:#9a9a9a;}
.lang a.active, .lang a:hover{color:#fff;}

/* ==========================================================
   右侧悬浮
   ========================================================== */
.float-bar {position:fixed;right:20px;bottom:20px;z-index:98;width:46px;height:46px;}
.float-bar .fi {width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;position:absolute;right:0;bottom:0;box-shadow:0 4px 12px rgba(0,0,0,0.15);transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}
.float-bar .fi:hover {transform:scale(1.08);}
.float-bar .fi img {width:50%;height:50%;transition:transform 0.3s;}
.float-bar .phone { background:#34b96f; }
.float-bar .mail { background:#2f9bf4; }
.float-bar .wa { background:#25d366; }
.float-bar .toggle {background:#292929;color:#fff;z-index:10;transform:rotate(0deg);}
.float-bar .toggle:hover {background:#000;}
.float-bar .float-group {position:absolute;right:0;bottom:0;width:100%;height:100%;}
.float-bar:not(.is-open) .float-group .fi {transform:translate(0, 0) scale(0);opacity:0;pointer-events:none;}
.float-bar.is-open .float-group .phone {transform:translate(5px, -66px);opacity:1;}
.float-bar.is-open .float-group .mail {transform:translate(-46px, -48px);opacity:1;}
.float-bar.is-open .float-group .wa {transform:translate(-60px, 5px);opacity:1;}
.float-bar.is-open .toggle {transform:rotate(135deg); }



@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:none}}
@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:none}}
@keyframes myfirst{0%{transform:translate(0px, 0px);}20%{transform:translate(0px, -6px);}40%{transform:translate(0px, 4px);}60%{transform:translate(0px, -3px);}80%{transform:translate(0px, 1px);}90%{transform:translate(0px, -2px);}100%{transform:translate(0px, 0px);}}
/* ==========================================================
   响应式
   ========================================================== */
@media (max-width:1400px){
    .brand-tab{height:68px;}
}
@media (max-width:1120px){
    .stats .num{font-size:32px;}
    .fb-left{min-width:340px;width:40vw;}
    .fb-left-inner{margin-left:10px;}
    .footer-top{grid-template-columns:15% 15% 1fr 300px;gap:30px;}
	.brands-head{gap:60px;}
	.desc,.btn-more{font-size:12px}
	.service .sub-ts{font-size:14px}
	.service .big-ts{font-size:22px;}
	.btn-more{margin-top:16px;}
	.desc{margin-top:14px;}
	.service-inner{gap:30px;}
	.service,.feedback,.news,.cert{padding-bottom:60px}
	.equip{padding:60px 0;}
	.equip-inner{gap:26px;}
	.category{padding:60px 0 40px;}
	.news-inner{gap:40px;}
	.news-side .ls{padding:18px 0;}
	.news-side .imgs{width:112px;}
	.news-side .ts{font-size:14px;}
	.news-main .dt, .news-side .dt{font-size:12px;}
	.news-main .ts{font-size:16px;}
}
@media (max-width:900px){
    .header-inner{justify-content:space-between;}
    .logo{position:static;transform:none;order:-1;}
	.search{padding:36px 20px 34px;}
	.search .closes{top:0;}
	.search .search-form input{font-size:16px}
	.stats{padding:32px 0;}
    .stats-list{flex-wrap:wrap;gap:20px 0;justify-content:unset;}
	.stats .num{font-size:20px;}
	.stats .num i{font-size:14px;}
	.stats .label{font-size:12px;}
    .stats .ls{flex:0 0 33%;}
	.brands{padding:30px 0}
	.brands-head{gap:20px;flex-flow:column;}
    .brand-tabs{gap:10px;display:grid;grid-template-columns:repeat(2, 1fr);width:100%;}
    .brand-tab{width:100%;height:55px;}
	.hot-marquee{margin-top:30px}
	.sec-title{font-size:20px}
	.hot-marquee .card{width:180px;padding:6px 12px 14px;border-radius:4px;}
	.hot-marquee .card .plus{font-size:24px;margin-top:0}
	.hot-marquee .card .ts{font-size:12px}
	.service{padding-top:40px}
	.service-inner{flex-flow:column;}
	.service .txt-col{width:100%}
	.service .big-ts{font-size:20px}
	.equip{padding:40px 0}
	.equip-inner{flex-flow:column}
	.equip-video{width:100%;}
	.btn-more{margin-top:12px;}
    .video-col{flex-wrap:wrap;}
    .video-col .v-box{width:100%;}
	
	.fb-right .card{width:180px;}
	.fb-right .card .txts{padding:14px 12px;font-size:12px;}
    .feedback{flex-direction:column;align-items:flex-start;gap:28px;}
	.service, .feedback, .news, .cert{padding-bottom:40px}
	.category{padding:40px 0;}
	.news-inner{flex-flow:column;gap:20px;}
	.news-main{width:100%;}
	.cert-list{justify-content:center;gap:16px 3%;width:100%;flex-wrap:wrap;}
	.cert-list .ls{flex:unset;width:31%;border-radius:4px;}
    .fb-left{width:100%;min-width:0;order:2}
    .fb-left-inner{width:auto;margin:0 10px;}
    .fb-right{width:100%;order:1}
    .cate-grid{grid-template-columns:repeat(2, 1fr);grid-template-rows:auto;}
    .cate-grid .card{grid-column:auto !important;grid-row:auto !important;}
    .cate-grid .card.tall{grid-row:span 2;}
	.footer-top{padding:40px 0}
	.footer .ct{margin-bottom:10px;}
    .footer-top{display:flex;flex-wrap:wrap;gap:0;justify-content:space-between;}
	.footer-top .col:nth-child(1),.footer-top .col:nth-child(2){width:48%}
	.footer-top .col:nth-child(3),.footer-top .col:nth-child(4){width:100%;margin-top:16px;}
	.sub-form input,.sub-form button{height:38px;}
	.fb-logo img{height:24px;}
	.mobile-nav{width:20px;height:20px;display:block}
	.mobile-nav svg{width:100%}
	.header.sticky svg path,.header.white svg path{fill:#000}
	.nav{width:100vw;height:100vh;background-color:#000000b5;position:fixed;z-index:99;top:0;right:-100%;transition:0.5s;display:flex;justify-content:flex-end;gap:30px;transition:0.3s}
	.nav.on{right:0}
	.nav ul{background:#fff;z-index:999;width:50%;height:100vh;box-shadow:0 0 10px #00000040;padding:20px;flex-flow:column;gap:30px;}
	.nav a{color:#333}
	.nav .close{background:url(../icons/close.svg) no-repeat center / 100%;width:40px;height:40px;position:absolute;top:10px;background-color:#fff;border-radius:20px;left:calc(50% - 60px);}

    .fb-inner{flex-direction:column;gap:10px;}
	.banner .owl-nav button{width:24px;height:48px;}
	.banner .owl-dots .owl-dot,.banner .owl-dot svg{width:16px;height:16px;}
	.banner .owl-dots .owl-dot::after{width:5px;height:5px;}
	.banner .owl-dots{gap:5px;bottom:6px;}
	.banner .owl-nav button::before{width:6px;height:6px;}
	.logo img{height:24px;}
	.header{padding:0;}
	.header-ops .op-lang img{height:24px;}
	.header-lts{min-width:unset;}
	.header-ops{gap:20px;margin-left:unset;}
	.banner .owl-nav .owl-prev{left:10px}
	.banner .owl-nav .owl-next{right:10px}
	.float-bar{right:10px;bottom:10px;width:32px;height:32px;}
	.float-bar.is-open .float-group .phone{transform:translate(5px, -42px);}
	.float-bar.is-open .float-group .mail{transform:translate(-30px, -29px);}
	.float-bar.is-open .float-group .wa{transform:translate(-42px, 5px);}
}

/* ==========================================================
   子页面通用（公司简介/品牌矩阵/发展历程/资质证书/服务体系）
   ========================================================== */
.sec-title.center{text-align:center;}
.page-sub{margin-top:12px;font-size:16px;color:#292929;}

/* 面包屑 / 页内导航 */
.crumb-bar{padding:140px 0 0;background-color:var(--bg-light-cyan);}
.crumb{display:flex;align-items:center;gap:10px;font-size:14px;color:#292929;}
.crumb .home{display:flex;align-items:center;}
.crumb .sep{color:#292929;font-size:14px;font-family:serif;font-weight:600;}
.crumb a:hover{color:var(--teal-bright);}
.crumb em{font-style:normal;color:#333;}
.page-tabs{display:flex;margin-top:30px;border-bottom:1px solid var(--line);gap:52px;}
.page-tabs a{display:block;position:relative;padding:12px 2px 14px;font-size:16px;color:#333;transition:color .3s;}
.page-tabs a::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--teal-bright);transform:scaleX(0);transition:transform .3s;}
.page-tabs li.active a,.page-tabs a:hover{color:var(--teal-bright);}
.page-tabs li.active a{font-weight:600;}
.page-tabs li.active a::after{transform:scaleX(1);}

/* ---- 公司简介 ---- */
.profile-hero{padding:34px 0 0;background-color:var(--bg-light-cyan);}
.hero-card{position:relative;border-radius:12px;overflow:hidden;}
.hero-card .bg{width:100%;}
.hero-card .txts{position:absolute;left:56px;top:50%;transform:translateY(-50%);max-width:46%;}
.hero-card .t1{font-size:36px;font-weight:600;color:var(--teal-bright);letter-spacing:1px;line-height:1.2;}
.hero-card .t2{font-size:16px;color:#292929;margin-top:14px;}
.hero-card .t3{font-size:24px;font-weight:600;color:var(--teal-bright);margin-top:30px;}
.hero-card .t4{font-size:14px;color:#292929;line-height:1.8;margin-top:16px;text-align:justify;}

.profile-intro{padding:64px 0 70px;border-bottom:1px solid var(--line);background-color: var(--bg-light-cyan);}
.profile-intro .para{margin-top:30px;}
.profile-intro .para p{font-size:16px;color:#292929;line-height:1.8;text-align:justify;margin-bottom: 18px;}
.profile-intro .para p + p{margin-top:10px;}

.profile-adv{padding:60px 0 90px;background-color: var(--bg-light-cyan);}
.adv-item{margin-top:46px;}
.adv-ts{font-size:20px;font-weight:700;color:#1e1e1e;}
.adv-ts em{font-style:normal;margin-right:4px;}
.adv-desc{margin-top:16px;font-size:16px;color:#292929;line-height:2.1;text-align:justify;}
.adv-desc p{margin-bottom:16px}
.adv-imgs{margin-top:24px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.adv-imgs .scale-imgs{width:100%;aspect-ratio:40/29;overflow:hidden}
.adv-imgs img{width:100%;height:100%;object-fit:cover;transition:0.3s}
.adv-imgs .scale-imgs:hover img{transform:scale(1.1)}

/* ---- 品牌矩阵 ---- */
.matrix-page{padding:34px 0 90px;background-color:var(--bg-light-cyan);}
.matrix-card{position:relative;margin-top:40px;background:#fff;border:1px solid #f0f2f2;border-radius:12px;box-shadow:0 8px 28px rgba(0,0,0,.05);padding:40px 60px}
.matrix-main{width:100%;position:relative}
.m-line{position:absolute;left:19px;top:74px;bottom:70px;width:1px;background:#a8ddda;}
.m-row{position:relative;display:flex;align-items:center;padding:30px 0; gap:20px;}
.m-row + .m-row{border-top:1px solid #d2eded;}
.m-side{flex:none;width:146px;display:flex;align-items:center;gap:12px;}
.m-ico{flex:none;width:40px;height:40px;border-radius:50%;background:var(--teal-bright);display:flex;align-items:center;justify-content:center;position:relative;z-index:1;}
.m-ico svg{min-width:20px;min-height:20px;fill:#fff;}
.m-lb{font-size:16px;color:#333;}
.m-cards{flex:1;min-width:0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.m-card{position:relative;min-height:112px;border:1px solid transparent;border-radius:10px;background:linear-gradient(90deg,#f5fbfa 0%,#e9f4f2 100%);padding:20px;overflow:hidden;transition:border-color .3s, transform .3s, box-shadow .3s;display:flex;flex-flow:column;justify-content:center;align-items:flex-start;}
.m-card::after{content:"";position:absolute;right:0;bottom:0;width:112px;height:103px;pointer-events:none;background-image:url(../icons/loop-line1.svg);background-repeat:no-repeat;background-position:right;}
.m-row.one .m-card::after{background-image:url(../icons/loop-line2.svg);}
.m-card .nm{position:relative;z-index:1;font-size:16px;font-weight:600;color:#1e3a38;}
.m-card .tag{position:relative;z-index:1;display:inline-block;margin-top:12px;padding:6px 20px;font-size:13px;color:#fff;background:#1b7a6f;border-radius:999px;}
.m-card.hi{background:linear-gradient(100deg, #28b5b1 0%, #1ba39f 100%);}
.m-card.hi .nm{color:#fff;font-size:20px;}
.m-card.hi .tag{background:#fff;color:var(--teal);}
.m-card:hover{border-color:var(--teal-bright);transform:translateY(-3px);box-shadow:0 8px 18px rgba(23,108,104,.12);}

/* ---- 发展历程 ---- */
.history-page{padding:34px 0 90px;background-color:var(--bg-light-cyan);}
.history-card{position:relative;margin-top:30px;background:#fff;border:1px solid #f0f2f2;border-radius:12px;box-shadow:0 8px 28px rgba(0,0,0,.05);padding:55px 40px 55px 0;overflow: hidden;}
.history-card::before{content:"";position:absolute;left:160px;top:60px;bottom:60px;width:2px;background:#35bfbb;}
.history-card::after {content: "";position: absolute;width: 186px;height: 95px;right: -32px;top: -37px;border: 1px solid rgba(45, 188, 184, .18);border-radius: 50%;transform: rotate(16deg);box-shadow: 0 0 0 12px rgba(45, 188, 184, .035), 0 0 0 26px rgba(45, 188, 184, .025);}
.h-item{position:relative;display:flex;align-items:center;padding:15px 0 15px 36px;}
.h-item .yr{flex:none;width:100px;margin-right:60px;text-align:right;font-size:18px;color:#176c68;line-height:1.5;}
.h-item .dot{position:absolute;left:161px;top:50%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;background:var(--teal-bright);box-shadow:0 0 0 3px #dcf0ee;z-index:1;}
.h-card{flex:1;min-width:0;display:flex;align-items:center;gap:6px;padding:22px 28px;border:1px solid transparent;border-radius:8px;background:#f2f8f7;transition:border-color .3s, background .3s, transform .3s;flex-flow: column;}
.h-card h3{flex:none;width:100%;position:relative;padding:8px 0;font-size:16px;font-weight:700;color:#176c68;}
.h-card h3::before{content:"";position:absolute;left:0;width:22px;height:2px;background:currentColor;top:0;}

.h-card p{flex:1;font-size:16px;color:#393939;line-height:1.6;}
.h-card.hi{background:linear-gradient(95deg,#28b5b1,#1ba39f);}
.h-card.hi h3{color:#fff;}
.h-card.hi p{color:rgba(255,255,255,.92);}
.h-card:hover{border-color:var(--teal-bright);background:#ecf6f4;transform:translateX(4px);}
.h-card.hi:hover{background:linear-gradient(95deg,#28b5b1,#1ba39f);}

/* ---- 资质证书 ---- */
.cert-page{padding:34px 0 90px;background-color:var(--bg-light-cyan);}
.cert-hero{position:relative;border-radius:10px;overflow:hidden;background:#12354d;}
.cert-hero img{width:100%;}
.cert-hero .txts{position:absolute;left:56px;top:50%;transform:translateY(-50%);max-width:600px;color:#fff;}
.cert-hero h2{font-size:30px;font-weight:700;}
.cert-hero p{margin-top:18px;font-size:16px;line-height:2;color:rgba(255,255,255,.92);text-align:justify;}
.cert-grid{margin-top:36px;display:grid;grid-template-columns:repeat(4,1fr);gap:36px 26px;}
.cert-grid .ls{display:flex;flex-direction:column;}
.cert-grid .box{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;border:1px solid #ececec;border-radius:4px;padding:14px;transition:box-shadow .3s;}
.cert-grid .ls:hover .box{box-shadow:0 10px 22px rgba(0,0,0,.09);}
.cert-grid .box img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;}
.cert-grid .dl{margin-top:18px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:16px;color:#464646;transition:color .3s;}
.cert-grid .dl:hover{color:var(--teal-bright);}
.cert-grid .dl:hover svg path{fill:var(--teal-bright);}
.pager{margin-top:46px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:14px 18px;font-size:13px;color:#666;}
.pager .pages{display:flex;align-items:center;gap:8px;}
.pager .pages a{min-width:34px;height:34px;display:flex;align-items:center;justify-content:center;padding:0 12px;border:1px solid #e5e5e5;border-radius:4px;background:#fff;color:#555;transition:all .3s;}
.pager .pages a:hover{color:var(--teal-bright);border-color:var(--teal-bright);}
.pager .pages a.active{background:var(--teal-bright);border-color:var(--teal-bright);color:#fff;}
.pager .ellipsis{color:#999;}
.pager .jump{display:flex;align-items:center;}
.pager .jump input{width:56px;height:34px;margin:0 8px;border:1px solid #e5e5e5;border-radius:4px;text-align:center;transition:border-color .3s;}
.pager .jump input:focus{border-color:var(--teal-bright);}
.pager .go{display:inline-flex;align-items:center;height:34px;padding:0 14px;margin-left:4px;background:var(--teal-bright);color:#fff;border-radius:4px;transition:background .3s;}
.pager .go:hover{background:#238977;}

/* ---- 服务体系 ---- */
.service-page{padding:34px 0 90px;background-color:var(--bg-light-cyan);}
.ss-grid{margin-top:30px;display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.ss-card{border-radius:6px;padding:36px 40px 40px;background:#f0fafa;transition:transform .3s, box-shadow .3s;}
.ss-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(23,108,104,.14);}
.ss-card .pill{display:inline-block;padding:10px 30px;border-radius:999px;font-size:16px;font-weight:600;background:var(--teal-bright);color:#fff;letter-spacing: 0.05em;}
.ss-card h3{margin-top:20px;font-size:19px;font-weight:600;color:#292929;line-height:1.6;}
.ss-card .desc{margin-top:12px;font-size:14px;color:#292929;line-height:1.6;}
.ss-card .imgs{margin-top:22px;overflow:hidden;}
.ss-card .imgs img{width:100%;transition:transform .5s;}
.ss-card:hover .imgs img{transform:scale(1.04);}
.ss-card .meta{margin-top:18px;font-size:14px;line-height:2;color:#292929;}
.ss-card.hi,.ss-card:hover{background-color:#1ca4a0;}
.ss-card.hi .pill,.ss-card:hover .pill{background:#fff;color:var(--teal);}
.ss-card.hi h3,.ss-card:hover h3{color:#fff;}
.ss-card.hi .desc,.ss-card:hover .desc{color:rgba(255,255,255,.9);}
.ss-card.hi .meta,.ss-card:hover .meta{color:rgba(255,255,255,.92);}

/* 子页面响应式 */
@media (max-width:1200px){
    .crumb-bar{padding-top:118px;}
    .hero-card .txts{left:32px;}
    .hero-card .t1{font-size:34px;}
    .hero-card .t2{font-size:15px;}
    .hero-card .t3{font-size:21px;margin-top:22px;}
    .hero-card .t4{font-size:12px;line-height: 1.4;}
    .cert-hero .txts{left:32px;}
}
@media (max-width:900px){
    .crumb-bar{padding-top:86px;}
    .crumb{gap:8px;font-size:12px;}
	.crumb .sep{font-size:12px;}
    .page-tabs{margin-top:18px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:wrap;gap:12px;}
    .page-tabs::-webkit-scrollbar{display:none;}
    .page-tabs li{flex:none;}
	.page-tabs a{font-size:14px;padding:8px 2px 8px;}
    /* 公司简介 */
    .profile-hero{padding-top:20px;}
    .hero-card{background:#f4f9f8;}
    .hero-card .txts{position:static;transform:none;max-width:100%;padding:20px 16px 26px;}
    .hero-card .t1{font-size:24px;}
    .hero-card .t2{font-size:14px;margin-top:8px;}
    .hero-card .t3{font-size:18px;margin-top:16px;}
	.profile-intro .para{margin-top:20px;}
	.profile-intro .para p,.adv-desc{font-size:12px;line-height: 1.4;}
    .profile-intro{padding:40px 0 44px;}
    .profile-adv{padding-bottom:56px;}
    .adv-imgs{grid-template-columns:repeat(2,1fr);}
    /* 品牌矩阵 */
    .m-line{display:none;}
    .m-row{flex-flow:column;align-items:flex-start;gap:16px;padding:28px 0;}
    .m-side{width:auto;}
    .m-cards{width:100%;grid-template-columns:1fr !important;}
    /* 发展历程 */
    .history-card{padding:24px 16px;}
    .history-card::before{display:none;}
    .h-item{flex-flow:column;align-items:flex-start;gap:10px;padding:16px 0;}
    .h-item .yr{width:auto;padding:0;text-align:left;}
    .h-item .dot{display:none;}
    .h-card{width:100%;flex-flow:column;align-items:flex-start;gap:0;padding:16px;}
    .h-card h3{width:auto;font-size:14px;}
	.h-card p{font-size:12px;line-height:1.6}
    /* 资质证书 */
    .cert-hero .txts{position:static;transform:none;max-width:100%;padding:20px 16px 26px;}
    .cert-hero h2{font-size:20px;}
    .cert-grid{grid-template-columns:repeat(2,1fr);gap:24px 14px;}
    .pager .info{width:100%;text-align:center;}
    /* 服务体系 */
    .ss-grid{grid-template-columns:1fr;}
    .ss-card{padding:24px 18px 28px;}
	.matrix-card{padding:0 20px;}
	.cert-hero p,.ss-card .desc{font-size:12px;line-height:1.6}
	.cert-grid .dl{font-size:14px;margin-top:12px;}
	.cert-grid .dl svg{width:16px;height:16px}
	.page-sub{font-size:14px;line-height:1.8}
	.ss-card .pill{font-size: 16px;padding: 8px 30px;}
	.ss-card h3{font-size: 16px;}
	.ss-card .meta{font-size:12px;}

}

/* ==========================================================
   联系我们 / 商品列表 / 商品详情 / 新闻列表 / 新闻详情
   ========================================================== */

/* ---- 通用 ---- */
.crumb-bar.flush{padding-top:46px;}
.sec-title.center{text-align:center;}

/* ==========================================================
   联系我们
   ========================================================== */
.contact-hero{height:586px;display:flex;align-items:center;justify-content:center;background:url(../images/contact-us/contact-background.jpg) center/cover no-repeat;}
.contact-hero .hero-frame{padding: 15px 46px;border: 2px solid rgba(255, 255, 255, .5);color: #ffffff8f;font-size: 28px;letter-spacing: 3px;font-weight: 600;border-radius: 10px;}
.contact-tt{margin-top:36px;border-bottom: 1px solid #d4d4d4;padding-bottom: 32px;}
.contact-tt h2{font-size:32px;font-weight:600;color:var(--dark);}
.contact-tt p{margin-top:12px;font-size:18px;color:#292929;}

.contact-sec{padding:56px 0 64px;background-color:var(--bg-light-cyan);}
.ct-grid{display:grid;grid-template-columns:400px 1fr 1fr;gap:0 60px;}
.ct-intro h3{font-size:28px;font-weight:600;color: #6c6c6c;}
.ct-intro p{margin-top:16px;font-size:14px;color:#6c6c6c;line-height:1.8;}
.ct-hd{display:flex;align-items:center;gap:10px;padding-bottom:6px;}
.ct-hd span{font-size:20px;font-weight:600;color:#2fbdb9;}
.ct-col dl{margin-top:14px;}
.ct-col dt{font-size:16px;font-weight:600;color:var(--dark);margin-top:26px;}
.ct-col dd{font-size:16px;color:#176c67;margin-top:8px;line-height:1.7;}
.ct-col dd a:hover{text-decoration:underline;}

.contact-form{padding-bottom:90px;background-color:var(--bg-light-cyan);}
.cf-grid{border-top:1px solid #d4d4d4;padding-top:56px;display:grid;grid-template-columns:400px 1fr;gap:0 60px;}
.cf-intro h3{font-size:28px;font-weight:600;color:#6c6c6c;}
.cf-intro p{margin-top:16px;font-size:14px;color:#6c6c6c;line-height:1.8;}
.cf-tt{font-size:20px;font-weight:600;color:#2fbdb9;margin-bottom:24px;}
.cf-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px;}
.contact-form input,.contact-form textarea{width:100%;border:1px solid #e3e3e3;background:#fff;font-size:14px;color:var(--dark);padding:13px 14px;transition:border-color .3s;font-family: inherit;}
.contact-form input::placeholder,.contact-form textarea::placeholder{color:#bbb;}
.contact-form input:focus,.contact-form textarea:focus{border-color:var(--teal-bright);outline:unset}
.contact-form textarea{resize:vertical;min-height:132px;margin-bottom:26px;}
.cf-btn{display:inline-flex;align-items:center;gap:9px;background:var(--teal);color:#fff;font-size:16px;padding:12px 30px;border-radius:999px;transition:background .3s,transform .3s;}
.cf-btn:hover{background:#0f5556;transform:translateY(-2px);}

/* ==========================================================
   商品列表
   ========================================================== */
.pl-banner{padding-top:150px;background-color: var(--bg-light-cyan);}
.pl-banner-card{position:relative;border-radius:8px;overflow:hidden;}
.pl-banner-card>img{width:100%;display:block;}
.pl-banner-txts{position:absolute;left:0;right:0;bottom:42px;text-align:center;color:#fff;}
.pl-banner-txts h2{font-size:32px;font-weight:700;letter-spacing:2px;text-shadow:0 2px 8px rgba(0,0,0,.35);}
.pl-cats{margin-top:26px;display:flex;justify-content:center;flex-wrap:wrap;gap:10px 90px;font-size:18px;}
.pl-cats a{color:rgba(255,255,255,.92);text-shadow:0 1px 4px rgba(0,0,0,.35);}
.pl-cats li.active a{font-weight:600;}
.pl-cats a:hover{color:#2dbcb8}

.products-page{padding:44px 0 70px;background-color: var(--bg-light-cyan);}
.prod-grid{margin-top:44px;display:grid;grid-template-columns:repeat(4,1fr);gap:52px 33px;}
.prod-grid li{display:flex;flex-direction:column;border:1px solid #ececec;background:#fff;transition:box-shadow .3s,transform .3s;border-radius: 8px;padding-bottom: 8px;overflow: hidden;}
.prod-grid li:hover{box-shadow:0 10px 24px rgba(0,0,0,.08);transform:translateY(-4px);}
.prod-grid .imgs{display:block;}
.prod-grid .imgs img{width:100%;aspect-ratio:1/1;object-fit:cover;}
.prod-grid .ts{padding:0 18px;font-size:16px;color:var(--dark);transition:color .3s;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;word-break: break-all;margin:18px 0 8px}
.prod-grid p{flex:1;padding:0 18px;font-size:14px;color:#a6a6a6;line-height:1.6;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;word-break: break-all;}
.prod-grid .plus{margin:16px 18px 4px;transition:all .3s;width:32px;height:32px;display:flex;justify-content:center;align-items:center;background-color:#f1f1f1;border-radius:50%}
.prod-grid li:hover .ts{color:var(--teal-bright);}
.prod-grid li:hover .plus{background:var(--teal-bright);}
.prod-grid li:hover .plus svg path{fill:#fff;}

/* ==========================================================
   搜索结果页
   ========================================================== */
.search-page{padding:44px 0 70px;background-color:var(--bg-light-cyan);}
.page-search{max-width:640px;margin:30px auto 0;}
.page-search form{position:relative;display:flex;align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:999px;overflow:hidden;box-shadow:0 6px 18px rgba(0,0,0,.05);transition:border-color .3s,box-shadow .3s;}
.page-search form:focus-within{border-color:var(--teal-bright);box-shadow:0 6px 22px rgba(45,188,184,.18);}
.page-search input{flex:1;height:52px;padding:0 22px;border:none;background:none;font-size:15px;color:var(--dark);}
.page-search button{flex:none;width:56px;height:52px;background:var(--teal-bright);display:flex;align-items:center;justify-content:center;transition:background .3s;}
.page-search button:hover{background:#238977;}
.search-result-bar{margin-top:28px;font-size:14px;color:#888;text-align:center;}
.search-result-bar b{color:var(--teal-bright);font-weight:600;}
.no-result{margin-top:60px;text-align:center;}
.no-result .nr-icon{opacity:.5;}
.no-result .nr-text{margin-top:20px;font-size:16px;color:#888;}
.no-result .btn-more{margin-top:26px;}

/* ==========================================================
   404 页面
   ========================================================== */
.page-404{padding:120px 0 100px;background-color:var(--bg-light-cyan);}
.nf-card{max-width:620px;margin:0 auto;text-align:center;}
.nf-code{font-size:160px;font-weight:800;line-height:1;color:var(--teal-bright);letter-spacing:-4px;}
.nf-tt{margin-top:10px;font-size:30px;font-weight:700;color:var(--dark);}
.nf-desc{margin-top:18px;font-size:15px;color:#888;line-height:1.8;}
.nf-btns{margin-top:34px;display:flex;justify-content:center;gap:16px;flex-wrap:wrap;}
.btn-more.ghost{background:#fff;color:var(--teal);border:1px solid var(--teal);}
.btn-more.ghost:hover{background:var(--teal);color:#fff;}

/* ==========================================================
   商品详情
   ========================================================== */
.ps-show{padding-bottom:60px;padding-top: 40px;background-color: var(--bg-light-cyan);}
.ps-top{display:flex;gap:56px;margin-top:4px;align-items:flex-start;}

/* 产品组图：主图 + 右侧竖排缩略图（无限循环 / 拖拽 / 触摸滑动 / 视频） */
.product-gallery-wrap{flex:none;width:592px;display:flex;gap:14px;align-items:flex-start;}
.main-box{flex:1;min-width:0;aspect-ratio:1/1;position:relative;overflow:hidden;background:#f6f6f6;}
.main-item{width:100%;height:100%;}
.main-item.hide{display:none;}
.main-item img,.main-item video{width:100%;height:100%;object-fit:cover;display:block;background:#000;}
.main-btn{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:60px;background:rgba(0,0,0,.35);border-radius:3px;cursor:pointer;opacity:0;transition:opacity .3s,background .3s;display:flex;align-items:center;justify-content:center;z-index:5;}
.main-btn::before{content:"";display:block;width:20px;height:20px;background-image:url(../icons/left.svg);background-repeat:no-repeat;background-size:cover}
.prev-btn{left:10px;}
.next-btn{right:10px;}
.next-btn::before{transform:rotate(180deg);}
.main-btn:hover{background:rgba(44,156,135,.9);}
.product-gallery-wrap:hover .main-box .main-btn{opacity:1;}
.thumb-arys{flex:none;}
.thumb-list{height:100%;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;}
.thumb-list::-webkit-scrollbar{display:none;}
.thumb-scroll{display:flex;flex-direction:column;gap:8px;}
.thumb-item{width:91px;aspect-ratio:1/1;border:1px solid #e8e8e8;flex:none;cursor:pointer;position:relative;overflow:hidden;transition:border-color .3s;}
.thumb-item img{width:100%;height:100%;object-fit:cover;display:block;}
.thumb-item.active{border-color:var(--teal-bright);}
.thumb-item.video::before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:26px;height:26px;background:rgba(0,0,0,.55);border-radius:50%;z-index:2;}
.thumb-item.video::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin-left:2px;border-left:8px solid #fff;border-top:5px solid transparent;border-bottom:5px solid transparent;z-index:3;}

/* 右侧信息 */
.ps-info{flex:1;min-width:0;padding-top:4px;}
.ps-info h1{font-size:20px;font-weight:700;line-height:1.7;color:var(--dark);}
.ps-block{margin-top:26px;}
.ps-block+.ps-block{border-top:1px solid #ececec;padding-top:24px;}
.ps-tt{display:flex;align-items:center;font-size:16px;font-weight:700;color:var(--dark);}
.ps-tt i{width:8px;height:8px;border-radius:50%;background:var(--teal-bright);margin-right:10px;}
.ps-block ul{margin-top:12px;}
.ps-block li{position:relative;padding-left:15px;font-size:14px;color:#555;line-height:2.1;}
.ps-block li::before{content:"";position:absolute;left:2px;top:.95em;width:4px;height:4px;border-radius:50%;background:#b9b9b9;}
.ps-foot{margin-top:32px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;}
.share{display:flex;gap:12px;}
.share .s{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .3s,opacity .3s;}
.share .s:hover{transform:translateY(-3px);opacity:.88;}
.share .wa{background:#25d366;}
.share .mail{background:#2ea7e0;}
.share .tel{background:#22b573;}
.share .sh{background:#6dbf45;}
.ps-contact{display:inline-flex;align-items:center;gap:10px;background:var(--teal-bright);color:#fff;font-size:15px;padding:11px 26px;border-radius:999px;transition:background .3s;}
.ps-contact:hover{background:#227f6f;}

/* 参数表格 */
.spec-table{width:100%;border-collapse:collapse;margin-top:46px;}
.spec-table th,.spec-table td{border:1px solid #e8e8e8;padding:13px 18px;font-size:14px;text-align:left;font-weight:400;}
.spec-table th{width:17%;background:#f7f7f7;color:#555;}
.spec-table td{width:33%;color:var(--dark);}

/* 详情图 + 侧栏热销 */
.ps-detail{margin-top:56px;display:flex;gap:72px;align-items:flex-start;}
.ps-left{flex:1;min-width:0;}
.ps-left img{width:100%;display:block;}
.side-hd{background:var(--teal-bright);color:#fff;font-size:26px;font-weight:600;padding:12px 18px;border-radius: 5px;letter-spacing: 1px;}
.hot-card{border:1px solid #ececec;margin-top:20px;padding-bottom: 20px;}
.hot-card .imgs{display:block;width:100%}
.hot-card .imgs img{width:100%;display:block;}
.hot-card .ts{display:block;margin-top:14px;font-size:15px;font-weight:600;color:var(--dark);line-height:1.65;transition:color .3s;    padding: 0 20px;}
.hot-card .more{display:inline-flex;margin-top:14px;font-size:13px;color:#888;border:1px solid #d9d9d9;border-radius:999px;padding:6px 20px;transition:all .3s;margin-left:20px}
.hot-card:hover .ts{color:var(--teal-bright);}
.hot-card.active .ts{color:var(--teal-bright);}
.hot-card.active .more,.hot-card .more:hover{background:var(--teal-bright);border-color:var(--teal-bright);color:#fff;}
.ps-detail .ps-side{position: sticky;top: 106px;width:428px;max-width:100%;margin: 0 auto;}

/* 产品推荐 */
.ps-reco{padding:64px 0 76px;background-color: var(--bg-light-cyan);}
.reco-bar{background:#f2f2f2;}
.reco-bar .tag{display:inline-block;background:var(--teal-bright);color:#fff;font-size:18px;font-weight:700;padding:12px 30px;}
.reco-grid{margin-top:24px;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.reco-grid li{border:1px solid #ececec;padding:14px 14px 20px;transition:box-shadow .3s;}
.reco-grid li:hover{box-shadow:0 10px 24px rgba(0,0,0,.08);}
.reco-grid .imgs{display:block;}
.reco-grid .imgs img{width:100%;display:block;}
.reco-grid .ts{display:block;margin-top:14px;font-size:15px;font-weight:600;color:var(--dark);line-height:1.65;transition:color .3s;}
.reco-grid .more{display:inline-flex;margin-top:14px;font-size:13px;color:#888;border:1px solid #d9d9d9;border-radius:999px;padding:6px 20px;transition:all .3s;}
.reco-grid li:hover .ts{color:var(--teal-bright);}
.reco-grid li.active .ts{color:var(--teal-bright);}
.reco-grid li.active .more,.reco-grid .more:hover{background:var(--teal-bright);border-color:var(--teal-bright);color:#fff;}

/* ==========================================================
   新闻列表
   ========================================================== */
.news-head{margin-top:36px;}
.news-head::after{content:"";flex:1;height:1px;background:#ddd;}
.news-page{padding:48px 0 70px;background-color: var(--bg-light-cyan);}
.news-feat{background:#f8f8f8;display:flex;align-items:center;gap:48px;padding:40px;}
.news-feat .txts{flex:1;min-width:0;}
.news-feat .date{display:inline-block;font-size:20px;color:#6c6c6c;border-bottom:1px solid #176c68;padding:0 3px 8px}
.news-feat h3{margin-top:26px;font-size:26px;font-weight:700;color:var(--dark);}
.news-feat p{margin-top:16px;font-size:16px;color:#292929;line-height:1.8;}
.news-feat .imgs{flex:none;width:578px;max-width:46%;overflow: hidden;}
.news-feat .imgs img{width:100%;display:block;transition:0.3s;}
.news-feat .imgs:hover img{transform:scale(1.1)}
.news-item{display:flex;gap:56px;padding:36px 40px;margin-top:24px;background:#fff;transition:box-shadow .3s,transform .3s;}
.news-item:hover{box-shadow:0 10px 24px rgba(0,0,0,.08);transform:translateY(-3px);}
.news-item.gray{background:#f7f7f7;}
.news-item .date{flex:none;width:92px;}
.news-item .ym{display:block;font-size:14px;opacity:.85;}
.news-item .d{display:block;font-size:44px;font-weight:700;line-height:1.15;margin-top:4px;}
.news-item .txts{flex:1;min-width:0;}
.news-item h3{font-size:20px;font-weight:700;color:inherit;}
.news-item p{margin-top:14px;font-size:14px;line-height:1.9;opacity:.82;}
.news-item .more{display:inline-flex;margin-top:20px;padding:9px 24px;border-radius:999px;border:1px solid #c9c9c9;color:#555;font-size:13px;transition:all .3s;}

.news-item.hi,.news-item:hover{background:linear-gradient(100deg, #28b5b1 0%, #1ba39f 100%);color:#fff;}
.news-item.hi .more,.news-item:hover .more{border-color:rgba(255,255,255,.85);color:#fff;}
.news-item.hi .more:hover{background:var(--teal-bright);border-color:var(--teal-bright);color:#fff;}

/* ==========================================================
   新闻详情
   ========================================================== */
.news-detail{padding-top: 36px;padding-bottom: 60px;background-color:var(--bg-light-cyan);}
.nd-grid{display:flex;gap:90px;align-items:flex-start;}
.nd-main{flex:1;min-width:0;}
.nd-main h1{font-size:26px;font-weight:700;color:var(--dark);line-height:1.6;}
.nd-main .meta{margin-top:18px;display:flex;align-items:center;flex-wrap:wrap;gap:26px;font-size:14px;color:#999;}
.nd-main .meta span{display:inline-flex;align-items:center;gap:6px;}
.nd-main .meta span.date{font-size:16px;color:#6c6c6c}
.nd-main .line{height:1px;background:#e5e5e5;margin-top:20px;}
.nd-main .rich{margin-top:34px;}
.nd-main .rich p{font-size:16px;color:#292929;line-height:1.8;text-indent:2em;margin-bottom:15px;}
.nd-main .rich img{width:100%;display:block;margin-top:26px;}
.nd-main .pn{margin-top:30px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:16px;}
.nd-main .pn .prev{color:#373737;}
.nd-main .pn .next{color:var(--teal-bright);}
.nd-main .pn .next:hover{text-decoration:underline;}
.nd-side{flex:none;width:430px;}
.nd-side .hot-new{display:block;margin-top:26px;padding-bottom:22px;border-bottom:1px solid #cacaca;}
.nd-side .hot-new:last-child{border-bottom:0;padding-bottom:0;}
.nd-side .imgs{width:100%;display:block;overflow:hidden}
.nd-side .imgs img{width:100%;display:block;transition:0.3s;}
.nd-side .imgs:hover img{transform:scale(1.1)}
.nd-side .ts{margin-top:14px;font-size:18px;color:#000000;line-height:1.6;transition:color .3s;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;word-break: break-all;}
.nd-side .hot-new:hover .ts,.nd-side .hot-new.active .ts{color:var(--teal-bright);}

.share.a2a_dd{gap:6px}
.share.a2a_dd:hover{color:#176c68}
.share.a2a_dd:hover svg{stroke:#176c68}
/* ==========================================================
   响应式（1200px）
   ========================================================== */
@media (max-width:1200px){
    .contact-hero{height:420px;}
    .ct-grid{grid-template-columns:280px 1fr 1fr;gap:0 36px;}
    .cf-grid{grid-template-columns:280px 1fr;gap:0 36px;}
    .pl-banner{padding-top:128px;}
    .pl-banner-txts h2{font-size:24px;}
    .pl-cats{gap:8px 30px;}
    .prod-grid{gap:36px 20px;}
    .ps-top{gap:36px;}
    .product-gallery-wrap{width:480px;}
    .ps-detail{gap:40px;}
    .news-feat{gap:32px;}
    .news-feat .imgs{width:440px;}
    .news-item{gap:36px;padding:30px 28px;}
    .nd-side{width:360px;}
}

@media (max-width:900px){
    /* 联系我们 */
    .contact-hero{height:210px;padding-top: 30px;}
    .contact-hero .hero-frame{font-size: 18px;padding: 10px 28px;letter-spacing: 1px;border-radius: 4px;}
    .ct-grid,.cf-grid{grid-template-columns:1fr;gap:36px;}
    .cf-row{grid-template-columns:1fr;}
    /* 商品列表 */
    .pl-banner{padding-top:90px;}
    .pl-banner-txts{bottom:15px;}
    .pl-banner-txts h2{font-size:18px;letter-spacing:1px;}
	.products-page{padding: 24px 0 46px;}
    .pl-cats{margin-top:10px;gap:8px 16px;font-size:12px;}
    .prod-grid{margin-top:24px;grid-template-columns:repeat(2,1fr);gap:22px 14px;}
	.prod-grid li{border-radius: 4px;}
    .prod-grid .ts{font-size:14px;padding:0 10px;}
    .prod-grid p{font-size:12px;padding:0 10px;}
    .prod-grid .plus{margin:12px 10px 0;width: 28px;height: 28px;}
	.prod-grid .plus svg{width: 14px;height: 14px;}
    /* 搜索 / 404 */
    .search-page{padding:24px 0 46px;}
    .page-search input{height:46px;font-size:14px;}
    .page-search button{width:48px;height:46px;}
    .page-404{padding:70px 0 60px;}
    .nf-code{font-size:96px;}
    .nf-tt{font-size:22px;}
    .nf-btns{flex-direction:column;align-items:center;}
    /* 商品详情 */
    .ps-top{flex-flow:column;}
    .product-gallery-wrap{width:100%;}
    .thumb-arys{width:64px;}
    .thumb-item{width:56px;}
    .spec-table{display:block;margin-top:32px;}
    .spec-table tbody{display:block;}
    .spec-table tr{display:grid;grid-template-columns:1fr 1fr;}
    .spec-table th,.spec-table td{width:auto;white-space:normal;padding:12px 14px;}
    .spec-table th{background:#f7f7f7;}
    .ps-detail{flex-flow:column;gap:44px;}
    .reco-grid{grid-template-columns:repeat(2,1fr);gap:14px;}
    .reco-grid .ts,.hot-card .ts{font-size:13px;}
    .reco-grid .more,.hot-card .more{font-size:12px;padding:5px 14px;}
    /* 新闻列表 */
    .news-feat{flex-flow:column;align-items:flex-start;padding:24px;gap:24px;}
    .news-feat .imgs{width:100%;max-width:100%;}
    .news-feat h3{font-size:20px;}
    .news-item{flex-flow:column;gap:10px;padding:24px 20px;}
    .news-item .date{width:auto;display:flex;align-items:baseline;gap:8px;}
    .news-item .d{font-size:26px;margin-top:0;}
    .news-item h3{font-size:16px;}
    .news-item p{font-size:13px;}
    /* 新闻详情 */
    .nd-grid{flex-flow:column;}
    .nd-side{width:100%;}
    .nd-main h1,.contact-tt h2{font-size:20px;}
    .nd-side .ts{font-size:15px;}
	.crumb-bar.flush{padding-top: 20px;}
	.contact-tt{margin-top: 20px;}
	.contact-sec{padding:40px 0}
	.cf-grid{padding-top: 40px;}
	.contact-form{padding-bottom: 40px;}
	.ct-intro h3,.cf-intro h3{font-size: 24px;}
	.ct-hd span,.cf-tt,.news-feat .date{font-size: 16px;}
	.ct-hd svg{width:20px;height:20px}
	.ct-col dt{margin-top: 20px;font-size: 14px;}
	.cf-btn,.ct-col dd{font-size: 14px;}
	.news-feat p{font-size: 14px;}
	.news-item .more{font-size: 12px;}
	.news-detail .nd-main h1{font-size: 16px;}
	.nd-main .meta span.date,.nd-main .meta,.nd-main .rich p,.nd-main .pn{font-size:12px}
	.news-detail .nd-grid{gap: 40px;}
	.news-detail .side-hd{font-size:18px}
	.news-detail .nd-side .ts{font-size:12px}
	.pager{font-size:12px}
	.pl-banner-card{border-radius: 4px;}
	.ps-show{padding-top: 28px;padding-bottom: 0;}
	.ps-reco{padding: 30px 0 40px;}
	.reco-bar .tag{font-size: 16px;}
	.adv-item{margin-top: 36px;}
	.contact-form input, .contact-form textarea{padding: 10px 12px;font-size: 14px;}
}