/**
 * 轮播
 */
 .carousel-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.carousel-content .title {
    font-size: 4.5rem;
    font-weight: 600;
    color: #333333;
}

.carousel-content .content {
    font-size: 6.25rem;
    color: #333333;
    font-weight: bolder;
    background: linear-gradient(90deg, #2228D7 0%, #5080FF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.carousel-content .btn {
    font-weight: normal;
    margin-top: 3.125rem;
    width: 16.875rem;
    padding: 0;
    height: 5.875rem;
    line-height: 5.875rem;
    background: linear-gradient(107deg, #242CD9 0%, #4473FF 100%);
    border-radius: 3.25rem;
    font-size: 2.625rem;
    font-weight: 400;
    color: #FFFFFF;
}

.carousel-content .btn:hover {
    background: linear-gradient(107deg, #242CD9 0%, #4473FF 70%);
    transform: translateY(-0.3125rem);
}

.carousel-content .title-img {
    display: flex;
    justify-content: center;
    align-items: baseline;
    margin-bottom: 5.1875rem;
}

.carousel-content .title-img .title-1 {
    width: 14.125rem;
    margin-left: 3.9375rem;
    position: relative;
    animation: tiantiao1 0.5s ease-in 1 forwards,
        tiantiao2 0.4s ease-out 0.5s 1 forwards,
        tiantiao3 0.4s ease-in 0.7s 1 forwards,
        tiantiao2 0.2s ease-out 0.5s 1 forwards,
        tiantiao3 0.2s ease-in 0.7s 1 forwards,
        tiantiao4 0.15s ease-out 0.9s 1 forwards,
        tiantiao5 0.15s ease-in 1.05s 1 forwards,
        tiantiao4 0.1s ease-out 0.9s 1 forwards,
        tiantiao5 0.1s ease-in 1.05s 1 forwards,
        middle 2s ease-out 1.25s 1 forwards;
}

.carousel-content .title-img .title-2 {
    width: 3.75rem;
    margin-left: 1rem;
    margin-right: 1.625rem;
    bottom: 1.4375rem;
    position: relative;
    animation: tiantiao1 0.5s ease-in 1 forwards,
        tiantiao2 0.4s ease-out 0.5s 1 forwards,
        tiantiao3 0.4s ease-in 0.7s 1 forwards,
        tiantiao2 0.2s ease-out 0.5s 1 forwards,
        tiantiao3 0.2s ease-in 0.7s 1 forwards,
        tiantiao4 0.15s ease-out 0.9s 1 forwards,
        tiantiao5 0.15s ease-in 1.05s 1 forwards,
        tiantiao4 0.1s ease-out 0.9s 1 forwards,
        tiantiao5 0.1s ease-in 1.05s 1 forwards,
        middle 2s ease-out 1.25s 1 forwards;
}


.carousel-content .title-img .title-3 {
    width: 18.0625rem;
    position: relative;
    bottom: 1rem;
    position: relative;
    animation: tiantiao1 0.5s ease-in 1 forwards,
        tiantiao2 0.4s ease-out 0.5s 1 forwards,
        tiantiao3 0.4s ease-in 0.7s 1 forwards,
        tiantiao2 0.2s ease-out 0.5s 1 forwards,
        tiantiao3 0.2s ease-in 0.7s 1 forwards,
        tiantiao4 0.15s ease-out 0.9s 1 forwards,
        tiantiao5 0.15s ease-in 1.05s 1 forwards,
        tiantiao4 0.1s ease-out 0.9s 1 forwards,
        tiantiao5 0.1s ease-in 1.05s 1 forwards,
        middle 2s ease-out 1.25s 1 forwards;
}

.carousel-content .name-img .name-1 {
    width: 35.1875rem;
}

.carousel-content .desc {
    font-size: 3.125rem;
    font-weight: 300;
    margin-top: 2.625rem;
}

@media (min-width: 768px) {

    @keyframes tiantiao1 {
        0% {
            transform: translateY(-100px);
        }

        100% {
            transform: translateY(0);
        }
    }

    @keyframes tiantiao2 {
        0% {
            transform: translateY(0);
        }

        100% {
            transform: translateY(-50px);
        }
    }

    @keyframes tiantiao3 {
        0% {
            transform: translateY(-50px);
        }

        100% {
            transform: translateY(0);
        }
    }

    @keyframes tiantiao4 {
        0% {
            transform: translateY(0);
        }

        100% {
            transform: translateY(-25px);
        }
    }

    @keyframes tiantiao5 {
        0% {
            transform: translateY(-25px);
        }

        100% {
            transform: translateY(0);
        }
    }

    @keyframes middle {
        0% {
            transform: translateX(0);
        }

        100% {
            transform: translateX(0) scale(1.1);
        }
    }
}

@media (max-width: 1760px) {

    .carousel-content .title {
        font-size: calc(1rem + 2.5vw);
    }

    .carousel-content .content {
        font-size: calc(1.25rem + 2.5vw);
    }

    .carousel-content .btn {
        width: calc(13.25rem + 2.5vw);
        padding: 0;
        height: calc(2.5rem + 2.5vw);
        line-height: calc(2.5rem + 2.5vw);
        margin-top: calc(2.5vw);
        padding: 0;
        font-size: calc(0.5rem + 2vw);
    }

    .carousel-content .title-img .title-1 {
        width: 9rem;
    }

    .carousel-content .title-img .title-2 {
        width: 2.75rem;
    }

    .carousel-content .title-img .title-3 {
        width: 11rem;
    }

    .carousel-content .name-img .name-1 {
        width: 24rem;
    }

    .carousel-content .desc {
        font-size: 2rem;
    }
}

@media (max-width: 1399.98px) {
    .carousel-content .title-img {
        margin-bottom: 2rem;
    }

    .carousel-content .title-img .title-1 {
        width: 6rem;
        margin-left: 3rem;
    }

    .carousel-content .title-img .title-2 {
        width: 1.75rem;
        bottom: 0.5rem;
    }

    .carousel-content .title-img .title-3 {
        width: 7rem;
    }

    .carousel-content .name-img .name-1 {
        width: 16rem;
    }

    .carousel-content .desc {
        font-size: 1.6rem;
        margin-top: 1rem;
    }
}

@media (max-width: 1199.98px) {
    .carousel-content .title-img {
        margin-bottom: 2rem;
    }

    .carousel-content .title-img .title-1 {
        width: 6rem;
        margin-left: 3rem;
    }

    .carousel-content .title-img .title-2 {
        width: 1.75rem;
        bottom: 0.5rem;
    }

    .carousel-content .title-img .title-3 {
        width: 7rem;
        bottom: 0.5rem;
    }

    .carousel-content .name-img .name-1 {
        width: 16rem;
    }

    .carousel-content .desc {
        font-size: 1.6rem;
        margin-top: 1rem;
    }
}

@media (max-width: 767.98px) {
    .carousel-indicators {
        margin-bottom: 0;
    }

    .carousel-content .title {
        font-size: calc(1rem + 1.5vw);
    }

    .carousel-content .content {
        font-size: calc(1.25rem + 1.5vw);
    }

    .carousel-content .btn {
        width: calc(7.25rem + 2.5vw);
        height: calc(1.5rem + 2.5vw);
        line-height: calc(1.5rem + 2.5vw);
        margin-top: calc(2vw);
        padding: 0;
        font-size: calc(0.5rem + 1.5vw);
    }

    .carousel-content .title-img .title-1 {
        width: 3rem;
        margin-left: 1rem;
    }

    .carousel-content .title-img .title-2 {
        width: 1rem;
        bottom: 0.5rem;
    }

    .carousel-content .title-img .title-3 {
        width: 4rem;
        bottom: 0;
    }

    .carousel-content .name-img .name-1 {
        width: 16rem;
    }

    .carousel-content .desc {
        font-size: 1.4rem;
        margin-top: 0.5rem;
    }
}




/**
 * 应用
 */
.application {
    background-image: url(../images/index/application.png);
    background-size: 100% 100%;
    padding: calc(1rem + 2.5vw) 0;
}

.application .desc {
    color: #727D93;
}

.img-82 {
    width: calc(3.875rem + 0.9vw) !important;
}

.img-90 {
    width: 9rem !important;
}

.mt-100 {
    margin-top: calc(2rem + 2.5vw);
}

.application>.title {
    font-size: 2.25rem;
}

.application-hot .item .item-content {
    padding: 1.25rem;
    color: #fff;
    padding-bottom: calc(4rem + 2.5vw);
}

.application-hot .content {
    padding: calc(0.5rem + 0.6vw);
    background-color: #fff;
    border-bottom-left-radius: 1.125rem;
    border-bottom-right-radius: 1.125rem;
}

@media (max-width: 767.98px) {
    .img-82 {
        width: calc(2.875rem + 0.9vw) !important;
    }

    .img-90 {
        width: 6rem !important;
    }

    .mt-100 {
        margin-top: calc(1rem + 2.5vw);
    }
}

/**
 * 系统介绍
 */
.system {
    background-image: url(../images/index/system.png);
    background-size: 100% 100%;
    padding: calc(1rem + 2.5vw) 0;
}

.system .text {
    color: #7D8995;
}

.system img {
    width: 3.5rem;
    height: 3.75rem;
}

.system .box {
    background: rgba(3, 0, 47, 0.38);
    border-radius: 0.5rem;
    padding: 3rem 1rem;
    height: 100%;
}

.system .box text {
    color: #8E93AB;
}

/**
 * 客户端
 */
.client {
    background-image: url(../images/index/client.png);
    background-size: 100% 100%;
    padding: calc(1rem + 2.5vw) 0;
}

.client .text {
    color: #7D8995;
}

.client .accordion-style {
    width: 20%;
    height: 19.3125rem;
    background: #F1F4FF;
    border: 0.0625rem solid #FFFFFF;
    cursor: pointer;
    transition: all 1s;
}

.client .accordion-style.active,
.client .d-block .accordion-style {
    width: 40%;
    background: #2A7EFB;
    color: #fff;
    background-image: url(../images/index/client-list.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.client .d-block .accordion-style {
    width: 100%;
}

.accordion-style>img {
    height: 3.75rem;
}

.accordion-style .accordion_content img {
    width: 1.875rem;
    height: 1.875rem;
}

.accordion-style .accordion_title {
    font-size: 1.5rem;
    font-family: PingFang SC;
    font-weight: 600;
    line-height: 1.125rem;
    color: #FFFFFF;
    margin: 1.25rem 0 1.5rem;
}

.accordion-style .accordion_content .sm_line {
    width: 1.375rem;
    height: 0.1875rem;
    background-color: #fff;
}

.accordion-style .accordion_desc {
    width: 19.25rem;
    height: 2.875rem;
    font-size: 0.875rem;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 1.375rem;
    color: #FFFFFF;
    margin-top: 1.25rem;
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

.animate__zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

.animate__animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

/**
 * 关于我们
 */
.about {
    background-image: url(../images/index/about.png);
    background-size: 100% 100%;
    padding: calc(1rem + 2.5vw) 0;
}

.about .item {
    padding: 3.25rem 1rem;
    background-image: url(../images/index/about-item.png);
    background-size: 100% 100%;
    transition: all 1s;
}

.about .item.active {
    background-image: url(../images/index/about-item-active.png);
}
.about .item .button{
    width: 100%;
    padding: 0 2.25rem;
}
.about .item.active .button a {
    border: 0.0625rem solid #fff;
}

.about .item .button a:hover {
    background-color: #fff;
    color: #0d6efd;
}

/**
 * 行业类型
 */
.industry-type {
    background-image: url(../images/index/industry-type.png);
    background-size: 100% 100%;
    padding: calc(1rem + 2.5vw) 0;
}

.industry-type .text {
    color: #7D8995;
}

@media (min-width: 992px) {
    .industry-type .list {
        flex: 0 0 auto;
        width: calc(100% /5);
    }
}

/**
 * 精选案例
 */
.case {
    background-image: url(../images/index/case.png);
    background-size: 100% 100%;
    padding: calc(1rem + 2.5vw) 0;
}

.case-point {
    width: 0.625rem;
    height: 0.625rem;
    background: #8891A0;
    border-radius: 50%;
}

.case .text {
    color: #8891A0;
}

.case .item {
    display: inline-block;
    padding: 1.25rem;
    margin: 0;
    background: transparent;
    cursor: pointer;
    border: 0;
}

.case .item.Block {
    padding: 0;
    width: calc(50vw);
    height: calc(39.1vw);
    border-radius: calc(0.8rem + 0.3vw);
    overflow: hidden;
}

.case .flip-next::before,
.case .flip-prev::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0.4375rem;
    background: rgba(0, 0, 0, 0.6);
    border-radius: calc(0.8rem + 0.3vw);
    z-index: 1;
}

.case .item .case-content {
    background-color: #fff;
    padding: 2.0833vw 2.5vw;
}

.case .item .case-content .qrcode {
    width: 13.75vw;
    position: absolute;
    right: 2.25vw;
    top: -5.0833vw;
    box-shadow: none;
}

.case .item .case-content .title {
    width: 4.6667vw;
    box-shadow: none;
}

.case .item .case-content .info {
    font-size: 1.5vw;
}

@media (min-width: 1200px) {
    .case .content {
        text-align: left;
    }

    .case .content .content-list {
        align-items: unset;
    }

    .case .item.Block {
        padding: 0;
        width: 37.9375rem;
        height: 29.625rem;
        border-radius: 1.875rem;
    }

    .case .flip-next::before,
    .case .flip-prev::before {
        border-radius: 1.875rem;
    }

    .case .item .case-content {
        padding: 1.5625rem 1.875rem;
    }

    .case .item .case-content .qrcode {
        width: 10.3125rem;
        position: absolute;
        right: 1.6875rem;
        top: -3.8125rem;
        box-shadow: none;
    }

    .case .item .case-content .title {
        width: 3.5rem;
        box-shadow: none;
    }

    .case .item .case-content .info {
        font-size: 1.125rem;
    }
}

/**
 * 悬浮按钮
 */
.floating-btn {
    top: 50%;
    right: 1.4375rem;
    transform: translateY(-50%);
}

.floating-btn .online .online-btn {
    width: 4.0625rem;
    height: 12.375rem;
    background: #0C67F1;
    border-radius: 2.0625rem;
    box-shadow: 0rem 0.125rem 0.25rem 0rem rgba(0, 0, 0, 0.16);
}

.floating-btn .online .online-btn:hover {
    opacity: 0.85;
}

.floating-btn .online .online-btn img {
    width: 2.5rem;
}

.floating-btn .online .online-btn .btn-text {
    writing-mode: vertical-rl;
    letter-spacing: 0.5rem;
}

.floating-btn .online .online-content {
    position: absolute;
    right: 4.125rem;
    width: 21.5rem;
    opacity: 0;
    visibility: hidden;
    background: #FFFFFF;
    border-radius: 1rem;
    padding: 1.125rem 1.0625rem;
    transition: all 0.5s ease-out;
    box-shadow: 0rem 0.125rem 0.25rem 0rem rgba(0, 0, 0, 0.16);
}

.floating-btn .online .online-content.active {
    opacity: 1;
    visibility: visible;
    right: 5.375rem;
}

.floating-btn .online .online-content img {
    width: 8.375rem;
}

.floating-btn .online .online-content h6 img {
    width: 1.125rem;
}

.floating-btn .download {
    width: 4.25rem;
    height: 4.25rem;
    background: #F6F6F6;
    box-shadow: 0rem 0.125rem 0.25rem 0rem rgba(0, 0, 0, 0.16);
    border: 0.125rem solid #FFFFFF;
    border-radius: 50%;
    transition: all 0.3s ease-in-out;
    overflow: hidden;
}

.floating-btn .download:hover>div {
    background: linear-gradient(180deg, #93b9f4 0%, #fff 100%);
}

.floating-btn .download img {
    width: 1.875rem;
}

.floating-btn .top-back {
    width: 4.25rem;
    height: 4.25rem;
    background: #F6F6F6;
    border: 2px solid #FFFFFF;
    border-radius: 50%;
    display: none;
    box-shadow: 0rem 0.125rem 0.25rem 0rem rgba(0, 0, 0, 0.16);
    transition: all 0.3s ease-in-out;
    overflow: hidden;
}

.floating-btn .top-back:hover>div {
    background: linear-gradient(180deg, #93b9f4 0%, #fff 100%);
}

.floating-btn .top-back img {
    width: 1.25rem;
}

@media (max-width: 767.98px) {
    .floating-btn {
        right: .3125rem;
    }

    .floating-btn .online .online-btn {
        width: 3rem;
        height: 8.75rem;
        border-radius: 2.0625rem;
        gap: 0.625rem !important;
    }

    .floating-btn .online .online-btn img {
        width: 1.5rem;
    }

    .floating-btn .online .online-btn .btn-text {
        font-size: 0.75rem !important;
    }

    .floating-btn .download,
    .floating-btn .top-back {
        width: 3rem;
        height: 3rem;
    }

    .floating-btn .download .fs-12 {
        display: none;
    }

    .floating-btn .download img {
        width: 1.25rem;
    }

    .floating-btn .top-back img {
        width: 0.75rem;
    }

    .floating-btn .online .online-content.active {
        right: 3.75rem;
    }

    .floating-btn .online .online-content {
        right: 2.5rem;
        width: 19rem;
        padding: 0.75rem;
    }

    .floating-btn .online .online-content .gap-30 {
        gap: 0.625rem;
    }

    .floating-btn .online .online-content img {
        width: 6rem;
    }

    .floating-btn .online .online-content h6 {
        margin-bottom: 0;
    }

    .floating-btn .online .online-content h6 img {
        width: 0.75rem;
    }
}

/* 轮播 */
/* 指示器动画 begin*/
.carousel-indicators button {
    position: relative;
    width: 3.125rem !important;
    height: 0.25rem !important;
    border-radius: 0.5rem;
}

.carousel-indicators .active::before {
    content: "";
    position: absolute;
    background-color: #0d6efd;
    left: 0;
    top: 0;
    height: inherit;
    width: 0;
    animation: banner-active 5s linear infinite;
    border-radius: 0.5rem;
}

/* hover时指示器动画停止 */
.carousel-fade:hover .carousel-indicators .active::before {
    animation: none;
}

/* hover时指示器颜色 */
.carousel-fade:hover .carousel-indicators .active {
    background-color: #fff;
}

@keyframes banner-active {
    from {
        width: 0;
    }

    to {
        width: inherit;
    }
}

/* 指示器动画 end */