body {
    overflow-x: hidden;
}
:root{
    --cus-primary: #BE1C1C;

}
.base-color{
    color:var(--cus-primary) !important;
}
.base-bg-color{
    background-color:var(--cus-primary) !important;
}
.swiper-slide-image{
    /*height:100%;*/
    width: 100%;
    object-fit: cover;
}
/* 大屏幕（默认）高度类似 300px */
.responsive-height-img {
    max-height: 300px; /* 替代固定 height，允许图片根据宽度自动调整 */
}
a{
    text-decoration: none !important;
    color: black;
}
.Company_Profile{
    /*background-image:  url('/uploadfile/202509/bg1.png');*/
    background-color: #BE1C1C35;
}
/* === Background Utilities (Missing in Bootstrap 5.3) === */
/*用于补全bootstrap样式名，并不是原文件缺少*/
/* Background Size */
.bg-cover    { background-size: cover !important; }
.bg-contain  { background-size: contain !important; }
.bg-fill     { background-size: 100% 100% !important; }

/* Background Repeat */
.bg-repeat       { background-repeat: repeat !important; }
.bg-no-repeat    { background-repeat: no-repeat !important; }
.bg-repeat-x     { background-repeat: repeat-x !important; }
.bg-repeat-y     { background-repeat: repeat-y !important; }

/* Background Position */
.bg-center   { background-position: center !important; }
.bg-top      { background-position: top !important; }
.bg-bottom   { background-position: bottom !important; }
.bg-left     { background-position: left !important; }
.bg-right    { background-position: right !important; }

.base-image{
    max-width: 100%;
    height: auto;
    background-repeat: no-repeat !important;
    background-position: center !important;
    object-fit: contain;
}

.w-80 {
    width: 80% !important;
}
.services-title {
    color: #5363df;
    font-size: 6rem;
}
.text-orange{
    color: #e7862a;
}
.big-title{
    font-size: 5rem;
    letter-spacing: .625rem;

}
.big-banner{
    height: 31rem
}
.services-title:after {
    content: "";
    position: absolute;
    width: 40%; /* 横线宽度 */
    height: 0.25rem; /* 横线高度 */
    left: 50%; /* 水平居中 */
    transform: translateX(-50%); /* 精准居中 */
    background-color: #acb2e2; /* 颜色 */
    bottom: -1.25rem; /* 与标题的距离 */
    opacity: 0.5; /* 透明度 */
}
@media (min-width: 1400px) {
    .container-xxl {
        max-width: 1600px;
    }
}
@media (max-width: 768px) {
    .big-title{
        font-size: 2.5rem;
    }
    .big-banner{
        height: 12.5rem
    }

    .swiper-slide {
        height: 23.75rem !important;
    }
    .responsive-height-img {
        max-height: 200px; /* 平板高度缩小 */
    }
    .services-title{
        font-size: 3rem;
    }

}

@media (max-width: 480px) {
    .swiper-slide {
        height: 18.75rem !important;
    }
    .responsive-height-img {
        max-height: 150px; /* 手机高度进一步缩小 */
    }

}