/* 全局重置 & 基础 */
    * { margin: 0; padding: 0; box-sizing: border-box; }
    body {
      font-family: 'pingfang SC', 'helvetica neue', arial, 'hiragino sans gb', 'microsoft yahei ui', 'microsoft yahei', simsun, sans-serif !important;
      background: #fff;
      color: #333;
    }
    a { text-decoration: none; cursor: pointer; }
    a:hover { text-decoration: none; }
    ul, li { list-style: none; padding: 0; margin: 0; }
    img { max-width: 100%; height: auto; vertical-align: middle; }
    .clearfix::after { content: ""; display: table; clear: both; }
    /* 容器：最大宽度1350px，类名以qysyy开头 */
    .qysyy-container {
      max-width: 1350px;
      margin: 0 auto;
      padding-left: 20px;
      padding-right: 20px;
    }
    /* 每部分上下内边距 90px */
    .qysyy-section {
      padding-top: 90px;
      padding-bottom: 90px;
    }
    /* 大标题 */
    .qysyy-title {
      font-size: 30px;
      color: #000;
      font-weight: bold;
      text-align: center;
    }
    /* 小字 */
    .qysyy-small-text {
      font-size: 14px;
      color: #666;
    }
    /* 卡片 / 按钮 圆角10px */
    .qysyy-card, .qysyy-btn, .qysyy-btn-primary, .qysyy-item-card, .qysyy-feature-item {
      border-radius: 10px !important;
    }
    /* 卡片hover效果 */
    .qysyy-card-hover:hover {
      transform: translateY(-4px);
      box-shadow: 0 12px 30px rgba(0,0,0,0.08);
      transition: all 0.25s ease;
    }
    .qysyy-btn-hover:hover {
      background: #0b9aff !important;
      color: #fff !important;
      border-color: #0b9aff !important;
      transition: all 0.25s ease;
    }
    /* 按钮基础 */
    .qysyy-btn {
      display: inline-block;
      padding: 0 30px;
      height: 40px;
      line-height: 40px;
      border-radius: 10px;
      border: 1px solid #ddd;
      color: #666;
      background: #fff;
      font-size: 14px;
      transition: all 0.2s;
      text-align: center;
    }
    .qysyy-btn-primary {
      background: #0b9aff;
      color: #fff;
      border-color: #0b9aff;
    }
    .qysyy-btn-outline {
      background: transparent;
      border: 1px solid #ddd;
      color: #666;
    }
    .qysyy-btn-outline:hover {
      background: #0b9aff;
      color: #fff;
      border-color: #0b9aff;
    }
    /* banner */
    .qysyy-banner {
      width: 100%;
      background: url("/css/2022/images/qysyy-banner.jpg") no-repeat top center;
      background-size: cover;
      height: 430px;
      margin-top: 60px;
    }
    .qysyy-banner .qysyy-banTxt {
      padding-top: 113px;
      box-sizing: border-box;
    }
    .qysyy-banner .qysyy-banTxt h1 {
      font-size: 36px;
      color: #fff;
      font-weight: bold;
    }
    .qysyy-banner .qysyy-banTxt p {
      font-size: 14px;
      color: #fff;
      margin: 30px 0;
      max-width: 600px;
      line-height: 24px;
      text-align: justify;
    }
    .qysyy-qtcp a {
      display: inline-block;
      width: 130px;
      height: 38px;
      line-height: 38px;
      border: 1px solid #fff;
      text-align: center;
      font-size: 14px;
      color: #fff;
      margin-right: 25px;
      border-radius: 10px;
      transition: all 0.25s;
    }
    .qysyy-qtcp a:hover {
      opacity: 0.85;
      transform: scale(1.02);
    }
    .qysyy-ljzx {
      font-size: 14px;
      color: #fff;
      margin-top: 15px;
      display: inline-block;
    }
    /* 产品功能卡片 grid */
    .qysyy-func-grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 35px 30px;
      margin-top: 30px;
    }
    .qysyy-func-item {
      background: #fff;
      border-radius: 10px;
      padding: 30px 40px;
      display: flex;
      align-items: flex-start;
      transition: all 0.25s ease;
      border: 1px solid #f0f2f7;
      box-shadow: 0 4px 12px rgba(0,0,0,0.02);
    }
    .qysyy-func-item:hover {
      transform: translateY(-4px);
      box-shadow: 0 12px 30px rgba(0,0,0,0.07);
    }
    .qysyy-func-item img {
      flex-shrink: 0;
      margin-right: 20px;
    }
    .qysyy-func-item .qysyy-gnTxt h3 {
      font-size: 18px;
      font-weight: bold;
      color: #333;
    }
    .qysyy-func-item .qysyy-gnTxt p {
      font-size: 14px;
      color: #888;
      line-height: 24px;
      margin-top: 10px;
    }
    /* 使用场景 - 无圆角，无间距，图标背景图无尺寸限制 */
    .qysyy-scene-item {
      border: 1px solid #ebeef5;
      /* 去掉圆角 */
      border-radius: 0;
      /* 去掉间距 */
      margin-top: 0;
    }
    .qysyy-scene-item:not(:first-child) {
      border-top: none;
    }
    .qysyy-scene-top {
      background: #f9f9f9;
      padding: 0 40px;
      height: 100px;
      display: flex;
      align-items: center;
      cursor: pointer;
      transition: background 0.2s;
      /* 去掉圆角 */
      border-radius: 0;
    }
    .qysyy-scene-top.active {
      background: #0b9aff;
    }
    /* 图标 - 移除 background-size，使用原始尺寸 */
    .qysyy-scene-top .qysyy-scene-icon {
      width: 30px;
      height: 30px;
      background: url("/css/2022/images/qysyy-icon.png") no-repeat 0 0;
      flex-shrink: 0;
      /* 移除 background-size */
    }
    /* 各图标位置：与原始代码一致 */
    .qysyy-scene-top .qysyy-scene-icon.s1 { background-position: 0 0; }
    .qysyy-scene-top .qysyy-scene-icon.s2 { background-position: -64px 0; }
    .qysyy-scene-top .qysyy-scene-icon.s3 { background-position: -128px 0; }
    /* 激活态图标 - 向下偏移53px（与原始代码一致） */
    .qysyy-scene-top.active .qysyy-scene-icon.s1 { background-position: 0 -49px; }
    .qysyy-scene-top.active .qysyy-scene-icon.s2 { background-position: -64px -49px; }
    .qysyy-scene-top.active .qysyy-scene-icon.s3 { background-position: -128px -49px; }

    .qysyy-scene-top .qysyy-scene-title {
      margin-left: 23px;
      flex: 1;
    }
    .qysyy-scene-top .qysyy-scene-title h3 {
      font-size: 18px;
      font-weight: bold;
      color: #333;
      margin: 0;
    }
    .qysyy-scene-top.active .qysyy-scene-title h3 { color: #fff; }
    .qysyy-scene-top .qysyy-scene-title p {
      font-size: 14px;
      color: #888;
      margin: 10px 0 0 0;
    }
    .qysyy-scene-top.active .qysyy-scene-title p { color: #fff; }
    .qysyy-scene-top .qysyy-scene-arrow {
      margin-left: auto;
      width: 16px;
      height: 8px;
      background: url("/css/2022/images/ysj-jt.png") no-repeat center;
      background-size: contain;
      transition: transform 0.2s;
      flex-shrink: 0;
    }
    .qysyy-scene-top.active .qysyy-scene-arrow {
      background: url("/css/2022/images/ysj-jt-1.png") no-repeat center;
      background-size: contain;
    }
    .qysyy-scene-body {
      background: #fff;
      padding: 30px 40px 35px;
      display: none;
      border-top: 1px solid #ebeef5;
    }
    .qysyy-scene-body.open { display: block; }
    .qysyy-scene-body h3 { font-weight: bold; font-size: 14px; color: #333; }
    .qysyy-scene-body p { font-size: 14px; color: #888; margin-top: 20px; }
    .qysyy-scene-body .qysyy-tag-group a {
      display: inline-block;
      padding: 0 20px;
      height: 34px;
      line-height: 34px;
      border: 1px solid #ebeef5;
      border-radius: 10px;
      color: #666;
      font-size: 14px;
      margin-right: 15px;
      margin-bottom: 8px;
      transition: all 0.2s;
    }
    .qysyy-scene-body .qysyy-tag-group a:hover {
      background: #f0f7ff;
      border-color: #0b9aff;
    }
    .qysyy-scene-body .qysyy-scene-btn-group {
      display: flex;
      justify-content: center;
      gap: 54px;
      margin-top: 40px;
    }
    .qysyy-scene-body .qysyy-scene-btn-group a {
      min-width: 134px;
    }
    /* 产品优势 grid */
    .qysyy-adv-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 0px 30px;
      margin-top: 30px;
    }
    .qysyy-adv-item {
      text-align: center;
      padding: 20px 10px;
      border-radius: 10px;
      transition: all 0.25s;
    }
    .qysyy-adv-item:hover {
      background: #f9faff;
      transform: translateY(-4px);
    }
    .qysyy-adv-item .qysyy-adv-icon {
      width: 54px;
      height: 54px;
      background: #0b9aff;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto;
    }
    .qysyy-adv-item h3 {
      font-size: 18px;
      font-weight: bold;
      color: #333;
      margin: 25px 0 20px;
    }
    .qysyy-adv-item p {
      font-size: 14px;
      color: #888;
      line-height: 24px;
      max-width: 220px;
      margin: 0 auto;
    }
    /* 客户案例 grid */
    .qysyy-case-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 30px 64px;
      margin-top: 20px;
    }
    .qysyy-case-item {
      border: 1px solid #ddd;
      border-radius: 10px;
      height: 70px;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: all 0.2s;
    }
    .qysyy-case-item:hover {
      border-color: #0b9aff;
      box-shadow: 0 4px 12px rgba(11,154,255,0.12);
    }
    .qysyy-case-item img { max-height: 40px; }
    /* 问答列表 */
    .qysyy-qa-grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 30px 40px;
      margin-top: 20px;
    }
    .qysyy-qa-item {
      display: flex;
      align-items: center;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .qysyy-qa-item span {
      width: 18px;
      height: 18px;
      background: #0b9aff;
      border-radius: 4px;
      color: #fff;
      font-size: 14px;
      text-align: center;
      line-height: 18px;
      flex-shrink: 0;
      margin-right: 15px;
    }
    .qysyy-qa-item a {
      font-size: 14px;
      color: #666;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      transition: color 0.2s;
    }
    .qysyy-qa-item a:hover { color: #0b9aff; }

    /* 移动端适配 */
    @media (max-width: 992px) {
      .qysyy-func-grid { grid-template-columns: 1fr; gap: 20px; }
      .qysyy-adv-grid { grid-template-columns: repeat(2, 1fr); gap: 30px; }
      .qysyy-case-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; }
      .qysyy-qa-grid { grid-template-columns: 1fr; gap: 15px; }
      .qysyy-banner { height: auto; padding: 40px 0; background-size: cover; }
      .qysyy-banner .qysyy-banTxt { padding-top: 30px; }
      .qysyy-banner .qysyy-banTxt h1 { font-size: 28px; }
      .qysyy-banner .qysyy-banTxt p { max-width: 100%; }
      .qysyy-qtcp a { width: 120px; margin-right: 15px; margin-bottom: 10px; }
      .qysyy-scene-top { height: auto; padding: 20px; flex-wrap: wrap; }
      .qysyy-scene-top .qysyy-scene-title { margin-left: 10px; }
      .qysyy-scene-body { padding: 20px; }
      .qysyy-scene-body .qysyy-scene-btn-group { flex-direction: column; align-items: center; gap: 15px; }
      .qysyy-section { padding-top: 60px; padding-bottom: 60px; }
      .qysyy-title { font-size: 24px; }
      .qysyy-func-item { padding: 20px; flex-wrap: wrap; }
      .qysyy-func-item img { margin-bottom: 10px; }
      .qysyy-adv-item p { max-width: 100%; }
    }
    @media (max-width: 576px) {
      .qysyy-container { padding-left: 16px; padding-right: 16px; }
      .qysyy-section { padding-top: 40px; padding-bottom: 40px; }
      .qysyy-title { font-size: 20px; }
      .qysyy-banner .qysyy-banTxt h1 { font-size: 22px; }
      .qysyy-qtcp a { width: 100%; margin-right: 0; margin-bottom: 8px; }
      .qysyy-func-grid { gap: 16px; }
      .qysyy-func-item { flex-direction: column; align-items: center; text-align: center; }
      .qysyy-func-item img { margin-right: 0; }
      .qysyy-adv-grid { grid-template-columns: 1fr; gap: 20px; }
      .qysyy-case-grid { grid-template-columns: 1fr 1fr; gap: 12px; }
      .qysyy-case-item { height: 60px; }
      .qysyy-scene-top { flex-wrap: wrap; }
      .qysyy-scene-body .qysyy-tag-group a { margin-right: 8px; margin-bottom: 6px; }
    }