/* 上海瑞峰设计 - 静态站补充样式（配合原站 site.css 使用） */
* { box-sizing: border-box; }
body {
  font-family: "Microsoft YaHei", "PingFang SC", "Noto Sans CJK", sans-serif;
  background: #fff;
  min-width: 1600px;
  color: #333;
}
a { text-decoration: none; color: inherit; }
ul, ol, li { list-style: none; }
img { border: 0; }
.hidden-border, .hidden-border td, .hidden-border th { border: 0 !important; }
.w-hide, .hidden { display: none !important; }
/* 原站动画模块由 JS 触发显示；静态站直接可见 */
.animated { opacity: 1 !important; }

/* ---------- 建站画布定位 ---------- */
.esmartMargin.smartAbs { position: absolute; margin: 0; }
.esmartMargin.smartFixed { position: fixed; margin: 0; }
.yibuFrameContent { width: 100%; height: 100%; position: relative; }
.smAreaC { position: relative; }

/* 页头 banner 背景层（由 JS 按模块定位后显示） */
.fullcolumn-outer { pointer-events: none; }

/* ---------- 头部轮播 ---------- */
.header { position: relative; margin: 0 auto; }
.header .w-slide, .tem_12_12 .w-slide, .w-slide { visibility: visible !important; }
.header .w-slide { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.header .w-slide-inner { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; }
.header .content-box { opacity: 0; transition: opacity .9s ease; }
.header .content-box.active { opacity: 1; }
.w-slide .w-slide-inner > .content-box { opacity: 0 !important; transition: opacity .9s ease; }
.w-slide .w-slide-inner > .content-box.active { opacity: 1 !important; }
.tem_12_12 .w-slide-inner .content-box > .smAreaC { height: 100%; }

/* ---------- 轮播圆点（原站样式：右下角绝对定位，半透明白/纯白） ---------- */
.w-slide-btn-box { z-index: 30; }
.w-slide-btn-box .w-slide-btn {
  position: absolute;
  width: 15px; height: 15px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .3);
  cursor: pointer;
  transition: background .3s;
}
.w-slide-btn-box .w-slide-btn.on { background: rgba(255, 255, 255, 1); }

