.slideshow {
    object-fit: cover;
}

.navbar-nav .active{
    background-color:#0d6efd;
}

.navbar-nav .nav-item:hover{
    background-color:#5d99f1;
}

.navbar-nav .active a{
    color:#fff;
}

/* 侧边栏 start */
/* 侧边栏样式 */
.sidebar {
    background-color: #fff;
}

/* 侧边栏固定时的样式 */
.sidebar.fixed {
    position: sticky;
    top: 80px;
    z-index: 1020;
}
/* 侧边栏 end */

/* 图片翻转效果 start */
/* 容器样式 */
.flip-container {
    perspective: 1000px; /* 设置透视效果 */
    width: 100%; /* 可根据需要调整容器宽度 */
    max-width: 600px;
    margin: 0px auto;
    aspect-ratio: 3/2; /* 设置容器宽高比，可根据需要调整 */
    position: relative;
}

/* 翻转卡片样式 */
.flipper {
    transition: 0.6s;
    transform-style: preserve-3d;
    position: relative;
    width: 100%;
    height: 100%;
}

/* 正面和反面图片样式 */
.front,
.back {
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* 正面图片样式 */
.front {
    z-index: 2;
    transform: rotateY(0deg);
}

/* 反面图片样式 */
.back {
    transform: rotateY(180deg);
}

/* 图片自适应宽高 */
.front img,
.back img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* 图片覆盖容器，保持比例并裁剪 */
}

/* 鼠标悬停时翻转 */
.flip-container:hover .flipper {
    transform: rotateY(180deg);
}
/* 图片翻转效果 end */

/* 流程 start */
.service-flow {
    display: flex;
    align-items: center;
    justify-content: center;
}

.step {
    padding: 20px;
    margin: 20px;
    aspect-ratio: 1/1; 
    display: flex; 
    justify-content: center; 
    align-items: center;
}

.arrow {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #eb4a07;
}
/* 流程 end */

/* 垂直居中 */
.aligncenter {
    display: flex;
    align-items: center;
    ustify-content: center;
}