.spnyban{background-image: url(../images/spban.jpg); }
.spnyban .bannertxt{ text-align: left;justify-content: left;}
.spnyban .bannertxt img{ margin-top: 160px; }

 .service-wrap {
      width: 100%;
      margin: 60px auto;
    }
    /* 头部标题区域 */
    .service-head {
      text-align: center;
      margin-bottom: 50px;
    }
    .service-head h2 {
      font-size: 36px;
      color: #222;
      position: relative;
      padding-bottom: 18px;
    }
    /* 标题分割线 */
    .service-head h2::after {
      content: '';
      width: 120px;
      height: 2px;
      background: #999;
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      bottom: 0;
    }
    .service-head h2::before {
      content: '';
      width: 10px;
      height: 10px;
      background: #ff5522;
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      bottom: -4px;
      z-index:2;
    }
    .service-head p {
      font-size: 18px;
      color: #555;
      margin-top:22px;
    }
    /* 卡片容器 flex布局 */
    .service-list {
      display: flex;
      flex-wrap: wrap;
      gap: 0;
      border:1px solid #eee;
    }
    /* 单个服务卡片 */
    .service-item {
      flex:1;
      min-width:220px;
      padding:40px 20px;
      text-align:center;
      border-right:1px solid #eee;
      transition: all 0.3s ease;
      cursor: pointer;
      background:#fff;
    }
    /* 最后一个卡片取消右边框 */
    .service-item:last-child {
      border-right:none;
    }
    /* hover交互：上浮+白色底色+阴影 */
    .service-item:hover {
      transform: translateY(-8px);
      background:#fff;
      box-shadow: 0 8px 24px rgba(0,0,0,0.08);
    }
    /* 默认图标灰色 */
    .item-icon {
      font-size:60px;
      color:#666;
      margin-bottom:22px;
      transition: color 0.3s;
    }
    /* 高亮卡片橙色样式 */
    .service-item:hover .item-icon,
    .service-item:hover h3 {
      color:#ff5522;
    }
    /* hover图标变色 */
    .service-item:hover .item-icon {
      color:#ff5522;
    }
    .service-item h3 {
      font-size:26px;
      color:#222;
      margin-bottom:18px;
      transition: color 0.3s;
    }
    .service-item p {
      font-size:16px;
      color:#555;
      line-height:1.7;
    }
    /* 移动端适配：单列排版 */
    @media screen and (max-width:768px) {
      .service-list {
        flex-direction:column;
      }
      .service-item {
        border-right:none;
        border-bottom:1px solid #eee;
      }
      .service-item:last-child {
        border-bottom:none;
      }
      .service-head h2 {
        font-size:30px;
      }
      .service-head p {
        font-size:16px;
      }
    }

