#navbarNav{
    justify-content:initial !important;
}
.nav-item {
    position: relative;
}

.nav-link {
    padding: 10px 15px;
    text-decoration: none;
    color: #000; /* 默认文字颜色 */
    transition: color 0.3s;
}

.nav-item.active .nav-link {
    color: chartreuse!important; /* 选中状态文字颜色 */
}

.nav-item:hover .nav-link {
    color: #007bff; /* 移入状态文字颜色 */
}

.nav-item::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px; /* 白线的高度 */
    background-color: #fff; /* 白线的颜色 */
    transform: scaleX(0);
    transition: transform 0.3s;
}

.nav-item:hover::after,
.nav-item.active::after {
    transform: scaleX(1);
}

.tisi{
    display: flex;
}
.tisi img{
    width:46px;height:46px;
}
.tisi p{
    color: #fff;
}
.dadiv{
	background: url(../images/bg.jpg);
    max-width: 100%;
    border: 2px solid #6b7580;
    border-radius: 15px;
}
.head-sm-height{

}
.lanj838-tab-left-description {
    position: relative; /* 为后续的相对定位做准备 */
}
/* .lanj838-tab-left-description:hover{
    background-color: #666; 
    color: #293038;
} */

.lanj838-tab-left-description {
    position: relative;
}

.zoomable {
    transition: transform 0.4s ease; /* 添加过渡效果 */
}


.icon {
    width: 24px; /* 设置图标的宽度 */
    height: 24px; /* 设置图标的高度 */
    margin-right: 10px; /* 图标与文本之间的间距 */
    transition: transform 0.3s ease; /* 平滑旋转过渡 */
}

/* 鼠标悬停时图标旋转 */
.lanj838-tab-left-description:hover .icon {
    transform: rotate(360deg); /* 旋转图标360度 */
}

.lanj838-tab-left-description {
    transition: background-color 0.3s, color 0.3s; /* 平滑过渡效果 */
}

/* 鼠标悬停时的样式 */
.lanj838-tab-left-description:hover {
    background-color: rgba(102, 102, 102, 0.2); /* 修改为透明度稍低的背景色 */
    color: #293038; /* 悬停时的字体颜色 */
}

/* 选中状态的样式 */
.lanj838-tab-left-description.selected {
    background-color: rgba(102, 102, 102, 0.5); /* 选中时的背景颜色（可更改） */
    color: #ffffff; /* 选中时的字体颜色 */
    border-left: 4px solid #ffcc00; /* 左侧线条样式，设置宽度和颜色 */
    padding-left: 8px; /* 调整左侧填充，确保文本与线条的间距 */
}


.divider {
    width: 100%; /* 横线全宽 */
    height: 1px; /* 横线的高度 */
    background-color: rgba(255, 255, 255, 0.2); /* 不明显的横线颜色，透明度设置为0.2 */
    margin: 5px 0; /* 横线与上下元素之间的间距 */
}
#scrollToTop {
    display: none; /* 默认情况下不显示按钮 */
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: #04FF20; /* 按钮背景色 */
    color: white; /* 按钮文本颜色 */
    border: none; /* 无边框 */
    border-radius: 5px; /* 圆角 */
    padding: 10px; /* 内边距 */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* 阴影效果 */
    z-index: 1000; /* 确保按钮在最上方 */
}

.p-3{
    border: 1px solid #6b7580;border-radius: 10px;margin-top:3.1%; left: 12%;
}
.col-lg-10{
    max-width: 60%!important;
    left: 12%;
}

/* 媒体查询，使得按钮在小于800px的屏幕上显示 */
@media (max-width: 800px) {
    #scrollToTop {
        display: block!important; /* 手机端显示 */
    }
    .p-3{
        left: 0;
    }
    .col-lg-10{
            max-width: 100%!important;
            left: 0%;
    }
    
}
/* 可选的响应式设计，如果需要在移动端改变样式 */
@media (max-width: 767px) {
    .divider {
        background-color: rgba(255, 255, 255, 0.1); /* 移动端不明显线条的颜色可稍微变淡 */
    }
    .zoomable{
        display: none;
    }
    #details-p{
       opacity: 0;
    }
}