/* 全局重置 & 字体 */
    * { margin: 0; padding: 0; box-sizing: border-box; }
    body {
      background: #0d090a !important;
      font-family: 'pingfang SC', 'helvetica neue', arial, 'hiragino sans gb', 'microsoft yahei ui', 'microsoft yahei', simsun, sans-serif !important;
    }
    html { overflow: auto; }
    ul, li { list-style: none; }
    img { vertical-align: middle; border: none; max-width: 100%; height: auto; }
    a { text-decoration: none; outline: none; color: #666; transition: all 0.2s ease; }
    a:hover { text-decoration: none; outline: none; color: #219ce2; }
    .clear { clear: both; }

    /* 自定义容器，最大宽度1350px，类名以 boaozx 开头 */
    .boaozx-container {
      max-width: 1350px;
      margin: 0 auto;
      padding: 0 15px;
      width: 100%;
    }

    /* banner 距顶 margin-top: 60px 始终不变 */
    .boaozx-banner-wrap {
      margin-top: 60px;
    }

    /* 卡片/按钮圆角 10px */
    .boaozx-card, .boaozx-btn {
      border-radius: 10px !important;
    }
    .boaozx-card {
      transition: transform 0.2s ease, box-shadow 0.2s ease;
    }
    .boaozx-card:hover {
      transform: translateY(-4px);
      box-shadow: 0 12px 24px rgba(0,0,0,0.3);
    }
    .boaozx-btn:hover {
      transform: translateY(-2px);
      box-shadow: 0 6px 16px rgba(0,0,0,0.25);
    }

    /* 背景图还原 (保持与原来视觉一致) */
    .boaozx-bg-top {
      background: url(/css/2017/images/bozx_top1.jpg) no-repeat top center;
      background-size: cover;
      padding-top: 90px;
      min-height: 663px;
    }
    .boaozx-bg-logo {
      background: url(/css/2017/images/bozx_lgbg.jpg) no-repeat top center;
      background-size: cover;
      min-height: 745px;
      padding: 60px 0 80px;
    }
    .boaozx-bg-interview {
      background: url(/css/2017/images/bozx_zfbg.jpg) no-repeat top center;
      background-size: cover;
      padding: 60px 0 80px;
      min-height: 990px;
    }
    .boaozx-bg-review {
      background: url(/css/2017/images/bozx16_89.jpg) no-repeat center bottom;
      background-size: cover;
      min-height: 605px;
      padding: 60px 0 80px;
    }

    /* 头图内部元素 (保持原有布局与尺寸) */
    .boaozx-top-inner {
      background: url(/css/2017/images/bozx_top2.png) no-repeat center;
      background-size: contain;
      height: 240px;
    }
    .boaozx-top-left {
      background: url(/css/2017/images/bozx_top3.png) no-repeat center;
      background-size: contain;
      min-height: 312px;
    }
    .boaozx-top-right {
      background: url(/css/2017/images/bozx_top4.png) no-repeat center;
      background-size: contain;
      min-height: 348px;
    }
    .boaozx-top-title {
      background: url(/css/2017/images/bozx_top5.png) no-repeat center;
      background-size: contain;
      height: 64px;
    }
    .boaozx-top-text {
      font-size: 16px;
      line-height: 30px;
      color: #d1ac84;
      padding-top: 30px;
      text-align: center;
    }

    /* logo 区域 —— 完全遵循原版绝对定位布局 */
    .boaozx-logo-title {
      background: url(/css/2017/images/bozx_lg_19.png) no-repeat center;
      background-size: contain;
      height: 64px;
      margin-bottom: 60px;
    }
    .boaozx-logo-wrap {
      position: relative;
      width: 780px;
      height: 438px;
      margin: 0 auto;
    }
    .boaozx-logo-wrap li {
      display: block;
      width: 144px;
      height: 166px;
      position: absolute;
      background: url(/css/2017/images/bozx_lg_14.png) no-repeat center;
      background-size: contain;
      transition: none;
    }
    .boaozx-logo-wrap li:hover {
      background: url(/css/2017/images/bozx_lg_15.png) no-repeat center;
      background-size: contain;
    }
    .boaozx-logo-wrap li a {
      display: block;
      width: 100%;
      height: 100%;
      background-repeat: no-repeat;
      background-position: center;
    }
    /* 原版位置 */
    .boaozx-logo-pos1 { left: 77px; top: 0; }
    .boaozx-logo-pos2 { left: 236px; top: 0; }
    .boaozx-logo-pos3 { left: 395px; top: 0; }
    .boaozx-logo-pos4 { left: 554px; top: 0; }
    .boaozx-logo-pos5 { left: 0; top: 137px; }
    .boaozx-logo-pos6 { left: 159px; top: 137px; }
    .boaozx-logo-pos7 { left: 318px; top: 137px; }
    .boaozx-logo-pos8 { left: 477px; top: 137px; }
    .boaozx-logo-pos9 { left: 636px; top: 137px; }
    .boaozx-logo-pos10 { left: 77px; top: 272px; }
    .boaozx-logo-pos11 { left: 236px; top: 272px; }
    .boaozx-logo-pos12 { left: 395px; top: 272px; }
    .boaozx-logo-pos13 { left: 554px; top: 272px; }

    /* 各logo单独背景 (保留原有映射) */
    .boaozx-logo-1 a { background-image: url(/css/2017/images/bozx_lg_01.png); }
    .boaozx-logo-1 a:hover { background-image: url(/css/2017/images/bozx_lg1.png); }
    .boaozx-logo-2 a { background-image: url(/css/2017/images/bozx_lg_02.png); }
    .boaozx-logo-2 a:hover { background-image: url(/css/2017/images/bozx_lg2.png); }
    .boaozx-logo-3 a { background-image: url(/css/2017/images/bozx_lg_03.png); }
    .boaozx-logo-3 a:hover { background-image: url(/css/2017/images/bozx_lg3.png); }
    .boaozx-logo-4 a { background-image: url(/css/2017/images/bozx_lg_04.png); }
    .boaozx-logo-4 a:hover { background-image: url(/css/2017/images/bozx_lg4.png); }
    .boaozx-logo-5 a { background-image: url(/css/2017/images/bozx_lg_05.png); }
    .boaozx-logo-5 a:hover { background-image: url(/css/2017/images/bozx_lg5.png); }
    .boaozx-logo-6 a { background-image: url(/css/2017/images/bozx_lg_06.png); }
    .boaozx-logo-6 a:hover { background-image: url(/css/2017/images/bozx_lg6.png); }
    .boaozx-logo-7 a { background-image: url(/css/2017/images/bozx_lg_07.png); }
    .boaozx-logo-7 a:hover { background-image: url(/css/2017/images/bozx_lg7.png); }
    .boaozx-logo-8 a { background-image: url(/css/2017/images/bozx_lg_08.png); }
    .boaozx-logo-8 a:hover { background-image: url(/css/2017/images/bozx_lg8.png); }
    .boaozx-logo-9 a { background-image: url(/css/2017/images/bozx_lg_09.png); }
    .boaozx-logo-9 a:hover { background-image: url(/css/2017/images/bozx_lg9.png); }
    .boaozx-logo-10 a { background-image: url(/css/2017/images/bozx_lg_10.png); }
    .boaozx-logo-10 a:hover { background-image: url(/css/2017/images/bozx_lg10.png); }
    .boaozx-logo-11 a { background-image: url(/css/2017/images/bozx_lg_11.png); }
    .boaozx-logo-11 a:hover { background-image: url(/css/2017/images/bozx_lg11.png); }
    .boaozx-logo-12 a { background-image: url(/css/2017/images/bozx_lg_12.png); }
    .boaozx-logo-12 a:hover { background-image: url(/css/2017/images/bozx_lg12.png); }
    .boaozx-logo-13 a { background-image: url(/css/2017/images/bozx_lg_13.png); }
    .boaozx-logo-13 a:hover { background-image: url(/css/2017/images/bozx_lg13.png); }

    /* 专访区域 */
    .boaozx-interview-title {
      background: url(/css/2017/images/bozx_zf_30.png) no-repeat center;
      background-size: contain;
      height: 64px;
      margin-bottom: 40px;
    }
    .boaozx-interview-left {
      background: url(/css/2017/images/bozx_zf_36.png) no-repeat left top;
      padding-left: 20px;
      padding-top: 60px;
    }
    .boaozx-interview-left p {
      color: #d1ac84;
      font-size: 16px;
      line-height: 35px;
      margin-top: 30px;
    }
    .boaozx-video-box {
      box-shadow: 0px 0px 60px #5a3217;
      border-radius: 10px;
      overflow: hidden;
    }
    .boaozx-video-box video {
      width: 100%;
      display: block;
    }

    /* 媒体专访及报道 —— 原版样式 (绝对定位/浮动) */
    .boaozx-media-list {
      width: 100%;
      margin: 50px auto 0;
      height: 41px;
      background: #443629;
      border-radius: 30px;
      position: relative;
      max-width: 92%;
    }
    .boaozx-media-list .media-title {
      position: absolute;
      left: 0;
      top: 0;
      width: 15%;
      height: 41px;
      border-radius: 30px;
      background: #876200;
      font-size: 16px;
      text-align: center;
      line-height: 41px;
      color: #fff;
      border: none;
      z-index: 2;
    }
    .boaozx-media-list .media-item {
      position: absolute;
      top: 0;
      height: 39px;
      width: 13%;
      background-size: auto 60%;
      background-repeat: no-repeat;
      background-position: 60% center;
      border: 1px solid #876200;
      border-left: 0;
      transition: none;
    }
    .boaozx-media-list .media-item a {
      display: block;
      width: 100%;
      height: 100%;
    }
    /* 原版位置 */
    .media-1 { left: 13%; background-image: url(/css/2017/images/bozx_zflg_40.png); }
    .media-1:hover { background-image: url(/css/2017/images/bozx_zflg_1.png); }
    .media-2 { left: 24%; background-image: url(/css/2017/images/bozx_zflg_43.png); }
    .media-2:hover { background-image: url(/css/2017/images/bozx_zflg_2.png); }
    .media-3 { left: 34%; background-image: url(/css/2017/images/bozx_zflg_45.png); }
    .media-3:hover { background-image: url(/css/2017/images/bozx_zflg_3.png); }
    .media-4 { left: 44%; background-image: url(/css/2017/images/bozx_zflg_47.png); }
    .media-4:hover { background-image: url(/css/2017/images/bozx_zflg_4.png); }
    .media-5 { left: 54.5%; background-image: url(/css/2017/images/bozx_zflg_50.png); }
    .media-5:hover { background-image: url(/css/2017/images/bozx_zflg_5.png); }
    .media-6 { left: 65%; background-image: url(/css/2017/images/bozx_zflg_53.png); }
    .media-6:hover { background-image: url(/css/2017/images/bozx_zflg_6.png); }
    .media-7 { right: 11%; background-image: url(/css/2017/images/bozx_zflg_55.png); }
    .media-7:hover { background-image: url(/css/2017/images/bozx_zflg_7.png); }
    .media-8 { right: 0%; background-image: url(/css/2017/images/bozx_zflg_58.png); }
    .media-8:hover { background-image: url(/css/2017/images/bozx_zflg_8.png); }

    /* 精彩集锦滚动 */
    .boaozx-gallery-title {
      background: url(/css/2017/images/bozx_zf_41.png) no-repeat center;
      background-size: contain;
      height: 92px;
      margin: 60px 0 30px;
    }
    .boaozx-scroll-wrap {
      overflow: hidden;
      position: relative;
      width: 100%;
    }
    .boaozx-scroll-inner {
      display: flex;
      gap: 6px;
      width: max-content;
      animation: scrollGallery 40s linear infinite;
    }
    .boaozx-scroll-inner img {
      width: 218px;
      height: 170px;
      object-fit: cover;
      border-radius: 10px;
      flex-shrink: 0;
    }
    .boaozx-scroll-wrap:hover .boaozx-scroll-inner {
      animation-play-state: paused;
    }
    @keyframes scrollGallery {
      0% { transform: translateX(0); }
      100% { transform: translateX(-50%); }
    }

    /* 2016回顾 */
    .boaozx-review-title {
      background: url(/css/2017/images/bozx16_pic_90.png) no-repeat center;
      background-size: contain;
      height: 64px;
      margin-bottom: 40px;
    }
    .boaozx-review-link {
      display: block;
      max-width: 599px;
      margin: 0 auto;
      background: url(/css/2017/images/bozx16_pic_94.png) no-repeat center;
      background-size: contain;
      aspect-ratio: 599 / 368;
      transition: all 0.1s linear;
    }
    .boaozx-review-link:hover {
      transform: translateY(5px);
    }

    /* 移动端适配 */
    @media (max-width: 992px) {
      .boaozx-bg-top { min-height: 500px; padding-top: 60px; }
      .boaozx-bg-logo { min-height: 650px; padding: 40px 0; }
      .boaozx-bg-interview { min-height: auto; padding: 40px 0; }
      .boaozx-bg-review { min-height: 500px; padding: 40px 0; }
      .boaozx-top-inner { height: 180px; }
      .boaozx-top-text { font-size: 14px; line-height: 26px; padding-top: 20px; }
      .boaozx-logo-wrap { width: 95%; height: auto; aspect-ratio: 780 / 438; }
      .boaozx-logo-wrap li { width: 18%; height: auto; aspect-ratio: 144 / 166; }
      .boaozx-logo-pos1 { left: 10%; top: 0; }
      .boaozx-logo-pos2 { left: 30%; top: 0; }
      .boaozx-logo-pos3 { left: 50%; top: 0; }
      .boaozx-logo-pos4 { left: 70%; top: 0; }
      .boaozx-logo-pos5 { left: 0; top: 31%; }
      .boaozx-logo-pos6 { left: 20%; top: 31%; }
      .boaozx-logo-pos7 { left: 40%; top: 31%; }
      .boaozx-logo-pos8 { left: 60%; top: 31%; }
      .boaozx-logo-pos9 { left: 80%; top: 31%; }
      .boaozx-logo-pos10 { left: 10%; top: 62%; }
      .boaozx-logo-pos11 { left: 30%; top: 62%; }
      .boaozx-logo-pos12 { left: 50%; top: 62%; }
      .boaozx-logo-pos13 { left: 70%; top: 62%; }
      .boaozx-media-list .media-item { width: 12%; height: 34px; background-size: auto 50%; }
      .boaozx-media-list .media-title { width: 18%; font-size: 14px; line-height: 38px; }
      .media-1 { left: 17%; }
      .media-2 { left: 28%; }
      .media-3 { left: 38%; }
      .media-4 { left: 48%; }
      .media-5 { left: 58%; }
      .media-6 { left: 68%; }
      .media-7 { right: 10%; }
      .media-8 { right: 0; }
    }
    @media (max-width: 768px) {
      .boaozx-bg-top { min-height: 420px; padding-top: 40px; }
      .boaozx-top-inner { height: 140px; }
      .boaozx-top-left, .boaozx-top-right { min-height: 180px; }
      .boaozx-logo-title { height: 50px; margin-bottom: 30px; }
      .boaozx-media-list { height: auto; background: transparent; border-radius: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; padding: 10px 0; }
      .boaozx-media-list .media-title { position: static; width: 100%; border-radius: 30px; background: #876200; line-height: 40px; height: 40px; }
      .boaozx-media-list .media-item { position: static; width: 70px; height: 39px; background-size: contain; background-position: center; border: none; border-radius: 30px; flex: 0 0 auto; }
      .boaozx-scroll-inner img { width: 150px; height: 120px; }
    }
    @media (max-width: 576px) {
      .boaozx-bg-top { min-height: 360px; padding-top: 30px; }
      .boaozx-top-inner { height: 100px; }
      .boaozx-top-text { font-size: 13px; line-height: 22px; }
      .boaozx-logo-wrap li { width: 22%; }
      .boaozx-logo-pos1 { left: 6%; }
      .boaozx-logo-pos2 { left: 28%; }
      .boaozx-logo-pos3 { left: 50%; }
      .boaozx-logo-pos4 { left: 72%; }
      .boaozx-logo-pos5 { left: 0; top: 30%; }
      .boaozx-logo-pos6 { left: 22%; top: 30%; }
      .boaozx-logo-pos7 { left: 44%; top: 30%; }
      .boaozx-logo-pos8 { left: 66%; top: 30%; }
      .boaozx-logo-pos9 { left: 88%; top: 30%; }
      .boaozx-logo-pos10 { left: 6%; top: 60%; }
      .boaozx-logo-pos11 { left: 28%; top: 60%; }
      .boaozx-logo-pos12 { left: 50%; top: 60%; }
      .boaozx-logo-pos13 { left: 72%; top: 60%; }
      .boaozx-bg-logo { min-height: 480px; }
      .boaozx-interview-left p { font-size: 13px; line-height: 24px; }
      .boaozx-media-list .media-item { width: 56px; height: 32px; }
      .boaozx-scroll-inner img { width: 120px; height: 95px; }
      .boaozx-review-link { max-width: 80%; }
    }
    @media (max-width: 400px) {
      .boaozx-logo-wrap li { width: 24%; }
      .boaozx-logo-pos1 { left: 4%; }
      .boaozx-logo-pos2 { left: 28%; }
      .boaozx-logo-pos3 { left: 52%; }
      .boaozx-logo-pos4 { left: 76%; }
      .boaozx-logo-pos5 { left: 0; top: 29%; }
      .boaozx-logo-pos6 { left: 24%; top: 29%; }
      .boaozx-logo-pos7 { left: 48%; top: 29%; }
      .boaozx-logo-pos8 { left: 72%; top: 29%; }
      .boaozx-logo-pos9 { left: 96%; top: 29%; }
      .boaozx-logo-pos10 { left: 4%; top: 58%; }
      .boaozx-logo-pos11 { left: 28%; top: 58%; }
      .boaozx-logo-pos12 { left: 52%; top: 58%; }
      .boaozx-logo-pos13 { left: 76%; top: 58%; }
      .boaozx-media-list .media-item { width: 44px; height: 26px; }
    }

    /* 底部隐藏等 (保留原有) */
    .hokg_bottom { display: none !important; }
    .zqgq_ban_wap { display: none !important; }