.case-container .casa-box {
    width: 100%;
    height: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
}

.case-container .case-item {
    position: relative;
}

.case-container .qrcode-box {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    background-color: rgba(0, 0, 0, .4);
    -webkit-backdrop-filter: blur(.26042rem);
    backdrop-filter: blur(.26042rem);
    padding: .34375rem .46875rem;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    opacity: 0;
    transition: opacity 1s ease;
}

.case-container .case-item:hover .qrcode-box {
    opacity: 1;
}

.control-detail-container .control-item {
    width: 100%;
    box-sizing: border-box;
    transition: all .5s ease;
}


.control-detail-container .control-item:hover, .control-item.active {
    cursor: pointer;
    box-shadow: var(--bs-box-shadow);
}

.control-detail-container .control-item:hover h5 {
    color: var(--bs-primary-text);
}

.control-detail-container .control-item p {
    margin-bottom: 0;
}

.control-detail-container .control-item:active .title {
    color: var(--bs-primary-text);
}

.header-banner-container {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%);
}

.resize-item {
    width: .05rem;
    -webkit-flex: 1;
    flex: 1;
    position: relative;
    cursor: pointer;
    transition: all .5s ease;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    background-position-x: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 0.4rem;
}


@media (min-width: 768px) {
    .resize-item {
        height: 240px;
    }

    .resize-item:hover {
        flex: 0 0 24rem;
        transition: all .4s ease;

    }

    .resize-container {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    /*.resize-item:hover::before {*/
    /*    content: "";*/
    /*    position: absolute;*/
    /*    left: -0.05rem;*/
    /*    right: -0.05rem;*/
    /*    border-radius: 0.4rem;*/
    /*    z-index: 0;*/
    /*    -webkit-backdrop-filter: blur(0.5rem);*/
    /*    backdrop-filter: blur(0.5rem);*/
    /*    height: 100%;*/
    /*    background: linear-gradient(0deg, rgba(136, 228, 248, .4) -.59%, #3884f5 71.38%, #2a77e5 125.67%);*/
    /*}*/
    .resize-box-desc {
        /*opacity: 0;*/
        color: #000;
    }
}

@media (max-width: 768px) {
    .resize-item:hover {
        transition: all .4s ease;
    }

    .resize-item {
        width: 100%;
        flex: auto;
        margin: 10px 0;

    }


}

.resize-item .resize-box-title, .resize-item .resize-box-desc {
    color: #fff !important;
}

.resize-item::before {
    content: "";
    position: absolute;
    left: -0.05rem;
    right: -0.05rem;
    border-radius: 0.4rem;
    z-index: 0;
    -webkit-backdrop-filter: blur(0.1rem);
    backdrop-filter: blur(0.1rem);
    height: 100%;
    background: linear-gradient(0deg, rgba(38, 109, 252, .0) 20.59%, rgba(38, 109, 252, .6), rgba(38, 109, 252, .8), rgba(38, 109, 252, .9));
}


.resize-item:hover .resize-box-desc {
    /*-webkit-animation: focus-box-animation .5s forwards;*/
    /*animation: focus-box-animation .5s forwards;*/
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
    color: #fff;
}

.resize-item:hover .resize-box-title {
    color: #fff;
    z-index: 1;
}


@-webkit-keyframes focus-box-animation {
    0% {
        opacity: 0;
        -webkit-transform: translateY(1.5rem);
        transform: translateY(1.5rem);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        color: #fff;
    }
}

.service-footer-container {
    background-image: linear-gradient(to top, #a3bded 0%, #6991c7 100%);;
}

@media (min-width: 768px) {
    .solution-container .nav .active {
        background: linear-gradient(90deg, rgba(20, 114, 255, .86) -39.08%, rgba(21, 115, 255, .1) 100%) !important;
    }

    .solution-container .solution-case, .solution-control, .solution-menu {
        height: 400px;
    }
}

@media (max-width: 768px) {
    .solution-container .nav .active {
        background: linear-gradient(180deg, rgba(20, 114, 255, .86) -39.08%, rgba(21, 115, 255, .1) 100%) !important;
    }

    .solution-container .solution-case, .solution-control, .solution-menu {
        height: max-content;
    }

}

.solution-container {
    background: url(https://commonresource-1252524126.cdn.xiaoeknow.com/image/m0w7ssdh01vr.png?imageMogr2/format/webp|imageMogr2/ignore-error/1);
    background-size: cover !important;
    background-position: center center !important;
}

.solution-container .nav-bg {
    background: rgba(57, 65, 76, .5);
}

.solution-container .solution-box {
    background: rgba(57, 65, 76, .3);
}

.solution-container .solution-item {
    border: 1px solid rgba(255, 255, 255, .2);
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}


.solution-container .solution-case-item {
    position: relative;
}

.solution-container .solution-case-item .qrcode-box {
    position: absolute;
    left: 12%;
    top: 10%;
    bottom: 0;
    right: 0;
    overflow: hidden;
    background-color: rgba(0, 0, 0, .7);
    -webkit-backdrop-filter: blur(.26rem);
    backdrop-filter: blur(.26rem);
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    opacity: 0;
    transition: opacity .6s ease;
    height: 75%;
    width: 75%;
}

.solution-container .solution-case-item:hover .qrcode-box {
    opacity: 1;
}

.swiper-control-container .active {

    box-shadow: 0 2px #1472ff inset;
}

.swiper-control-container .active h6 {
    color: var(--bs-primary-text);
}

.banner-container {
    width: 100%;
    /*background-image: url(https://s1.imagehub.cc/images/2024/11/21/6da76b3146271182f680c362af61fff1.png);*/
    background-image: url(/assets/img/tuzhi/5d29cb2353434417fbea5f63447b2317.jpg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
}

.animate-enter {
    transform-origin: bottom center;
    animation: enter-animation .7s cubic-bezier(.16, 1, .3, 1) forwards;
}


.banner-container .banner-title .h0 {
    /*color: #fff !important;*/
    color: #000 !important;
}

.banner-container .banner-desc {
    /*color: #757d8e;*/
    color: #000 !important;
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
}

.banner-btn {
    margin-top: 40px;
}

@keyframes enter-animation {
    0% {
        transform: scale(.95) translateY(40px);
        opacity: 0;
    }
    100% {
        transform: scale(1) translateY(0);
        opacity: 1;
    }
}


.profession-item{
        -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    overflow: hidden;
}
.profession-item:hover img {
    transform: scale(1.2);
    transition: all .5s;
}