.service-banner {
            width: 100%;
            background: url('../images/spbg1.jpg') center/cover no-repeat;
            padding: 60px 0;
        }
        /* 内容框容器 */
        .banner-box {
            margin: 0 auto;
            padding: 50px 30px;
            position: relative; background: url(../images/sp2line.png) no-repeat center top;
        }
        /* 顶部标题 */
        .banner-title {
            position: absolute;
            left: 50%;
            top: -16px;
            transform: translateX(-50%);
            font-size: 36px;
            color: #ff6622;
            font-weight: bold;
            white-space: nowrap;
        }
        /* 步骤行flex */
        .step-wrap {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap:12px; margin-top: 30px;
        }
        /* 单个步骤项 */
        .step-item {
            display: flex;
            flex-direction: row;
            color:#fff;
            transition: all 0.3s ease;
            cursor: pointer;
        }
        /* 图标样式 */
        .step-icon {
            font-size:36px;
            margin-bottom:10px;
            transition: color 0.3s,transform 0.3s;
        }
        .step-text {
            font-size:20px;
            line-height:1.3;
            text-align:center; margin-left: 10px;
        }
        /* 箭头 */
        .arrow {
            color:#fff;
            font-size:36px;
            opacity:0.8;
        }
        /* hover交互 */
        .step-item:hover {
            transform: translateY(-8px);
        }
        .step-item:hover .step-icon {
            color:#ff6622;
            transform: scale(1.1);
        }
        /* 响应式适配 */
        @media(max-width:1024px){
            .banner-title {
                font-size:36px;
                top:-24px;
            }
            .step-icon {
                font-size:46px;
            }
            .step-text {
                font-size:22px;
            }
            .arrow {
                font-size:26px;
            }
        }
        @media(max-width:768px){
            .step-wrap {
                flex-wrap:wrap;
                justify-content:center;
            }
            .arrow {
                display:none;
            }
            .step-item {
                width:30%;
                margin-bottom:24px;
            }
            .banner-box {
                padding:40px 15px;
            }
            .banner-title {
                font-size:28px;
            }
        }

   .pain-wrap {
            width: 100%; background-color: #f3f4f8;
            padding: 80px 0;
        }
        /* 头部标题 */
        .pain-head {
            text-align: center;
            margin-bottom: 60px;
        }
        .pain-head h2 {
            font-size: 38px;
            color: #222;
            position: relative;
            padding-bottom: 16px;
        }
        .pain-head h2::after {
            content: '';
            width: 110px;
            height: 2px;
            background: #999;
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            bottom: 0;
        }
        .pain-head h2::before {
            content: '';
            width: 10px;
            height: 10px;
            background: #ff7033;
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            bottom: -4px;
            z-index: 2;
        }
        .pain-head p {
            font-size: 19px;
            color: #555;
            margin-top: 20px;
        }
        /* 主体左右布局 */
        .pain-content {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 40px;
        }
        /* 左侧插画区域 */
        .pain-left {
            flex: 1;
            position: relative;
            min-height: 420px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .img-box {
            width: 100%;
            max-width: 520px;
            transition: transform 0.4s ease;
        }
        .img-box:hover {
            transform: scale(1.04);
        }
        .img-box img {
            width: 100%;
            display: block;
        }
        /* 右侧痛点列表 */
        .pain-right {
            flex: 1; position: relative;
        }
.pain-right:before{ content: ""; width: 100%; height: 100%; position: absolute; z-index: 0; left: -70px; top: 0; background: url(../images/sp32.png) no-repeat left center;}

        .pain-item {
            display: flex;
            margin-bottom: 32px;
            align-items: flex-start;
            cursor: pointer;
            transition: all 0.3s ease;
            padding:12px;
            border-radius:10px;position: relative;
    z-index: 3;
        }
.pain-item:nth-child(2),.pain-item:nth-child(3){ margin-left: 50px; }
.pain-item:hover {
            background-color: #fff;
            box-shadow: 0 4px 18px rgba(255,112,51,0.12);
            transform: translateX(6px);
        }
        /* 序号圆圈 */
        .num-circle {
            width: 52px;
            height: 52px;
            flex-shrink: 0;
            border-radius: 50%;
            background: linear-gradient(#ff8040,#ff6222);
            color: #fff;
            font-size:26px;
            text-align:center;
            line-height:52px;
            margin-right:18px;
            transition: transform 0.3s;
        }
        .pain-item:hover .num-circle{
            transform: rotate(12deg) scale(1.08);
        }
        .item-text h4 {
            font-size:24px;
            color:#222;
            margin-bottom:8px;
        }
        .item-text p {
            font-size:16px;
            color:#555;
            line-height:1.6;
        }

        /* 移动端响应式 */
        @media screen and (max-width:768px) {
            .pain-content {
                flex-direction: column;
            }
            .pain-head h2 {
                font-size:28px;
            }
            .pain-head p {
                font-size:16px;
            }
            .num-circle {
                width:44px;
                height:44px;
                line-height:44px;
                font-size:22px;
            }
            .item-text h4 {
                font-size:20px;
            }
        }

.advantage-wrap {
            padding: 80px 0;
        }
        /* 标题区域 */
        .adv-head {
            text-align: center;
            margin-bottom: 55px;
        }
        .adv-head h2 {
            font-size: 38px;
            color: #222;
            padding-bottom: 16px;
            position: relative;
        }
        .adv-head h2::after {
            content: '';
            width: 110px;
            height: 2px;
            background: #999;
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            bottom: 0;
        }
        .adv-head h2::before {
            content: '';
            width: 10px;
            height: 10px;
            background: #ff6722;
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            bottom: -4px;
            z-index:2;
        }
        .adv-head p {
            font-size: 20px;
            color: #555;
            margin-top:20px;
        }
        /* 主体左右布局 */
        .adv-body {
            display: flex;
            align-items: flex-start;
            gap:50px;
        }
        /* 左侧列表 */
        .adv-left {
            flex:1;
        }
        /* 单个优势项 */
        .adv-item {
            border:1px solid #ddd;
            border-radius:6px;
            padding:20px;
            margin-bottom:20px;
            transition: all 0.3s ease;
            cursor:pointer;
        }
        /* 当前高亮项 */

        .adv-item:hover {
            transform: translateX(6px);
            box-shadow: 0 5px 16px rgba(255,103,34,0.12);
            border:1px solid #ff7030;
            box-shadow:0 0 0 1px #ff703033;
        }
        .adv-item h4 {
            font-size:23px;
            color:#222;
            margin-bottom:14px;
            display:flex;
            align-items:center; border-bottom: 1px #dddddd solid;
        }
        .adv-item h4::before {
            content:"●";
            color:#ff6722;
            font-size:28px;
            margin-right:10px;
        }
        .adv-item p {
            font-size:16px;
            color:#555;
            line-height:1.7;
        }
        /* 右侧报表图片区域 */
        .adv-right {
            flex:1;
            position:relative;
            display:flex;
            align-items:center;
            justify-content:center;
        }
        .report-box {
            position:relative;
            transition: all 0.35s ease;
        }
        .report-box:hover {
            transform: translateY(-8px);
        }
        /* 顶部气泡标签 */
        .tip-tag {
            position:absolute;
            top:-32px;
            left:50%;
            transform:translateX(-50%);
            background:linear-gradient(90deg,#ff8038,#ff5f20);
            color:#fff;
            font-size:24px;
            padding:12px 36px;
            border-radius:12px;
            z-index:2;
        }
        .report-img {
            width:100%;
            max-width:620px;
        }
        /* 移动端适配 */
        @media screen and (max-width:768px) {
            .adv-body {
                flex-direction:column;
            }
            .adv-head h2 {
                font-size:28px;
            }
            .adv-head p {
                font-size:17px;
            }
            .tip-tag {
                font-size:18px;
                padding:8px 22px;
            }
        }

.spsec4{ background: url(../images/sp51.jpg) no-repeat center center; }
.spsec4 .adv-head h2,.spsec4 .adv-head p{ color: #ffffff; }
.spsec4 .article-list{ width: 23%; }
.spsec4 .article-list:hover .wztxt{ background-color: #fd6833; color: #ffffff; }
.spsec4 .article-list:hover .wztxt span { background-position: -56px 0;  }

.step-wrap1 {
            padding:80px 0;
        }
       
        /* 12宫格网格布局 */
        .step-grid1 {
            display:grid;
            grid-template-columns: repeat(6, 1fr);
            border:1px solid #ddd;
        }
        .step-item1 {
            padding:45px 12px;
            text-align:center;
            border-right:1px dashed #ddd;
            border-bottom:1px dashed #ddd;
            cursor:pointer;
            transition: all 0.3s ease;
        }
        /* 每行最后一列取消右边框 */
        .step-item1:nth-child(6n) {
            border-right:none;
        }
        /* 最后一行取消下边框 */
        .step-item1:nth-child(n+7) {
            border-bottom:none;
        }
        /* 图标样式 */
        .step-icon1 {
            font-size:52px;
            color:#ff6622;
            margin-bottom:16px;
            transition:transform 0.3s;
        }
        .step-text1 {
            font-size:17px;
            color:#555;
        }
        /* hover交互 */
         .step-item1:hover .step-icon1 {
            transform:scale(1.15);
        }
        /* 响应式适配 */
        @media(max-width:1024px){
            .step-grid1 {
                grid-template-columns: repeat(3,1fr);
            }
            .step-item1:nth-child(6n) {
                border-right:1px dashed #ddd;
            }
            .step-item1:nth-child(3n) {
                border-right:none;
            }
            .step-item:nth-child(n+10) {
                border-bottom:none;
            }
        }
        @media(max-width:640px){
            .step-grid1 {
                grid-template-columns: repeat(2,1fr);
            }
            .step-item1 {
                padding:32px 8px;
            }
        }

.price-wrap {
            padding: 0 0 80px;
        }
        /* 套餐横向容器 */
        .price-box {
            display: flex;
            gap: 24px;
        }
        /* 单个套餐卡片 */
        .price-card {
            flex: 1;
            border: 1px solid #e8e9f3;
            border-radius: 10px;
            overflow: hidden;
            transition: all 0.32s ease;
            cursor: pointer;
        }
        /* hover上浮+阴影 */
        .price-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 12px 35px rgba(70,90,180,0.15);
        }
        /* 头部标题栏 */
        .card-top {
            padding: 22px 16px;
            text-align: center;
            color: #fff;
            position: relative;
        }
        /* 三款头部配色 */
        .card-top.base {
            background: linear-gradient(135deg,#7896e2,#93acec);
        }
        .card-top.stand {
            background: linear-gradient(135deg,#e6b468,#f2c97c);
        }
        .card-top.flag {
            background: linear-gradient(135deg,#424260,#5c5c80);
        }
        .card-top h3 {
            font-size:26px;
            margin-bottom:8px;
        }
        .card-top p {
            font-size:14px;
            opacity:0.92;
        }
        /* 价格区域 */
        .price-num {
            padding:22px 16px;
            text-align:center;
            border-bottom:1px solid #eee;
        }
        .price-num strong {
            font-size:36px;
            color:#222;
        }
        .price-num span {
            font-size:15px;
            color:#666;
            display:block;
            margin-top:6px;
        }
        /* 咨询按钮 */
        .btn-box {
            padding:16px;
            text-align:center;
        }
        .consult-btn {
            width:85%;
            padding:10px 0;
            border:none;
            border-radius:6px;
            color:#fff;
            font-size:16px;
            cursor:pointer;
            transition:opacity 0.3s;
        }
        .consult-btn.base {background:#7896e2;}
        .consult-btn.stand {background:#e6b468;}
        .consult-btn.flag {background:#424260;}
        .consult-btn:hover {opacity:0.82;}
        /* 服务列表 */
        .service-list1 {
            margin:16px 22px 30px;
            background:#f8f9fd;
        }
        .service-item1 {
            display:flex;
            justify-content:space-between;
            padding:7px 15px;
            font-size:15px;
            color:#444;
        }
        .yes-mark {
            color:#4873d9;
            font-weight:bold;
        }
        .none-mark {
            color:#bbb;
        }
        /* 响应式 */
        @media(max-width:900px){
            .price-box {
                flex-direction:column;
            }
        }
.spbanner-box {
            width: 100%; background: url(../images/sp7bg.jpg) no-repeat center center;
            padding: 45px 20px;
            position: relative;
            overflow: hidden;
        }
        /* 底色斜纹装饰 */
        .spbanner-box::before {
            content: "";
            position: absolute;
            top:0;
            left:0;
            width:100%;
            height:100%;
            background: linear-gradient(30deg, rgba(255,130,45,0.3) 0%,transparent 45%,transparent 55%,rgba(255,120,35,0.25) 100%);
            pointer-events:none;
        }
        .spbanner-inner {
            max-width: 1320px;
            margin:0 auto;
            display:flex;
            align-items:center;
            flex-wrap:wrap;
            gap:30px;
            justify-content:center;
            position:relative;
            z-index:2;
        }
        .sptext-wrap {
            flex:1;
            min-width:320px;
            text-align:center;
            position:relative;
        }
        
        /* 右侧双按钮 */
        .spbtn-group {
            display:flex;
            gap:0;
            flex-wrap:wrap;
            justify-content:center;
        }
        .spbtn-item {
            padding:20px 42px;
            font-size:24px;
            border:none;
            cursor:pointer;
            transition:all 0.3s ease;
            display:flex;
            align-items:center;
            gap:10px;
        }
        .btn-red {
            background:#e64f12;
            color:#fff;
        }
        .btn-white {
            background:#fff;
            color:#222;
        }
        /* hover交互 */
        .spbtn-item:hover {
            transform: translateY(-6px);
            box-shadow:0 10px 22px rgba(0,0,0,0.18);
        }
        /* 移动端适配 */
        @media(max-width:1100px){
            .top-text {
                font-size:32px;
            }
            .big-text {
                font-size:56px;
            }
            .spbtn-item {
                font-size:26px;
                padding:16px 30px;
            }
            .tip-tag {
                font-size:18px;
                padding:6px 12px;
                right:-60px;
            }
        }
        @media(max-width:620px){
            .spbanner-inner {
                flex-direction:column;
            }
            .top-text {
                font-size:24px;
            }
            .big-text {
                font-size:38px;
            }
            .tip-tag {
                position:relative;
                right:0;
                top:0;
                margin-left:12px;
            }
            .tip-tag::after {
                display:none;
            }
        }