/* homepage42 - 红金端庄模板 深红+香槟金 */
/* 主色调: #8c1f28 绛红 | 金: #c9a45c | 深灰: #333 */

:root{
  --flow-main:var(--c1,#8c1f28);
  --flow-main-rgb:var(--c1rgb,140,31,40);
  --flow-dark:#333;
  --flow-gray:#666;
  --flow-light:#f8f8f8;
  --flow-border:#e5e5e5;
}*{margin:0;padding:0;box-sizing:border-box;}body{font-family:"Microsoft YaHei","微软雅黑",Arial,sans-serif;color:#333;background:#fff;font-size:14px;line-height:1.6;}a{text-decoration:none;color:#333;transition:color .2s;}a:hover{color:var(--flow-main);}img{max-width:100%;display:block;border:0;}ul,ol,li{list-style:none;}.m{width:1200px;margin:0 auto;}.m.main-full{width:100%;max-width:100%;margin:0;padding:0;}.main-box-full{width:100%;max-width:100%;}.por{position:relative;}.fl{float:left;}.fr{float:right;}.clearfix::after{content:"";display:block;clear:both;}/* ============ 顶部栏 ============ */
.flow-topbar{background:#333;color:#ccc;height:36px;line-height:36px;font-size:12px;}.flow-topbar a{color:#ccc;margin:0 6px;}.flow-topbar a:hover{color:var(--flow-main);}.flow-topbar .fl span{margin-right:8px;}/* ============ 头部LOGO区 ============ */
.flow-header{background:#fff;padding:15px 0;}.flow-header .m{display:flex;align-items:center;justify-content:space-between;height:85px;}.flow-logo{flex:none;text-align:left;}.flow-logo img{height:85px;max-width:240px;object-fit:contain;}.flow-tel{display:flex;align-items:center;gap:10px;}.flow-tel-icon{width:44px;height:44px;border-radius:50%;background:var(--flow-main);display:flex;align-items:center;justify-content:center;}.flow-tel-icon svg{width:24px;height:24px;fill:#fff;}.flow-tel-text p{font-size:12px;color:#999;}.flow-tel-text h4{font-size:22px;color:var(--flow-main);font-weight:bold;}/* ============ 导航栏 ============ */
.flow-nav-wrap{background:#fff;border-bottom:2px solid var(--flow-main);box-shadow:0 2px 8px rgba(0,0,0,.06);}.flow-nav-wrap .m{display:flex;align-items:center;justify-content:space-between;height:85px;}.flow-nav-top{display:flex;align-items:center;height:auto;flex:0 1 auto;gap:0;}.flow-logo{flex:none;text-align:left;}.flow-tel{position:static;transform:none;margin-left:22px;}.flow-nav{display:flex;align-items:center;justify-content:flex-end;flex:1 1 auto;min-width:0;}.flow-nav ul{display:flex;justify-content:flex-end;}.flow-nav li{position:relative;}.flow-nav li a{white-space:normal;word-break:break-word;min-height:85px;display:flex;align-items:center;justify-content:center;line-height:1.25;padding:0 22px;font-size:16px;color:#333;font-weight:500;border-bottom:3px solid transparent;margin-bottom:-2px;transition:all .25s;text-align:center;}.flow-nav li a:hover,.flow-nav li.on a{color:var(--flow-main);border-bottom-color:var(--flow-main);}.flow-nav li .subnav{position:absolute;top:100%;left:0;background:#fff;min-width:180px;box-shadow:0 4px 12px rgba(0,0,0,.12);display:none;z-index:99;}.flow-nav li:hover .subnav{display:block;}.flow-nav li .subnav a{display:block;line-height:42px;padding:0 18px;font-size:14px;color:#666;border-bottom:1px solid #f0f0f0;white-space:nowrap;}.flow-nav li .subnav a:hover{color:var(--flow-main);background:#f9ecec;}/* 移动端菜单按钮 */
.flow-menu-toggle{display:none;flex-direction:column;justify-content:center;width:30px;height:30px;cursor:pointer;gap:5px;}.flow-menu-toggle span{display:block;height:3px;background:var(--flow-main);border-radius:2px;transition:all .3s;}.flow-menu-toggle.on span:nth-child(1){transform:translateY(8px) rotate(45deg);}.flow-menu-toggle.on span:nth-child(2){opacity:0;}.flow-menu-toggle.on span:nth-child(3){transform:translateY(-8px) rotate(-45deg);}/* ============ Banner轮播 ============ */
.flow-banner-wrap{position:relative;overflow:hidden;background:#222;}.flow-banner{width:100%;max-width:1920px;margin:0 auto;position:relative;}.flow-banner .slide-dots{position:absolute;bottom:24px;left:50%;right:auto;transform:translateX(-50%);z-index:10;display:flex;gap:10px;}.flow-banner .slide-dots span{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.5);cursor:pointer;transition:all .3s;}.flow-banner .slide-dots span.on{background:var(--flow-main);width:32px;border-radius:6px;}.flow-banner .slide-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:48px;height:48px;border-radius:50%;background:rgba(0,0,0,.4);color:#fff;border:0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .3s;}.flow-banner .slide-arrow::before{display:none!important;content:none!important;}.flow-banner .slide-arrow svg{width:24px;height:24px;fill:#fff;}.flow-banner .slide-arrow:hover{background:var(--flow-main);}.flow-banner .slide-prev{left:20px;}.flow-banner .slide-next{right:20px;}/* ============ 搜索栏 ============ */
.flow-search{background:var(--flow-light);padding:20px 0;}.flow-search .hot{display:flex;align-items:center;justify-content:space-between;}.flow-search .left{display:flex;align-items:center;gap:10px;}.flow-search .left b{color:var(--flow-main);font-size:16px;}.flow-search .left a{color:#666;margin:0 8px;font-size:14px;}.flow-search .left a:hover{color:var(--flow-main);}.flow-search .right{display:flex;align-items:center;}.flow-search .right input.input{width:240px;height:38px;border:2px solid var(--flow-main);border-right:none;padding:0 12px;font-size:14px;outline:none;}.flow-search .right input.btn{width:50px;height:38px;background:var(--flow-main);border:none;color:#fff;cursor:pointer;font-size:16px;}/* ============ 通用标题 ============ */
.flow-section{padding:56px 0;}.flow-section-title{text-align:center;margin-bottom:40px;}.flow-section-title h3{font-size:36px;color:var(--flow-dark);font-weight:bold;letter-spacing:2px;}.flow-section-title h3 span{color:var(--flow-main);}.flow-section-title p{font-size:16px;color:var(--flow-gray);margin-top:8px;text-transform:uppercase;letter-spacing:3px;}.flow-more{display:inline-block;margin-top:30px;padding:8px 24px;border:1px solid #ccc;color:#666;font-size:14px;transition:all .3s;}.flow-more:hover{background:var(--flow-main);border-color:var(--flow-main);color:#fff;}/* ============ 产品中心 ============ */
.flow-pro-menu{text-align:center;margin-bottom:30px;}.flow-pro-menu ul{display:inline-flex;gap:15px;flex-wrap:wrap;justify-content:center;}.flow-pro-menu li a{display:block;padding:8px 20px;border:1px solid var(--flow-border);color:#666;font-size:14px;transition:all .3s;}.flow-pro-menu li a:hover,.flow-pro-menu li.on a{background:var(--flow-main);border-color:var(--flow-main);color:#fff;}.flow-pro-list{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}.flow-pro-item{background:#fff;border:1px solid var(--flow-border);overflow:hidden;transition:all .3s;}.flow-pro-item:hover{border-color:var(--flow-main);box-shadow:0 4px 16px rgba(var(--flow-main-rgb),.15);}.flow-pro-item .img{overflow:hidden;aspect-ratio:1;}.flow-pro-item .img img{width:100%;height:100%;object-fit:cover;transition:transform .4s;}.flow-pro-item:hover .img img{transform:scale(1.08);}.flow-pro-item h3{text-align:center;padding:14px 10px;font-size:15px;color:#333;border-top:1px solid var(--flow-border);}.flow-pro-item:hover h3{color:var(--flow-main);}/* ============ 小Banner(CTA) ============ */
.flow-cta-banner{background:linear-gradient(135deg,var(--flow-main) 0%,#c9a45c 100%);padding:48px 0;color:#fff;position:relative;overflow:hidden;}.flow-cta-banner::before{content:"";position:absolute;top:0;right:0;width:40%;height:100%;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" opacity="0.1"><circle cx="50" cy="50" r="40" fill="white"/></svg>') no-repeat center;background-size:contain;opacity:.1;}.flow-cta-banner .txt{position:relative;z-index:2;}.flow-cta-banner .txt h3{font-size:32px;font-weight:bold;margin-bottom:10px;}.flow-cta-banner .txt p{font-size:16px;opacity:.9;}.flow-cta-banner .txt p span{color:#c9a45c;font-weight:bold;}.flow-cta-banner .zixun{display:flex;align-items:center;gap:16px;position:relative;z-index:2;}.flow-cta-banner .ewm{width:100px;height:100px;background:#fff;padding:5px;border-radius:4px;}.flow-cta-banner .ewm img{width:100%;height:100%;}.flow-cta-banner .zx-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 28px;background:#fff;color:var(--flow-main);font-weight:bold;border-radius:24px;font-size:15px;}/* ============ 工程案例 ============ */
.flow-case-wrap{display:flex;gap:20px;}.flow-case-big{flex:0 0 600px;}.flow-case-big .list{position:relative;overflow:hidden;border-radius:4px;}.flow-case-big .item{position:relative;}.flow-case-big .item img{width:100%;height:400px;object-fit:cover;}.flow-case-big .txt{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.7));padding:30px 20px 20px;color:#fff;}.flow-case-big .txt h3{font-size:20px;font-weight:bold;}.flow-case-small{flex:1;display:grid;grid-template-columns:repeat(2,1fr);gap:15px;}.flow-case-small .item{position:relative;overflow:hidden;border-radius:4px;}.flow-case-small .item img{width:100%;height:190px;object-fit:cover;transition:transform .4s;}.flow-case-small .item:hover img{transform:scale(1.06);}.flow-case-small .txt{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(var(--flow-main-rgb),.85));padding:12px;color:#fff;text-align:center;}.flow-case-small .txt h3{font-size:14px;}/* ============ 四大优势 ============ */
.flow-adv-section{background:var(--flow-light);}.flow-adv-list{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;}.flow-adv-item{text-align:center;padding:30px 20px;background:#fff;border-radius:4px;transition:all .3s;border:1px solid transparent;}.flow-adv-item:hover{border-color:var(--flow-main);box-shadow:0 6px 24px rgba(var(--flow-main-rgb),.12);transform:translateY(-4px);}.flow-adv-icon{width:80px;height:80px;margin:0 auto 20px;border-radius:50%;background:#f9ecec;display:flex;align-items:center;justify-content:center;transition:all .3s;}.flow-adv-item:hover .flow-adv-icon{background:var(--flow-main);}.flow-adv-icon svg{width:40px;height:40px;fill:var(--flow-main);transition:fill .3s;}.flow-adv-item:hover .flow-adv-icon svg{fill:#fff;}.flow-adv-item h3{font-size:18px;color:#333;font-weight:bold;margin-bottom:12px;}.flow-adv-item p{font-size:14px;color:#999;line-height:1.8;}/* ============ 关于我们 ============ */
.flow-about-wrap{display:flex;align-items:center;gap:40px;}.flow-about-text{flex:1;}.flow-about-text .stit{font-size:20px;color:var(--flow-main);font-weight:bold;margin-bottom:15px;}.flow-about-text .desc{font-size:14px;color:#666;line-height:2;margin-bottom:20px;text-indent:2em;}.flow-about-img{flex:0 0 500px;}.flow-about-img img{width:100%;border-radius:4px;}/* ============ 新闻中心 ============ */
.flow-news-wrap{display:flex;gap:30px;}.flow-news-big{flex:0 0 580px;}.flow-news-big .list{position:relative;overflow:hidden;border-radius:4px;}.flow-news-big .item{position:relative;}.flow-news-big .item img{width:100%;height:320px;object-fit:cover;}.flow-news-big .txt{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.7));padding:20px;color:#fff;}.flow-news-big .txt h3{font-size:18px;font-weight:bold;}.flow-news-list{flex:1;}.flow-news-list .item{display:flex;gap:15px;padding:15px 0;border-bottom:1px dashed var(--flow-border);align-items:flex-start;}.flow-news-list .item:last-child{border-bottom:none;}.flow-news-list .time{flex:none;text-align:center;width:60px;padding:5px;background:var(--flow-light);border-left:3px solid var(--flow-main);}.flow-news-list .time b{display:block;font-size:22px;color:var(--flow-main);line-height:1;}.flow-news-list .time span{font-size:12px;color:#999;}.flow-news-list .txt{flex:1;min-width:0;}.flow-news-list .txt h3{font-size:16px;color:#333;font-weight:500;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.flow-news-list .txt p{font-size:13px;color:#999;line-height:1.6;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}/* ============ 页脚 ============ */
.flow-footer{background:#1a1a1a;color:#999;padding:0;}.flow-foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:40px;padding:50px 0;}.flow-foot-brand p{font-size:13px;line-height:1.8;margin:15px 0;}.flow-foot-brand-name img{filter:brightness(0) invert(1);max-height:50px;}.flow-foot-socials{display:flex;gap:10px;margin-top:15px;}.flow-foot-socials a{width:36px;height:36px;border-radius:50%;background:#333;display:flex;align-items:center;justify-content:center;transition:background .3s;}.flow-foot-socials a:hover{background:var(--flow-main);}.flow-foot-socials svg{width:18px;height:18px;fill:#ccc;}.flow-foot-col h4{font-size:16px;color:#fff;margin-bottom:18px;font-weight:bold;}.flow-foot-col h4::before{content:"";display:inline-block;width:3px;height:16px;background:var(--flow-main);margin-right:8px;vertical-align:middle;}.flow-foot-nav li{margin-bottom:10px;}.flow-foot-nav li a{font-size:13px;color:#999;}.flow-foot-nav li a:hover{color:var(--flow-main);}.flow-foot-contact li{display:flex;align-items:flex-start;gap:8px;margin-bottom:12px;font-size:13px;color:#999;}.flow-foot-contact svg{width:16px;height:16px;fill:var(--flow-main);flex:none;margin-top:3px;}.flow-foot-links{border-top:1px solid #333;padding:20px 0;font-size:13px;}.flow-foot-links span{color:#666;}.flow-foot-links a{color:#999;margin:0 8px;}.flow-foot-bottom{border-top:1px solid #333;padding:20px 0;text-align:center;font-size:13px;color:#666;}.flow-foot-bottom a{color:#666;}/* ============ 侧边浮动 ============ */
.flow-side-tool{position:fixed;right:15px;bottom:15%;z-index:99;display:flex;flex-direction:column;gap:10px;}.flow-side-tool a{width:48px;height:48px;border-radius:4px;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.1);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:12px;color:#666;transition:all .3s;}.flow-side-tool a:hover{background:var(--flow-main);color:#fff;}.flow-side-tool svg{width:20px;height:20px;fill:currentColor;margin-bottom:2px;}/* ============ 通用页面布局 ============ */
.main-wrap{display:flex;gap:24px;padding:20px 0;}.main-box{flex:1;min-width:0;}.side-box{flex:none;width:240px;}/* ============ Index页面专用样式 ============ */
.flow-sec{padding:56px 0;}.flow-head{text-align:center;margin-bottom:40px;}.flow-head .flow-label{display:inline-block;font-size:14px;color:var(--flow-main);letter-spacing:3px;text-transform:uppercase;font-weight:bold;margin-bottom:10px;}.flow-head h2{font-size:36px;color:#333;font-weight:bold;letter-spacing:2px;}.flow-head h2 span{color:var(--flow-main);}.flow-head-light h2{color:#fff;}.flow-head-light .flow-label{color:rgba(255,255,255,.8);}.flow-center{text-align:center;margin-top:30px;}.flow-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 28px;font-size:14px;font-weight:500;transition:all .3s;border-radius:2px;}.flow-btn svg{width:18px;height:18px;fill:currentColor;}.flow-btn-primary{background:var(--flow-main);color:#fff;border:1px solid var(--flow-main);}.flow-btn-primary:hover{background:#c9a45c;border-color:#c9a45c;color:#fff;}.flow-btn-outline{background:transparent;color:#666;border:1px solid #ccc;}.flow-btn-outline:hover{background:var(--flow-main);border-color:var(--flow-main);color:#fff;}/* 关于我们 */
.flow-about{background:#fff;}.flow-about-grid{display:flex;align-items:center;gap:40px;}.flow-about-text{flex:1;}.flow-about-text .flow-label{display:inline-block;font-size:14px;color:var(--flow-main);letter-spacing:3px;text-transform:uppercase;font-weight:bold;margin-bottom:10px;}.flow-about-text h2{font-size:32px;color:#333;font-weight:bold;margin-bottom:20px;}.flow-about-text h2 span{color:var(--flow-main);margin:0 6px;}.flow-about-text p{font-size:14px;color:#666;line-height:2;margin-bottom:24px;text-indent:2em;}.flow-about-data{display:flex;gap:40px;margin-bottom:30px;}.flow-data-item strong{display:block;font-size:36px;color:var(--flow-main);font-weight:bold;}.flow-data-item span{font-size:14px;color:#999;}.flow-about-img{flex:0 0 500px;}.flow-about-img img{width:100%;border-radius:2px;}/* 核心优势 */
.flow-adv-sec{background:var(--flow-light);}.flow-adv-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}.flow-adv-card{text-align:center;padding:36px 20px;background:#fff;border:1px solid transparent;transition:all .3s;}.flow-adv-card:hover{border-color:var(--flow-main);box-shadow:0 6px 24px rgba(var(--flow-main-rgb),.12);transform:translateY(-4px);}.flow-adv-icon{width:80px;height:80px;margin:0 auto 20px;border-radius:50%;background:#f9ecec;display:flex;align-items:center;justify-content:center;transition:all .3s;}.flow-adv-card:hover .flow-adv-icon{background:var(--flow-main);}.flow-adv-icon svg{width:40px;height:40px;fill:var(--flow-main);transition:fill .3s;}.flow-adv-card:hover .flow-adv-icon svg{fill:#fff;}.flow-adv-card h3{font-size:18px;color:#333;font-weight:bold;margin-bottom:12px;}.flow-adv-card p{font-size:14px;color:#999;line-height:1.8;}/* 产品中心 */
.flow-prod-sec{background:#fff;}.flow-type-bar{text-align:center;margin-bottom:30px;}.flow-type-bar .flow-type-item{display:inline-block;padding:8px 22px;margin:0 6px;border:1px solid var(--flow-border);color:#666;font-size:14px;transition:all .3s;}.flow-type-bar .flow-type-item:hover{border-color:var(--flow-main);color:var(--flow-main);}.flow-type-bar .flow-type-on{background:var(--flow-main);border-color:var(--flow-main);color:#fff;}.flow-prod-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}.flow-prod-card{display:block;background:#fff;border:1px solid var(--flow-border);overflow:hidden;transition:all .3s;}.flow-prod-card:hover{border-color:var(--flow-main);box-shadow:0 4px 16px rgba(var(--flow-main-rgb),.15);}.flow-prod-img{overflow:hidden;}.flow-prod-img img{width:100%;height:auto;display:block;transition:transform .4s;}.flow-prod-card:hover .flow-prod-img img{transform:scale(1.08);}.flow-prod-info{padding:14px 10px;text-align:center;border-top:1px solid var(--flow-border);}.flow-prod-name{display:block;font-size:14px;color:#333;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.flow-prod-card:hover .flow-prod-name{color:var(--flow-main);}.flow-prod-link{font-size:13px;color:#999;}.flow-prod-card:hover .flow-prod-link{color:var(--flow-main);}/* 工程案例 */
.flow-case-sec{background:#1a1a1a;color:#fff;}.flow-case-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}.flow-case-card{display:block;position:relative;overflow:hidden;}.flow-case-card img{width:100%;height:210px;object-fit:cover;transition:transform .4s;}.flow-case-card:hover img{transform:scale(1.06);}.flow-case-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(var(--flow-main-rgb),.9));padding:15px;text-align:center;}.flow-case-name{display:block;color:#fff;font-size:14px;font-weight:500;}/* 企业动态 */
.flow-news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}.flow-news-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--flow-border);overflow:hidden;transition:all .3s;}.flow-news-card:hover{border-color:var(--flow-main);box-shadow:0 4px 16px rgba(var(--flow-main-rgb),.1);}.flow-news-img{overflow:hidden;}.flow-news-img img{width:100%;height:200px;object-fit:cover;transition:transform .4s;}.flow-news-card:hover .flow-news-img img{transform:scale(1.06);}.flow-news-body{padding:16px;}.flow-news-date{font-size:13px;color:#999;margin-bottom:8px;}.flow-news-body h3{font-size:16px;color:#333;font-weight:500;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.flow-news-body p{font-size:13px;color:#999;line-height:1.6;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}/* 联系我们 */
.flow-contact-sec{background:var(--flow-light);}.flow-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;}.flow-contact-info .flow-label,.flow-contact-msg .flow-label{display:inline-block;font-size:14px;color:var(--flow-main);letter-spacing:3px;text-transform:uppercase;font-weight:bold;margin-bottom:10px;}.flow-contact-info h2,.flow-contact-msg h2{font-size:28px;color:#333;font-weight:bold;margin-bottom:20px;}.flow-contact-list li{padding:8px 0;border-bottom:1px dashed var(--flow-border);font-size:14px;color:#666;}.flow-contact-list li b{color:#333;display:inline-block;width:90px;}.flow-contact-msg p{font-size:14px;color:#666;line-height:1.8;margin-bottom:20px;}/* ============ 响应式补充 ============ */
/* flow 分类条左右箭头只在手机端窄屏下出现，PC 一律隐藏 */
.flow-type-prev,.flow-type-next{display:none;}

@media screen and (max-width:1200px){.flow-about-grid{flex-direction:column;}.flow-about-img{flex:none;width:100%;}.flow-adv-grid{grid-template-columns:repeat(2,1fr);}.flow-prod-grid{grid-template-columns:repeat(3,1fr);}.flow-case-grid{grid-template-columns:repeat(3,1fr);}.flow-news-grid{grid-template-columns:repeat(2,1fr);}.flow-contact-grid{grid-template-columns:1fr;}}@media screen and (max-width:768px){.flow-sec{padding:36px 0;}.flow-head h2{font-size:26px;}.flow-about-text h2{font-size:22px;}.flow-about-data{flex-wrap:wrap;gap:20px;}.flow-data-item strong{font-size:28px;}.flow-adv-grid{grid-template-columns:1fr;gap:15px;}.flow-adv-card{padding:24px 16px;}.flow-prod-grid{grid-template-columns:repeat(2,1fr);gap:12px;}.flow-case-grid{grid-template-columns:repeat(2,1fr);gap:10px;}.flow-case-card img{height:140px;}.flow-news-grid{grid-template-columns:1fr;gap:15px;}.flow-news-img img{height:160px;}.flow-type-wrap{position:relative;margin-bottom:24px;display:flex;align-items:center;gap:4px;}.flow-type-wrap::after{display:none;}.flow-type-end::after{display:none;}.flow-type-prev,.flow-type-next{flex:none;width:24px;height:24px;border-radius:50%;border:1px solid #e0e0e0;background:#fff;color:#999;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:all .2s;}.flow-type-prev svg,.flow-type-next svg{width:16px;height:16px;fill:currentColor;}.flow-type-prev:active,.flow-type-next:active{background:var(--flow-main);border-color:var(--flow-main);color:#fff;}.flow-type-bar{flex:1;min-width:0;text-align:left;overflow-x:auto;overflow-y:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch;padding:0 4px;scrollbar-width:none;}.flow-type-bar::-webkit-scrollbar{display:none;}.flow-type-bar .flow-type-item{display:inline-block;padding:8px 18px;margin:0 6px 8px 0;border:1px solid #e0e0e0;border-radius:24px;color:#666;font-size:13px;background:#fff;transition:all .3s;white-space:nowrap;flex:none;}.flow-type-bar .flow-type-item:hover{border-color:var(--flow-main);color:var(--flow-main);}.flow-type-bar .flow-type-on{background:var(--flow-main);border-color:var(--flow-main);color:#fff;box-shadow:0 2px 8px rgba(var(--flow-main-rgb),.3);}}/* ============ 响应式: 平板 ============ */
@media screen and (max-width:1200px){.m{width:100%;padding:0 20px;}.flow-pro-list{grid-template-columns:repeat(3,1fr);}.flow-adv-list{grid-template-columns:repeat(2,1fr);}.flow-case-big{flex:none;width:100%;margin-bottom:20px;}.flow-case-small{grid-template-columns:repeat(3,1fr);}.flow-about-wrap{flex-direction:column;}.flow-about-img{flex:none;width:100%;}.flow-news-big{flex:none;width:100%;margin-bottom:20px;}.flow-news-list{flex:none;width:100%;}.flow-foot-grid{grid-template-columns:repeat(2,1fr);}}/* ============ 响应式: 手机 ============ */
@media screen and (max-width:768px){body{font-size:13px;margin:0;padding:0;}.m{width:100%;padding:0 15px;}/* 顶部栏隐藏 */
  .top,.flow-hide-mobile,.flow-topbar,#destoon-card,#destoon-qrcode{display:none !important;height:0 !important;overflow:hidden !important;margin:0 !important;padding:0 !important;line-height:0 !important;}/* 头部隐藏，只保留导航栏 */
  .flow-header{display:none !important;height:0;overflow:hidden;margin:0;padding:0;}/* 导航栏固定顶部 */
  .flow-nav-wrap{position:sticky;top:0;z-index:1001;background:#fff;border-bottom:2px solid var(--flow-main);box-shadow:0 2px 8px rgba(0,0,0,.06);}.flow-nav-wrap .m{height:80px;justify-content:space-between;}.flow-nav-top{flex:1;justify-content:space-between;}.flow-nav-top .flow-logo img{height:65px;}.flow-tel{margin-left:auto;}.flow-tel span{display:none;}.flow-menu-toggle{display:flex;order:1;margin-left:12px;flex-shrink:0;z-index:1002;position:relative;}.flow-nav{display:none;position:fixed;top:80px;left:0;right:0;bottom:0;background:#fff;z-index:999;overflow-y:auto;padding:15px;}.flow-nav.open{display:block;}.flow-nav ul{flex-direction:column;}.flow-nav li a{white-space:normal;word-break:break-word;min-height:48px;display:flex;align-items:center;justify-content:flex-start;line-height:1.25;padding:0 20px;font-size:16px;border-bottom:1px solid #f0f0f0;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#f0f0f0;text-align:left;}.flow-nav li .subnav{position:static;display:block;box-shadow:none;background:#f8f8f8;}.flow-nav li .subnav a{padding-left:40px;line-height:40px;}/* Banner */
  .flow-banner .arrow{display:none;}/* 搜索栏 */
  .flow-search .hot{flex-direction:column;gap:15px;}.flow-search .left{flex-wrap:wrap;justify-content:center;}.flow-search .right input.input{width:180px;}/* 通用标题 */
  .flow-section{padding:36px 0;}.flow-section-title h3{font-size:26px;}.flow-section-title p{font-size:14px;}/* 产品中心 */
  .flow-pro-list{grid-template-columns:repeat(2,1fr);gap:12px;}.flow-pro-menu ul{gap:8px;}.flow-pro-menu li a{padding:6px 14px;font-size:13px;}/* CTA Banner */
  .flow-cta-banner{padding:30px 15px;text-align:center;}.flow-cta-banner .zixun{justify-content:center;margin-top:20px;}.flow-cta-banner .txt h3{font-size:22px;}/* 工程案例 */
  .flow-case-wrap{flex-direction:column;}.flow-case-big .item img{height:200px;}.flow-case-small{grid-template-columns:repeat(2,1fr);gap:10px;}.flow-case-small .item img{height:120px;}/* 四大优势 */
  .flow-adv-list{grid-template-columns:1fr;gap:15px;}.flow-adv-item{padding:24px 16px;}/* 关于我们 */
  .flow-about-text .stit{font-size:18px;}.flow-about-text .desc{font-size:13px;line-height:1.8;}/* 新闻中心 */
  .flow-news-wrap{flex-direction:column;}.flow-news-big .item img{height:180px;}.flow-news-list .item{padding:12px 0;}.flow-news-list .txt h3{font-size:15px;}.flow-foot-grid{grid-template-columns:1fr 1fr;gap:26px 30px;padding:30px 0;}.flow-foot-brand{grid-column:1 / -1;}.flow-foot-col:last-child{grid-column:1 / -1;}.flow-foot-bottom{font-size:12px;}/* 侧边浮动 */
  .flow-side-tool{right:10px;bottom:10%;}.flow-side-tool a{width:40px;height:40px;font-size:10px;}}/* ============ 精修：新颖菜单 - 渐变下划线（桌面端） ============ */
@media screen and (min-width:769px){.flow-nav li a{position:relative;border-bottom:none;margin-bottom:0;transition:color .3s;}.flow-nav li a::after{content:'';position:absolute;left:50%;bottom:20px;transform:translateX(-50%);width:0;height:3px;background:linear-gradient(90deg,#8c1f28,#c9a45c);border-radius:3px;transition:width .35s cubic-bezier(.4,0,.2,1);}.flow-nav li a:hover::after,.flow-nav li.on a::after{width:32px;}.flow-nav li a:hover,.flow-nav li.on a{color:#8c1f28;}}/* ============ 精修：红金按钮 - 高光+光影滑动 ============ */
.flow-btn{position:relative;overflow:hidden;border-radius:6px;transition:all .3s cubic-bezier(.4,0,.2,1);}.flow-btn-primary{background:linear-gradient(180deg,#a5303a 0%,#7a1a24 100%);border:1px solid rgba(201,164,92,.55);box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 -2px 0 rgba(0,0,0,.16),0 6px 18px rgba(140,31,40,.35);}.flow-btn-primary::before{content:'';position:absolute;top:0;left:8%;right:8%;height:46%;background:linear-gradient(180deg,rgba(255,255,255,.34),rgba(255,255,255,0));border-radius:inherit;pointer-events:none;}.flow-btn-primary::after{content:'';position:absolute;top:0;left:-90%;width:55%;height:100%;background:linear-gradient(115deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));transform:skewX(-20deg);transition:left .65s ease;pointer-events:none;}.flow-btn-primary:hover{background:linear-gradient(180deg,#b13a46 0%,#8c1f28 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 10px 26px rgba(140,31,40,.5);transform:translateY(-2px);}.flow-btn-primary:hover::after{left:140%;}.flow-btn-outline{background:transparent;color:#8c1f28;border:1px solid #c9a45c;}.flow-btn-outline:hover{background:linear-gradient(180deg,#a5303a,#7a1a24);border-color:#a5303a;color:#fff;box-shadow:0 8px 24px rgba(140,31,40,.4);transform:translateY(-2px);}/* ============ 精修：标题渐变装饰线 ============ */
.flow-head h2{position:relative;display:inline-block;padding-bottom:16px;}.flow-head h2::after{content:'';position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:56px;height:4px;background:linear-gradient(90deg,transparent,#8c1f28,#c9a45c,transparent);border-radius:4px;}.flow-section-title h3{position:relative;display:inline-block;padding-bottom:14px;}.flow-section-title h3::after{content:'';position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:44px;height:3px;background:linear-gradient(90deg,#8c1f28,#c9a45c);border-radius:3px;}/* ============ 精修：卡片悬停流光 ============ */
.flow-prod-card,.flow-adv-card,.flow-pro-item,.flow-news-card{transition:all .35s cubic-bezier(.4,0,.2,1);}.flow-prod-card:hover,.flow-adv-card:hover,.flow-pro-item:hover{transform:translateY(-6px);box-shadow:0 14px 34px rgba(140,31,40,.18);}/* ============ 精修：移动端抽屉滑入 ============ */
@keyframes flowSlideDown{from{opacity:0;transform:translateY(-12px);}to{opacity:1;transform:translateY(0);}}@media screen and (max-width:768px){.flow-nav.open{animation:flowSlideDown .32s cubic-bezier(.4,0,.2,1);}.flow-nav li.on a{color:#8c1f28;background:linear-gradient(90deg,rgba(140,31,40,.08),transparent);}}/* ============ 幻灯片光泽闪动（电脑端+手机端） ============ */
.flow-banner{overflow:hidden;}.flow-banner::after,.hpx-banner-m::after{content:'';position:absolute;top:-20%;left:0;width:40%;height:140%;background:linear-gradient(120deg,rgba(255,255,255,0) 0%,rgba(255,248,230,.5) 50%,rgba(255,255,255,0) 100%);transform:skewX(-20deg);animation:flowShine 4.5s ease-in-out infinite;pointer-events:none;z-index:3;}@keyframes flowShine{0%{transform:translateX(-150%) skewX(-20deg);}16%{transform:translateX(320%) skewX(-20deg);}100%{transform:translateX(320%) skewX(-20deg);}}