@charset "utf-8";
/* ============================================================
   赢信科技 主页 · 1:1 对标 rfintell.com 版面 (2026-10-26 v3)
   度量对齐：容器1400 / 头部80+左右60留白 / 24vw方案图 / 18vw案例
             50vw全屏图 / 36.5vw+12vw双层 / 页脚#25282a 50-60
   换色只需改 --rf-accent 一处
   ============================================================ */
:root{ --rf-accent:#da241a; --rf-dark:#25282a; }
*{ box-sizing:border-box; }
body{ font-family:"微软雅黑","Microsoft Yahei",Arial,sans-serif; font-size:14px; color:#333; background:#fff; margin:0; padding-top:80px; }
a{ text-decoration:none; color:#333; transition:color .3s; }
img{ border:0; }
ul,ul li,dl,dd,dt,input,h1,h2,h3,h4,h5,h6,p{ margin:0; padding:0; }
li{ list-style:none; }
h1,h2,h3,h4,h5,h6{ font-weight:normal; }
.wrap{ width:1400px; max-width:96%; margin:0 auto; }

/* ---------- 固定头部（rf: padding 0 60px, h3 15px/80px, logo 141px） ---------- */
.header{ position:fixed; left:0; right:0; top:0; z-index:99; background:#fff; display:flex; justify-content:space-between; align-items:center; height:80px; padding:0 0 0 60px; box-shadow:0 0 8px 0 rgba(80,80,80,.02); transition:background .3s, box-shadow .3s; }
.header .logo{ float:none; margin-top:0; }
.header .logo img{ width:141px; display:block; }
.header .logo img.lo2{ display:none; }

/* ===== 首页顶部透明叠图态（rf .layout.active 1:1）：body.active 时头部白框隐藏、叠在 banner 上 ===== */
body.active{ padding-top:0; }
body.active .header{ background:none; box-shadow:none; }
body.active .header .logo img.lo1{ display:none; }
body.active .header .logo img.lo2{ display:block; filter:drop-shadow(0 1px 6px rgba(0,0,0,.55)); }
body.active .header .naver li h3 a{ color:#fff; text-shadow:0 1px 8px rgba(0,0,0,.55); }
body.active .header .telbox span{ color:rgba(255,255,255,.85); text-shadow:0 1px 6px rgba(0,0,0,.45); }
body.active .header .telbox b{ color:#fff; text-shadow:0 1px 6px rgba(0,0,0,.45); }
body.active .header .searchbtn{ background:none; color:#fff; text-shadow:0 1px 6px rgba(0,0,0,.45); }
body.active .header .searchbtn:hover{ background:rgba(255,255,255,.12); }
.header .naver li h3 a, .header .telbox span, .header .telbox b{ transition:color .3s; }
.naver ul{ overflow:hidden; }
.naver li{ float:left; position:relative; z-index:11; margin:0 23px; }
.naver li h3 a{ font-size:15px; line-height:80px; color:#000; display:block; white-space:nowrap; }
.naver li h3 a:hover{ color:var(--rf-accent); }
.naver li.on h3 a{ color:var(--rf-accent); }
.naver li .nli{ position:absolute; left:-40px; right:-40px; top:100%; background:#fff; text-align:center; display:none; padding:5px 10px; box-shadow:0 6px 18px rgba(0,0,0,.1); }
.naver li:hover .nli{ display:block; }
.naver li .nli dd a{ font-size:14px; color:#333; line-height:36px; border-bottom:1px solid #eee; display:block; white-space:nowrap; }
.naver li .nli dd:last-child a{ border:none; }
.naver li .nli dd a:hover{ color:var(--rf-accent); }
.rts{ display:flex; align-items:center; align-self:stretch; }
.rts .telbox{ text-align:right; line-height:1.3; margin-right:22px; }
.rts .telbox span{ display:block; font-size:12px; color:#909090; }
.rts .telbox b{ font-size:18px; color:var(--rf-accent); font-weight:bold; white-space:nowrap; }
.rts .searchbtn{ display:block; background:var(--rf-accent); color:#fff; height:80px; line-height:80px; font-size:15px; padding:0 60px 0 22px; white-space:nowrap; }
.rts .searchbtn:hover{ color:#fff; background:#c01f16; }

/* ---------- 搜索条（点击展开，rf: fixed top 80 display none） ---------- */
.fsearch{ background:#f9f9f9; position:fixed; top:80px; left:0; right:0; margin:0 auto; z-index:111; display:none; box-shadow:0 8px 16px rgba(0,0,0,.06); }
.fsearch .vos{ padding:7px 0; display:flex; flex-wrap:wrap; justify-content:space-between; }
.fsearch .lt{ width:70%; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; }
.fsearch .lt .ico{ width:31px; height:31px; margin-top:2px; line-height:31px; text-align:center; color:#909090; font-size:18px; font-family:serif; }
.fsearch .lt .text{ width:calc(100% - 46px); height:36px; font-size:16px; color:#909090; display:block; border:none; background:none; outline:none; }
.fsearch .button{ width:88px; height:36px; border:none; display:block; background:#555; text-align:center; font-size:16px; color:#fff; cursor:pointer; }
.fsearch .button:hover{ background:var(--rf-accent); }

/* ---------- 通用轮播箭头 / 圆点 ---------- */
.banner .prev,.banner .next,
.hjiejue .prev,.hjiejue .next,
.hvideos .prev,.hvideos .next,
.case_swiper .prev,.case_swiper .next,
.hpicswipers .prev,.hpicswipers .next{ position:absolute; left:38px; top:50%; margin-top:-20px; width:40px; height:40px; z-index:11; cursor:pointer; font-size:0; color:transparent; background-image:none; }
.banner .prev:before,.banner .next:before,
.hjiejue .prev:before,.hjiejue .next:before,
.hvideos .prev:before,.hvideos .next:before,
.case_swiper .prev:before,.case_swiper .next:before,
.hpicswipers .prev:before,.hpicswipers .next:before{ content:""; position:absolute; left:11px; top:12px; width:12px; height:12px; border-left:2px solid #fff; border-bottom:2px solid #fff; transform:rotate(45deg); }
.banner .next,.hjiejue .next,.hvideos .next,.case_swiper .next,.hpicswipers .next{ left:auto; right:38px; }
.banner .next:before,.hjiejue .next:before,.hvideos .next:before,.case_swiper .next:before,.hpicswipers .next:before{ left:auto; right:11px; transform:rotate(-135deg); }
.banner .prev,.banner .next,
.hjiejue .prev,.hjiejue .next,
.hvideos .prev,.hvideos .next{ background:rgba(0,0,0,.18); border-radius:50%; transition:background .3s; }
.banner .prev:hover,.banner .next:hover,
.hjiejue .prev:hover,.hjiejue .next:hover,
.hvideos .prev:hover,.hvideos .next:hover{ background:var(--rf-accent); }
.spans{ position:absolute; left:0; right:0; bottom:24px; z-index:99; text-align:center; line-height:0; }
.spans span{ display:inline-block; width:12px; height:12px; border-radius:50%; border:1px solid #fff; background:rgba(0,0,0,.35); margin:0 16px; cursor:pointer; box-shadow:0 1px 3px rgba(0,0,0,.35); }
.spans span.on{ background:var(--rf-accent); border-color:var(--rf-accent); }

/* ---------- Banner（覆盖 common.css 旧规则：opacity:0 / float / 固定背景尺寸） ---------- */
.banner{ position:relative; height:50.9vw; max-height:980px; overflow:hidden; max-width:100%; }
.banner ul{ position:relative; height:100%; width:auto; }
.banner ul li{ float:none; width:100%; height:100%; opacity:1; background:none; }
.banner ul li img{ display:block; width:100%; height:100%; object-fit:cover; }

/* ---------- 解决方案（rf: 24vw, 文案居中, 底部 68px 图标条 thumbs 联动） ---------- */
.hjiejue{ position:relative; height:24vw; margin-top:6px; overflow:hidden; }
.hjiejue .hd{ height:100%; position:relative; }
.hjiejue .hd ul{ height:100%; }
.hjiejue .hd ul li{ height:100%; }
.hjiejue .hd ul li .bg{ display:block; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative; }
.hjiejue .txt{ position:absolute; left:0; right:0; top:50%; z-index:1; transform:translateY(-50%); -webkit-transform:translateY(-50%); text-align:center; }
.hjiejue .txt h2{ font-size:26px; line-height:1.7; color:#fff; text-shadow:0 2px 10px rgba(0,0,0,.45); }
.hjiejue .txt h4{ font-size:22px; line-height:1.6; color:#fff; text-transform:uppercase; text-shadow:0 2px 10px rgba(0,0,0,.45); }
.hjiejue .bgsa{ position:absolute; left:0; right:0; bottom:0; background:rgba(255,255,255,.85); z-index:11; }
.hjiejue .bgsa ul{ max-width:1600px; margin:0 auto; display:flex; }
.hjiejue .bgsa li{ flex:1; cursor:pointer; border-left:1px solid #fff; position:relative; }
.hjiejue .bgsa li:last-child{ border-right:1px solid #fff; }
.hjiejue .bgsa li .flx{ display:flex; justify-content:center; align-items:center; height:68px; transition:background .3s; }
.hjiejue .bgsa li:hover .flx,.hjiejue .bgsa li.on .flx{ background:#fff; }
.hjiejue .bgsa li.on:before{ content:""; position:absolute; left:50%; top:-6px; margin-left:-6px; width:0; height:0; border-left:6px solid transparent; border-right:6px solid transparent; border-bottom:6px solid #fff; }
.hjiejue .bgsa li .ico{ width:26px; height:26px; margin-right:14px; display:block; color:#555; transition:color .3s; }
.hjiejue .bgsa li .ico svg{ width:26px; height:26px; display:block; }
.hjiejue .bgsa li:hover .ico,.hjiejue .bgsa li.on .ico{ color:var(--rf-accent); }
.hjiejue .bgsa li h4{ font-size:16px; color:#000; line-height:1.6; }

/* ---------- 成功案例（rf: #ebebeb / 35-25 padding / 18vw pic / hover 1.1） ---------- */
.hcase{ background:#ebebeb; text-align:center; padding:35px 0 25px; margin-top:6px; }
.utit{ text-align:center; }
.utit h2{ font-size:26px; color:#000; line-height:1.6; }
.utit h3{ font-size:22px; color:#000; line-height:1.6; text-transform:uppercase; }
.hcase .case_swiper{ overflow:hidden; margin-top:35px; position:relative; }
.hcase .case_swiper ul{ overflow:hidden; }
.hcase .case_swiper ul > li{ width:25%; float:left; padding:0 5px; }
.hcase .case_swiper a{ display:block; background:#f5f5f5; padding:8px; }
.hcase .case_swiper .pic{ height:18vw; overflow:hidden; }
.hcase .case_swiper .pic img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .3s; }
.hcase .case_swiper a:hover .pic img{ transform:scale(1.1); }
.hcase .case_swiper h4{ font-size:16px; line-height:1.6; color:#000; padding:8px; height:3.2em; overflow:hidden; transition:color .3s; }
.hcase .case_swiper a:hover h4{ color:var(--rf-accent); }
.hcase .case_swiper .prev,.hcase .case_swiper .next{ background:rgba(0,0,0,.15); border-radius:50%; }
.hcase .case_swiper .prev:before,.hcase .case_swiper .next:before{ border-color:#555; }
/* SuperSlide 自动分页 -> rf 胶囊条 */
.hcase .case_swiper .pages{ text-align:center; margin-top:36px; font-size:0; line-height:0; }
.hcase .case_swiper .pages li{ display:inline-block; width:16px; height:6px; border-radius:4px; background:#bababa; margin:0 4px; float:none; padding:0; overflow:hidden; text-indent:-9999px; cursor:pointer; transition:all .3s; vertical-align:middle; }
.hcase .case_swiper .pages li.on{ width:32px; background:var(--rf-accent); }

/* ---------- 全屏大图轮播（rf: 50vw） ---------- */
.hvideos{ position:relative; overflow:hidden; height:50vw; margin-top:6px; }
.hvideos ul{ height:100%; }
.hvideos ul li{ height:100%; }
.hvideos ul li img{ display:block; width:100%; height:100%; object-fit:cover; }

/* ---------- 品牌/产品双层（rf: hd 36.5vw / bd 12vw / 5列 gap 7px） ---------- */
.hpicswipers{ margin-top:7px; }
.hpicswipers .hd{ height:36.5vw; overflow:hidden; position:relative; }
.hpicswipers .hd ul{ height:100%; }
.hpicswipers .hd ul li{ height:100%; }
.hpicswipers .hd img{ width:100%; height:100%; object-fit:cover; display:block; }
.hpicswipers .hd .spans{ bottom:24px; }
.hpicswipers .hd .spans span{ background:#929292; border:none; margin:0 12px; }
.hpicswipers .hd .spans span.on{ background:var(--rf-accent); }
.hpicswipers .bd{ overflow:hidden; margin:7px 0; position:relative; height:12vw; }
.hpicswipers .bd ul{ overflow:hidden; height:100%; }
.hpicswipers .bd ul > li{ width:20%; float:left; padding:0 3.5px; height:100%; }
.hpicswipers .bd a{ display:block; position:relative; height:100%; background:#f5f5f5; overflow:hidden; }
.hpicswipers .bd a img{ position:absolute; left:14px; top:10px; width:calc(100% - 28px); height:calc(100% - 48px); object-fit:contain; display:block; transition:transform .3s; }
.hpicswipers .bd a:hover img{ transform:scale(1.04); }
.hpicswipers .bd .txt{ position:absolute; left:0; right:0; bottom:8px; padding:0 8px; text-align:center; background:none; transition:all .3s; }
.hpicswipers .bd .txt h5{ font-size:14px; line-height:1.4; color:#333; }
.hpicswipers .bd .prev,.hpicswipers .bd .next{ width:46px; height:46px; margin-top:-23px; background:rgba(0,0,0,.2); border-radius:50%; }
.hpicswipers .bd .prev{ left:32px; }
.hpicswipers .bd .next{ right:32px; }
.hpicswipers .bd .prev:before,.hpicswipers .bd .next:before{ left:14px; top:15px; }
.hpicswipers .bd .prev:hover,.hpicswipers .bd .next:hover{ background:rgba(218,36,26,.6); }
.hpicswipers .bd .pages{ display:none; }

/* ---------- 页脚（rf: #25282a / 50-60 / dl 120px；覆盖 common.css 的 height:40px + 居中） ---------- */
.footer{ background:var(--rf-dark); padding:50px 0 60px; margin-top:7px; height:auto; clear:both; text-align:left; font-size:14px; width:100%; }
.footer .wrap{ display:flex; justify-content:space-between; flex-wrap:wrap; }
.footer .ltc img{ width:154px; display:block; }
.footer .ltc h6{ font-size:14px; color:#fff; margin-top:25px; }
.footer .ltc h5{ font-size:22px; color:#fff; margin-top:5px; }
.footer .dl{ display:flex; justify-content:flex-start; flex-wrap:wrap; flex:1 1 auto; column-gap:26px; row-gap:24px; padding-left:26px; }
.footer .dl dl{ width:120px; flex:0 0 auto; text-align:left; }
.footer .dl dl dd{ text-align:left; margin:0; }
.footer .dl dt{ font-size:14px; color:#fff; line-height:20px; margin-bottom:8px; }
.footer .dl dd a{ font-size:12px; line-height:26px; color:#bbbdbd; display:block; }
.footer .dl dd a:hover{ color:#fff; }
.footer .dl dd{ font-size:12px; line-height:26px; color:#bbbdbd; }
.footer .copyright{ border-top:1px solid rgba(255,255,255,.08); margin-top:40px; padding-top:18px; display:flex; justify-content:space-between; flex-wrap:wrap; }
.footer .copyright .l a,.footer .copyright .r a{ font-size:12px; color:#8f9194; margin-right:18px; }
.footer .copyright a:hover{ color:#fff; }

/* ---------- 悬浮返回顶部 ---------- */
.side_nav{ position:fixed; top:82%; right:10px; width:45px; z-index:999; }
.side_nav ul li{ cursor:pointer; width:45px; height:45px; float:right; }
.side_nav ul li a{ display:inline-block; height:45px; width:45px; background:var(--rf-dark); color:#fff; text-align:center; line-height:45px; border-radius:4px; opacity:.75; }
.side_nav ul li a:hover{ opacity:1; background:var(--rf-accent); }

/* ---------- 入场动画（纯 CSS，无 JS 依赖；不支持也照常显示） ---------- */
@keyframes rfUp{ from{ opacity:0; transform:translateY(40px); } to{ opacity:1; transform:none; } }
.hjiejue,.hcase,.hvideos,.hpicswipers{ animation:rfUp .8s ease forwards; }
@media (prefers-reduced-motion:reduce){ .hjiejue,.hcase,.hvideos,.hpicswipers{ animation:none; } }

/* ---------- 响应式 ---------- */
@media (max-width:1440px){
  .header{ padding-left:24px; }
  .rts .searchbtn{ padding-right:24px; }
}
@media (max-width:1279px){
  .rts .telbox{ display:none; }
  .naver li{ margin:0 14px; }
  .fsearch .lt{ width:100%; }
}
@media (max-width:1024px){
  .naver li{ margin:0 9px; }
  .naver li h3 a{ font-size:14px; }
  .rts .searchbtn{ padding:0 20px; }
  .hjiejue{ min-height:260px; }
  .hcase .case_swiper ul > li{ width:50% !important; }
  .hpicswipers .bd ul > li{ width:33.33% !important; }
  .footer .dl dl{ width:46%; margin-bottom:14px; }
}
@media (max-width:640px){
  .header{ padding-left:12px; }
  .header .logo img{ width:110px; }
  .naver{ display:none; }
  .rts .searchbtn{ padding:0 14px; font-size:13px; }
  .banner,.banner ul li{ height:300px; }
  .hjiejue{ height:64vw; min-height:0; }
  .hjiejue .txt h2{ font-size:20px; }
  .hjiejue .txt h4{ font-size:15px; }
  .hjiejue .bgsa li .flx{ height:52px; }
  .hjiejue .bgsa li .ico,.hjiejue .bgsa li .ico svg{ width:18px; height:18px; margin-right:8px; }
  .hjiejue .bgsa li h4{ font-size:12px; }
  .hcase .case_swiper ul > li{ width:100% !important; }
  .hcase .case_swiper .pic{ height:52vw; }
  .hpicswipers .hd{ height:56vw; }
  .hpicswipers .bd{ height:32vw; }
  .hpicswipers .bd ul > li{ width:50% !important; }
  .utit h2{ font-size:22px; }
  .utit h3{ font-size:17px; }
  .spans span{ margin:0 8px; }
}

/* ---------- 公司简介页（rf about.html 企业介绍 1:1） ---------- */
.picbanner{ height:605px; }
.picbanner .wrap{ height:100%; position:relative; }
.picbanner .txt{ position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:1; }
.picbanner .txt h3{ font-size:30px; color:#fff; text-shadow:0 2px 10px rgba(0,0,0,.4); }
.picbanner .txt h5{ font-size:16px; color:#fff; text-shadow:0 1px 8px rgba(0,0,0,.4); margin-top:8px; }
.htab{ background:#e7e7e7; overflow:hidden; }
.htaba{ position:sticky; top:80px; z-index:11; }
.htab ul{ display:flex; justify-content:center; }
.htab li{ flex:1 1 0; max-width:none; }
.htab li a{ display:flex; align-items:center; justify-content:center; position:relative; height:68px; border-right:1px solid #d6d6d6; }
.htab li:first-child a{ border-left:1px solid #d6d6d6; }
.htab li a:hover,.htab li.on a{ background:#fff; }
.htab li a i{ display:none; }
.htab li a:hover i,.htab li.on a i{ display:block; position:absolute; left:0; right:0; bottom:0; width:0; height:0; margin:0 auto; border-left:6px solid transparent; border-right:6px solid transparent; border-bottom:6px solid #da241a; }
.htab li h4{ font-size:16px; color:#000; }
.about .hd{ padding:90px 0 80px; }
/* 装饰图：半透明背景层置于文字下方，缩小不抢内容（图源 Banner·分类7） */
.about .hd.ucpa{ position:relative; overflow:hidden; }
.about .hd.ucpa::after{ content:''; position:absolute; right:40px; top:260px; width:44%; height:calc(100% - 260px); background-image:var(--decor); background-repeat:no-repeat; background-position:right top; background-size:contain; opacity:.22; pointer-events:none; z-index:0; }
.about .hd.ucpa .wrap{ position:relative; z-index:1; }
.about .hd h1{ font-size:24px; color:#000; line-height:2; position:relative; padding-bottom:12px; }
.about .hd h1::before{ content:''; position:absolute; left:0; bottom:0; width:60px; height:2px; background:#000; }
.about .hd .dels{ font-size:14px; color:#646464; line-height:1.8; margin:30px 0; }
.about .hd .dels h1{ font-size:14px; color:#646464; line-height:1.8; font-weight:normal; }
.about .hd .dels h1::before{ display:none; }
.about .hd .dels p{ margin-bottom:12px; }
.about .hd .txtc{ width:50%; position:relative; z-index:1; }
.about .hd .unms{ margin-top:40px; }
.about .hd .unms li{ display:inline-block; vertical-align:top; margin-right:50px; border-right:1px solid #c7c7c7; padding-right:25px; }
.about .hd .unms li:last-child{ border-right:none; margin-right:0; }
.about .hd .unms li h4{ font-size:16px; color:#000; }
.about .hd .unms li h3{ font-size:52px; color:#ed0b19; line-height:1.2; font-variant-numeric:tabular-nums; }
.about .hd .unms li h6{ font-size:16px; color:#8f8b88; }
@media (max-width:1040px){
  .picbanner{ height:320px; }
  .htaba{ top:80px; }
  .about .hd{ padding:50px 0; }
  .about .hd .txtc{ width:100%; }
  .about .hd.ucpa::after{ width:79%; height:calc(100% - 185px); opacity:.15; right:12px; top:185px; }
  .about .hd .unms li{ margin-right:24px; padding-right:14px; }
  .about .hd .unms li h3{ font-size:36px; }
  .htab li h4{ font-size:14px; }
  .htab li a{ height:56px; }
}

/* ---------- 发展历程 / 荣誉资质（rf about.html 1:1） ---------- */
.bdlic{ background:#f5f5f5; padding:70px 0; }
.utit{ text-align:center; }
.utit h2{ font-size:26px; color:#000; line-height:1.6; font-weight:normal; }
.utit2 h2{ position:relative; line-height:2; padding-bottom:10px; }
.utit2 h2::before{ content:''; position:absolute; left:0; right:0; bottom:0; width:60px; height:2px; background:#000; margin:0 auto; }
.utit2.futit{ text-align:left; }
.utit2.futit h2::before{ right:auto; margin:0; }
.bdlic .pors{ position:relative; margin-top:60px; }
.hist{ display:flex; gap:30px; overflow-x:auto; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch; scrollbar-width:none; }
.hist::-webkit-scrollbar{ display:none; }
.hist-item{ flex:0 0 calc((100% - 60px) / 3); box-sizing:border-box; background:#fff; padding:42px 25px; height:340px; overflow:hidden; scroll-snap-align:start; }
.hist-item h3{ font-size:24px; color:#000; margin-bottom:20px; font-weight:normal; }
.hist-item .dlc{ font-size:14px; line-height:2; color:#505050; }
.hprev,.hnext{ position:absolute; top:50%; width:40px; height:40px; margin-top:-20px; background:#fff; border-radius:50%; box-shadow:0 2px 10px rgba(0,0,0,.12); cursor:pointer; z-index:11; }
.hprev{ left:-22px; }
.hnext{ right:-22px; }
.hprev::before,.hnext::before{ content:''; position:absolute; top:50%; left:50%; width:11px; height:11px; border-left:2px solid #9a9a9a; border-bottom:2px solid #9a9a9a; transition:border-color .2s; }
.hprev::before{ transform:translate(-30%,-50%) rotate(45deg); }
.hnext::before{ transform:translate(-70%,-50%) rotate(-135deg); }
.hprev:hover::before,.hnext:hover::before{ border-color:#0188cc; }
.bdlic .lines{ margin-top:60px; }
.bdlic .lins{ height:7px; background:#c7c7c7; position:relative; }
.bdlic .lins i{ position:absolute; left:0; top:0; height:100%; width:0; background:#0188cc; transition:width .25s; }
.bdlic .flx{ display:flex; justify-content:space-between; align-items:center; margin-top:15px; }
.bdlic .flx h5{ font-size:16px; color:#000; font-weight:normal; }
.abrongyu{ background:#eef1f5; padding:80px 0 40px; }
.roswiper{ display:flex; gap:30px; overflow-x:auto; margin-top:70px; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch; scrollbar-width:none; }
.roswiper::-webkit-scrollbar{ display:none; }
.roitem{ flex:0 0 calc((100% - 90px) / 4); box-sizing:border-box; background:#fff; padding:30px 15px 25px; scroll-snap-align:start; }
.roitem a{ display:block; color:inherit; text-decoration:none; }
.roitem .pic{ height:270px; display:flex; align-items:center; justify-content:center; overflow:hidden; }
.roitem .pic img{ max-width:100%; max-height:100%; display:block; }
.roitem h5{ margin-top:26px; padding:14px 10px 0; border-top:1px solid #e3e3e3; font-size:16px; line-height:1.6; color:#858585; text-align:center; height:3.2em; overflow:hidden; font-weight:normal; }
.robtn{ margin:45px auto 0; text-align:center; }
.robtn .prev,.robtn .next{ display:inline-block; position:relative; width:45px; height:45px; border-radius:50%; margin:0 30px; background:#fff; cursor:pointer; transition:background .2s; }
.robtn .prev::before,.robtn .next::before{ content:''; position:absolute; top:50%; left:50%; width:10px; height:10px; border-left:2px solid #666; border-bottom:2px solid #666; }
.robtn .prev::before{ transform:translate(-30%,-50%) rotate(45deg); }
.robtn .next::before{ transform:translate(-70%,-50%) rotate(-135deg); }
.robtn .prev:hover,.robtn .next:hover{ background:#0188cc; }
.robtn .prev:hover::before,.robtn .next:hover::before{ border-color:#fff; }
@media (max-width:1040px){
  .bdlic{ padding:50px 0; }
  .bdlic .pors{ margin-top:40px; }
  .hist-item{ flex:0 0 calc((100% - 30px) / 2); height:auto; min-height:260px; padding:30px 20px; }
  .hist-item h3{ font-size:20px; margin-bottom:14px; }
  .hprev,.hnext{ display:none; }
  .bdlic .lines{ margin-top:30px; }
  .roswiper{ margin-top:40px; gap:20px; }
  .roitem{ flex:0 0 calc((100% - 20px) / 2); padding:20px 12px; }
  .roitem .pic{ height:180px; }
  .roitem h5{ font-size:14px; margin-top:16px; }
  .abrongyu{ padding:50px 0 30px; }
  .robtn{ margin-top:28px; }
  .robtn .prev,.robtn .next{ width:38px; height:38px; margin:0 18px; }
}

/* ---------- 荣誉资质放大查看（baguetteBox，rfintell 1:1） ---------- */
#baguetteBox-overlay .full-image figcaption{ font-family:inherit; font-size:14px; line-height:2; padding:8px 40px; }
@media (max-width:768px){
  .baguetteBox-button#next-button,.baguetteBox-button#previous-button{ width:38px; height:54px; }
  .baguetteBox-button#close-button{ width:34px; height:34px; top:14px; right:14px; }
  #baguetteBox-overlay .full-image figcaption{ font-size:13px; padding:6px 16px; }
}

/* ---------- 营销网络（rf about.html #a3 1:1） ---------- */
.abfts{ position:relative; overflow:hidden; height:46vw; min-height:400px; padding:75px 0 0 40px; box-sizing:border-box;
  background-color:#f2f2f2; }
.abfts .wrap{ position:relative; z-index:1; }
.abfts .abfts-bg{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
  width:80%; height:auto; z-index:0; pointer-events:none; }
.abfts .utit{ text-align:left; }
.abfts .utit h2{ font-size:26px; color:#000; }
.abfts .utit p{ margin-top:28px; max-width:270px; font-size:18px; line-height:1.6; color:#000; font-weight:bold; }
@media (max-width:1040px){
  .abfts{ height:auto; min-height:0; padding:40px 20px 0; }
  .abfts .utit h2{ font-size:22px; }
  .abfts .utit p{ max-width:100%; margin-top:16px; font-size:16px; }
  .abfts .abfts-bg{ position:static; transform:none; width:calc(100% + 40px); max-width:none; margin:10px -20px 0; }
}

/* ---------- 联系我们（rf about.html #a4 1:1） ---------- */
.abcontact{ position:relative; overflow:hidden; border-top:6px solid #fff; padding:75px 0 125px; background-color:#fff; }
.abcontact .abc-bg{ position:absolute; left:0; right:0; bottom:0; width:100%; aspect-ratio:1919/565; height:auto; object-fit:cover; object-position:bottom; z-index:0; pointer-events:none; }
.abcontact .wrap{ position:relative; z-index:1; }
.abcontact .utit{ text-align:center; }
.abcontact ul{ display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:140px; }
.abcontact ul li{ width:23%; box-sizing:border-box; border-right:1px solid #d5d5d5; }
.abcontact ul li:nth-child(4n){ width:31%; border-right:none; }
.abcontact ul li h4{ text-align:center; font-size:20px; line-height:1; color:#000; }
.abcontact ul li .unca{ display:flex; align-items:center; justify-content:center; padding:45px 0 25px; }
.abcontact ul li .unca .ico{ flex:none; width:60px; height:60px; border-radius:50%;
  display:flex; align-items:center; justify-content:center; }
.abcontact ul li .unca .ico svg{ width:28px; height:28px; display:block; }
.abcontact ul li .unca h6{ margin-left:15px; font-size:18px; line-height:1.5; color:#000; }
.abcontact ul li .unca h6 a{ color:#000; transition:color .3s; }
.abcontact ul li .unca h6 a:hover{ color:#d8342f; }
.abcontact .ico.ic1{ background:#d8342f; }
.abcontact .ico.ic2{ background:#e9a13b; }
.abcontact .ico.ic3{ background:#3f8c8c; }
.abcontact .ico.ic4{ background:#3a6bc4; }
@media (max-width:1400px){
  .abcontact{ padding:60px 0 100px; }
  .abcontact ul{ margin-top:100px; }
  .abcontact ul li h4{ font-size:18px; }
  .abcontact ul li .unca{ padding:30px 0 20px; }
  .abcontact ul li .unca .ico{ width:50px; height:50px; }
  .abcontact ul li .unca .ico svg{ width:24px; height:24px; }
  .abcontact ul li .unca h6{ font-size:16px; margin-left:12px; }
}
@media (max-width:1040px){
  .abcontact{ padding:45px 0 50px; }
  .abcontact .abc-bg{ width:170%; left:-35%; height:auto; aspect-ratio:1919/565; opacity:.75; }
  .abcontact ul{ margin-top:60px; }
  .abcontact ul li{ width:50%; border-right:none; padding:12px 0; }
  .abcontact ul li:nth-child(4n){ width:50%; }
  .abcontact ul li h4{ text-align:left; font-size:17px; padding-left:26px; }
  .abcontact ul li .unca{ justify-content:flex-start; padding:14px 0 0 26px; }
}
@media (max-width:640px){
  .abcontact{ padding:36px 0 40px; }
  .abcontact ul{ margin-top:36px; }
  .abcontact ul li{ width:100%; padding:10px 0; }
  .abcontact ul li:nth-child(4n){ width:100%; }
  .abcontact ul li .unca h6{ font-size:15px; }
}

/* ============================================================
   关于我们 · 子栏目统一框架（公司理念 / 组织机构 / 价值观 / 行为准则）
   与「企业介绍」同一骨架：picbanner + htab + 正文区
   正文样式全部挂在 .abidea-bd 下，后台富文本直接用 h4/p/ol/ul/img 即出效果
   ============================================================ */
.abidea{ padding:90px 0 100px; background:#fff; }
.abidea-hd{ margin-bottom:44px; }
.abidea-hd h1{ display:inline-block; position:relative; font-size:24px; color:#000; line-height:2; padding-bottom:12px; }
.abidea-hd h1::before{ content:''; position:absolute; left:0; bottom:0; width:60px; height:2px; background:#000; }
.abidea-bd{ counter-reset:rule; max-width:1080px; font-size:15px; color:#555; line-height:1.95; }
.abidea-bd blockquote{ margin:0 0 42px; padding:26px 34px; background:#f5f6f8; border-left:4px solid #ed0b19; color:#333; font-size:15px; line-height:1.95; }
.abidea-bd h3{ margin:40px 0 14px; font-size:20px; color:#111; line-height:1.6; }
.abidea-bd h4{ position:relative; margin:40px 0 14px; padding-left:16px; font-size:18px; color:#111; line-height:1.6; }
.abidea-bd h4::before{ content:''; position:absolute; left:0; top:6px; bottom:6px; width:3px; background:#ed0b19; }
.abidea-bd > h3:first-child,.abidea-bd > h4:first-child{ margin-top:0; }
.abidea-bd p{ margin:0 0 14px; }
.abidea-bd strong{ color:#111; }
.abidea-bd img{ display:block; max-width:100%; height:auto; margin:8px auto 26px; }
.abidea-bd ol,.abidea-bd ul{ margin:0 0 26px; padding:0; }
.abidea-bd ol{ list-style:none; }
.abidea-bd ol li{ position:relative; margin-bottom:10px; padding-left:40px; counter-increment:rule; }
.abidea-bd ol li::before{ content:counter(rule) "、"; position:absolute; left:0; top:0; color:#ed0b19; }
.abidea-bd ul li{ position:relative; margin-bottom:10px; padding-left:18px; }
.abidea-bd ul li::before{ content:''; position:absolute; left:0; top:.78em; width:6px; height:6px; background:#c9c9c9; border-radius:50%; }
.abidea-bd table{ width:100%; border-collapse:collapse; margin:0 0 26px; }
.abidea-bd table th,.abidea-bd table td{ border:1px solid #e3e3e3; padding:12px 14px; text-align:left; vertical-align:top; }
.abidea-bd table th{ background:#f5f6f8; color:#111; font-weight:normal; }
@media (max-width:1400px){
  .abidea{ padding:70px 0 80px; }
}
@media (max-width:1040px){
  .abidea{ padding:46px 0 56px; }
  .abidea-hd{ margin-bottom:26px; }
  .abidea-hd h1{ font-size:20px; }
  .abidea-bd{ font-size:14px; line-height:1.9; }
  .abidea-bd blockquote{ margin-bottom:28px; padding:16px 18px; font-size:14px; }
  .abidea-bd h3{ margin:28px 0 10px; font-size:17px; }
  .abidea-bd h4{ margin:28px 0 10px; font-size:16px; padding-left:13px; }
  .abidea-bd ol li{ padding-left:32px; }
}

/* 组织架构图：桌面横版 / 手机竖版 二选一显示（按 src 属性选择，后台换图不用改模板） */
@media (min-width:1041px){ .abidea-bd img[src*="org_chart_m"]{ display:none; } }
@media (max-width:1040px){ .abidea-bd img[src*="org_chart.png"]{ display:none; } }

/* 关于我们 · 子栏目顶部大图标题（h1 与 h3 同款，保证子页有唯一 h1） */
.picbanner .txt h1{ font-size:30px; font-weight:normal; color:#fff; line-height:1.4; text-shadow:0 2px 10px rgba(0,0,0,.4); }
@media (max-width:1040px){ .picbanner .txt h1{ font-size:22px; } }


/* ============================================================
   新闻资讯（rfintell news.html 骨架 1:1）
   顶部大图 picbanner + 带图标标签条 htab + 头条轮播 unews .hd
   + 三列卡片 unews .bd + 分页 .ourphp_page
   ============================================================ */

/* ---------- 标签条图标（26px；栏目后台可换图：栏目管理 → 栏目缩略图） ---------- */
.htab li > a .icon{ display:flex; align-items:center; justify-content:center; width:26px; height:26px; margin-right:12px; flex:0 0 auto; }
.htab li > a .icon img{ display:block; width:26px; height:26px; object-fit:contain; }

/* ---------- 新闻区 ---------- */
.unews{ background:#f5f5f5; padding:50px 0 60px; }
.unews .hd{ position:relative; overflow:hidden; }
.unews .hd-track{ display:flex; gap:10px; will-change:transform; }
.unews .hd-track .slide{ flex:0 0 auto; }
.unews .hd-track .slide > a{ display:block; position:relative; }
.unews .hd-track .pic{ position:relative; height:420px; overflow:hidden; }
.unews .hd-track .pic img{ display:block; width:100%; height:100%; object-fit:cover; }
.unews .hd-track .pic::before{ content:''; position:absolute; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,.62); transition:opacity .5s; z-index:1; }
.unews .hd-track .slide.on .pic::before{ opacity:0; }
.unews .hd-track .txt{ position:absolute; left:0; right:0; bottom:22px; padding:0 24px; z-index:2; opacity:0; transition:opacity .45s, bottom .45s; }
.unews .hd-track .slide.on .txt{ opacity:1; bottom:50px; }
.unews .hd-track .txt h6{ font-size:12px; color:#fff; opacity:.9; }
.unews .hd-track .txt h4{ font-size:17px; color:#fff; margin-top:10px; line-height:1.5; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-shadow:0 1px 8px rgba(0,0,0,.35); }
.unews .hd .prev,.unews .hd .next{ position:absolute; top:50%; margin-top:-22px; width:44px; height:44px; z-index:6; cursor:pointer; display:flex; align-items:center; justify-content:center; }
.unews .hd .prev{ left:2px; }
.unews .hd .next{ right:2px; }
.unews .hd .prev::before,.unews .hd .next::before{ content:''; width:16px; height:16px; border-top:2px solid #fff; border-right:2px solid #fff; filter:drop-shadow(0 1px 4px rgba(0,0,0,.55)); }
.unews .hd .prev::before{ transform:rotate(-135deg); margin-left:6px; }
.unews .hd .next::before{ transform:rotate(45deg); margin-right:6px; }

/* ---------- 卡片列表 ---------- */
.unews .bd{ margin-top:55px; }
.unews .bd ul{ display:flex; flex-wrap:wrap; }
.unews .bd li{ width:calc((100% - 96px) / 3); margin:0 48px 40px 0; }
.unews .bd li:nth-child(3n){ margin-right:0; }
.unews .bd li > a{ display:block; height:100%; background:#fff; padding:20px; }
.unews .bd .pic{ height:290px; overflow:hidden; }
.unews .bd .pic img{ display:block; width:100%; height:100%; object-fit:cover; transition:transform .5s; }
.unews .bd li:hover .pic img{ transform:scale(1.06); }
.unews .bd h2{ margin-top:14px; font-size:19px; color:#000; line-height:1.65; height:3.3em; overflow:hidden; border-bottom:1px solid #e2e2e2; padding-bottom:14px; margin-bottom:16px; transition:color .3s; }
.unews .bd li:hover h2{ color:#da241a; }
.unews .bd h6{ display:flex; justify-content:space-between; align-items:center; }
.unews .bd h6 i{ font-style:normal; font-size:12px; color:#a2a2a2; }
.unews .bd h6 span{ font-size:14px; color:#a0a0a0; padding-right:24px; background:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8h9M8.4 3.6 12.8 8l-4.4 4.4' fill='none' stroke='%23a0a0a0' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right center / 16px 16px; }

/* ---------- 分页（OurPHP 原生 ourphp_page） ---------- */
.unews .ourphp_page{ display:flex; justify-content:center; align-items:center; flex-wrap:wrap; margin-top:36px; }
.unews .ourphp_page a,.unews .ourphp_page span{ display:block; margin:4px 6px; padding:0 18px; line-height:38px; border-radius:10px; background:#fff; color:#929292; font-size:14px; box-shadow:4px 4px 8px 0 rgba(80,80,80,.1); transition:all .3s; }
.unews .ourphp_page a:hover{ color:#fff; background:#da241a; }
.unews .ourphp_page span.me{ color:#fff; background:#da241a; }
.unews .ourphp_page span.disabled{ color:#c6c6c6; background:#efefef; box-shadow:none; }
.unews .ourphp_page .ourphp_dian{ margin:0 2px; color:#9a9a9a; font-size:14px; }

/* ============================================================
   新闻详情（rfintell news-detail.html 骨架：左正文 + 右推荐新闻）
   ============================================================ */
.unewsdel{ background:#f5f5f5; padding:80px 0 70px; }
.unewsdel .wrap{ display:flex; justify-content:space-between; align-items:flex-start; }
.unewsdel .ult{ width:calc(100% - 430px); }
.unewsdel .ult h1{ position:relative; font-size:30px; color:#000; line-height:1.5; padding-bottom:22px; margin-bottom:20px; }
.unewsdel .ult h1::before{ content:''; position:absolute; left:0; bottom:0; width:60px; height:2px; background:#000; }
.unewsdel .ult h6{ font-size:12px; color:#9a9a9a; }
.unewsdel .ult h6 i{ font-style:normal; margin-left:24px; }
.unewsdel .ult .unbdel{ margin-top:32px; font-size:16px; color:#333; line-height:2; }
.unewsdel .ult .unbdel p{ margin:0 0 18px; }
.unewsdel .ult .unbdel img{ display:block; max-width:100%; height:auto; margin:22px auto; }
.unewsdel .ult .unbdel h3,.unewsdel .ult .unbdel h4{ margin:26px 0 12px; font-size:18px; color:#111; }
.unewsdel .ult .unbdel ul,.unewsdel .ult .unbdel ol{ margin:0 0 18px; padding-left:22px; }
.unewsdel .ult .unbdel li{ list-style:disc; margin-bottom:6px; }
.prbtn{ display:flex; justify-content:space-between; align-items:center; border-top:1px solid #cfcfcf; margin-top:50px; padding-top:34px; }
.prbtn p{ max-width:47%; margin:0; font-size:14px; color:#9a9a9a; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.prbtn p a{ color:#9a9a9a; }
.prbtn p a:hover{ color:#da241a; }
.prbtn p:first-child{ padding-left:16px; background:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M13 8H4M7.6 3.6 3.2 8l4.4 4.4' fill='none' stroke='%239a9a9a' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat left center / 16px 16px; }
.prbtn p:last-child{ padding-right:16px; background:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8h9M8.4 3.6 12.8 8l-4.4 4.4' fill='none' stroke='%239a9a9a' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right center / 16px 16px; }
.unewsdel .urt{ width:400px; padding-left:30px; border-left:1px solid #cfcfcf; }
.unewsdel .urt .h2{ font-size:18px; color:#da241a; line-height:1; border-left:4px solid #da241a; padding-left:16px; margin-bottom:22px; }
.unewsdel .urt2 dd{ border-bottom:1px solid #cfcfcf; margin-bottom:20px; }
.unewsdel .urt2 dd:last-child{ border-bottom:0; }
.unewsdel .urt2 dd a{ display:block; padding:16px 0; }
.unewsdel .urt2 dd h3{ font-size:16px; color:#000; line-height:1.6; margin-bottom:14px; transition:color .3s; }
.unewsdel .urt2 dd:hover h3{ color:#da241a; }
.unewsdel .urt2 dd h6{ font-size:12px; color:#9a9a9a; }

/* ---------- 响应式 ---------- */
@media (max-width:1400px){
  .unews .bd li{ width:calc((100% - 72px) / 3); margin:0 36px 36px 0; }
  .unews .bd .pic{ height:250px; }
  .unewsdel .ult{ width:calc(100% - 390px); }
  .unewsdel .urt{ width:360px; }
}
@media (max-width:1040px){
  .htab li > a .icon{ width:22px; height:22px; margin-right:8px; }
  .htab li > a .icon img{ width:22px; height:22px; }
  .unews{ padding:30px 0 40px; }
  .unews .hd-track{ gap:8px; }
  .unews .hd-track .pic{ height:300px; }
  .unews .hd-track .txt{ bottom:16px; padding:0 16px; }
  .unews .hd-track .slide.on .txt{ bottom:26px; }
  .unews .hd-track .txt h4{ font-size:15px; }
  .unews .bd{ margin-top:32px; }
  .unews .bd li{ width:calc((100% - 24px) / 2); margin:0 24px 24px 0; }
  .unews .bd li:nth-child(3n){ margin-right:24px; }
  .unews .bd li:nth-child(2n){ margin-right:0; }
  .unews .bd .pic{ height:210px; }
  .unews .bd h2{ font-size:16px; margin-top:12px; padding-bottom:10px; margin-bottom:12px; }
  .unewsdel{ padding:40px 0 46px; }
  .unewsdel .wrap{ display:block; }
  .unewsdel .ult{ width:100%; }
  .unewsdel .ult h1{ font-size:21px; padding-bottom:16px; margin-bottom:14px; }
  .unewsdel .ult .unbdel{ margin-top:20px; font-size:15px; line-height:1.95; }
  .unewsdel .urt{ width:100%; margin-top:40px; padding:26px 0 0; border-left:0; border-top:1px solid #cfcfcf; }
}
@media (max-width:640px){
  .unews .bd li{ width:100%; margin:0 0 18px; }
  .unews .bd li:nth-child(3n),.unews .bd li:nth-child(2n){ margin-right:0; }
  .unews .bd .pic{ height:200px; }
  .unews .hd-track .pic{ height:220px; }
  .unews .ourphp_page a,.unews .ourphp_page span{ padding:0 13px; line-height:34px; margin:3px 4px; font-size:13px; }
}

/* ---------- 新闻页顶部大图：左侧压暗，保证白色标题可读（rf 深色底图效果） ---------- */
.picbanner{ position:relative; }
.picbanner.pbn::before{ content:''; position:absolute; left:0; top:0; bottom:0; width:58%; background:linear-gradient(90deg, rgba(0,0,0,.62) 0%, rgba(0,0,0,.34) 46%, rgba(0,0,0,0) 100%); pointer-events:none; }
.picbanner.pbn .wrap{ z-index:1; }

/* ---------- 轮播当前张底部渐变遮罩：保证标题在亮底图上也可读 ---------- */
.unews .hd-track .slide.on > a::after{ content:''; position:absolute; left:0; right:0; bottom:0; height:54%; background:linear-gradient(to top, rgba(0,0,0,.8) 0%, rgba(0,0,0,.35) 45%, rgba(0,0,0,0) 100%); z-index:1; pointer-events:none; }

/* ---------- 手机端标签条：隐藏图标、字号收窄、不换行 ---------- */
@media (max-width:1040px){
  .htab li > a .icon{ display:none; }
  .htab li h4{ font-size:13px; white-space:nowrap; }
}
@media (max-width:400px){
  .htab li h4{ font-size:12px; }
}

/* ============================================================
   企业资质 / 资源下载（头部 Banner、页尾沿用「联系我们」同一套框架）
   头部：#banner 分类6（picbanner）；尾部：cn_foot.html
   ============================================================ */
.qual,.dwn{ background:#f5f5f5; padding:66px 0 76px; }
.qual .utit p,.dwn .utit p{ margin-top:16px; font-size:14px; color:#8f8b88; }

/* ---- 企业资质：三列证书卡片（点击放大，baguetteBox） ---- */
.qgrid{ display:flex; flex-wrap:wrap; gap:30px; margin-top:52px; }
.qgrid li{ width:calc((100% - 60px) / 3); box-sizing:border-box; background:#fff; transition:transform .3s,box-shadow .3s; }
.qgrid li:hover{ transform:translateY(-5px); box-shadow:0 14px 34px rgba(0,0,0,.1); }
.qgrid li > a{ display:block; padding:24px 24px 22px; }
.qgrid .pic{ height:380px; display:flex; align-items:center; justify-content:center; overflow:hidden; }
.qgrid .pic img{ max-width:100%; max-height:100%; display:block; }
.qgrid h3{ height:3.2em; margin-top:19px; padding-top:15px; border-top:1px solid #e6e6e6;
  font-size:16px; font-weight:normal; line-height:1.6; color:#3f3f3f; text-align:center; overflow:hidden; }
.qual .ourphp_page,.dwn .ourphp_page{ display:flex; justify-content:center; align-items:center; flex-wrap:wrap; margin-top:36px; }
.qual .ourphp_page a,.qual .ourphp_page span,
.dwn .ourphp_page a,.dwn .ourphp_page span{ display:block; margin:4px 6px; padding:0 18px; line-height:38px; border-radius:10px; background:#fff; color:#929292; font-size:14px; box-shadow:4px 4px 8px 0 rgba(80,80,80,.1); transition:all .3s; }
.qual .ourphp_page a:hover,.dwn .ourphp_page a:hover{ color:#fff; background:#da241a; }
.qual .ourphp_page span.me,.dwn .ourphp_page span.me{ color:#fff; background:#da241a; }
.qual .ourphp_page span.disabled,.dwn .ourphp_page span.disabled{ color:#c6c6c6; background:#efefef; box-shadow:none; }
.qual .ourphp_page .ourphp_dian,.dwn .ourphp_page .ourphp_dian{ margin:0 2px; color:#9a9a9a; font-size:14px; }

/* ---- 资源下载：横向文件行 ---- */
.dlist{ margin-top:52px; }
.dlist li{ display:flex; align-items:center; gap:26px; background:#fff; padding:26px 30px; margin-bottom:14px; transition:box-shadow .3s; }
.dlist li:hover{ box-shadow:0 10px 26px rgba(0,0,0,.08); }
.dlist .pic{ flex:none; width:112px; height:112px; display:flex; align-items:center; justify-content:center; overflow:hidden; background:#f6f6f6; }
.dlist .pic img{ max-width:100%; max-height:100%; display:block; }
.dlist .txt{ flex:1 1 auto; min-width:0; }
.dlist h3{ font-size:18px; font-weight:normal; line-height:1.5; }
.dlist h3 a{ color:#111; transition:color .3s; }
.dlist h3 a:hover{ color:#da241a; }
.dlist .mt{ display:flex; flex-wrap:wrap; gap:6px 28px; margin-top:12px; font-size:13px; color:#8f8b88; }
.dlist .mt b{ font-weight:normal; color:#4d4d4d; }
.dlist .dc{ margin-top:10px; font-size:13px; color:#7c7c7c; line-height:1.8;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.dlist .btn{ flex:none; display:inline-flex; align-items:center; justify-content:center; gap:8px;
  width:132px; height:44px; background:#da241a; color:#fff; font-size:14px; transition:background .3s; }
.dlist .btn:hover{ background:#b81c14; }
.dlist .btn svg{ width:16px; height:16px; display:block; }
.dempty{ display:none; background:#fff; padding:74px 24px; text-align:center; font-size:14px; color:#8f8b88; }

/* ---- 资质 / 下载 详情页 ---- */
.uview{ background:#f5f5f5; padding:70px 0 76px; }
.uview .wrap{ max-width:1000px; }
.uview .box{ background:#fff; padding:48px 50px 52px; }
.uview h1{ position:relative; font-size:28px; color:#000; line-height:1.5; padding-bottom:20px; }
.uview h1::before{ content:''; position:absolute; left:0; bottom:0; width:60px; height:2px; background:#000; }
.uview h6{ font-size:12px; color:#9a9a9a; }
.uview .meta{ margin-top:16px; }
.uview .meta i{ font-style:normal; margin-left:24px; }
.uview .big{ max-width:760px; margin:32px auto 0; padding:24px; background:#fafafa; text-align:center; }
.uview .big img{ max-width:100%; height:auto; display:inline-block; }
.uview .dc{ margin-top:28px; font-size:15px; color:#444; line-height:2; }
.uview .dc p{ margin-bottom:16px; }
.uview .dc img{ display:block; max-width:100%; height:auto; margin:0 auto 16px; }
.uview .dmeta{ display:flex; flex-wrap:wrap; margin-top:32px; border-top:1px solid #ececec; }
.uview .dmeta div{ width:50%; box-sizing:border-box; padding:16px 0; border-bottom:1px solid #ececec; font-size:14px; color:#8f8b88; }
.uview .dmeta div b{ margin-left:10px; font-weight:normal; color:#333; }
.uview .dlbox{ display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:20px;
  margin-top:34px; padding:26px 30px; background:#fafafa; }
.uview .dlbox .fi{ display:flex; align-items:center; gap:16px; }
.uview .dlbox .fi .pic{ flex:none; width:76px; height:76px; display:flex; align-items:center; justify-content:center; overflow:hidden; background:#fff; }
.uview .dlbox .fi .pic img{ max-width:100%; max-height:100%; display:block; }
.uview .dlbox .fi h4{ font-size:16px; font-weight:normal; color:#111; }
.uview .dlbox .fi h6{ margin-top:8px; font-size:12px; color:#9a9a9a; }
.uview .dlbox .go{ display:inline-flex; align-items:center; justify-content:center; gap:10px;
  height:48px; padding:0 38px; background:#da241a; color:#fff; font-size:15px; transition:background .3s; }
.uview .dlbox .go:hover{ background:#b81c14; }
.uview .dlbox .go svg{ width:17px; height:17px; display:block; }
.uview .back{ margin-top:32px; font-size:14px; }
.uview .back a{ color:#9a9a9a; transition:color .3s; }
.uview .back a:hover{ color:#da241a; }

@media (max-width:1040px){
  .qual,.dwn{ padding:44px 0 52px; }
  .qual .utit p,.dwn .utit p{ font-size:13px; }
  .qgrid{ gap:20px; margin-top:34px; }
  .qgrid li{ width:calc((100% - 20px) / 2); }
  .qgrid li > a{ padding:16px 16px 14px; }
  .qgrid .pic{ height:300px; }
  .qgrid h3{ margin-top:12px; padding-top:10px; font-size:14px; }
  .dlist{ margin-top:34px; }
  .dlist li{ padding:20px; gap:18px; }
  .dlist .pic{ width:86px; height:86px; }
  .dlist h3{ font-size:16px; }
  .uview{ padding:40px 0 46px; }
  .uview .box{ padding:28px 22px 32px; }
  .uview h1{ font-size:21px; padding-bottom:16px; }
  .uview .dmeta div{ width:100%; }
  .uview .dlbox{ padding:20px; }
  .uview .dlbox .go{ width:100%; }
}
@media (max-width:640px){
  .qgrid{ gap:12px; }
  .qgrid li{ width:calc((100% - 12px) / 2); }
  .qgrid li > a{ padding:12px 12px 10px; }
  .qgrid .pic{ height:200px; }
  .qgrid h3{ font-size:13px; margin-top:10px; padding-top:8px; }
  .dlist li{ flex-wrap:wrap; align-items:flex-start; gap:14px; }
  .dlist .pic{ width:64px; height:64px; }
  .dlist .txt{ flex:none; width:calc(100% - 78px); }
  .dlist .mt{ gap:4px 16px; font-size:12px; }
  .dlist .btn{ width:100%; }
  .uview .big{ padding:12px; }
}

/* ============================================================
   产品中心（rfintell product.html 骨架：大图 + 标签条 + 三列产品卡）
   ============================================================ */
.uprod{ background:#f5f5f5; padding:50px 0 60px; }
.uprod .bd{ margin-top:0; }
.uprod .bd ul{ display:flex; flex-wrap:wrap; }
.uprod .bd li{ width:calc((100% - 96px) / 3); margin:0 48px 40px 0; }
.uprod .bd li:nth-child(3n){ margin-right:0; }
.uprod .bd li > a{ display:block; height:100%; background:#fff; padding:22px 22px 18px; transition:box-shadow .35s,transform .35s; }
.uprod .bd li > a:hover{ box-shadow:0 16px 36px rgba(0,0,0,.09); transform:translateY(-2px); }
.uprod .bd .pic{ height:236px; overflow:hidden; background:#fff; }
.uprod .bd .pic img{ display:block; width:100%; height:100%; object-fit:contain; transition:transform .5s; }
.uprod .bd li:hover .pic img{ transform:scale(1.04); }
.uprod .bd .txt{ display:flex; flex-direction:column; justify-content:flex-end; margin-top:18px; padding-bottom:16px; border-bottom:1px solid #e2e2e2; min-height:96px; }
.uprod .bd h4{ font-size:12px; line-height:1; letter-spacing:.14em; color:#a4a4a4; margin-bottom:9px; text-transform:uppercase; }
.uprod .bd h2{ font-size:19px; color:#000; line-height:1.6; height:auto; padding:0; border:0; margin:0; transition:color .3s; }
.uprod .bd li:hover h2{ color:#da241a; }
.uprod .bd h6{ display:flex; justify-content:space-between; align-items:center; margin-top:14px; }
.uprod .bd h6 i{ font-style:normal; font-size:12px; color:#a2a2a2; }

/* ---------- 产品详情 ---------- */
.uprodview{ background:#f5f5f5; padding:40px 0 70px; }
.pdcrumb{ font-size:13px; color:#9a9a9a; margin-bottom:24px; }
.pdcrumb a{ color:#9a9a9a; }
.pdcrumb a:hover{ color:#da241a; }
.pdcrumb span{ margin:0 6px; }
.pdcrumb em{ font-style:normal; color:#444; }
.pdtop{ display:flex; align-items:center; gap:56px; background:#fff; padding:44px; }
.pdtop .pl{ width:50%; }
.pdtop .pl img{ display:block; width:100%; height:auto; }
.pdtop .pr{ flex:1; padding-top:4px; }
.pdtop .pr h4{ font-size:13px; letter-spacing:.14em; color:#a4a4a4; margin-bottom:12px; text-transform:uppercase; }
.pdtop .pr h1{ font-size:32px; line-height:1.45; color:#000; }
.pdtop .pr .pdesc{ margin:22px 0 0; padding-top:22px; border-top:1px solid #ececec; font-size:15px; line-height:2; color:#666; }
.pdmeta{ display:flex; flex-wrap:wrap; gap:10px 34px; margin-top:22px; font-size:13px; color:#9a9a9a; }
.pdbtn{ display:inline-block; margin-top:32px; padding:0 38px; line-height:50px; border-radius:999px; background:#da241a; color:#fff; font-size:15px; transition:opacity .3s; }
.pdbtn:hover{ opacity:.86; color:#fff; }
.pdbody,.pdrel{ background:#fff; margin-top:22px; padding:44px; }
.pdbody .bt,.pdrel .bt{ position:relative; font-size:20px; color:#000; padding-left:14px; line-height:1; }
.pdbody .bt::before,.pdrel .bt::before{ content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:4px; height:18px; background:#da241a; }
.pdbody .pdc{ margin-top:24px; font-size:15px; color:#444; line-height:2; }
.pdbody .pdc p{ margin:0 0 16px; }
.pdbody .pdc img{ display:block; max-width:100%; height:auto; margin:20px auto; }
.pspec{ width:100%; border-collapse:collapse; margin:8px 0 20px; }
.pspec th{ width:160px; text-align:left; font-weight:400; background:#f7f7f7; color:#666; padding:13px 20px; border:1px solid #ededed; }
.pspec td{ padding:13px 20px; border:1px solid #ededed; color:#333; }
.ptip{ color:#9a9a9a; font-size:13px; }
.pdrel ul{ display:flex; flex-wrap:wrap; margin-top:28px; }
.pdrel li{ width:calc((100% - 48px) / 3); margin:0 24px 0 0; }
.pdrel li:nth-child(3n){ margin-right:0; }
.pdrel li .pic{ height:200px; }
.pdrel li .pic img{ width:100%; height:100%; object-fit:contain; transition:transform .5s; }
.pdrel li:hover .pic img{ transform:scale(1.05); }
.pdrel li h4{ font-size:11px; letter-spacing:.12em; color:#a4a4a4; margin:14px 0 6px; }
.pdrel li h3{ font-size:15px; color:#000; line-height:1.5; transition:color .3s; }
.pdrel li a:hover h3{ color:#da241a; }

@media (max-width:1400px){
  .uprod .bd li{ width:calc((100% - 72px) / 3); margin:0 36px 36px 0; }
  .uprod .bd .pic{ height:210px; }
  .pdtop{ gap:36px; padding:34px; }
  .pdtop .pr h1{ font-size:26px; }
  .pdbody,.pdrel{ padding:34px; }
  .pdrel li{ width:calc((100% - 36px) / 3); margin-right:18px; }
}
@media (max-width:1040px){
  .uprod{ padding:30px 0 40px; }
  .uprod .bd li{ width:calc((100% - 24px) / 2); margin:0 24px 24px 0; }
  .uprod .bd li:nth-child(3n){ margin-right:24px; }
  .uprod .bd li:nth-child(2n){ margin-right:0; }
  .uprod .bd .pic{ height:190px; }
  .uprod .bd h2{ font-size:16px; }
  .uprodview{ padding:24px 0 46px; }
  .pdtop{ flex-direction:column; gap:22px; padding:22px; }
  .pdtop .pl{ width:100%; }
  .pdtop .pr h1{ font-size:22px; }
  .pdtop .pr .pdesc{ margin-top:16px; padding-top:16px; }
  .pdbody,.pdrel{ padding:24px; }
  .pdbody .bt,.pdrel .bt{ font-size:17px; }
  .pspec th{ width:110px; padding:10px 12px; font-size:13px; }
  .pspec td{ padding:10px 12px; font-size:13px; }
  .pdrel li{ width:calc((100% - 16px) / 2); margin:0 16px 20px 0; }
  .pdrel li:nth-child(4n){ margin-right:16px; }
  .pdrel li:nth-child(2n){ margin-right:0; }
  .pdrel li .pic{ height:150px; }
}
@media (max-width:640px){
  .uprod .bd li{ width:100%; margin:0 0 18px; }
  .uprod .bd li:nth-child(3n),.uprod .bd li:nth-child(2n){ margin-right:0; }
  .uprod .bd .pic{ height:200px; }
  .pdcrumb{ font-size:12px; margin-bottom:16px; }
  .pdtop{ padding:16px; }
  .pdtop .pr h1{ font-size:20px; }
  .pdbtn{ margin-top:24px; line-height:46px; }
  .pdbody,.pdrel{ padding:16px; }
  .pdrel li{ width:calc((100% - 12px) / 2); margin-right:12px; }
  .pdrel li:nth-child(2n){ margin-right:0; }
  .pdrel li .pic{ height:120px; }
}