@charset "utf-8";

/* 首页使用系统字体，避免引入未授权字体资源。 */
:root {
  --home-ink: #17342f;
  --home-muted: #6b7773;
  --home-gold: #c49a55;
  --home-paper: #f5f3ee;
  --home-line: #deddd5;
}

html { scroll-behavior: smooth; }
body { min-width: 320px; background: var(--home-paper); color: var(--home-ink); font-family: system-ui, -apple-system, "Segoe UI", "Microsoft YaHei", sans-serif; }
.headbj { height: 82px; background: #fbfaf7; border-bottom: 1px solid rgba(23, 52, 47, .1); }
.headbj_mid { width: min(1180px, calc(100% - 48px)); height: 82px; }
.logo { margin: 13px 0 0 !important; }
.logo img { width: 228px; height: auto; }
#nav-menu { height: 82px; font-family: inherit; }
#nav-menu .menu li { width: auto; margin-left: 7px; }
#nav-menu .menu li a.xialaguang { width: auto; padding: 0 17px; line-height: 82px; color: var(--home-ink); font-size: 14px; }
#nav-menu .menu li a.xialaguang span { line-height: 82px; font-family: inherit; }
#nav-menu .menu li a.navhover, #nav-menu .menu li a.xialaguang:hover { background: var(--home-ink); color: #fff; }
#nav-menu .menu ul.children { top: 82px; }

.callbacks_container { margin: 0; background: #183934; overflow: hidden; }
.rslides li { min-height: clamp(430px, 43vw, 640px); background: #183934; }
.rslides img { width: 100%; height: clamp(430px, 43vw, 640px); object-fit: cover; object-position: center; filter: saturate(.8); }
.rslides li:after { position: absolute; inset: 0; z-index: 1; content: ""; background: linear-gradient(90deg, rgba(11, 35, 31, .78), rgba(11, 35, 31, .2) 55%, rgba(11, 35, 31, .04)); }
.home-hero-copy { position: absolute; z-index: 2; top: 50%; left: max(24px, calc((100% - 1180px) / 2)); width: min(540px, calc(100% - 48px)); color: #fff; text-align: left; transform: translateY(-43%); }
.home-kicker { display: block; margin-bottom: 22px; color: #e2c486; font-size: 12px; font-weight: 700; letter-spacing: .22em; }
.home-hero-copy h1 { margin: 0; font-size: clamp(36px, 4vw, 64px); line-height: 1.15; font-weight: 300; letter-spacing: .04em; }
.home-hero-copy h1 strong { font-weight: 700; }
.home-hero-copy p { max-width: 420px; margin: 24px 0 30px; color: rgba(255,255,255,.82); font-size: 16px; line-height: 1.9; }
.home-hero-link { display: inline-flex; align-items: center; gap: 26px; padding: 13px 0; color: #fff; border-bottom: 1px solid #e2c486; font-weight: 700; }
.home-hero-link span { color: #e2c486; font-size: 21px; transition: transform .2s ease; }
.home-hero-link:hover { color: #fff; }
.home-hero-link:hover span { transform: translateX(5px); }
.callbacks_tabs.callbacks1_tabs { position: absolute; z-index: 4; bottom: 25px; left: max(24px, calc((100% - 1180px) / 2)); margin: 0; }

.home-page { overflow: hidden; }
.home-page .content, .home-page .hes, .home-page .huise, .home-page .synews, .home-page .ccac { width: 100%; height: auto; min-height: 0; box-sizing: border-box; }
.home-page .content { padding: 100px 24px 90px; background: #fbfaf7; }
.home-page .a1, .home-page .hes_top, .home-page .synews_tit, .home-page .ccacx_top { display: block; width: min(1180px, 100%); height: auto; margin: 0 auto; padding: 0; color: var(--home-ink) !important; font-size: 12px !important; font-weight: 700 !important; letter-spacing: .2em; text-transform: uppercase; }
.home-page .a1:after, .home-page .hes_top:after, .home-page .synews_tit:after, .home-page .ccacx_top:after { display: block; width: 42px; height: 2px; margin-top: 16px; content: ""; background: var(--home-gold); }
.home-page .a2 { display: block; width: min(700px, 100%); height: auto; margin: 22px max(0px, calc((100% - 1180px) / 2 + 190px)); padding: 0; color: var(--home-muted); font-size: 18px; line-height: 1.9; }
.home-page .a4 { display: none; }
.home-solutions { padding: 100px 24px 110px; background: var(--home-ink) url("/skin/images/hes.jpg") center / cover; color: #fff; }
.home-solutions:before { position: absolute; content: ""; }
.home-page .hes_top { color: #fff !important; }
.home-page .hes_bt { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; width: min(1180px, 100%); height: auto; padding: 50px 0 0; }
.home-page .hes_bt1, .home-page .hes_bt2, .home-page .hes_bt3 { display: block; float: none; width: auto; height: auto; margin: 0; padding-bottom: 24px; border: 0; background: rgba(255,255,255,.1); }
.home-page .hes_bt1_bt { width: auto; height: auto; padding: 22px 24px 0; }
.home-page .hes_bt1_bt_ico { display: none; }
.home-page .hes_bt1_bt_ico1 { float: none; width: auto; height: auto; }
.home-page .hes_bt1_bt_ico1 h4 { color: #fff; font-family: inherit; font-size: 18px; }
.home-page .hes_bt1_bt_ico1 p { color: rgba(255,255,255,.6); font-family: inherit; }
.home-products { padding: 100px 24px 110px; background: #ebe9e2; }
.home-page .huise_top_new { display: block; width: min(1180px, 100%); height: auto; padding: 0; text-align: left; }
.home-page .huise_top_new a { color: var(--home-ink) !important; font-size: 12px !important; letter-spacing: .2em; }
.home-page .huise_bt { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; width: min(1180px, 100%); height: auto; padding: 48px 0 0; }
.home-page .huise_bt > div { float: none; width: auto; height: auto; min-height: 300px; margin: 0; padding: 0 0 20px; background: #fbfaf7; }
.home-page .huise_bt_a_cha, .home-page .huise_bt_a_bt { width: auto; height: auto; padding: 0 18px; font-family: inherit; }
.home-page .huise_bt_a_cha { padding-top: 17px; color: var(--home-ink); line-height: 1.5; }
.home-page .huise_bt_a_bt { color: var(--home-muted); line-height: 1.6; }
.home-news { padding: 100px 24px; background: #fbfaf7; }
.home-contact { padding: 86px 24px; background: var(--home-ink) url("/skin/images/sssef.jpg") center / cover; color: #fff; }
.home-page .ccacx_top, .home-page .ccacx_topa, .home-page .ccacx_topb, .home-page .ccacx_topc { display: block; color: #fff !important; }
.home-page .ccacx_topa { padding-top: 40px; width: auto; font-size: 16px !important; }
.home-page .ccacx_topb { padding-top: 14px; width: auto; font-size: 28px !important; }
.home-page .ccacx_topc { padding-top: 22px; }

@media (max-width: 760px) {
  .headbj, .headbj_mid, #nav-menu { height: auto; min-height: 70px; }
  .headbj_mid { width: calc(100% - 30px); }
  .logo { float: none; margin: 10px 0 !important; }
  .logo img { width: 190px; }
  .menu { display: none; }
  .rslides li, .rslides img { min-height: 520px; height: 520px; }
  .home-hero-copy { top: 53%; }
  .home-hero-copy h1 { font-size: 38px; }
  .home-hero-copy p { font-size: 14px; }
  .home-page .a2 { margin: 22px 0 0; font-size: 16px; }
  .home-page .hes_bt, .home-page .huise_bt { grid-template-columns: 1fr; }
  .home-page .hes_bt { padding-top: 32px; }
  .home-page .huise_bt > div { min-height: 0; }
}