.feature {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 3rem;
    width: 3rem;
    font-size: 1.5rem;
}



.collapse li.active a {
    color: #FFFFFF;
    background-color: transparent ;
}

@media (min-width: 992px) {
    .collapse li a {
        box-sizing: border-box;
        white-space: nowrap;
        overflow: hidden;
        padding: 5px 25px 5px !important;
        padding-top: 5px !important;
        padding-right: 25px !important;
        padding-bottom: 5px !important;
        padding-left: 25px !important;
        transition: padding 0.3s ease;
        /* 使用过渡效果，0.3秒的持续时间，ease 缓动函数可以根据需要调整 */
    }
}


.icon-container {
    right: 15px;
    bottom: 20px;
    margin-bottom: 0;
    position: fixed;
    display: inline-block;
    cursor: pointer;
}

.icon {
    font-size: 50px;
}

.image-popup {
    min-width: 150px; 
    min-height: 40px; 
    display: flex; 
    align-items: center; 
    justify-content: center;
    background-color: #1C9C69;
    color:white;

    /* display: none;
    position: absolute;
    top: 50%; 
    left: 0%; 
    transform: translate(-100%, -50%); 
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    z-index: 10;  */

    max-width: 150px; 
    max-height: 150px; 
    display: none;
    position: absolute;
    bottom: 0;
    left: 0%;
    transform: translate(-100%, 0%); 
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);

}

.image-popup img{
    max-width: 100%; 
    max-height: 100%; 
}

.tel:hover .image-popup {
    display: block;
}

.weixin:hover .image-popup {
    display: block;
}

.tencent:hover .image-popup {
    display: block;
}

.service-container{
    position: relative;
    margin-top: 4px;
    margin-bottom: 4px;
}

.service-button {
    background-color: #3AC78F;
    right: 0px;
    z-index: 9999;
    width: 40px;
    height: 40px;
    position: relative;
    cursor: pointer;
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    -ms-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
    overflow: auto;
    color: #fff;
    text-align: center;
    font-size: 25px;
    transition: background-color 0.1s ease-in-out;
}

.service-button:hover{
    background-color: #1C9C69;
}

.scroll-top {
    background-color: #3AC78F;
    right: 0px;
    z-index: 9999;
    width: 40px;
    height: 40px;
    position: relative;
    bottom: 100px;
    cursor: pointer;
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    -ms-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
    overflow: auto;
    color: #fff;
    text-align: center;
    font-size: 25px;
    visibility: hidden;
    opacity: 0;
    transition: background-color 0.1s ease-in-out;
}

.scroll-top:hover{
    background-color: #1C9C69;
}

.scroll-bottom {
    background-color: #3AC78F;
    z-index: 998;
    width: 40px;
    height: 40px;
    position: relative;
    top: 100px;
    right: 0px;
    cursor: pointer;
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    -ms-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
    overflow: auto;
    color: #fff;
    text-align: center;
    font-size: 25px;
    visibility: hidden;
    opacity: 0;
    transition: background-color 0.1s ease-in-out;
}

.scroll-bottom:hover{
    background-color: #1C9C69;
}

.scroll-top i {
    width: 40px;
    height: 40px;
    line-height: 40px;
}

.scroll-bottom i {
    width: 40px;
    height: 40px;
    line-height: 40px;
}

.breadcrumb a {
    text-decoration: none;
    color: #1E1E1E;
    transition: all 0.3s ease;
}

.breadcrumb a:hover {
    color: #1C9C69;
}

.breadcrumb li {
    text-decoration: none;
    color: #8e8e8e;
    transition: all 0.3s ease;
}

#breadcrumb {
    border-bottom: dotted 1px #000000;
}

#footer-link a {
    text-decoration: none;
    color: rgba(255, 255, 255, 0.8);
    transition: all 0.3s ease;
}

#footer-link a:hover {
    color: rgba(255, 255, 255);
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    filter: invert(100%);
}

/* 可选：如果需要更改箭头的大小，可以调整 font-size */
.carousel-control-prev,
.carousel-control-next {
    font-size: 3rem;
    /* 自定义大小 */
}

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center;

}

