/* .row>*{
      padding-left: 0 !important;
      padding-right: 0 !important;
    } */
    /* 幻灯片样式 */
        :root {
      --primary-color: #2c7be5;
      --secondary-color: #12263f;
      --accent-color: #0dcaf0;
      --text-color: #5e6e82;
      --light-bg: #f8f9fa;
      --border-color: #dee2e6;
      --shadow-sm: 0 0.125rem 0.25rem rgba(0,0,0,0.075);
      --shadow-md: 0 0.5rem 1rem rgba(0,0,0,0.15);
      --shadow-lg: 0 1rem 3rem rgba(0,0,0,0.175);
    }
    #heroCarousel{
      width: 100%;
      height: auto;
      overflow: hidden;
      background: url('./../image/banner.png');
      background-size: 100% 100%;
      background-repeat: no-repeat;
    }
    .carousel-indicators{
      z-index: 999;
    }
    #heroCarousel .carousel-indicators button{
      width: 20px;
    }
    #heroCarousel .carousel-indicators .active {
      background-color: #9ec5fe;
    }
    .cust-red{
      color: #A23739;
    }
    .cust-bule{
      color: #193882;
    }

    .custom-caption-item{
        height: 100%;
    }
   .text-primary-to-right{
    width: 100px;
    height: auto;
    margin-bottom: 20px;
   }
   .text-primary-img{
    width: 100%;
    height: auto;
    margin-bottom: 2rem;
   }
   .text-primary-gray{
    color: #585858;
   }
   .banner-item-box{
    padding: 30px 10px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: pointer;
   }
    .banner-item-box:hover {
      transform: translateY(-5px);
    }

   .banner-item-box img{
    height: 100px;
   }
  .banner-item-box span{
      font-size: 16px;
  }

  .cust-blue p{
    color: #193882;
  }
  .cust-blue{
      background: url('./../image/banner-item-active-bg1.png');
      background-size: 100% 100%;
      background-repeat: no-repeat;
  }
  .cust-red{
      background: url('./../image/banner-item-bg.png');
      background-size: 100% 100%;
      background-repeat: no-repeat;
   }
   .cust-red p{
      color: #A23739;
   }
/* 核心 */
.hx-cust-postion{
  position: relative;
}
.hx-cust-left{
  position: absolute;
  left: 0;
  z-index: -1;
  padding-right:7vw
}
.hx-nrborder{
  background: #F7FCFF;
  border-radius: 28px 28px 28px 28px;
  border: 1px solid #88A6EF;
  border-right: none;
}

/* section-customer */
.section-customer{
  width: 100%;
  height: auto;
  background: url('./../image/index/customer-bg.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: bottom;
  padding-bottom: 4vw;
}


/* section-services */
.section-services{
  width: 100%;
  height: auto;
  background: url('./../image/service.png');
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: bottom;
  padding-bottom: 4vw;
}
.comm-title img{
  width: 30px;
  height: auto;
}
.services-box{
  width: 100%;
  height: auto;
  background: rgba(255, 255, 255, 0.7);
}


.ct_item1{
  height: 241px;
  background: url(./../image/index/szh_1.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  color: #2068FF;
}
.ct_item2{
  height: 241px;
  background: url(./../image/index/szh2.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  color: #2790AB;
}
.ct_item3{
  height: 241px;
  background: url(./../image/index/szh3.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  color: #5239C2;
} 
.ct_item4{
  height: 241px;
  background: url(./../image/index/szh4.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  color: #CC623A;
}
.ct_item{
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: pointer;
}
.ct_item:hover{
      transform: translateY(-5px);
}

/* section-advantage */
.section-advantage{
  width: 100%;
  height: auto;
  background: #eaf4fb;
  padding-bottom: 4vw;
}
.advantage-title img{
  width: 30px;
  height: auto;
}
.advantage-box{
  width: 100%;
}


    /* Animation Classes */
    .animate-fade-in {
      animation: fadeIn 1s ease-in-out;
    }

    .animate-slide-up {
      animation: slideUp 1s ease-in-out;
    }

    @keyframes fadeIn {
      from { opacity: 0; }
      to { opacity: 1; }
    }

    @keyframes slideUp {
      from {
        transform: translateY(30px);
        opacity: 0;
      }
      to {
        transform: translateY(0);
        opacity: 1;
      }
    }

      
@media(min-width: 300px) and (max-width: 768px) {
 
.hx-cust-left{
  position: relative !important;
  padding-left: 20px !important;
  padding-right: 50px !important;
  margin-bottom: 20px !important;
}
}