/* ===== 重置 & 基础 ===== */
    * { margin: 0; padding: 0; box-sizing: border-box; }
    body {
      background: #fff;
      font-family: "pingfang SC", "helvetica neue", arial, "hiragino sans gb", "microsoft yahei ui", "microsoft yahei", simsun, sans-serif !important;
      color: #333;
    }
    a { text-decoration: none; cursor: pointer; }
    a:hover { text-decoration: none; }
    ul, li { list-style: none; margin: 0; padding: 0; }
    img { max-width: 100%; vertical-align: middle; }

    /* ===== 容器 最大宽度1350px ===== */
    .blj-container {
      max-width: 1350px;
      width: 100%;
      padding-left: 15px;
      padding-right: 15px;
      margin: 0 auto;
      box-sizing: border-box;
    }
    /* ===== 每部分上下 padding 90px ===== */
    .blj-section {
      padding-top: 90px;
      padding-bottom: 90px;
    }
    /* ===== 大标题 ===== */
    .blj-title {
      font-size: 30px;
      font-weight: bold;
      text-align: center;
      color: #000;
      margin-bottom: 0;
    }

    /* ===== 按钮 ===== */
    .blj-btn {
      display: inline-block;
      height: 42px;
      line-height: 42px;
      padding: 0 30px;
      font-size: 14px;
      text-align: center;
      border-radius: 10px;
      transition: all 0.3s ease;
      border: none;
      color: #fff;
      background: linear-gradient(to right, #3666ff, #2cb8ef);
    }
    .blj-btn-outline {
      background: none;
      border: 1px solid #fff;
      color: #fff;
    }
    .blj-btn-outline:hover {
      background: rgba(255,255,255,0.1);
      color: #fff;
      transform: translateY(-2px);
    }
    .blj-btn:hover {
      transform: translateY(-2px);
      box-shadow: 0 4px 12px rgba(54, 102, 255, 0.3);
    }
    /* ===== 卡片 hover ===== */
    .blj-card-hover {
      transition: transform 0.35s ease, box-shadow 0.35s ease;
    }
    .blj-card-hover:hover {
      transform: translateY(-6px);
      box-shadow: 0 12px 28px rgba(54, 102, 255, 0.10);
    }

    /* ============================================================
       Banner
       ============================================================ */
    .blj-banner {
      width: 100%;
      background: url("/css/2022/images/blj-banner.jpg") no-repeat top center;
      background-size: cover;
      height: 500px;
      display: flex;
      align-items: center;
      margin-top: 60px;
    }
    .blj-banner .blj-banTxt h1 {
      font-size: 36px;
      color: #fff;
      font-weight: bold;
    }
    .blj-banner .blj-banTxt p {
      font-size: 14px;
      color: #fff;
      line-height: 24px;
      max-width: 600px;
      text-align: justify;
      margin: 40px 0;
    }
    .blj-banner .blj-banTxt .blj-btn-group {
      display: flex;
      gap: 40px;
      flex-wrap: wrap;
    }
    .blj-banner .blj-banTxt .blj-btn-group .blj-btn {
      width: 121px;
      height: 36px;
      line-height: 36px;
      padding: 0;
      text-align: center;
    }
    .blj-banner .blj-banTxt .blj-btn-group .blj-btn-outline {
      background: none;
      border: 1px solid #fff;
      color: #fff;
    }

    /* ============================================================
       云堡垒机有什么用
       ============================================================ */
    .blj-feature-card {
      border: 1px solid #ebeef5;
      padding: 30px;
      height: 100%;
      min-height: 154px;
      transition: 0.3s;
      background: #fff;
      border-radius: 10px;
      display: flex;
      align-items: flex-start;
      gap: 20px;
    }
    .blj-feature-card img { flex-shrink: 0; max-width: 50px; }
    .blj-feature-card .blj-feature-txt { overflow: hidden; }
    .blj-feature-card .blj-feature-txt h3 {
      font-size: 18px;
      color: #000;
      font-weight: bold;
    }
    .blj-feature-card .blj-feature-txt p {
      font-size: 14px;
      color: #666;
      margin-top: 12px;
      line-height: 24px;
    }
    .blj-feature-card.blj-card-hover:hover { border-color: #3666ff; }

    /* ============================================================
       套餐表格
       ============================================================ */
    .blj-con2 {
      background: #f9faff;
    }
    .blj-table-wrap {
      margin-top: 50px;
      overflow-x: auto;
    }
    .blj-table-wrap table {
      width: 100%;
      border: 1px solid #ebeef5;
      background: #fff;
      border-collapse: collapse;
      min-width: 900px;
    }
    .blj-table-wrap table th {
      height: 70px;
      background: #0b9aff;
      text-align: center;
      line-height: 70px;
      font-size: 16px;
      color: #fff;
      font-weight: bold;
      border-right: 1px solid #ebeef5;
      padding: 0 15px;
    }
    .blj-table-wrap table td {
      height: 80px;
      border-right: 1px solid #ebeef5;
      border-bottom: 1px solid #ebeef5;
      text-align: center;
      font-size: 14px;
      color: #333;
      padding: 10px 15px;
      vertical-align: middle;
    }
    .blj-table-wrap table td .blj-gnms {
      text-align: justify;
      line-height: 24px;
      padding: 0 20px;
      font-size: 13px;
      color: #666;
    }
    .blj-table-wrap table td .blj-zxxq {
      font-size: 14px;
      color: #0b9aff;
    }
    .blj-table-wrap table td .blj-zxxq:hover { color: #3666ff; }
    .blj-table-wrap table td .blj-gm {
      display: inline-block;
      width: 109px;
      height: 33px;
      line-height: 33px;
      background: linear-gradient(to right, #3666ff, #2cb8ef);
      color: #fff;
      text-align: center;
      border-radius: 10px;
      font-size: 14px;
      transition: 0.3s;
    }
    .blj-table-wrap table td .blj-gm:hover {
      transform: translateY(-2px);
      box-shadow: 0 4px 12px rgba(54, 102, 255, 0.3);
    }

    /* ============================================================
       应用场景 - 桌面背景图，移动端去掉
       ============================================================ */
    .blj-scene-tabs {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 10px 30px;
      padding: 0 20px;
      margin-top: 40px;
    }
    .blj-scene-tabs .blj-scene-tab {
      font-size: 18px;
      color: #333;
      font-weight: bold;
      padding-bottom: 10px;
      cursor: pointer;
      border-bottom: 2px solid transparent;
      transition: 0.3s;
    }
    .blj-scene-tabs .blj-scene-tab.active {
      color: #0b9aff;
      border-bottom-color: #0b9aff;
    }
    .blj-scene-tabs .blj-scene-tab:hover { color: #0b9aff; }

    .blj-scene-content { margin-top: 30px; position: relative; }
    .blj-scene-pane { display: none; }
    .blj-scene-pane.active { display: block; }

    /* 桌面端 - 使用背景图 */
    .blj-scene-card {
      background: url("/css/2022/images/blj-icon23.png") no-repeat top center;
      background-size: 100% 100%;
      padding: 30px 40px;
      border-radius: 10px;
      min-height: 300px;
    }
    .blj-scene-card .blj-scene-left {
      float: left;
      width: 50%;
      padding: 20px 30px 20px 20px;
    }
    .blj-scene-card .blj-scene-right {
      float: right;
      width: 50%;
      padding: 30px 40px 20px 50px;
    }
    .blj-scene-card .blj-scene-left h3 {
      font-size: 18px;
      color: #fff;
      font-weight: bold;
      margin-bottom: 20px;
      display: flex;
      align-items: center;
      gap: 15px;
    }
    .blj-scene-card .blj-scene-left h3 img { max-width: 30px; }
    .blj-scene-card .blj-scene-left p {
      font-size: 14px;
      color: #fff;
      line-height: 24px;
      text-align: justify;
      margin-bottom: 40px;
    }
    .blj-scene-card .blj-scene-left .blj-btn {
      display: block;
      width: 126px;
      height: 36px;
      line-height: 36px;
      background: #fff;
      color: #333;
      text-align: center;
      border-radius: 10px;
      margin-left: auto;
      font-size: 14px;
    }
    .blj-scene-card .blj-scene-left .blj-btn:hover {
      background: #f0f0f0;
      transform: translateY(-2px);
      box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    }

    .blj-scene-card .blj-scene-right .blj-scene-products h3 {
      font-size: 18px;
      color: #333;
      font-weight: bold;
      margin-bottom: 20px;
      display: flex;
      align-items: center;
      gap: 15px;
    }
    .blj-scene-card .blj-scene-right .blj-scene-products h3 img { max-width: 30px; }
    .blj-scene-card .blj-scene-right .blj-scene-products p {
      display: flex;
      flex-wrap: wrap;
      gap: 15px 30px;
      margin-bottom: 10px;
    }
    .blj-scene-card .blj-scene-right .blj-scene-products p a {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      padding: 0 15px;
      height: 32px;
      line-height: 30px;
      border: 1px solid #b7bcc0;
      border-radius: 10px;
      font-size: 14px;
      color: #666;
      background: #fff;
      transition: 0.3s;
    }
    .blj-scene-card .blj-scene-right .blj-scene-products p a:hover {
      border-color: #3666ff;
      color: #3666ff;
      transform: translateY(-2px);
    }
    .blj-scene-card .blj-scene-right .blj-scene-products p a img { max-width: 20px; }

    /* ============================================================
       核心优势
       ============================================================ */
    .blj-con3 {
      background: #f9faff;
    }
    .blj-adv-item {
      text-align: center;
      padding: 10px 5px;
    }
    .blj-adv-item img { max-width: 60px; margin-bottom: 15px; }
    .blj-adv-item h3 {
      font-size: 18px;
      color: #000;
      font-weight: bold;
      margin: 15px 0;
    }
    .blj-adv-item p {
      font-size: 14px;
      color: #666;
      line-height: 24px;
    }

    /* ============================================================
       客户案例
       ============================================================ */
    .blj-client-list {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 20px;
      margin-top: 50px;
    }
    .blj-client-list li {
      width: 200px;
      height: 58px;
      border: 1px solid #eee;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 10px;
      transition: 0.3s;
      background: #fff;
    }
    .blj-client-list li:hover {
      border-color: #3666ff;
      transform: translateY(-3px);
      box-shadow: 0 4px 12px rgba(54, 102, 255, 0.1);
    }
    .blj-client-list li img { max-width: 80%; }

    /* ============================================================
       底部注册
       ============================================================ */
    .blj-con5 {
      background: #f9faff;
      text-align: center;
    }
    .blj-con5 .blj-ljzc {
      display: inline-block;
      width: 142px;
      height: 39px;
      line-height: 39px;
      background: linear-gradient(to right, #3666ff, #2cb8ef);
      font-size: 14px;
      text-align: center;
      color: #fff;
      border-radius: 10px;
      margin-top: 50px;
      transition: 0.3s;
    }
    .blj-con5 .blj-ljzc:hover {
      transform: translateY(-3px);
      box-shadow: 0 4px 12px rgba(54, 102, 255, 0.3);
    }

    /* ============================================================
       移动端适配
       ============================================================ */
    @media (max-width: 992px) {
      .blj-scene-card .blj-scene-left,
      .blj-scene-card .blj-scene-right {
        float: none;
        width: 100%;
        padding: 15px 20px;
      }
      .blj-scene-card .blj-scene-right {
        border-top: 1px solid rgba(255,255,255,0.2);
        margin-top: 10px;
        padding-top: 20px;
      }
      .blj-scene-card .blj-scene-left .blj-btn { margin: 0 auto; }
      .blj-scene-card .blj-scene-right .blj-scene-products p { justify-content: center; }
      .blj-feature-card { flex-direction: column; align-items: center; text-align: center; }
      .blj-feature-card .blj-feature-txt p { text-align: center; }
      .blj-banner { height: 400px; }
      /* 移动端去掉背景图 */
      .blj-scene-card {
        background: #f5f7fa !important;
        border: 1px solid #e8ecf1;
      }
      .blj-scene-card .blj-scene-left h3 { color: #000; }
      .blj-scene-card .blj-scene-left p { color: #555; }
      .blj-scene-card .blj-scene-left .blj-btn {
        background: linear-gradient(to right, #3666ff, #2cb8ef);
        color: #fff;
        margin: 0 auto;
        display: block;
      }
      .blj-scene-card .blj-scene-left .blj-btn:hover { background: linear-gradient(to right, #2a55e0, #1fa3d6); }
      .blj-scene-card .blj-scene-right .blj-scene-products h3 { color: #000; }
      .blj-scene-card .blj-scene-right { border-top-color: #e0e4ea; }
    }
    @media (max-width: 768px) {
      .blj-section { padding-top: 60px; padding-bottom: 60px; }
      .blj-title { font-size: 24px; }
      .blj-banner { height: 350px; margin-top: 50px; }
      .blj-banner .blj-banTxt h1 { font-size: 26px; }
      .blj-banner .blj-banTxt p { font-size: 13px; margin: 25px 0; max-width: 100%; }
      .blj-scene-tabs .blj-scene-tab { font-size: 15px; padding: 5px 0; }
      .blj-adv-item img { max-width: 50px; }
      .blj-adv-item h3 { font-size: 16px; }
      .blj-client-list li { width: 160px; height: 50px; }
      .blj-scene-card { padding: 20px; }
      .blj-scene-card .blj-scene-left h3 { font-size: 17px; }
      .blj-scene-card .blj-scene-left p { font-size: 13px; line-height: 22px; }
      .blj-scene-card .blj-scene-right .blj-scene-products h3 { font-size: 16px; }
      .blj-scene-card .blj-scene-right .blj-scene-products p a { font-size: 13px; height: 30px; line-height: 28px; padding: 0 12px; }
      .blj-table-wrap table { min-width: 700px; }
      .blj-table-wrap table th { font-size: 14px; height: 55px; line-height: 55px; }
      .blj-table-wrap table td { font-size: 13px; height: 65px; padding: 8px 10px; }
    }
    @media (max-width: 480px) {
      .blj-section { padding-top: 40px; padding-bottom: 40px; }
      .blj-title { font-size: 20px; }
      .blj-banner { height: 280px; margin-top: 40px; }
      .blj-banner .blj-banTxt h1 { font-size: 20px; }
      .blj-banner .blj-banTxt p { font-size: 12px; margin: 15px 0 20px; line-height: 20px; }
      .blj-banner .blj-banTxt .blj-btn-group { gap: 15px; }
      .blj-banner .blj-banTxt .blj-btn-group .blj-btn { width: 100px; height: 32px; line-height: 32px; font-size: 12px; }
      .blj-feature-card { padding: 18px; min-height: 100px; }
      .blj-feature-card .blj-feature-txt h3 { font-size: 16px; }
      .blj-feature-card .blj-feature-txt p { font-size: 13px; line-height: 20px; }
      .blj-scene-tabs { gap: 5px 12px; padding: 0 5px; }
      .blj-scene-tabs .blj-scene-tab { font-size: 13px; }
      .blj-scene-card { padding: 15px; }
      .blj-scene-card .blj-scene-left { padding: 5px 10px; }
      .blj-scene-card .blj-scene-left h3 { font-size: 15px; }
      .blj-scene-card .blj-scene-left p { font-size: 12px; line-height: 20px; }
      .blj-scene-card .blj-scene-left .blj-btn { width: 100px; height: 32px; line-height: 32px; font-size: 12px; }
      .blj-scene-card .blj-scene-right { padding: 10px 10px 5px; }
      .blj-scene-card .blj-scene-right .blj-scene-products h3 { font-size: 14px; }
      .blj-scene-card .blj-scene-right .blj-scene-products p a { height: 26px; line-height: 24px; font-size: 12px; padding: 0 10px; }
      .blj-adv-item img { max-width: 40px; }
      .blj-adv-item h3 { font-size: 14px; margin: 10px 0; }
      .blj-adv-item p { font-size: 12px; line-height: 20px; }
      .blj-client-list li { width: 130px; height: 44px; }
      .blj-client-list li img { max-width: 70%; }
      .blj-con5 .blj-ljzc { width: 120px; height: 34px; line-height: 34px; font-size: 12px; margin-top: 30px; }
      .blj-table-wrap table { min-width: 600px; }
      .blj-table-wrap table th { font-size: 12px; height: 45px; line-height: 45px; padding: 0 8px; }
      .blj-table-wrap table td { font-size: 12px; height: 55px; padding: 5px 8px; }
      .blj-table-wrap table td .blj-gnms { font-size: 12px; padding: 0 10px; }
      .blj-table-wrap table td .blj-gm { width: 85px; height: 28px; line-height: 28px; font-size: 12px; }
      .blj-table-wrap table td .blj-zxxq { font-size: 12px; }
    }