/* ---------- 导航（按原站 Style13：深蓝 14px，hover/当前项加粗，无下划线） ---------- */
.nav_pc_t_3 .w-nav { display: flex; height: 60px; }
.nav_pc_t_3 .w-nav-inner { float: none; width: auto !important; height: 60px; line-height: 60px; }
.nav_pc_t_3 .w-nav-item { height: 100%; line-height: inherit; }
.nav_pc_t_3 .w-nav-item-link {
  display: block;
  height: 100%;
  color: #1d3851;
  font-weight: 400;
  text-align: center;
}
.nav_pc_t_3 .w-nav-item-link .w-link-txt { font-family: "Microsoft YaHei"; font-size: 14px; }
.nav_pc_t_3 .w-nav-inner:hover .w-nav-item-link { color: #1d3851; font-weight: bold; }
.nav_pc_t_3 .w-nav-item.current .w-nav-item-link { color: #1d3851; font-weight: bold; }

/* ---------- 按钮：样式由各页面级 CSS（assets/pagecss/*.css）提供，这里不做覆盖 ---------- */

/* ---------- 查看更多分页条（原站 jqPager Style3：通栏按钮居中文字） ---------- */
.xn-pager { width: 100%; }
.xn-pager ul.w-clearfix { width: 100%; }
.xn-pager ul.w-clearfix a.w-page-more { width: 100%; height: 44px; line-height: 44px; }

/* ---------- 图标兜底（图标字体已本地化） ---------- */
.mw-iconfont { font-style: normal; }

/* ---------- 页脚与备案行 ---------- */
.footer { position: relative; margin: 0 auto; }
.icp-line {
  background: #142c40;
  color: #9fb1c1;
  text-align: center;
  font-size: 12px;
  padding: 12px 0;
  min-width: 1600px;
}
.icp-line a { color: #9fb1c1; }
.icp-line a:hover { color: #fff; }

/* ---------- 表单 ---------- */
form input, form textarea {
  border: 1px solid #ccc;
  padding: 8px 10px;
  font-size: 14px;
  font-family: inherit;
  outline: none;
}
form input:focus, form textarea:focus { border-color: #1d3851; }

/* ---------- 图片填充 ---------- */
.CutFill { width: 100%; height: 100%; object-fit: cover; }

/* ---------- 悬浮客服面板：允许弹层溢出显示（原站由平台 JS 移除 overflow 裁剪；按通用类适配全部页面） ---------- */
.yibuFrameContent.qqservice_Style2 { overflow: visible !important; }
#smv_con_68_48 .yibuFrameContent { overflow: visible !important; }

/* ---------- 案例详情页顶部小轮播：见文件末尾"完整等比显示"规则 ---------- */

/* ---------- 首页 banner 全屏铺满（原站由平台 JS 把画布拉到全窗口宽） ---------- */
.page-index #smv_Area0 { width: 100% !important; }
.page-index #smv_tem_12_12 .w-slide-inner .content-box > .content-box-inner { width: 100% !important; }
/* 轮播内的文案/按钮仍按 1600 设计稿居中排布 */
.page-index .w-slide-inner .slideset_AreaC { width: 1600px !important; margin: 0 auto !important; }

/* ---------- 首页案例：悬停放大缩略图并浮现案例名称 ---------- */
.w-imglist-item .w-imglist-img { position: relative; }
.w-imglist-item .w-imglist-img .CutFill { transition: transform .5s ease; }
.w-imglist-item .w-imglist-img:hover .CutFill { transform: scale(1.08); }
.w-imglist-item .atlas-item--hover {
  position: absolute;
  left: 0; top: 0;
  width: 100%; height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, .45);
  opacity: 0;
  transition: opacity .35s ease;
  z-index: 3;
  pointer-events: none;
}
.w-imglist-item .w-imglist-img:hover .atlas-item--hover { opacity: 1; }
.w-imglist-item .atlas-item--hover .atlas-item--title { line-height: 24px; }
.w-imglist-item .atlas-item--hover .atlas-item--desc { margin-top: 10px; }
/* 图片卡片只保留悬停效果，不可点击：无链接时鼠标恢复默认箭头 */
.w-imglist-item .w-imglist-img:not([href]) { cursor: default; }
.w-imglist-item .w-imglist-img:not([href]):hover .CutFill { transform: scale(1.08); }

/* ---------- 新版页脚（深蓝 #1d3851，四栏布局） ---------- */
.rf-footer { background: #1d3851; min-width: 1600px; }
.rf-footer-main {
  width: 1600px;
  margin: 0 auto;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 54px 0 46px;
}
.rf-footer-brand { flex: 0 0 460px; padding-right: 40px; }
.rf-footer-logo { display: flex; align-items: center; margin-bottom: 24px; }
.rf-footer-logo img { height: 42px; width: auto; display: block; }
.rf-footer-desc { color: #aebdd0; font-size: 13px; line-height: 2.1; margin: 0; }
.rf-footer-col { flex: 0 0 250px; }
.rf-footer-col h4 { color: #fff; font-size: 15px; font-weight: 700; margin: 0 0 28px; }
.rf-footer-col ul { margin: 0; padding: 0; list-style: none; }
.rf-footer-col li { margin-bottom: 18px; font-size: 13px; color: #aebdd0; line-height: 1.7; }
.rf-footer-col li a { color: #aebdd0; transition: color .3s; }
.rf-footer-col li a:hover { color: #fff; }
.rf-footer-contact { flex: 0 0 380px; }
.rf-footer-contact li { display: flex; align-items: flex-start; }
.rf-footer-contact .rf-label { flex-shrink: 0; }
.rf-footer-contact .rf-contact-val, .rf-footer-contact .rf-contact-strong { flex: 1; }
.rf-label { color: #7f95ab; margin-right: 20px; }
.rf-contact-val { color: #e6edf3; }
.rf-contact-strong { color: #fff; font-size: 15px; font-weight: 600; letter-spacing: 1px; }
.rf-contact-strong:hover { color: #cdff92; }
.rf-footer-bar { border-top: 1px solid rgba(255, 255, 255, .14); }
.rf-footer-bar-in {
  width: 1600px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 17px 0;
  font-size: 12px;
}
.rf-copy { color: #cdff92; }
.rf-icp { color: #c3ced9; }
.rf-icp a { color: #c3ced9; transition: color .3s; }
.rf-icp a:hover { color: #fff; }
.rf-icp .rf-dot { margin: 0 8px; color: #6c8098; }
.rf-icp img { height: 15px; width: auto; vertical-align: -3px; margin-right: 5px; display: inline-block; }

/* ---------- 留言提交提示 ---------- */
.rf-notice{position:fixed;left:50%;top:96px;transform:translate(-50%,-16px);z-index:99999;
  display:flex;align-items:center;gap:12px;max-width:82vw;padding:16px 26px;border-radius:10px;
  background:#fff;color:#1f2d3d;font-size:16px;line-height:1.5;letter-spacing:.5px;
  box-shadow:0 12px 34px rgba(15,42,74,.18);border:1px solid rgba(15,42,74,.08);
  opacity:0;visibility:hidden;transition:opacity .28s ease,transform .28s ease;}
.rf-notice--show{opacity:1;visibility:visible;transform:translate(-50%,0);}
.rf-notice-icon{display:flex;align-items:center;justify-content:center;flex:0 0 auto;
  width:34px;height:34px;border-radius:50%;color:#fff;background:#2f7d4f;}
.rf-notice--error .rf-notice-icon{display:none;}
.rf-notice--error{border-left:4px solid #c0392b;}
.rf-notice-text{white-space:normal;}
@media (max-width:767px){
  .rf-notice{top:auto;bottom:24px;padding:13px 18px;font-size:14px;}
}

/* ---------- 联系页高德地图 ---------- */
#rf-amap .leaflet-container{background:#e8eef3;}
.rf-map-label{background:#1d3851;color:#fff;border:none;border-radius:4px;font-size:13px;
  padding:5px 12px;box-shadow:0 3px 10px rgba(15,42,74,.3);font-weight:600;}
.rf-map-label::before{border-top-color:#1d3851;}

/* ---------- 表单必填校验 ---------- */
.w-input-weight-style.rf-invalid,.w-textarea-weight-style.rf-invalid{border-color:#ff8f8f!important;
  box-shadow:0 0 0 2px rgba(255,143,143,.25);}
.w-input .errMsg.error,.w-textarea .errMsg.error{display:block;color:#e05252;font-size:12px;margin-top:6px;}

/* ---------- 顶部固定导航：白色不透明底 ---------- */
div[id^="smv_tem_15_"].smartFixed{background:#fff !important;}
div[id^="smv_tem_15_"].smartFixed .fullcolumn-inner{background:transparent !important;}

/* ---------- 联系页在线留言板 ---------- */
.rf-board{font-family:'Source Han Sans','Noto Sans CJK','Microsoft YaHei',sans-serif;}
.rf-board-title{margin:0;font-size:24px;font-weight:700;color:#222;line-height:1.4;}
.rf-board-line{height:1px;background:#e3e6ea;margin:16px 0 26px;}
.rf-board-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 20px;}
.rf-field{margin-bottom:14px;}
.rf-board-grid .rf-field{margin-bottom:0;}
.rf-input{width:100%;box-sizing:border-box;height:46px;padding:0 14px;border:1px solid #dcdfe4;
  background:#fff;font-size:14px;color:#333;outline:none;border-radius:2px;
  font-family:inherit;transition:border-color .2s,box-shadow .2s;}
.rf-input::placeholder{color:#a8b0ba;}
.rf-input:focus{border-color:#1d3851;box-shadow:0 0 0 2px rgba(29,56,81,.12);}
.rf-textarea{height:140px;padding:12px 14px;resize:vertical;line-height:1.6;}
.rf-field.rf-invalid .rf-input,.rf-input.rf-invalid{border-color:#ff8f8f !important;
  box-shadow:0 0 0 2px rgba(255,143,143,.25);}
.rf-err{display:none;margin:6px 0 0;font-size:12px;color:#e05252;}
.rf-err.error{display:block;}
.rf-board-submit{display:inline-block;margin-top:6px;padding:0 54px;height:46px;line-height:46px;
  background:#1d3851;color:#fff;font-size:16px;letter-spacing:4px;border-radius:2px;
  cursor:pointer;text-decoration:none;transition:background .2s;user-select:none;}
.rf-board-submit:hover{background:#2a4f77;}

/* ========== 案例详情页修复 ========== */
/* 浏览量计数：恢复显示（桌面端由 app.js 下移到规格文字下方，避免重叠） */
/* 详情页底部留白：内容与页脚保持间距 */
.smvContainer { padding-bottom: 0; }
.esmartMargin[ctype="productContentBind"] { margin-bottom: 0 !important; }

/* ---------- 正文大图：统一等比宽度 1200、水平居中 ---------- */
.yibuFrameContent[class*="productContentBind"] .w-detail img {
  display: block !important;
  width: 1200px !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 auto !important;
  float: none !important;
}
/* 特例：超长拼接图等窄图保持原始宽度，不做放大 */
.yibuFrameContent[class*="productContentBind"] .w-detail img.rf-nat { width: auto !important; }

/* ---------- 顶部小轮播：600x330 盒内完整等比显示（contain，不裁剪不变形不撑高背景） ---------- */
.yibuFrameContent[class*="productSlideBind"] .w-slider {
  visibility: visible !important;
  position: relative;
  width: 100%; height: 100%;
  overflow: hidden;
}
.yibuFrameContent[class*="productSlideBind"] .w-slider-wrap {
  position: relative; left: auto; top: auto;
  width: 100%; height: 100%;
  margin: 0; padding: 0;
}
.yibuFrameContent[class*="productSlideBind"] .w-slider-wrap > div {
  position: absolute; left: 0; top: 0;
  width: 100%; height: 100%;
  display: none;
}
.yibuFrameContent[class*="productSlideBind"] .w-slider-wrap > div.rf-slide-on { display: block; }
.yibuFrameContent[class*="productSlideBind"] .w-slider-wrap a.w-imglink {
  display: block; width: 100%; height: 100%;
  font-size: 0;
}
/* 原站用 height:100% 的占位 span 做垂直居中，img 改块级后会被顶出盒子，隐藏之 */
.yibuFrameContent[class*="productSlideBind"] .w-slider-wrap a.w-imglink > span { display: none !important; }
.yibuFrameContent[class*="productSlideBind"] .w-slider img[data-u="image"] {
  display: block;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain; /* 极端长宽比图片由 JS 切换为 cover */
}

/* ---------- 分享按钮：静态站自绘图标（原第三方 bshare 脚本不加载） ---------- */
.bdsharebuttonbox.w-share { overflow: hidden; width: auto !important; max-width: 100% !important; }
.bdsharebuttonbox.w-share a[class^="bds_"] {
  float: left;
  display: inline-block;
  width: 16px; height: 16px;
  margin: 6px 4px 6px 0;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-position: center;
}
.bdsharebuttonbox.w-share a.bds_qzone { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23fbbc05' d='M8 1l2 4.4 4.8.5-3.6 3.2 1 4.7L8 11.3 3.8 13.8l1-4.7L1.2 5.9 6 5.4z'/%3E%3C/svg%3E"); }
.bdsharebuttonbox.w-share a.bds_tsina { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='7' fill='%23e6162d'/%3E%3Cpath fill='%23fff' d='M4.6 9.8c1 1.6 3 2.4 5 1.9 1.4-.4 2.4-1.3 2.8-2.4l-1.2-.4c-.3.7-.9 1.3-1.9 1.6-1.5.4-3-.2-3.7-1.3-.5-.8-.5-1.7-.1-2.5l-1.2-.5c-.6 1.2-.5 2.5.3 3.6z'/%3E%3C/svg%3E"); }
.bdsharebuttonbox.w-share a.bds_weixin { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='7' fill='%2307c160'/%3E%3Cpath fill='%23fff' d='M6.3 4C4.4 4 3 5.2 3 6.7c0 .9.5 1.6 1.3 2.1l-.3 1.1 1.2-.6c.4.1.7.1 1.1.1-.1-.3-.1-.5-.1-.8 0-1.5 1.4-2.7 3.2-2.7h.2C9.3 4.9 8 4 6.3 4zM5.2 5.6c.3 0 .5.2.5.5s-.2.5-.5.5-.5-.2-.5-.5.2-.5.5-.5zm2.4 0c.3 0 .5.2.5.5s-.2.5-.5.5-.5-.2-.5-.5.2-.5.5-.5zM13 8.6c0-1.3-1.2-2.3-2.7-2.3S7.6 7.3 7.6 8.6s1.2 2.3 2.7 2.3c.3 0 .6 0 .9-.1l1 .5-.3-.9c.7-.4 1.1-1.1 1.1-1.8zm-3.6-.5c-.2 0-.4-.2-.4-.4s.2-.4.4-.4.4.2.4.4-.2.4-.4.4zm1.9 0c-.2 0-.4-.2-.4-.4s.2-.4.4-.4.4.2.4.4-.2.4-.4.4z'/%3E%3C/svg%3E"); }
.bdsharebuttonbox.w-share a.bds_douban { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='7' fill='%2332a872'/%3E%3Cpath fill='%23fff' d='M4 6h8v1.2H4zM4.8 8.6h6.4v1.2H4.8zM6 10.6h4V12H6z'/%3E%3C/svg%3E"); }
.bdsharebuttonbox.w-share a.bds_sqq { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='7' fill='%2312b7f5'/%3E%3Cpath fill='%23fff' d='M8 3.5c-2.2 0-4 1.5-4 3.4 0 1.1.6 2 1.6 2.6L5.2 11l1.7-.9c.4.1.7.1 1.1.1 2.2 0 4-1.5 4-3.4S10.2 3.5 8 3.5z'/%3E%3C/svg%3E"); }
.bdsharebuttonbox.w-share a.bds_fbook { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='7' fill='%231877f2'/%3E%3Cpath fill='%23fff' d='M8.8 13V8.7h1.4l.2-1.6H8.8V6.1c0-.5.1-.8.8-.8h.9V3.9c-.2 0-.6-.1-1.1-.1-1.1 0-1.9.7-1.9 2v1.3H6.1v1.6h1.4V13z'/%3E%3C/svg%3E"); }
.bdsharebuttonbox.w-share a.bds_twi { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='7' fill='%231da1f2'/%3E%3Cpath fill='%23fff' d='M12.5 5.6c-.3.1-.6.2-.9.3.3-.2.6-.5.7-.9-.3.2-.7.3-1 .4-.3-.3-.7-.5-1.2-.5-.9 0-1.6.7-1.6 1.6 0 .1 0 .3.1.4-1.3-.1-2.5-.7-3.3-1.7-.1.2-.2.5-.2.8 0 .6.3 1.1.7 1.4-.3 0-.5-.1-.8-.2 0 .8.6 1.4 1.3 1.6-.2.1-.5.1-.7 0 .2.6.8 1.1 1.4 1.1-.5.4-1.2.7-1.9.7h-.4c.7.4 1.5.7 2.3.7 2.8 0 4.3-2.3 4.3-4.3v-.2c.4-.3.7-.6.9-.9z'/%3E%3C/svg%3E"); }
.bdsharebuttonbox.w-share a.bds_linkedin { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='7' fill='%230a66c2'/%3E%3Cpath fill='%23fff' d='M5.6 6.6H4.3V12h1.3zM4.9 6c.4 0 .7-.3.7-.7s-.3-.7-.7-.7-.7.3-.7.7.3.7.7.7zm2.2.6H5.8V12h1.3V9.3c0-.7.3-1.1.9-1.1s.8.4.8 1.1V12h1.3V9c0-1.4-.7-2.1-1.7-2.1-.7 0-1.1.3-1.3.7z'/%3E%3C/svg%3E"); }
.bdsharebuttonbox.w-share a.bds_count { float: left; margin: 6px 0 6px 2px; }