/* xin portal refinements. */
:root { --xin-brand: #1769e0; --xin-deep: #10213d; }
body { color: var(--xin-deep); background: #fff; }
.header { background: #fff; box-shadow: 0 2px 16px rgba(16,33,61,.08); position: relative; z-index: 20; }
.zjmf.navbar { border: 0; margin-bottom: 0; min-height: 72px; }
.zjmf .navbar-brand { background-size: contain; background-position: left center; background-repeat: no-repeat; min-width: 164px; height: 58px; }
.zjmf .navbar-nav > li > a { padding: 27px 18px; color: var(--xin-deep); font-weight: 500; transition: color .2s ease, background .2s ease; }
.zjmf .navbar-nav > li > a:hover, .zjmf .navbar-nav > li.active > a { color: var(--xin-brand); background: #f5f8ff; }
.wrap-main-swiper { overflow: hidden; }
.content-slide { padding-top: clamp(70px, 9vw, 150px); padding-bottom: clamp(70px, 9vw, 150px); }
.slogan { color: #fff; font-size: clamp(30px, 4vw, 52px); line-height: 1.2; font-weight: 700; }
.sub-slogan, .event-title { color: rgba(255,255,255,.9); line-height: 1.8; }
.container { width: min(1180px, calc(100% - 32px)); }
.section, .main-content { padding-top: 52px; padding-bottom: 52px; }
.box, .panel, .service-item, .news-item { border-radius: 10px; border: 1px solid #e6edf6; box-shadow: 0 10px 28px rgba(16,33,61,.06); }
@media (max-width: 767.98px) {
  .container { width: calc(100% - 24px); }
  .zjmf .navbar-brand { min-width: 130px; height: 50px; }
  .zjmf .navbar-nav > li > a { padding: 12px 15px; }
  .content-slide { padding-top: 68px; padding-bottom: 68px; }
}