/* ============================================================
   nav-v510.css  —  v510 风格导航交互 + 响应式优化
   在现有 demo 模板头部基础上复刻 https://v.uublogs.com/v510/ 的导航交互：
   1) 滚动时头部变白底 + 阴影，logo 与文字转深色（.active）
   2) 桌面端搜索图标点击后，全宽搜索条从顶部下滑（.is-search，仅 >=992px）
   3) 菜单项 hover / 当前项使用 v510 橙色 #ff5f33
   4) 首页 banner 搜索框自适应（桌面胶囊、移动整宽）
   ============================================================ */

/* ---- 顶部状态（透明悬浮于深色 banner 上）：浅色文字/图标 ---- */
@media (min-width: 992px) {
  header.menu .nav > li > a,
  header.menu .web-adv-menu > li > a,
  header.menu .primary-menu a {
    color: #fff;
    transition: color .25s ease;
  }
  header.menu .j-navbar-search { color: #fff !important; cursor: pointer; }
}

/* ---- 滚动后状态（.active）：白底 + 阴影，深色文字/图标 ---- */
header.menu.active { background: #fff !important; box-shadow: 0 5px 10px 0 rgba(17, 58, 93, .1) !important; }

@media (min-width: 992px) {
  header.menu.active .nav > li > a,
  header.menu.active .web-adv-menu > li > a,
  header.menu.active .primary-menu a { color: #062743 !important; }
  header.menu.active .j-navbar-search { color: #062743 !important; }
}

/* logo 在白底上转纯深色，保证可见（与 v510 logo2 互换等效） */
header.menu.active .logo img { filter: brightness(0) !important; }

/* ---- hover / 当前项：v510 橙 ---- */
header.menu .nav > li > a:hover,
header.menu .web-adv-menu > li > a:hover,
header.menu .nav > li.active > a,
header.menu .web-adv-menu > .active > a,
header.menu.active .nav > li > a:hover,
header.menu.active .web-adv-menu > li > a:hover,
header.menu.active .nav > li.active > a { color: #ff5f33 !important; }

/* ============================================================
   顶部导航搜索（v510 全宽下滑搜索条）—— 仅桌面端
   移动端（<=991px）由主题自带“抽屉菜单内搜索”处理，
   此处用 min-width:992px 限定，避免覆盖主题的移动端搜索样式。
   ============================================================ */
@media (min-width: 992px) {
  header.menu .navbar-search {
    position: fixed !important;
    top: -90px !important;
    left: 0 !important;
    width: 100% !important;
    height: 70px !important;
    background: #fff !important;
    box-shadow: 0 5px 10px rgba(17, 58, 93, .1) !important;
    transition: top .3s cubic-bezier(.4, 0, .2, 1) !important;
    z-index: 10000 !important;
    padding: 0 !important;
    display: block !important;
    opacity: 1 !important;
  }
  header.menu.is-search .navbar-search { top: 0 !important; }

  header.menu .navbar-search-inner {
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    height: 70px !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 15px !important;
    position: relative !important;
  }
  header.menu .navbar-search-input {
    flex: 1 1 auto !important;
    width: auto !important;
    height: 42px !important;
    border: 1px solid #e2e2e2 !important;
    border-radius: 4px !important;
    color: #333 !important;
    background: #f7f7f7 !important;
    padding: 0 45px 0 15px !important;
    margin: 0 !important;
    font-size: 16px !important;
  }
  header.menu .navbar-search-btn {
    position: absolute !important;
    right: 25px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #062743 !important;
    line-height: 42px !important;
  }
  header.menu .navbar-search-close {
    color: #062743 !important;
    display: inline-block !important;
    margin-left: 10px !important;
    font-size: 18px !important;
  }
}

/* ============================================================
   首页 banner 搜索框 —— 自适应（响应式）
   桌面端保留原有胶囊造型；平板/手机端宽度跟随容器，
   输入框弹性伸缩、按钮按文字自适应，彻底解决 500px 固定宽度溢出问题。
   ============================================================ */
#wrap .banner .search-form {
  width: 100%;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}
#wrap .banner .search-form .site-search-form {
  display: flex;
  width: 100%;
}
#wrap .banner .search-form .search-input {
  flex: 1 1 auto;
  width: auto;
  min-width: 0;
  float: none;
  border-radius: 30px 0 0 30px;
}
#wrap .banner .search-form .search-btn {
  flex: 0 0 auto;
  width: auto;
  float: none;
  padding: 0 30px;
  border-radius: 0 30px 30px 0;
  white-space: nowrap;
}

/* 平板：略微收窄 */
@media (max-width: 991px) {
  #wrap .banner .search-form { max-width: 540px; }
}

/* 手机：整宽显示，缩小字号/高度，保证不溢出 */
@media (max-width: 767px) {
  #wrap .banner {
    height: auto !important;
    /*padding-top: 96px;*/
    padding-bottom: 28px;
  }
  #wrap .banner h2 { font-size: 22px; }
  #wrap .banner .search-form {
    max-width: 100%;
    margin: 18px auto 0;
  }
  #wrap .banner .search-form .search-input {
    height: 40px;
    line-height: 40px;
    font-size: 15px;
    text-indent: 18px;
  }
  #wrap .banner .search-form .search-btn {
    height: 42px;
    padding: 0 22px;
    font-size: 15px;
  }
  #wrap .banner p { font-size: 14px; }
}
@media (max-width: 420px) {
  #wrap .banner h2 { font-size: 19px; }
  #wrap .banner .search-form .search-btn { padding: 0 16px; }
}

