/* 1.大标题 */
    .headline {
      background: url(/product-skin-new/assets/systems/banner-01.jpg) no-repeat;
      background-size: 100% 100%;
      height: auto;
      min-height: clamp(300px, 42vw, 700px);
      padding: clamp(20px, 3vw, 40px) clamp(20px, 12vw, 260px);
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      padding-top: clamp(40px, 6vw, 80px);
    }

    /* 安企神品牌渐变色 */
    .brand-gradient {
      background: linear-gradient(90deg, #045AFE 0%, #3048FF 50%, #359FFF 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }

    .headline .title {
      width: 70%;
    }

    .headline .btn-primary-custom {
      padding: 8px 20px;
      font-size: 16px;
      color: #FFFFFF;
      background: #045AFE;
      border-radius: 25px 25px 25px 25px;
      margin-top: 50px;
      display: inline-block;
    }
    .headline .btn-primary-custom .fa-arrow-right{
        display: inline-block;
    }
    @media (max-width: 1100px) {
      .headline .title {
        width: 75%;
      }

      .headline .title h1 {
        font-size: clamp(28px, 4vw, 42px);
        line-height: clamp(50px, 8vw, 100px);
      }

      .headline .title p {
        font-size: clamp(14px, 2vw, 18px);
        line-height: clamp(22px, 3vw, 30px);
      }
    }

    @media (max-width: 768px) {
      .headline .title {
        width: 100%;
      }

      .headline .title h1 {
        font-size: clamp(22px, 5vw, 28px);
        line-height: clamp(40px, 10vw, 50px);
      }

      .headline .title p {
        font-size: clamp(12px, 3vw, 14px);
        line-height: clamp(18px, 4vw, 22px);
      }
    }

    .headline .title h1 {
      font-weight: bold;
      font-size: clamp(28px, 4vw, 42px);
      color: #161C2D;
      line-height: 150px;
    }

    .headline .title p {
      font-weight: 400;
      font-size: 22px;
      color: #000000;
      line-height: 36px;
    }

    /* 2.产品描述 */
    .introduction {
      /* background: #F1F6FD; */
      padding: clamp(20px, 5vw, 70px) clamp(10px, 15vw, 260px);
    }

    .introduction .introduction-title {
      text-align: center;
      margin-bottom: clamp(21px, 3vw, 45px);
    }

    .introduction .introduction-title .title1 {
      font-size: clamp(24px, 2.8vw, 36px);
      font-weight: 600;
    }
    .introduction .introduction-title .title2 {
      font-size: clamp(12px, 1.2vw, 16px);
      font-weight: 400;
      color: #6B707A;
    }

    .introduction .introduction-content {
      width: 100%;
      min-height: 450px;
      background: url(/product-skin-new/assets/systems/introductionBg.png) no-repeat;
      background-size: 100% 100%;
      border-radius: 20px 20px 20px 20px;
      padding: 80px;
      padding-right: 50%;
    }

    .introduction .introduction-content .titl{
      font-size: 30px;
      font-weight: bold;
      color: #000000;
    }
    .introduction .introduction-content .info{
      font-weight: 400;
      font-size: 16px;
      color: #6B707A;
      margin-top: 40px;
    }

    /* 3.解决方案 */
    .solve {
      background: url(/product-skin-new/assets/systems/solvebg.png) no-repeat;
      background-size: 100% 100%;
      padding: clamp(20px, 5vw, 70px) clamp(10px, 15vw, 260px);
    }

    .solve .solve-title {
      text-align: center;
      margin-bottom: clamp(21px, 3vw, 45px);
    }

    .solve .solve-title .title1 {
      font-size: clamp(24px, 2.8vw, 36px);
      font-weight: 600;
    }
    .solve .solve-title .title2 {
      font-size: clamp(12px, 1.2vw, 16px);
      font-weight: 400;
      color: #6B707A;
    }

    .solve .solve-cards {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: clamp(16px, 2vw, 30px);
    }

    .solve .solve-cards .card-item {
      background: #FFFFFF;
      border-radius: 16px;
      padding: clamp(60px, 11vw, 150px) clamp(30px, 7vw, 180px) clamp(16px, 2vw, 30px) clamp(60px, 7vw, 150px);
      position: relative;
      display: flex;
      flex-direction: column;
      gap: clamp(6px, 0.8vw, 16px);
      text-align: center;
      min-height: 0;
    }

    .solve .solve-cards .card1 {
      background: url(/product-skin-new/assets/systems/solve-noChoose1.png) no-repeat;
      background-size: 100% 100%;
      transition: background-image 0.3s ease;
    }
    .solve .solve-cards .card1:hover {
      background: url(/product-skin-new/assets/systems/solve-choose1.png) no-repeat;
      background-size: 100% 100%;
    }
    .solve .solve-cards .card2 {
      background: url(/product-skin-new/assets/systems/solve-noChoose2.png) no-repeat;
      background-size: 100% 100%;
      transition: background-image 0.3s ease;
    }
    .solve .solve-cards .card2:hover {
      background: url(/product-skin-new/assets/systems/solve-choose2.png) no-repeat;
      background-size: 100% 100%;
    }
    .solve .solve-cards .card3 {
      background: url(/product-skin-new/assets/systems/solve-noChoose3.png) no-repeat;
      background-size: 100% 100%;
      transition: background-image 0.3s ease;
    }
    .solve .solve-cards .card3:hover {
      background: url(/product-skin-new/assets/systems/solve-choose3.png) no-repeat;
      background-size: 100% 100%;
    }
    .solve .solve-cards .card4 {
      background: url(/product-skin-new/assets/systems/solve-noChoose4.png) no-repeat;
      background-size: 100% 100%;
      transition: background-image 0.3s ease;
    }
    .solve .solve-cards .card4:hover {
      background: url(/product-skin-new/assets/systems/solve-choose4.png) no-repeat;
      background-size: 100% 100%;
    }

    .solve .solve-cards .card-item p{
      font-weight: bold;
      font-size: clamp(16px, 1.5vw, 22px);
      color: #161C2D;
      line-height: clamp(18px, 1.5vw, 22px);
    }

    .solve .solve-cards .card-item span{
      font-size: clamp(12px, 1.1vw, 16px);
      color: #6B707A;
      line-height: clamp(18px, 1.5vw, 22px);
    }

    @media (max-width: 768px) {
      .solve .solve-cards {
        grid-template-columns: 1fr;
        justify-items: center;
      }
      .solve .solve-cards .card-item {
        padding: clamp(45px, 11vw, 80px) clamp(20px, 8vw, 30px) clamp(12px, 2vw, 16px);
        max-width: 400px;
        width: 100%;
      }
    }

    /* 4.方案优势 */
    .plan {
      /* background: #F1F6FD; */
      padding: clamp(20px, 5vw, 70px) clamp(10px, 15vw, 260px);
    }

    .plan .plan-title {
      text-align: center;
      margin-bottom: clamp(21px, 3vw, 45px);
    }

    .plan .plan-title .title1 {
      font-size: clamp(24px, 2.8vw, 36px);
      font-weight: 600;
    }
    .plan .plan-title .title2 {
      font-size: clamp(12px, 1.2vw, 16px);
      font-weight: 400;
      color: #6B707A;
    }
    .plan .plan-info {
      display: flex;
      align-items: self-start;
      justify-content: center;
      gap: clamp(8px, 1.5vw, 20px);
      flex-wrap: wrap;
    }

    .plan .plan-info .card {
      flex: 1 1 22%;
      padding: 40px;
      padding-right: 15%;
    }

    @media (max-width: 1100px) {
      .plan .plan-info .card {
        flex: 1 1 45%;
        max-width: 340px;
        padding-right: 40px;
      }
    }

    @media (max-width: 640px) {
      .plan .plan-info .card {
        flex: 1 1 100%;
        max-width: 100%;
        padding-right: 40px;
      }
    }

    .plan .plan-info .card .plan-img {
      width: 120px;
    }
    .plan .plan-info .card1 {
      background: url(/product-skin-new/assets/systems/plan-bg1.png) no-repeat;
      background-size: 100% 100%;
    }

    .plan .plan-info .card2 {
      background: url(/product-skin-new/assets/systems/plan-bg2.png) no-repeat;
      background-size: 100% 100%;
    }

    .plan .plan-info .card3 {
      background: url(/product-skin-new/assets/systems/plan-bg3.png) no-repeat;
      background-size: 100% 100%;
    }

    .plan .plan-info .card p {
      font-weight: bold;
      font-size: 22px;
      color: #161C2D;
      line-height: 37px;
    }

    .plan .plan-info .card span {
      font-weight: 400;
      font-size: 16px;
      color: #6B707A;
      line-height: 22px;
    }

    /*5.banner */
    .banner {
      /* background: #F1F6FD; */
      padding: clamp(20px, 5vw, 70px) clamp(10px, 15vw, 260px);
    }
    .banner .info{
      display: flex;
      align-items: center;
      justify-content: space-between;
      background: url(/product-skin-new/assets/systems/banner.png) no-repeat;
      background-size: 100% 100%;
      padding: 70px 60px;
    }
    .banner .info .info-left p{
      font-weight: bold;
      font-size: 36px;
      color: #FFFFFF;
      line-height: 66px;
    }
    .banner .info .info-left span{
      font-weight: 400;
      font-size: 16px;
      color: #FFFFFF;
    }
    .banner .info .info-right .cta-btn {
      padding: clamp(6px, 1vw, 8px) clamp(16px, 2vw, 24px);
      font-size: clamp(12px, 1vw, 14px);
    }

    /* 底部行动栏响应式 */
    .cta-section {
      padding: clamp(20px, 3vw, 40px) clamp(12px, 3vw, 24px);
      background: url(../assets/home/footerBg.png) no-repeat;
      background-size: 100% 100%;
    }

    .cta-section h3 {
      font-size: clamp(16px, 2.5vw, 32px);
    }

    .cta-section p {
      font-size: clamp(12px, 1vw, 14px);
    }

    .cta-section .cta-btn {
      padding: clamp(6px, 1vw, 8px) clamp(16px, 2vw, 24px);
      font-size: clamp(12px, 1vw, 14px);
    }

    /* 页脚响应式 */
    .footer-section {
      padding: clamp(12px, 2vw, 24px);
    }

    .footer-section p {
      font-size: clamp(10px, 0.8vw, 12px);
    }