/* ===== 重置 & 基础 ===== */
    * { 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 ===== */
    .jj-container {
      max-width: 1350px;
      width: 100%;
      padding-left: 15px;
      padding-right: 15px;
      margin: 0 auto;
      box-sizing: border-box;
    }
    /* ===== 每部分上下 padding 90px ===== */
    .jj-section {
      padding-top: 90px;
      padding-bottom: 90px;
    }
    /* ===== 大标题 ===== */
    .jj-title {
      font-size: 30px;
      font-weight: bold;
      text-align: center;
      color: #000;
      margin-bottom: 48px;
    }

    /* ===== 按钮 ===== */
    .jj-btn {
      display: inline-block;
      height: 47px;
      line-height: 47px;
      padding: 0 30px;
      font-size: 18px;
      text-align: center;
      border-radius: 30px;
      transition: all 0.3s ease;
      border: 1px solid #f4845c;
      color: #f4845c;
      background: transparent;
    }
    .jj-btn-dark {
      border-color: #333;
      color: #333;
    }
    .jj-btn:hover {
      background: #f4845c;
      color: #fff;
      transform: translateY(-2px);
      box-shadow: 0 4px 12px rgba(244, 132, 92, 0.3);
    }
    .jj-btn-dark:hover {
      border-color: #f4845c;
      color: #f4845c;
      background: transparent;
    }

    /* ===== 卡片 hover ===== */
    .jj-card-hover {
      transition: transform 0.35s ease, box-shadow 0.35s ease;
    }
    .jj-card-hover:hover {
      transform: translateY(-6px);
      box-shadow: 0 12px 28px rgba(244, 132, 92, 0.10);
    }

    /* ============================================================
       Banner - margin-top: 60px 保持不变
       ============================================================ */
    .jj-banner {
      width: 100%;
      min-height: 540px;
      background: url("/css/2018/images/jiaju_top.jpg") no-repeat center top;
      background-size: cover;
      margin-top: 60px;
      display: flex;
      justify-content: center;
      text-align: center;
      padding: 75px 0;
    }
    .jj-banner .jj-banTxt h1 {
      font-size: 48px;
      color: #fff;
      font-weight: 600;
    }
    .jj-banner .jj-banTxt p {
      font-size: 16px;
      color: #fff;
      line-height: 30px;
      margin: 15px 0;
    }
    .jj-banner .jj-banTxt .jj-ban-sub {
      font-size: 24px;
    }

    /* ============================================================
       智能家居方案网络需求
       ============================================================ */
    .jj-need .jj-need-text {
      text-align: center;
      margin-top: 45px;
    }
    .jj-need .jj-need-text span {
      display: block;
      margin-bottom: 15px;
    }
    .jj-need .jj-need-text p {
      max-width: 950px;
      margin: 0 auto;
      font-size: 16px;
      color: #666;
      line-height: 30px;
    }

    /* 表格 */
    .jj-table-wrap {
      margin-top: 25px;
      margin-bottom: 65px;
      overflow-x: auto;
    }
    .jj-table-wrap table {
      width: 100%;
      border-collapse: collapse;
    }
    .jj-table-wrap table td {
      border-bottom: 1px solid #f8ddcf;
      border-right: 1px solid #f8ddcf;
      font-size: 15px;
      color: #333;
      padding: 12px 15px;
      text-align: center;
      vertical-align: middle;
    }
    .jj-table-wrap table .jj-table-title {
      border-right: 0;
      font-size: 30px;
      color: #f4845c;
      padding-bottom: 5px;
    }
    .jj-table-wrap table .jj-table-header {
      background: #fff9f3;
      font-size: 18px;
      color: #333;
      line-height: 30px;
    }
    .jj-table-wrap table .jj-price { font-size: 20px; color: #d91515; }

    .jj-need .jj-btn-group {
      display: flex;
      justify-content: center;
      gap: 40px;
      flex-wrap: wrap;
      margin-top: 10px;
    }
    .jj-need .jj-btn-group .jj-btn { width: 179px; }

    /* ============================================================
       智能家居架构方案/产品推荐
       ============================================================ */
    .jj-arch {
      background: #fafafa;
    }
    .jj-arch .jj-arch-img { text-align: center; margin-top: 20px; }
    .jj-arch .jj-arch-img img { max-width: 100%; height: auto; }
    .jj-arch .jj-arch-img .jj-arch-top { margin-bottom: 50px; }

    /* ============================================================
       智能家居架构方案优势
       ============================================================ */
    .jj-advantage .jj-adv-item {
      background: #fafafa;
      padding: 30px 20px;
      text-align: center;
      height: 100%;
      min-height: 310px;
      border-radius: 10px;
      transition: 0.3s;
    }
    .jj-advantage .jj-adv-item:hover {
      background: #fff;
      box-shadow: 0 0 35px rgba(255, 75, 26, 0.1);
      transform: translateY(-4px);
    }
    .jj-advantage .jj-adv-item img { max-width: 114px; margin-bottom: 30px; }
    .jj-advantage .jj-adv-item strong {
      display: block;
      font-size: 20px;
      color: #f4845c;
      font-weight: 700;
      margin-bottom: 10px;
    }
    .jj-advantage .jj-adv-item p {
      font-size: 14px;
      color: #666;
      line-height: 24px;
      max-width: 80%;
      margin: 0 auto;
    }
    .jj-advantage .jj-adv-btn {
      text-align: center;
      margin-top: 55px;
    }
    .jj-advantage .jj-adv-btn .jj-btn {
      width: 30%;
      min-width: 200px;
      font-size: 24px;
      height: 55px;
      line-height: 55px;
      border-radius: 100px;
    }

    /* ============================================================
       智能家居方案适用行业 - 背景图
       ============================================================ */
    .jj-industry {
      background: url("/css/2018/images/jiaju_hybg.jpg") no-repeat center top;
      background-size: cover;
      padding: 45px 0 60px;
    }
    .jj-industry .jj-industry-title {
      font-size: 42px;
      color: #fff;
      text-align: center;
      font-weight: normal;
      padding: 45px 0 35px;
    }
    .jj-industry .jj-industry-list {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 20px 50px;
      margin: 0 auto;
      padding: 25px 0 45px;
    }
    .jj-industry .jj-industry-item {
      text-align: center;
      width: 100px;
    }
    .jj-industry .jj-industry-item .jj-industry-icon {
      width: 92px;
      height: 92px;
      border-radius: 50%;
      border: 2px solid #fff;
      margin: 0 auto 15px;
      background: no-repeat center;
      transition: 0.3s;
    }
    .jj-industry .jj-industry-item:hover .jj-industry-icon {
      border-color: #ff4c22;
      background-color: #ff4c22;
      box-shadow: 0 0 10px rgba(255, 255, 255, 1);
    }
    .jj-industry .jj-industry-item dd {
      font-size: 16px;
      color: #fff;
    }

    /* ============================================================
       智能家居解决方案适用企业
       ============================================================ */
    .jj-company .jj-company-list {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      gap: 20px 23px;
      margin-top: 30px;
    }
    .jj-company .jj-company-list li {
      width: 18%;
      height: 85px;
      border: 1px solid #ddd;
      border-radius: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: 0.3s;
      background: #fff;
    }
    .jj-company .jj-company-list li:hover {
      border-color: #ff6b00;
      box-shadow: 0 0 35px rgba(255, 75, 26, 0.1);
      transform: translateY(-3px);
    }
    .jj-company .jj-company-list li img { max-width: 90%; }

    /* ============================================================
       关于智能家居行业热点分析
       ============================================================ */
    .jj-news {
      background: #fafafa;
    }
    .jj-news .jj-news-list li {
      border-bottom: 1px dashed #d1d1d1;
      height: 44px;
      margin-bottom: 10px;
      transition: 0.3s;
    }
    .jj-news .jj-news-list li:hover {
      border-bottom-color: #f77a53;
    }
    .jj-news .jj-news-list li a {
      font-size: 16px;
      color: #333;
      line-height: 45px;
      padding-left: 25px;
      display: block;
      transition: 0.3s;
    }
    .jj-news .jj-news-list li:hover a { color: #f77a53; }

    /* ============================================================
       移动端适配
       ============================================================ */
    @media (max-width: 992px) {
      .jj-banner { min-height: 500px; padding: 50px 0; }
      .jj-banner .jj-banTxt h1 { font-size: 36px; }
      .jj-industry .jj-industry-list { gap: 15px 20px; }
      .jj-industry .jj-industry-item { width: 80px; }
      .jj-industry .jj-industry-item .jj-industry-icon { width: 70px; height: 70px; background-size: 35px auto; }
      .jj-company .jj-company-list { gap: 15px 20px; }
      .jj-company .jj-company-list li { width: 160px; height: 70px; }
    }
    @media (max-width: 768px) {
      .jj-section { padding-top: 50px; padding-bottom: 50px; }
      .jj-title { font-size: 24px; margin-bottom: 30px; }
      .jj-banner { min-height: 500px; padding: 30px 0; margin-top: 50px; }
      .jj-banner .jj-banTxt h1 { font-size: 28px; }
      .jj-banner .jj-banTxt p { font-size: 14px; line-height: 26px; }
      .jj-banner .jj-banTxt .jj-ban-sub { font-size: 18px; }
      .jj-need .jj-need-text p { font-size: 14px; line-height: 26px; }
      .jj-table-wrap table td { font-size: 13px; padding: 8px 10px; }
      .jj-table-wrap table .jj-table-title { font-size: 24px; }
      .jj-table-wrap table .jj-table-header { font-size: 15px; }
      .jj-table-wrap table .jj-price { font-size: 17px; }
      .jj-need .jj-btn-group { gap: 20px; }
      .jj-need .jj-btn-group .jj-btn { width: 150px; height: 40px; line-height: 40px; font-size: 15px; }
      .jj-advantage .jj-adv-item { min-height: 240px; padding: 20px; }
      .jj-advantage .jj-adv-item img { max-width: 80px; margin-bottom: 20px; }
      .jj-advantage .jj-adv-item p { max-width: 100%; }
      .jj-advantage .jj-adv-btn .jj-btn { width: 50%; min-width: 160px; font-size: 18px; height: 48px; line-height: 48px; }
      .jj-industry .jj-industry-title { font-size: 28px; padding: 20px 0; }
      .jj-industry .jj-industry-list { gap: 10px 15px; padding: 10px 0; }
      .jj-industry .jj-industry-item { width: 70px; }
      .jj-industry .jj-industry-item .jj-industry-icon { width: 60px; height: 60px; background-size: 30px auto; }
      .jj-industry .jj-industry-item dd { font-size: 13px; }
      .jj-company .jj-company-list { gap: 10px 15px; }
      .jj-company .jj-company-list li { width: 130px; height: 60px; }
      .jj-news .jj-news-list li { height: 38px; }
      .jj-news .jj-news-list li a { font-size: 14px; line-height: 38px; padding-left: 15px; }
    }
    @media (max-width: 480px) {
      .jj-section { padding-top: 40px; padding-bottom: 40px; }
      .jj-title { font-size: 20px; margin-bottom: 25px; }
      .jj-banner { min-height: 500px; padding: 20px 0; margin-top: 60px; }
      .jj-banner .jj-banTxt h1 { font-size: 22px; }
      .jj-banner .jj-banTxt p { font-size: 13px; line-height: 24px; }
      .jj-banner .jj-banTxt .jj-ban-sub { font-size: 16px; }
      .jj-need .jj-need-text p { font-size: 13px; line-height: 24px; }
      .jj-table-wrap table td { font-size: 12px; padding: 5px 6px; }
      .jj-table-wrap table .jj-table-title { font-size: 20px; }
      .jj-table-wrap table .jj-table-header { font-size: 13px; }
      .jj-table-wrap table .jj-price { font-size: 15px; }
      .jj-need .jj-btn-group .jj-btn { width: 120px; height: 36px; line-height: 36px; font-size: 13px; }
      .jj-advantage .jj-adv-item { min-height: 180px; padding: 15px; }
      .jj-advantage .jj-adv-item img { max-width: 60px; margin-bottom: 15px; }
      .jj-advantage .jj-adv-item strong { font-size: 16px; }
      .jj-advantage .jj-adv-item p { font-size: 13px; line-height: 22px; }
      .jj-advantage .jj-adv-btn .jj-btn { width: 70%; min-width: 140px; font-size: 16px; height: 42px; line-height: 42px; }
      .jj-industry .jj-industry-title { font-size: 22px; padding: 15px 0; }
      .jj-industry .jj-industry-item { width: 60px; }
      .jj-industry .jj-industry-item .jj-industry-icon { width: 50px; height: 50px; background-size: 25px auto; }
      .jj-industry .jj-industry-item dd { font-size: 11px; }
      .jj-company .jj-company-list li { width: 18%; height: 50px; }
      .jj-company .jj-company-list { gap: 8px 10px; }
      .jj-news .jj-news-list li { height: 32px; margin-bottom: 5px; }
      .jj-news .jj-news-list li a { font-size: 12px; line-height: 32px; padding-left: 10px; }
    }