.carousel-indicators [data-bs-target] {
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: #AAA;
    /* 圆点颜色 */
    border-radius: 50%;
    /* 圆点形状 */
    margin: 0 5px;
    /* 圆点间距 */
    cursor: pointer;
    transition: background-color 0.6s ease;
    /* 添加过渡效果 */
}

.carousel-indicators button.active {
    background-color: #FFFFFF;
    /* 活动圆点颜色 */
}

#nav .nav-item.active {
    border-radius: 3px;
    background: #6D6D6D88;
}


.nav-item {
    position: relative;
}

.nav-item .subnav {
    position: absolute;
    top:50%;
    padding: 10px 0 0 0;
    border: 2px solid #666666;
    border-top: 2px solid #1C9C69;
    z-index: 9999;
    opacity: 0;
    transition: all .3s ease 0s;
    visibility: hidden;
    transform: translate3d(0, 10px, 0);
}

@media (min-width: 992px) {
    .nav-item:hover .subnav {
        opacity: 1;

        visibility: visible;
    }
}

.subnav li {
    text-align: center;
}

.subnav a {
    text-align: start;
    padding: 0px !important;
    display: block;
    width: 100%;
    padding: 3px;
    color: #ffffff8c;
    background-color: transparent;
    /* 初始背景颜色 */
    transition: background-color .3s ease 0s !important;
}

.subnav a:hover {
    border-radius: 3px;
    background-color: #6D6D6D88 !important;
}

li {
    list-style-type: none;
    padding: 0;
}

html, body {
    height: 100%;
    margin: 0;
}

.animated-element {
    opacity: 0;
}

.banner{
    background: #212529;
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
}
.banner-img{
    
    width: 100%;
    /* max-height: 25vw; */
}

.link-black{
    color: #000000;
    transition: color .3s ease 0s !important;
}

.link-black:hover{
    color: #3AC78F;
}

.btn-jiayi{
    --bs-btn-padding-y: 0.4rem;
    --bs-btn-padding-x: 0.75rem;
    --bs-btn-font-size: 0.875rem;


    --bs-btn-color: #fff;
    --bs-btn-bg: #3AC78F;
    --bs-btn-border-color: #3AC78F;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #1C9C69;
    --bs-btn-hover-border-color: #1C9C69;
    --bs-btn-focus-shadow-rgb: 66, 70, 73;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #1C9C69;
    --bs-btn-active-border-color: #373b3e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #3AC78F;
    --bs-btn-disabled-border-color: #3AC78F;

    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;

}

.btn-outline-jiayi{
    --bs-btn-padding-y: 0.4rem;
    --bs-btn-padding-x: 0.75rem;
    --bs-btn-font-size: 0.875rem;
    --bs-btn-border-radius: var(--bs-border-radius-sm);
    --bs-btn-font-family: ;
    --bs-btn-font-weight: 400;
    --bs-btn-line-height: 1.5;
    --bs-btn-bg: transparent;
    --bs-btn-border-width: var(--bs-border-width);
    --bs-btn-border-radius: var(--bs-border-radius);
    --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),0 1px 1px rgba(0, 0, 0, 0.075);
    --bs-btn-disabled-opacity: 0.65;
    --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
    display: inline-block;
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    font-family: var(--bs-btn-font-family);
    font-size: var(--bs-btn-font-size);
    font-weight: var(--bs-btn-font-weight);
    line-height: var(--bs-btn-line-height);
    color: var(--bs-btn-color);
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
    border-radius: var(--bs-btn-border-radius);
    background-color: var(--bs-btn-bg);
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;

    --bs-btn-color: #3AC78F;
    --bs-btn-border-color: #3AC78F;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #3AC78F;
    --bs-btn-hover-border-color: #3AC78F;
    --bs-btn-focus-shadow-rgb: 108,117,125;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #3AC78F;
    --bs-btn-active-border-color: #3AC78F;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #3AC78F;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #3AC78F;
    --bs-gradient: none;
}

.bg-us{
    background-color: #3AC78F;
}

.nav-font a{
    color: #EBEBEB !important;
}

.title{
    font-size: 2rem;
}
.title-eng{
    font-size: 1.5rem;
}

.bg-jiayi{
    background-color: #303133;
}