/* ============================================================
   移动端顶部导航 —— logo 居中、汉堡按钮置右、logo 随屏宽自适应
   - navbar-header 改为 flex 并居中 logo
   - 汉堡按钮绝对定位到右侧（未展开时），展开后由主题接管为左侧关闭按钮
   - logo 限制最大宽度并随视口缩放，避免与右侧按钮重叠或溢出
   ============================================================ */
@media (max-width: 991px) {
  header.menu .navbar-header {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  /* logo 居中且自适应页面大小：限制最大宽度，避免与右侧汉堡按钮重叠 */
  header.menu .navbar-header .logo {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    max-width: 62%;
    margin: 0 auto;
    text-align: center;
  }
  header.menu .navbar-header .logo img {
    max-width: 100%;
    width: auto;
    height: auto;
    max-height: 30px;
    -webkit-transition: all .3s ease-out 0s;
        -o-transition: all .3s ease-out 0s;
            transition: all .3s ease-out 0s;
  }
  /* 汉堡按钮固定在右侧（未展开时） */
  body:not(.navbar-on) header.menu .navbar-toggle {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    float: none;
    margin: 0;
    padding: 8px 10px;
    background: rgba(0, 0, 0, .25);
    border: 1px solid rgba(255, 255, 255, .35);
    border-radius: 4px;
  }
  body:not(.navbar-on) header.menu .navbar-toggle .icon-bar {
    background: #fff !important;
  }
  /* 滚动后白底头部：按钮底色更浅、图标转深色 */
  body:not(.navbar-on) header.menu.active .navbar-toggle {
    background: rgba(0, 0, 0, .08);
    border-color: rgba(0, 0, 0, .15);
  }
  body:not(.navbar-on) header.menu.active .navbar-toggle .icon-bar {
    background: #062743 !important;
  }
}



/*联系我们*/
.jys-contact,.jys-contact .jys-rule,.jys-contact .jys-section,.jys-contact .jys-grid,.jys-contact .jys-card-head,.jys-contact .jys-box blockquote,.jys-mission,.jys-mission .jys-rule{border-left: unset;padding: unset;margin: unset;}
.jys-contact{
  --jys-accent:#a8744f;
  --jys-card:#ffffff;
  --jys-text:#2b2620;
  --jys-muted:#7a6f63;
  --jys-border:#ece5db;
  --jys-line:#e3dcd1;
	--jys-soft:#f5f0e9;}
.jys-contact{
  /*max-width:760px;*/margin:0 auto;padding:48px 24px 72px;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  color:var(--jys-text);line-height:1.8;background:transparent;
}
.jys-contact *{box-sizing:border-box;}
.jys-contact h1,.jys-contact h2,.jys-contact p,.jys-contact ul,.jys-contact li{margin:0;padding:0;}
.jys-contact .jys-title{font-size:32px;font-weight:700;letter-spacing:2px;margin-bottom:6px;}
.jys-contact .jys-rule{width:48px;height:3px;background:var(--jys-accent);border-radius:2px;margin:18px 0 28px;}
.jys-contact .jys-lead{background:var(--jys-card);border:1px solid var(--jys-border);border-left:4px solid var(--jys-accent);border-radius:8px;padding:20px 22px;font-size:15px;color:#4a4138;margin-bottom:8px;}
.jys-contact .jys-section{margin-top:48px;}
.jys-contact .jys-section-title{font-size:20px;font-weight:700;letter-spacing:1px;padding-left:14px;position:relative;margin-bottom:22px;}
.jys-contact .jys-section-title::before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:4px;background:var(--jys-accent);border-radius:2px;}
.jys-contact .jys-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.jys-contact .jys-card{background:var(--jys-card);border:1px solid var(--jys-border);border-radius:10px;padding:20px;transition:box-shadow .2s ease,transform .2s ease;}
.jys-contact .jys-card:hover{box-shadow:0 6px 20px rgba(168,116,79,.10);transform:translateY(-2px);}
.jys-contact .jys-card-head{display:flex;align-items:center;gap:12px;margin-bottom:10px;}
.jys-contact .jys-num{flex:0 0 28px;height:28px;border-radius:50%;background:var(--jys-soft);color:var(--jys-accent);font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;}
.jys-contact .jys-name{font-size:16px;font-weight:700;}
.jys-contact .jys-desc{font-size:14px;color:var(--jys-muted);}
.jys-contact .jys-box{background:var(--jys-card);border:1px solid var(--jys-border);border-radius:12px;padding:28px;display:flex;align-items:center;gap:24px;flex-wrap:wrap;}
.jys-contact .jys-mail-label{font-size:13px;color:var(--jys-muted);letter-spacing:1px;}
.jys-contact .jys-mail{font-size:22px;font-weight:700;color:var(--jys-accent);text-decoration:none;word-break:break-all;font-family:"SF Mono",Menlo,Consolas,monospace;}
.jys-contact .jys-mail-note{flex-basis:100%;font-size:13px;color:var(--jys-muted);border-top:1px dashed var(--jys-line);padding-top:14px;margin-top:2px;}
.jys-contact .jys-list{list-style:none;counter-reset:r;}
.jys-contact .jys-list li{position:relative;padding:14px 0 14px 34px;border-bottom:1px solid var(--jys-line);font-size:15px;color:#4a4138;}
.jys-contact .jys-list li:last-child{border-bottom:none;}
.jys-contact .jys-list li::before{counter-increment:r;content:counter(r);position:absolute;left:0;top:14px;width:22px;height:22px;border-radius:50%;background:var(--jys-soft);color:var(--jys-accent);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;}
@media(max-width:600px){
  .jys-contact{padding:36px 16px 56px;}
  .jys-contact .jys-title{font-size:26px;}
  .jys-contact .jys-grid{grid-template-columns:1fr;}
}

/*免责声明*/
.jys-mission{
  --jys-accent:#a8744f;
  --jys-card:#ffffff;
  --jys-text:#2b2620;
  --jys-muted:#7a6f63;
  --jys-border:#ece5db;
  --jys-line:#e3dcd1;
  --jys-soft:#f5f0e9;
  max-width:780px;margin:0 auto;padding:48px 24px 72px;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  color:var(--jys-text);line-height:1.85;background:transparent;
}
.jys-mission *{box-sizing:border-box;}
.jys-mission h1,.jys-mission h2,.jys-mission p,.jys-mission ol,.jys-mission ul,.jys-mission li{margin:0;padding:0;}
.jys-mission .jys-title{font-size:32px;font-weight:700;letter-spacing:2px;margin-bottom:6px;}
.jys-mission .jys-rule{width:48px;height:3px;background:var(--jys-accent);border-radius:2px;margin:18px 0 28px;}
.jys-mission .jys-lead{background:var(--jys-card);border:1px solid var(--jys-border);border-left:4px solid var(--jys-accent);border-radius:8px;padding:20px 22px;font-size:15px;color:#4a4138;margin-bottom:8px;}
.jys-mission .jys-article{background:var(--jys-card);border:1px solid var(--jys-border);border-radius:12px;padding:26px 28px;margin-top:24px;margin-inline-start: auto;margin-inline-end: auto;}
.jys-mission .jys-head{font-size:18px;font-weight:700;letter-spacing:.5px;color:var(--jys-accent);padding-bottom:14px;margin-bottom:16px;border-bottom:1px solid var(--jys-line);}
.jys-mission .jys-article ol{list-style:none;counter-reset:item;}
.jys-mission .jys-article ol>li{position:relative;padding-left:30px;margin-bottom:14px;font-size:15px;color:#4a4138;}
.jys-mission .jys-article ol>li:last-child{margin-bottom:0;}
.jys-mission .jys-article ol>li::before{counter-increment:item;content:counter(item);position:absolute;left:0;top:2px;width:20px;height:20px;border-radius:50%;background:var(--jys-soft);color:var(--jys-accent);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;}
.jys-mission .jys-article strong{color:var(--jys-text);font-weight:700;}
.jys-mission .jys-sub{list-style:none;margin:10px 0 0 30px;}
.jys-mission .jys-sub li{position:relative;padding-left:18px;margin-bottom:8px;font-size:14px;color:var(--jys-muted);}
.jys-mission .jys-sub li::before{content:"";position:absolute;left:0;top:11px;width:6px;height:6px;border-radius:50%;background:var(--jys-accent);opacity:.6;}
.jys-mission .jys-clause{font-size:15px;color:#4a4138;padding:2px 0;}
.jys-mission .jys-foot{margin-top:32px;text-align:center;font-size:14px;color:var(--jys-muted);}
.jys-mission .jys-foot a{color:var(--jys-accent);text-decoration:none;font-weight:700;}
@media(max-width:600px){
  .jys-mission{padding:36px 16px 56px;}
  .jys-mission .jys-title{font-size:26px;}
  .jys-mission .jys-article{padding:22px 18px;}
}