/* ========================================================= inner.css - 易优内页组件样式（与首页 xiaoou 设计体系统一） 主色 #c30707 / 容器 .pc-wp / 标题 .comon-tit ========================================================= */ /* ---------- 内页容器（.pc-wp 本身只有内边距，内页补上最大宽度限制） ---------- */ .inner-crumbs .pc-wp,.inner-main .pc-wp{max-width:1240px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px;box-sizing:border-box} /* ---------- 内页横幅（粒子动态背景，原静态背景图已停用） ---------- */ .inner-banner{position:relative;height:300px;padding-top:80px;box-sizing:border-box;background-color:#0b0e14;background-image:none !important;display:flex;align-items:center;justify-content:center;overflow:hidden;isolation:isolate} .inner-banner::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;z-index:0;background: radial-gradient(58% 120% at 16% 18%,rgba(195,7,7,.36),transparent 62%), radial-gradient(66% 130% at 86% 88%,rgba(58,26,96,.44),transparent 60%), linear-gradient(118deg,#0b0e14 0%,#151a24 52%,#0d1017 100%)} .inner-banner .particle-canvas{position:absolute;left:0;top:0;width:100%;height:100%;display:block;z-index:1;pointer-events:none} .inner-banner::after{content:'';position:absolute;left:0;bottom:0;width:100%;height:3px;z-index:3;background:linear-gradient(90deg,rgba(195,7,7,0),rgba(195,7,7,.85),rgba(195,7,7,0))} .inner-banner .inner-banner-txt{position:relative;z-index:2;text-align:center;color:#fff;padding:0 .2rem;text-shadow:0 2px 20px rgba(0,0,0,.55)} .inner-banner .inner-banner-txt::before{content:'';position:absolute;left:50%;top:50%;width:132%;height:210%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:-1;pointer-events:none;background:radial-gradient(closest-side,rgba(6,8,12,.62),rgba(6,8,12,.28) 55%,rgba(6,8,12,0) 100%)} .inner-banner .inner-banner-txt h1{font-size:36px;font-weight:700;letter-spacing:2px} .inner-banner .inner-banner-txt p{font-size:16px;color:rgba(255,255,255,.82);margin-top:12px;letter-spacing:1px} .inner-banner .inner-banner-txt .line{display:block;width:56px;height:3px;background:#c30707;border-radius:2px;margin:16px auto 0} /* ---------- 面包屑 ---------- */ .inner-crumbs{background:#fff;border-bottom:1px solid #f0f0f0} .inner-crumbs .pc-wp{height:52px;line-height:52px;font-size:14px;color:#999;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .inner-crumbs a{color:#666} .inner-crumbs a:hover{color:#c30707} /* ---------- 内页主体 ---------- */ .inner-main{padding:50px 0 60px;background:#f5f6f8} .inner-main.is-white{background:#fff} /* 栏目筛选（同首页 tab 风格） */ .inner-filter{text-align:center;margin-bottom:36px} .inner-filter ul{display:inline-block;max-width:100%;overflow-x:auto;white-space:nowrap;padding:4px;background:#fff;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.05)} .inner-filter li{display:inline-block;padding:9px 22px;font-size:15px;color:#555;border-radius:6px;cursor:pointer;transition:all .25s} .inner-filter li a{color:inherit} .inner-filter li:hover{color:#c30707} .inner-filter li.on,.inner-filter li.active{background:#c30707;color:#fff} .inner-filter li.on a,.inner-filter li.active a{color:#fff} /* ---------- 文章列表卡片 ---------- */ .news-grid{display:flex;flex-wrap:wrap;margin:0 -10px} .news-grid .item{width:33.3333%;box-sizing:border-box;padding:0 10px 20px} .news-grid .item a{display:block;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.05);transition:all .3s;height:100%} .news-grid .item a:hover{transform:translateY(-6px);box-shadow:0 12px 28px rgba(195,7,7,.12)} .news-grid .item .pic{display:block;position:relative;width:100%;height:0;padding-top:56.25%;overflow:hidden;background:#f2f3f5} .news-grid .item .pic img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s} .news-grid .item a:hover .pic img{transform:scale(1.06)} .news-grid .item .tmain{padding:18px 20px 22px} .news-grid .item .time{display:inline-block;font-size:12px;color:#c30707;background:rgba(195,7,7,.07);border-radius:3px;padding:2px 8px} .news-grid .item .title{display:block;font-size:17px;font-weight:700;color:#333;line-height:1.5;margin:10px 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .news-grid .item .desc{font-size:13px;color:#999;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .news-grid .item .more{display:inline-block;margin-top:14px;font-size:13px;color:#c30707} .news-grid.is-list .item{width:25%} .news-grid.is-list .item .tmain{padding:16px 16px 20px} .news-grid.is-list .item .title{font-size:16px} /* ---------- 案例/图片列表卡片 ---------- */ .case-grid{display:flex;flex-wrap:wrap;margin:0 -10px} .case-grid .item{width:25%;box-sizing:border-box;padding:0 10px 20px} .case-grid .item a.picwrap{display:block;position:relative;border-radius:8px 8px 0 0;overflow:hidden;background:#fff;border:1px solid #ebecef;border-bottom:0;box-shadow:0 4px 16px rgba(0,0,0,.05);transition:border-color .3s,box-shadow .3s,transform .3s} .case-grid .item .pic{display:block;height:auto;padding:16px;box-sizing:border-box;overflow:hidden;aspect-ratio:100/60} .case-grid .item .pic img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .4s,opacity .3s} .case-grid .item .btn-group{position:absolute;left:0;top:0;right:0;bottom:0;height:auto;background:rgba(195,7,7,.85);display:flex;align-items:center;justify-content:center;gap:12px;opacity:0;transition:opacity .3s;z-index:2} .case-grid .item a.picwrap:hover .btn-group{opacity:1} .case-grid .item a.picwrap:hover .pic img{transform:scale(1.06)} .case-grid .item .btn-group .btn{display:inline-block;padding:8px 18px;font-size:13px;color:#fff;border:1px solid rgba(255,255,255,.8);border-radius:4px;white-space:nowrap} .case-grid .item .btn-group .btn:hover{background:#fff;color:#c30707} .case-grid .item .h2{display:block;text-align:center;font-size:16px;font-weight:700;color:#333;padding:14px 10px;background:#fff;border:1px solid #ebecef;border-top:0;border-radius:0 0 8px 8px;box-shadow:0 4px 16px rgba(0,0,0,.05);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .25s,border-color .3s} .case-grid .item:hover .h2{color:#c30707;border-color:#f0d3d3} .case-grid .item .h2 span{color:#333} .case-grid .item .h2 i{display:inline-block;width:20px;height:2px;background:#c30707;vertical-align:middle;margin-left:6px} /* 客户 logo 墙：白底 + logo 完整显示（不裁切） */ .case-grid.is-client .item a.picwrap{background:#fff;border:1px solid #ebecef;box-shadow:0 2px 10px rgba(15,23,42,.04);transition:border-color .3s,box-shadow .3s,transform .3s} .case-grid.is-client .item a.picwrap:hover{border-color:#c30707;box-shadow:0 8px 22px rgba(195,7,7,.12);transform:translateY(-3px)} .case-grid.is-client .item .pic{height:auto;padding:14px;aspect-ratio:100/60} .case-grid.is-client .item .pic img{object-fit:contain} .case-grid.is-client .item a.picwrap:hover .pic img{transform:scale(1.04)} /* ---------- 分页（易优输出裸 li，需同时兼容 ul/li 结构） ---------- */ .pglist{text-align:center;padding:26px 0 0} .pglist ul{margin:0;padding:0;list-style:none} .pglist li{display:inline-block;list-style:none;margin:0 4px 8px;padding:0;vertical-align:top} .pglist a,.pglist span,.pglist li a{display:inline-block;min-width:38px;height:38px;line-height:36px;padding:0 12px;background:#fff;border:1px solid #e5e5e5;border-radius:5px;font-size:14px;color:#555;box-sizing:border-box;transition:all .25s;text-align:center} .pglist a:hover{color:#c30707;border-color:#c30707} .pglist a.hover,.pglist a.cur,.pglist span.cur,.pglist span.current,.pglist a.current{background:#c30707;border-color:#c30707;color:#fff} .pglist strong{color:#c30707;font-weight:700;padding:0 3px} .pglist>a,.pglist>span{margin:0 4px 8px} .pglist a:not([href]):not(.hover):not(.cur):not(.current){color:#bbb;cursor:default;background:#fafafa;border-color:#eee} .pglist a:not([href]):not(.hover):not(.cur):not(.current):hover{color:#bbb;border-color:#eee} /* ---------- 详情页 ---------- */ .detail-box{max-width:860px;margin:0 auto;background:#fff;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.05);padding:40px 48px 48px;box-sizing:border-box} .detail-box .detail-head{text-align:center;border-bottom:1px solid #f0f0f0;padding-bottom:22px;margin-bottom:28px} .detail-box .detail-head h1{font-size:26px;font-weight:700;color:#333;line-height:1.5} .detail-box .detail-head .meta{margin-top:14px;font-size:13px;color:#999} .detail-box .detail-head .meta span{margin:0 10px} .detail-content{font-size:16px;color:#444;line-height:1.9;word-break:break-word} .detail-content p{margin-bottom:16px} .detail-content img{max-width:100%;height:auto;border-radius:6px} .detail-content h2,.detail-content h3{font-size:20px;color:#333;margin:24px 0 12px;font-weight:700} .detail-content a{color:#c30707} .detail-content ul,.detail-content ol{padding-left:24px;margin-bottom:16px} .detail-content table{width:100%;border-collapse:collapse;margin-bottom:16px} .detail-content table td,.detail-content table th{border:1px solid #e8e8e8;padding:8px 10px;font-size:14px} .detail-page-turn{margin-top:34px;padding-top:22px;border-top:1px solid #f0f0f0;font-size:14px} .detail-page-turn p{margin-bottom:8px;color:#999} .detail-page-turn a{color:#555} .detail-page-turn a:hover{color:#c30707} /* ---------- 单页（关于我们等） ---------- */ .single-box{max-width:1000px;margin:0 auto;background:#fff;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.05);padding:44px 52px;box-sizing:border-box;font-size:16px;color:#444;line-height:1.9} .single-box img{max-width:100%;height:auto;border-radius:6px} .single-box h2,.single-box h3{font-size:20px;color:#333;font-weight:700;margin:22px 0 12px} .single-box p{margin-bottom:14px} /* 数据统计条 */ .stat-bar{display:flex;justify-content:center;gap:0;margin-top:44px;background:#fff;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.05);padding:34px 0} .stat-bar .item{flex:1;text-align:center;border-right:1px solid #f0f0f0} .stat-bar .item:last-child{border-right:0} .stat-bar .item b{display:block;font-family:Arial;font-size:38px;font-weight:700;color:#c30707;line-height:1.2} .stat-bar .item b span,.stat-bar .item b .onenum{display:inline;font-size:inherit;color:inherit;margin:0;line-height:inherit} .stat-bar .item b i{display:inline;font-style:normal;font-size:20px;margin-left:2px} .stat-bar .item>span{display:block;margin-top:6px;font-size:14px;color:#999} /* 特性卡片 */ .feature-grid{display:flex;flex-wrap:wrap;margin:-8px -10px 0} .feature-grid .item{width:33.3333%;box-sizing:border-box;padding:8px 10px} .feature-grid .item .card{height:100%;background:#fff;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.05);padding:30px 26px;transition:all .3s;border-top:3px solid transparent} .feature-grid .item .card:hover{transform:translateY(-6px);border-top-color:#c30707;box-shadow:0 12px 28px rgba(195,7,7,.12)} .feature-grid .item .card .t{display:block;font-size:18px;font-weight:700;color:#333;margin-bottom:10px} .feature-grid .item .card p{font-size:14px;color:#999;line-height:1.8} /* ---------- 联系我们 ---------- */ .contact-grid{display:flex;flex-wrap:wrap;margin:0 -10px 40px} .contact-grid .item{width:25%;box-sizing:border-box;padding:0 10px 20px} .contact-grid .item .card{height:100%;background:#fff;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.05);text-align:center;padding:30px 18px;transition:all .3s} .contact-grid .item .card:hover{transform:translateY(-6px);box-shadow:0 12px 28px rgba(195,7,7,.12)} .contact-grid .item .card img{width:44px;height:44px;object-fit:contain;margin-bottom:14px} .contact-grid .item .card .t{display:block;font-size:14px;color:#999;margin-bottom:6px} .contact-grid .item .card .v{display:block;font-size:16px;font-weight:700;color:#333;word-break:break-all} /* ---------- 表单（需求/联系表单） ---------- */ .demand-form{background:linear-gradient(135deg,#23293a 0%,#151922 100%);position:relative;padding:60px 0;text-align:center} .demand-form .h2{font-size:26px;font-weight:700;color:#fff;letter-spacing:3px} .demand-form .h3{font-size:18px;color:rgba(255,255,255,.85);margin-top:10px} .demand-form form{max-width:900px;margin:30px auto 0;padding:0 .2rem} .demand-form .write{display:flex;flex-wrap:wrap;gap:12px;justify-content:center} .demand-form .write input.text1,.demand-form .write input.text2,.demand-form .write input.text3{flex:1;min-width:200px;height:46px;line-height:46px;padding:0 16px;border:0;border-radius:5px;font-size:14px;color:#333;outline:none;background:#fff} .demand-form .write input.submit{min-width:170px;height:46px;line-height:46px;padding:0 24px;border:0;border-radius:5px;font-size:15px;font-weight:700;color:#fff;background:#c30707;cursor:pointer;transition:opacity .25s} .demand-form .write input.submit:hover{opacity:.85} .demand-form .italic{display:block;margin-top:14px;font-size:12px;color:rgba(255,255,255,.55);font-style:normal} /* 联系表单（textarea 版） */ .conform-wrap{max-width:760px;margin:0 auto;background:#fff;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.05);padding:40px 44px;box-sizing:border-box} .conform-wrap ul li{margin-bottom:16px} .conform-wrap .context,.conform-wrap .conteat{width:100%;box-sizing:border-box;border:1px solid #e5e5e5;border-radius:5px;padding:12px 14px;font-size:14px;color:#333;outline:none;transition:border .25s;font-family:inherit;background:#fafafa} .conform-wrap .context{height:46px;line-height:20px} .conform-wrap .context:focus,.conform-wrap .conteat:focus{border-color:#c30707;background:#fff} .conform-wrap .conteat{height:140px;resize:vertical} .conform-wrap .consub{width:100%;height:48px;border:0;border-radius:5px;background:#c30707;color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:opacity .25s} .conform-wrap .consub:hover{opacity:.85} /* ---------- 标签云 ---------- */ .tags-cloud{max-width:1000px;margin:0 auto;background:#fff;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.05);padding:40px 44px;text-align:center;box-sizing:border-box} .tags-cloud a{display:inline-block;margin:6px 5px;padding:7px 16px;font-size:14px;color:#555;background:#f5f6f8;border-radius:5px;transition:all .25s} .tags-cloud a:hover{background:#c30707;color:#fff;transform:translateY(-2px)} /* 链接目录（分站/行业） */ .link-dir{max-width:1000px;margin:0 auto 20px;background:#fff;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.05);padding:30px 40px;box-sizing:border-box} .link-dir h3{font-size:18px;color:#333;font-weight:700;padding-left:10px;border-left:4px solid #c30707;margin-bottom:16px;line-height:1.3} .link-dir .links{line-height:2.1;font-size:14px} .link-dir .links a{color:#666;margin-right:14px;white-space:nowrap} .link-dir .links a:hover{color:#c30707} /* ---------- 通用内页标题（左对齐） ---------- */ .inner-tit{display:flex;align-items:baseline;margin-bottom:30px} .inner-tit .cn{font-size:26px;font-weight:700;color:#333;padding-left:12px;border-left:5px solid #c30707;line-height:1.25} .inner-tit .en{margin-left:14px;font-size:13px;color:#999} /* ========================================================= 主营业务 / 服务页（lists_single_service.htm） ========================================================= */ /* 业务概述 */ .svc-lead{background:#fff;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.05);padding:44px 50px;margin-bottom:50px;box-sizing:border-box} .svc-lead h2{font-size:24px;font-weight:700;color:#333;margin-bottom:18px} .svc-lead p{font-size:15px;color:#666;line-height:2;margin-bottom:12px} .svc-lead p:last-child{margin-bottom:0} .svc-lead .hl{color:#c30707;font-weight:700} .svc-lead .tagline{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px} .svc-lead .tagline span{padding:7px 17px;font-size:13px;color:#c30707;background:rgba(195,7,7,.07);border-radius:16px} /* 业务卡片九宫格：复用首页 .pc-homeproduct-list，去掉首页的上下留白与大底色 */ .svc-cards{padding:0 !important;background:transparent !important} .svc-cards .pc-homeproduct-list{margin-top:0 !important} .svc-cards .pc-homeproduct-list ul{margin:-20px 0 0 -20px !important} .svc-cards .pc-homeproduct-list li{width:calc(25% - 20px) !important;margin:20px 0 0 20px !important;height:248px} .svc-cards .pc-homeproduct-list li .image{width:56%} /* 业务明细 */ .svc-detail{display:flex;flex-wrap:wrap;margin:0 -10px} .svc-detail .item{width:50%;box-sizing:border-box;padding:0 10px 20px} .svc-detail .box{height:100%;background:#fff;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.05);border-left:4px solid transparent;padding:30px 34px;box-sizing:border-box;transition:all .3s} .svc-detail .box:hover{transform:translateY(-4px);border-left-color:#c30707;box-shadow:0 12px 28px rgba(195,7,7,.12)} .svc-detail .no{display:inline-block;font-family:Arial;font-size:14px;font-weight:700;color:#c30707;background:rgba(195,7,7,.08);border-radius:4px;padding:3px 10px} .svc-detail h3{font-size:19px;font-weight:700;color:#333;margin:12px 0 6px} .svc-detail .sub{font-size:13px;color:#c30707;margin-bottom:12px} .svc-detail .desc{font-size:14px;color:#777;line-height:1.85;margin-bottom:14px} .svc-detail ul{padding:0;margin:0} .svc-detail ul li{position:relative;padding-left:18px;font-size:14px;color:#555;line-height:1.95} .svc-detail ul li::before{content:'';position:absolute;left:3px;top:12px;width:6px;height:6px;border-radius:50%;background:#c30707;opacity:.5} .svc-detail .meta{margin-top:16px;padding-top:14px;border-top:1px dashed #eee;font-size:13px;color:#999;line-height:1.9} .svc-detail .meta b{color:#444;font-weight:400} /* 服务优势 */ .svc-adv{display:flex;flex-wrap:wrap;margin:0 -10px} .svc-adv .item{width:25%;box-sizing:border-box;padding:0 10px 20px} .svc-adv .card{height:100%;background:#fff;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.05);padding:28px 22px;box-sizing:border-box;text-align:center;transition:all .3s} .svc-adv .card:hover{transform:translateY(-6px);box-shadow:0 12px 28px rgba(195,7,7,.12)} .svc-adv .card .n{font-family:Arial;font-size:30px;font-weight:700;color:#c30707;line-height:1} .svc-adv .card .t{display:block;font-size:16px;font-weight:700;color:#333;margin:12px 0 8px} .svc-adv .card p{font-size:13px;color:#999;line-height:1.8} /* 常见问题 */ .faq-list{max-width:1080px;margin:0 auto} .faq-list .q{background:#fff;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.05);padding:22px 30px;margin-bottom:14px;transition:all .3s} .faq-list .q:hover{box-shadow:0 10px 24px rgba(195,7,7,.1)} .faq-list .q h3{font-size:16px;font-weight:700;color:#333;position:relative;padding-left:32px;line-height:1.6} .faq-list .q h3::before{content:'Q';position:absolute;left:0;top:1px;width:22px;height:22px;line-height:22px;text-align:center;font-family:Arial;font-size:13px;color:#fff;background:#c30707;border-radius:4px} .faq-list .q p{font-size:14px;color:#777;line-height:1.95;margin-top:10px;padding-left:32px} .faq-list .q p::first-letter{} /* 咨询引导条 */ .svc-cta{background:linear-gradient(135deg,#23293a 0%,#151922 100%);border-radius:8px;padding:44px 50px;margin-top:50px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:22px} .svc-cta .txt .h{font-size:24px;font-weight:700;color:#fff;letter-spacing:1px} .svc-cta .txt p{font-size:14px;color:rgba(255,255,255,.7);margin-top:10px;line-height:1.8} .svc-cta .btns{display:flex;gap:14px;flex-wrap:wrap} .svc-cta .btns a{display:inline-block;height:46px;line-height:46px;padding:0 30px;border-radius:5px;font-size:15px;font-weight:700;color:#c30707;background:#fff;transition:all .25s} .svc-cta .btns a:hover{transform:translateY(-2px)} .svc-cta .btns a.ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.5)} .svc-cta .btns a.ghost:hover{background:rgba(255,255,255,.1);color:#fff} /* ---------- 动态 logo（web_logo）兼容：按比例显示，避免拉伸/裁切 ---------- */ .pc-header .pc-logo a img,.pc-footer .footer-logo img{object-fit:contain} .headerWap .headerBox .logo a img{width:auto;max-width:100%;height:28px;object-fit:contain} .navBox .head .icon a{display:block} .navBox .head .icon a img{width:auto;max-width:100%;height:30px;object-fit:contain} /* ========================================================= 公司简介专题页（lists_single.htm） ========================================================= */ /* 品牌宣言（深色通栏） */ .about-declare{position:relative;background:linear-gradient(135deg,#23293a 0%,#151922 100%);padding:92px 0 78px;text-align:center;overflow:hidden} .about-declare::before{content:'';position:absolute;right:-160px;top:-120px;width:520px;height:520px;border-radius:50%;background:radial-gradient(closest-side,rgba(195,7,7,.30),rgba(195,7,7,0))} .about-declare::after{content:'';position:absolute;left:-180px;bottom:-200px;width:480px;height:480px;border-radius:50%;background:radial-gradient(closest-side,rgba(195,7,7,.16),rgba(195,7,7,0))} .about-declare .inner{position:relative;z-index:2;max-width:960px;margin:0 auto;padding:0 20px} .about-declare .kicker{display:inline-block;font-size:12px;letter-spacing:4px;color:rgba(255,255,255,.5);text-transform:uppercase} .about-declare .h{font-size:34px;line-height:1.55;color:#fff;font-weight:700;margin:22px 0 20px;letter-spacing:1px} .about-declare .h em{font-style:normal;color:#ff5a52} .about-declare p{font-size:15px;line-height:2;color:rgba(255,255,255,.7)} .about-declare .keys{margin-top:30px;display:flex;justify-content:center;flex-wrap:wrap;gap:12px} .about-declare .keys span{padding:8px 20px;font-size:13px;color:#fff;border:1px solid rgba(255,255,255,.22);border-radius:20px;background:rgba(255,255,255,.05)} /* 品牌故事正文 */ .about-story{max-width:1080px;margin:0 auto;background:#fff;border-radius:10px;box-shadow:0 8px 30px rgba(0,0,0,.06);padding:52px 58px;box-sizing:border-box;font-size:16px;color:#4a4a4a;line-height:2.05} .about-story h2{font-size:24px;color:#222;font-weight:700;margin:0 0 22px;padding-left:14px;border-left:5px solid #c30707;line-height:1.3} .about-story h3{font-size:19px;color:#222;font-weight:700;margin:26px 0 12px} .about-story p{margin-bottom:16px} .about-story img{max-width:100%;height:auto;border-radius:8px;margin:8px 0} .about-story strong{color:#c30707} .about-story::first-letter{} .about-story::selection{} /* 关键数据（深色条） */ .about-stats{display:flex;flex-wrap:wrap;background:linear-gradient(135deg,#23293a 0%,#151922 100%);border-radius:10px;overflow:hidden;margin-top:40px} .about-stats .item{flex:1 1 25%;min-width:25%;box-sizing:border-box;padding:36px 20px;text-align:center;border-right:1px solid rgba(255,255,255,.08);position:relative} .about-stats .item:last-child{border-right:0} .about-stats .item b{display:block;font-family:Arial;font-size:42px;font-weight:700;color:#fff;line-height:1.1;letter-spacing:1px} .about-stats .item b i{font-style:normal;font-size:18px;color:#ff5a52;margin-left:4px;font-weight:400} .about-stats .item>span{display:block;margin-top:10px;font-size:14px;color:rgba(255,255,255,.62);letter-spacing:1px} /* 发展历程 */ .milestones{max-width:1000px;margin:0 auto;padding-top:8px} .milestones .item{display:flex;gap:34px;position:relative;padding-bottom:36px} .milestones .item::before{content:'';position:absolute;left:117px;top:10px;bottom:-10px;width:2px;background:linear-gradient(180deg,rgba(195,7,7,.32),rgba(195,7,7,.06))} .milestones .item:last-child::before{display:none} .milestones .item::after{content:'';position:absolute;left:112px;top:6px;width:13px;height:13px;border-radius:50%;background:#fff;border:3px solid #c30707;box-sizing:border-box;z-index:2} .milestones .year{width:100px;text-align:right;font-family:Arial;font-size:24px;font-weight:700;color:#c30707;line-height:1.2;flex:0 0 100px} .milestones .txt{padding-left:34px;flex:1} .milestones .txt .t{display:block;font-size:17px;font-weight:700;color:#222;margin-bottom:8px;transition:color .25s} .milestones .item:hover .txt .t{color:#c30707} .milestones .txt p{font-size:14px;color:#888;line-height:1.9} /* 核心能力 */ .about-cap{display:flex;flex-wrap:wrap;margin:0 -10px} .about-cap .item{width:33.3333%;box-sizing:border-box;padding:0 10px 20px} .about-cap .card{position:relative;height:100%;background:#fff;border-radius:10px;box-shadow:0 6px 22px rgba(0,0,0,.05);padding:34px 30px 30px;box-sizing:border-box;overflow:hidden;transition:all .3s} .about-cap .card::before{content:'';position:absolute;left:0;top:0;width:100%;height:3px;background:linear-gradient(90deg,#c30707,#e8503f);transform:scaleX(0);transform-origin:left;transition:transform .35s} .about-cap .card:hover{transform:translateY(-6px);box-shadow:0 16px 34px rgba(195,7,7,.13)} .about-cap .card:hover::before{transform:scaleX(1)} .about-cap .card .no{position:absolute;right:24px;top:18px;font-family:Arial;font-size:38px;font-weight:700;color:#f2f3f5;line-height:1} .about-cap .card .t{position:relative;display:block;font-size:19px;font-weight:700;color:#222;margin-bottom:6px} .about-cap .card .sub{position:relative;display:block;font-size:12px;color:#c30707;letter-spacing:1px;margin-bottom:14px} .about-cap .card p{position:relative;font-size:14px;color:#8a8a8a;line-height:1.95} /* 四大业务（两列布局） */ .about-cap.is-four .item{width:50%} /* 价值观 */ .about-values{display:flex;flex-wrap:wrap;margin:0 -10px} .about-values .item{width:25%;box-sizing:border-box;padding:0 10px 20px} .about-values .card{height:100%;background:#fff;border-radius:10px;box-shadow:0 6px 22px rgba(0,0,0,.05);padding:32px 26px;box-sizing:border-box;text-align:center;transition:all .3s} .about-values .card:hover{transform:translateY(-6px);box-shadow:0 16px 34px rgba(195,7,7,.12)} .about-values .card .ico{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:rgba(195,7,7,.08);color:#c30707;font-family:Arial;font-size:20px;font-weight:700;margin-bottom:16px} .about-values .card .t{display:block;font-size:17px;font-weight:700;color:#222;margin-bottom:10px} .about-values .card p{font-size:13px;color:#8a8a8a;line-height:1.9} /* 资质与服务保障 */ .about-facts{display:flex;flex-wrap:wrap;margin:0 -10px} .about-facts .item{width:25%;box-sizing:border-box;padding:0 10px 20px} .about-facts .card{height:100%;background:#fff;border-left:3px solid #c30707;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.05);padding:26px 24px;box-sizing:border-box} .about-facts.is-three .item{width:33.3333%} .about-facts .card .t{display:block;font-size:16px;font-weight:700;color:#222;margin-bottom:10px} .about-facts .card p{font-size:13px;color:#8a8a8a;line-height:1.9} /* 品牌口号 */ .about-quote{position:relative;max-width:900px;margin:60px auto 0;text-align:center;padding:0 20px} .about-quote .mark{font-family:Georgia,serif;font-size:70px;color:rgba(195,7,7,.15);line-height:.6;display:block;margin-bottom:8px} .about-quote .q{font-size:26px;line-height:1.75;color:#222;font-weight:700;letter-spacing:1px} .about-quote .from{display:block;margin-top:18px;font-size:13px;color:#aaa;letter-spacing:2px} /* ---------- 深色需求表单条 → 页脚 的过渡（消除生硬的白色斜切块） ---------- */ .demand-form{padding-bottom:86px} .demand-form::after{content:'';position:absolute;left:50%;bottom:0;width:720px;height:180px;margin-left:-360px;background:radial-gradient(closest-side,rgba(195,7,7,.22),rgba(195,7,7,0));pointer-events:none} /* 说明：footer.htm 起始处有