@charset "UTF-8";
#index{margin-top: -76px;}
#index .indexbanner{position: relative;overflow:hidden;}

.line{background-image: linear-gradient(253deg, #598ceb, #6675f5, #393ef5);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.indexbanner .swiper-slide{overflow: hidden;padding:0px 2rem;}
.line121{text-align: center;line-height: 1.5t;}
.indexbanner .activity-banner-video {height: 100%;left: calc(50% - 128rem);position: absolute;width: 256rem;z-index: 1;}
.indexbanner .activity-banner-video video {display: block;height: 100%;-o-object-fit: cover;object-fit: cover;width: 100%;}
.indexbanner .activity-banner-video img{width:100%;}

.indexbanner .activity-banner-video.mb{height: 100%;left:unset;width: 100%;z-index: 1;margin:0rem -2rem;}




.indexbanner .activity-banner-content{margin:0 auto;width: 100%;position: relative;z-index: 2;max-width: 1600rem;display: flex;flex-direction: column;justify-content: center;padding:27.5rem 0rem 22.5rem 0rem}




.activity-banner-context p{padding:0.8rem 0;position: relative;}
.activity-banner-context p span::after {
    position: absolute;
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 345 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M344.366 0.00527191C231.51 16.2892 117.803 18.0623 5.82257 7.9456C3.59842 7.74418 0.292572 9.4891 0.0174561 12.1809C-0.260559 14.9221 2.83823 17.0748 5.06818 17.301C117.89 28.79 231.159 22.6085 344.545 1.4609C345.266 1.32606 345.074 -0.0971813 344.366 0.00527191Z' fill='url(%23banner)'%3E%3C/path%3E%3Cdefs%3E%3ClinearGradient id='banner' x1='0' y1='0' x2='1' y2='0' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%233638f5'%3E%3C/stop%3E%3Cstop offset='0.33' stop-color='%236fb9f9'%3E%3C/stop%3E%3Cstop offset='0.66' stop-color='%23e854ff'%3E%3C/stop%3E%3Cstop offset='1' stop-color='%23e854ff'%3E%3C/stop%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    width: 20rem;
    height: 3rem;
    border-radius: 50%;
    bottom: 0rem;
    left: 8rem;
    z-index: -1;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
  animation: title-animation 8s infinite
}

@keyframes title-animation {
    0% {
        width: 0
    }

    15% {
        width: 18%
    }

    25% {
        opacity: 1
    }

    85% {
        width: 18%;
        opacity: 0
    }

    to {
        width: 0;
        opacity: 0
    }
}
.activity-banner-pre{font-size: 2.8rem;font-weight: 600}
.activity-banner-title{font-size: 4.4rem;font-weight: 600}
.activity-banner-subtitle{font-size: 1.8rem;}
.activity-banner-button-container a{margin: 3rem 0rem;line-height:4rem;text-align: center;
    display: inline-flex;
    align-items: center;
    transition: all .3s ease-out;
    padding: 2rem 4rem;
    height: min(2.8rem, 4.2rem);
    color: #0b0b0b;
    border-radius: 3rem;
    background: #ffffff3d;
        border: 0.1rem solid #312d2d78;
    backdrop-filter: blur(6px);}
.activity-banner-beancurd{display: grid;grid-template-columns: repeat(4, 1fr);border-radius: 1rem;background: rgb(255 255 255 / 23%);box-shadow: 0 0.4rem 1.6rem 0 transparent;border: 0.1rem solid rgb(255 255 255 / 41%);position: absolute; bottom: 5rem;width: 100%;}
.activity-banner-beancurd-item{display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 1.6rem 1rem;border-image: linear-gradient(180deg, rgba(9, 18, 33, 0), rgba(9, 18, 33, .12) 25%, rgba(9, 18, 33, .12) 50%, rgba(9, 18, 33, 0)) 1;border-right: 0.1rem solid #000;gap: 0.5rem;}
.activity-banner-beancurd-item:last-child {border-right: none;}
.activity-banner-beancurd-item p{text-align: center;line-height: 1.5}
.activity-banner-beancurd-item p.s1{font-size: 2rem;font-weight:600;}
.activity-banner-beancurd-item p.s1 .line{line-height: 1;font-size: 2.8rem;}
.activity-banner-beancurd-item:hover {background-repeat: no-repeat;background-size: cover;border-radius: 1.2rem;-webkit-box-shadow: 0 0.4rem 1.6rem 0 rgba(0,0,0,.12);
box-shadow: 0 0.4rem 1.6rem 0 rgba(0,0,0,.12);-webkit-transition: all .3s;transition: all .3s;background: linear-gradient(90deg, #acceff21, #cfe1ff 47.12%, #005eff5c);}

/* .activity-banner-context p{padding:8px 0;}
.activity-banner-pre{font-size: 2.8rem;font-weight: 600}
.activity-banner-title{font-size: 44px;font-weight: 600}
.activity-banner-title span{font-size: 44px;}
.activity-banner-subtitle{font-size: 1.8rem;}
.activity-banner-button-container a{font-size: 1.4rem;
    line-height: 4rem;
    text-align: center;
    margin: 3rem 0rem;
    display: inline-flex;
    align-items: center;
    transition: all .3s ease-out;
    padding: 0 2rem;
    height: min(2.8rem, 42PX);
    color: #0b0b0b;
    border-radius: min(1.5rem);
    background: #ffffff3d;
        border: 0.1rem solid #312d2d78;
    backdrop-filter: blur(6px);}
.activity-banner-beancurd{display: grid;grid-template-columns: repeat(4, 1fr);border-radius: 1rem;background: rgb(255 255 255 / 23%);box-shadow: 0 4px 1.6rem 0 transparent;border: 0.1rem solid rgb(255 255 255 / 41%);}
.activity-banner-beancurd-item{display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 1.6rem 1rem;border-image: linear-gradient(180deg, rgba(9, 18, 33, 0), rgba(9, 18, 33, .12) 25%, rgba(9, 18, 33, .12) 50%, rgba(9, 18, 33, 0)) 1;border-right: 0.1rem solid #000;gap: 0.5rem;}
.activity-banner-beancurd-item:last-child {border-right: none;}
.activity-banner-beancurd-item p{text-align: center;line-height: 1.5}
.activity-banner-beancurd-item p.s1{font-size: 2rem;font-weight:600;}
.activity-banner-beancurd-item p.s1 .line{line-height: 1;font-size: 2.8rem;}
.activity-banner-beancurd-item:hover {background-repeat: no-repeat;background-size: cover;border-radius: 1.2rem;-webkit-box-shadow: 0 4px 1.6rem 0 rgba(0,0,0,.12);
box-shadow: 0 4px 1.6rem 0 rgba(0,0,0,.12);-webkit-transition: all .3s;transition: all .3s;background: linear-gradient(90deg, #acceff21, #cfe1ff 47.12%, #005eff5c);}*/


/* 分页器容器 */
        .swiper-pagination {
            /* 调整分页器位置 */
            bottom: 2rem !important;
        }

        /* 单个分页指示器（进度条样式） */
        .swiper-pagination-bullet {
            /* 改成进度条形状，而非默认圆点 */
            width: 0.8rem;
            height:0.8rem;
            border-radius: 0.8rem;
            display: inline-block;
            background: #e0e0e0; /* 未激活背景 */
            opacity: 1; /* 取消默认透明度 */
            margin: 0 0.5rem !important; /* 调整间距 */
        }

        /* 激活的分页器：播放动画 */
        .swiper-pagination-bullet-active {
          position: relative;
            width: 3.2rem;
            height: 0.8rem;
            border-radius:0.3rem;
            /* 核心：填充动画的背景设置 */
            background: linear-gradient(to right, #409eff, #409eff) no-repeat;
            background-size: 0% 100%; /* 初始填充0% */
            /* 动画：5秒线性填充，默认暂停 */
            animation: fillFromLeft 4s linear forwards paused;
            animation-play-state: running; /* 激活时播放动画 */
        }

.swiper-pagination-bullet-active:after{display:block;position: absolute;background-color: #e0e0e0;top:0;left:0;content:"";width: 3.2rem;height: 0.8rem;z-index: -1;border-radius:0.3rem;}



        /* 定义填充动画 */
        @keyframes fillFromLeft {
            0% {
                background-size: 0% 100%;
            }
            100% {
                background-size: 100% 100%;
            }
        }


        /* .swiper-pagination-bullet {
            width: 2rem;
            height: 2rem;
            border-radius: 50%;
            background: #e0e0e0;
            opacity: 1;
            margin: 0 0.5rem !important;
            background: linear-gradient(to right, #409eff, #409eff) no-repeat;
            background-size: 0% 100%;
            animation: fillFromLeft 5s linear forwards paused;
        } */






#index .section1{padding:8rem 0rem 4rem 0rem;background: url(../images/banner_bg_img.png) center / 100% 100% no-repeat;}
#index .section1 .btn-s11{font-weight: 600;font-size:1.8rem;padding:2rem 0rem 0rem 0rem;gap: 0.8rem;}
#index .section1 .sc-mainbox .container{display:grid;gap:2.4rem;grid-template-columns: repeat(3, 1fr);padding:3rem 0rem;}
#index .section1 .sc-mainbox .cards{display: flex;flex-direction: column;gap:2rem;}
#index .section1 .sc-mainbox .card{background: #fff;border-radius: 2rem;padding: 3rem;display: flex;flex-direction: column;gap:1rem;border:1px solid rgba(9, 18, 33, 0.06);transition: all .5s ease;}
#index .section1 .sc-mainbox .card1{background:linear-gradient(90deg, #464ef500, #efaff200, #9946f114);position:relative;}
#index .section1 .sc-mainbox .card2{background:linear-gradient(320deg, #464ef500, #efaff200, #0c0feb17);position:relative;padding-right:30%;}
@keyframes shadowPulse {0% {/* 初始状态：无阴影 */ box-shadow: 0rem 0rem 0rem 0rem #ac61ffa3;}50% {/* 扩散到目标阴影大小（你原本的样式） */ box-shadow: 0rem 0rem 1.2rem 0.8rem #ac61ffa3;}100% { /* 回收回无阴影，形成“扩散→回收”循环 */box-shadow: 0rem 0rem 0rem 0rem #ac61ffa3;}}
#index .section1 .sc-mainbox .card3{position:relative;background:url(../images/bmpbg1.png) center / 100% 100% no-repeat;background-repeat: no-repeat;background-size: cover;color: #fff;transition: all 0.8s ease;box-shadow: 0rem 0rem 0rem 0rem transparent;border: 0.1rem solid #ac61ff;    padding: 3rem 3rem 2rem 3rem;}
#index .section1 .sc-mainbox .card3.shadow:hover {/* 5s总时长（扩散2.5s+回收2.5s），ease保证全程慢进慢出 */animation: shadowPulse 5s ease infinite;/* 取消动画延迟，确保hover瞬间启动且无卡顿 */
animation-delay: 0s;}
#index .section1 .sc-mainbox .card4{background:linear-gradient(rgb(224, 235, 255) 0%, rgb(243, 248, 255) 60%);position:relative;}
#index .section1 .sc-mainbox .card5{background:#ffffffb0;position:relative;padding: 3rem 20rem 3rem 3rem;}
#index .section1 .sc-mainbox .card5 .infobox{display:flex;justify-content:space-between;width:100%}
#index .section1 .sc-mainbox .card5 .infobox .info{width:60%;display: flex;flex-direction: column;gap:2rem;}
#index .section1 .sc-mainbox .card1 .img-container{height: 36rem;position: absolute;bottom: 2rem;left:0rem;text-align:center;width:100%}
#index .section1 .sc-mainbox .card2 .img-container{width:30%;position: absolute;right:0rem;bottom:0rem;}
#index .section1 .sc-mainbox .card3 .img-container{height: 20rem;}
#index .section1 .sc-mainbox .card3 .sec-star {position: absolute;top: 1rem;right: 3rem;z-index: 1;width: 15%;}
#index .section1 .sc-mainbox .card4 .img-container{height: 19rem;}
#index .section1 .sc-mainbox .card5 .img-container{width:40%;position: absolute;right:0rem;}
#index .section1 .sc-mainbox .card .tit{font-size:2.4rem;font-weight: 600;}
#index .section1 .sc-mainbox .card .desc{font-size:1.5rem;}
#index .section1 .sc-mainbox .card .desc1{font-size:1.4rem;color:#ffffff; }
#index .section1 .sc-mainbox .card .desc2{font-size:1.5rem;color:#ffffff; }
#index .section1 .sc-mainbox .card .advan{display: flex;align-items: center;gap:0.5rem;}
#index .section1 .sc-mainbox .card .advan label{background-color: #0d29dc17;display:flex;align-items:center;}
#index .section1 .sc-mainbox .card .advan label i{height:1.2rem;line-height: 1.2rem;font-size: 1.2rem}

#index .section1 .sc-mainbox .card .advan label:hover i{color:#3638f5}
#index .section1 .sc-mainbox .card3 .advan label:hover i{color:#e3d2ec}        
    


 .hero-7-circle-wrapper {
                            position: relative;
                            height: 22rem;
                            overflow: hidden;
                        }

                        .hero-7-circle-wrapper .hero-7-radar {
                            position: absolute;
                            inset-block-start: 50%;
                            inset-inline-start: 50%;
                            transform: translate(-50%, -50%);
                            width: 300rem;
                            height: 300rem;
                            border-radius: 50%;
                            overflow: hidden;
                            z-index: 1;
                        }

                        @media (min-width: 576px) {
                            .hero-7-circle-wrapper .hero-7-radar {
                                width: 22rem;
                                height: 22rem;
                            }
                        }

                        .hero-7-circle-wrapper .hero-7-radar::before {
                            position: absolute;
                            content: "";
                            inset-block-start: 0;
                            inset-inline-start: 0;
                            background: linear-gradient(247deg, #5C2BFF -50.02%, rgba(92, 43, 255, 0) 54.9%);
                            -webkit-clip-path: polygon(0 0, 50% 50%, 100% 0);
                            clip-path: polygon(0 0, 50% 50%, 100% 0);
                            width: 100%;
                            height: 100%;
                            animation: radar 5s infinite linear;
                        }

                        .hero-7-circle-wrapper .hero-7-radar .animated-text-wrapper {
                            display: flex;
                            justify-content: center;
                            position: relative;
                            z-index: 9;
                            margin-top: 2.375rem;
                        }

                        .hero-7-circle-wrapper .hero-7-radar .animated-text-wrapper {
                            display: flex;
                            justify-content: center;
                            position: relative;
                            z-index: 9;
                            margin-top: 2.375rem;
                        }

                        .hero-7-circle-wrapper .hero-7-radar .animated-text-wrapper .cd-headline {
                            border-radius: 0.8rem;
                            background: rgba(86, 26, 255, 0.12);
                            font-size: 0.75rem;
                            font-weight: 700;
                            color: hsl(var(--white));
                            padding-block: 0.25rem;
                            padding-inline: 1rem;
                        }

                        .hero-7-circle-wrapper .hero-7-logo-wrapper {
                            position: absolute;
                            inset-block-start: 50%;
                            inset-inline-start: 50%;
                            transform: translate(-50%, -50%);
                            width: 10.6rem;
                            height: 10.6rem;
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            z-index: 1
                        }

                        .hero-7-circle-wrapper .hero-7-logo-wrapper::before {
                            position: absolute;
                            content: "";
                            inset-block-start: 0;
                            inset-inline-start: 0;
                            width: 100%;
                            height: 100%;
                                border-radius: 3.5rem;
    background: #5c2bffa8;
                            z-index: -1;
                        }

                        .hero-7-circle-wrapper .hero-7-logo-wrapper::after {
                            position: absolute;
                            content: "";
                            inset-block-start: 50%;
                            inset-inline-start: 50%;
                            transform: translate(-50%, -50%);
                            width: 7.2rem;
                            height: 7.2rem;
                            border-radius: 2.8rem;
                            background: linear-gradient(84deg, #8A62FB 4.85%, #00B8D9 95.15%);
                            z-index: -1;
                        }

                        .hero-7-circle-wrapper .hero-7-logo-wrapper img {
                            max-width: 4.5rem;
                            max-height: 4.5rem;
                        }

                        @keyframes radar {
                            100% {
                                transform: rotate(360deg);
                            }
                        }





                        .code-container {
                            width: fit-content;
                            display: flex;
                            animation: scroll-left 20s linear infinite;
							gap: 1rem;
							font-size: 1.3rem;
                        }

                        .code-container span {
                            white-space: nowrap;
                        }

                        .code-container span img {
                            height: 2.2rem;
                        }

                        .code-list {
                            position: absolute;
                            top: 0;
                            z-index: 0;
                            height: 22rem;
                            width: 100%;
                            mask-image: radial-gradient(circle at center, #00000005 20%, #00000038 40%, #0000001c 60%, #00000000 80%, #00000000 80%);
                        }

                        .code-container:nth-child(2n) {
                            animation-direction: reverse;
                        }

                        @keyframes scroll-left {
                            0% {
                                -webkit-transform: translateX(0);
                                transform: translateX(0)
                            }

                            to {
                                -webkit-transform: translateX(-50%);
                                transform: translateX(-50%)
                            }
                        }







#index .section2 {padding:6rem 0rem 4rem 0rem;background: #f9fcff url(../images/aibg.png) center / 100% 100% no-repeat;}
#index .section2 .sc-mainbox .preslider{width:60%;margin:2rem auto 0rem auto;position: relative;padding:0 6rem;}
#index .section2 .sc-mainbox .preslider .swiper-cotainer{overflow:hidden;}
#index .section2 .sc-mainbox .preslider .swiper-cotainer .swiper-slide {width: auto;text-align: center;}
#index .section2 .sc-mainbox .preslider .swiper-cotainer .swiper-slide img{height:2rem;}
#index .section2 .sc-mainbox .preslider .swiper-button-prev,#index .section2 .sc-mainbox .preslider .swiper-button-next{width:2.5rem;height:2.5rem;margin-top: -1.25rem;}

#index .section2 .sc-mainbox .preslider .swiper-button-prev:after, #index .section2 .sc-mainbox .preslider .swiper-button-next:after{font-size:1.5rem;}

#index .section2 .sc-mainbox .card{background: #ffffffb0;border-radius: 2rem;padding: 3rem;display: flex;flex-direction: column;gap:1.6rem;border: 0.1rem solid rgba(9, 18, 33, 0.06);    transition: all .5s ease;}
#index .section2 .sc-mainbox .card .img-container{padding:3rem 3rem 0rem 3rem;border-radius: 1.5rem;}
#index .section2 .sc-mainbox .card .img-container img {border-radius: 1.5rem 1.5rem 0rem 0rem;}
#index .section2 .sc-mainbox .card .tit{font-size:2rem;font-weight: 600}
#index .section2 .sc-mainbox .card .desc{font-size:1.6rem;color:#595959; }
#index .section2 .sc-mainbox .card .advan{display: flex;align-items: center;gap:0.5rem;}
#index .section2 .sc-mainbox .card .advan label{background-color: #0d29dc17;padding:0.3rem 0.5rem;border-radius: 0.5rem;}
#index .section2 .sc-mainbox .card .advan label img{width:1.4rem;height: 1.4rem;margin-right:0.5rem}
#index .section2 .sc-mainbox .container{display: flex;flex-direction: column;gap:2rem;}
#index .section2 .sc-mainbox .container .cards{padding:3rem 0rem 5rem 3rem;}
#index .section2 .sc-mainbox .card{    background: #ffffff00;
    border-radius: 2rem;
    padding: 0rem;
    display: flex;
    flex-direction: column;
    gap: 1.8rem;
    border: 0.1rem solid rgb(9 18 33 / 0%);
    transition: all .1s ease;}
#index .section2 .sc-mainbox .card .tit{font-size:2.4rem;font-weight: 600}
#index .section2 .sc-mainbox .card .desc{font-size:1.6rem;color:#595959; }
#index .section2 .sc-mainbox .card .advan{display: flex;flex-wrap:wrap;align-items: center;gap:0.5rem;}
#index .section2 .sc-mainbox .card .advan label{background-color: #0d29dc17;}
#index .section2 .sc-mainbox .card .advan label img{width:1.6rem;height: 1.6rem;margin-right:0.5rem}
    
    
    









#index .section3{padding:6rem 0rem 8rem;background:#f9fcff url(../images/testimonial-bg.jpg) center / 100% 100% no-repeat;border-radius:3.6rem;}
#index .section3 .sc-titbox .tit{color: #fff}
#index .section3 .sc-titbox .btn-s1{color: #fff}
#index .section3 .sc-titbox .subtit button{border:#fff;color: #fff;background:none;border:1px solid #fff}
#index .section3 .sc-mainbox .nav-tabs {display: flex;margin-top: 3rem;margin-bottom: 2rem;justify-content: center;align-items: center;}
#index .section3 .sc-mainbox .nav-tabs .main{background: hsla(0, 0%, 100%, .22);padding:0.6rem;border-radius:2.6rem;position: relative;display: flex;flex-wrap:wrap;justify-content: center; align-items: center;max-width: 100%}
#index .section3 .sc-mainbox .nav-tabs .tab-btn {border: none;border-radius: 2rem;color: #fff;cursor: pointer;font-size:1.8rem;transition: background 0.3s;font-weight: 600;padding:0px 5rem;line-height:4rem;}
#index .section3 .sc-mainbox .nav-tabs .tab-btn.active {color: #fff;}
#index .section3 .sc-mainbox .nav-tabs .tab-slider{border: none;border-radius: 2rem;color: #fff;cursor: pointer;font-weight: 600;height:4rem;top:0.6rem;left:0.6rem;position: absolute;bottom: 0;background: hsla(0, 0%, 100%, .12);transition: left 0.6s ease, width 0.6s ease; }

#index .section3 .sc-mainbox .tab-content{display:none;opacity:0;transition: opacity 0.8s ease, visibility 0.8s ease;}
#index .section3 .sc-mainbox .tab-content.active{display: flex;gap:3rem;opacity:1;transition: opacity 0.8s ease, visibility 0.8s ease;background: linear-gradient(180deg, #d7ecff 0%, #ffffff 100%);border-radius:2.2rem;padding:1.2rem;}
#index .section3 .sc-mainbox .tab-content .content-left {width:calc(100% - 80rem);padding:2rem 4rem;}
#index .section3 .sc-mainbox .tab-content .content-right {width:80rem;position: relative;border-radius: 1.4rem;overflow: hidden;}
#index .section3 .sc-mainbox .tab-content .content-right img {width: 100%;height: auto;}
#index .section3 .sc-mainbox .tab-content .module-title {font-size: 2.4rem;font-weight: bold;color: #333;margin-bottom: 2rem;padding-bottom: 1.6rem;border-bottom: 0.1rem solid #d1d1d9;}
#index .section3 .sc-mainbox .tab-content .scene-challenge {margin-bottom: 2rem;}
#index .section3 .sc-mainbox .tab-content .scene-challenge h3 {font-size: 1.8rem;color: #000;margin-bottom: 1rem;}
#index .section3 .sc-mainbox .tab-content .scene-challenge ul {list-style: disc;padding-left: 2rem;color: #666;line-height: 1.8;}
#index .section3 .sc-mainbox .tab-content .scene-challenge ul li{list-style: disc;font-size:1.6rem;}
#index .section3 .sc-mainbox .tab-content .tag-group {margin-bottom: 2rem;}
#index .section3 .sc-mainbox .tab-content .tag-group h3 {font-size: 1.8rem;color: #333;margin-bottom: 1rem;}
#index .section3 .sc-mainbox .tab-content .tags {display: flex;gap: 1rem;flex-wrap: wrap;}
#index .section3 .sc-mainbox .tab-content .tags span {padding: 0.4rem 1.2rem;background: #e6f2ff;color: #007bff;border-radius: 1.5rem;font-size: 1.4rem;}
#index .section3 .sc-mainbox .tab-content .module-group {margin-bottom: 3rem;}
#index .section3 .sc-mainbox .tab-content .module-group h3 {font-size: 1.8rem;color: #333;margin-bottom: 1rem;}
#index .section3 .sc-mainbox .tab-content .advan label{font-size: 1.6rem;display: flex;align-items: center;gap:1rem;}
#index .section3 .sc-mainbox .tab-content .advan label:before{display:block;content:"";background:url(../images/iconchangjing.png) no-repeat;width: 1.6rem;height: 1.6rem;background-size: cover}











#index .saas_features_area_three{padding-top: 6rem; padding-bottom: 20rem;background: url(../images/banner_bg_img.png) center / 100% 100% no-repeat;}
#index .saas_features_area_three .tab-content{display: flex; gap:3rem;opacity:1;transition: opacity 0.8s ease, visibility 0.8s ease;background:linear-gradient(305deg, #7fe0e5, #7fe0e5, #fff, #d9efff); border: 0.2rem solid #fff;border-radius:2.2rem;padding:4rem 3rem;}
#index .saas_features_area_three .tab-content .content-left {width:calc(100% - 80rem);padding:5rem 5rem;}
#index .saas_features_area_three .tab-content .content-right {width:80rem;position: relative;border-radius: 1.4rem;overflow: hidden;}
#index .saas_features_area_three .tab-content .content-right img {width: 100%;height: auto;}
#index .saas_features_area_three .tab-content .module-title {font-size: 2.4rem;font-weight: bold;color: #171515;margin-bottom: 2rem;padding-bottom: 1.6rem;border-bottom: 0.1rem solid #d1d1d9;}
#index .saas_features_area_three .tab-content .scene-challenge {margin-bottom: 2rem;}
#index .saas_features_area_three .tab-content .scene-challenge h3 {font-size: 1.8rem;color: #171515;margin-bottom: 1rem;}
#index .saas_features_area_three .tab-content .scene-challenge ul {list-style: disc;padding-left: 2rem;color: #666;line-height: 1.8;}
#index .saas_features_area_three .tab-content .scene-challenge ul li{list-style: disc;font-size:1.6rem;}
#index .saas_features_area_three .tab-content .tag-group {margin-bottom: 2rem;}
#index .saas_features_area_three .tab-content .tag-group h3 {font-size: 1.8rem;color: #fff;margin-bottom: 1rem;}
#index .saas_features_area_three .tab-content .tags {display: flex;gap: 1rem;flex-wrap: wrap;}
#index .saas_features_area_three .tab-content .tags span {padding: 0.4rem 1.2rem;background: #e6f2ff;color: #007bff;border-radius: 1.5rem;font-size: 1.4rem;}
#index .saas_features_area_three .tab-content .module-group {margin-bottom: 3rem;}
#index .saas_features_area_three .tab-content .module-group h3 {font-size: 1.8rem;color: #171515;margin-bottom: 1rem;}
#index .saas_features_area_three .tab-content .module-group .item{display: flex;align-items: center;gap:1rem;    font-size: 1.4rem;color: #544949;}
#index .saas_features_area_three .tab-content .module-group .item span{border-radius: 0.5rem;height: 1.8rem;display:inline-block;width: 1.8rem;background-color:#c7e2ff;display: flex;justify-content: center;align-items: center;}
#index .saas_features_area_three .tab-content .module-group .item span i{color: #fff}
#index .saas_features_area_three .tab-content .advan label{font-size: 1.6rem;display: flex;align-items: center;gap:1rem;color:#000000;font-weight: 600;}
#index .saas_features_area_three .tab-content .advan label:before{display:block;content:"";background:url(../images/iconchangjing.png) no-repeat;width: 1.6rem;height: 1.6rem;background-size: cover}







#index .saas_features_area_three .tab-content.c2{background: linear-gradient(255deg, #8ac3f7, #679af5, #fff, #cee4fb);}
#index .saas_features_area_three .tab-content.c3{background: linear-gradient(279deg, #edb0f2, #edd1ef, #fff, #e4eef7);}
#index .saas_features_area_three .tab-content.c4{background: linear-gradient(305deg, #fff, #d9efff); border: 0.2rem solid #fff;}
#index .saas_features_area_three .tab-content.c5{background: linear-gradient(305deg, #DEFFF8, #eee9f9); border: 0.2rem solid #fff;}
#index .saas_features_area_three .tab-content.c6{background: linear-gradient(305deg, #fff, #d8d2fb); border: 0.2rem solid #fff;}
#index .saas_features_area_three .tab-content.c7{background: linear-gradient(305deg, #fff, #d9efff); border: 0.2rem solid #fff;}
#index .saas_features_area_three .tab-content.c8{background: linear-gradient(305deg, #fff, #d9efff); border: 0.2rem solid #fff;}


#index .saas_features_area_three .tab-content .module-group .item span i{font-size: 1rem}


#index .section4{padding:6rem 0rem 2rem 0rem;background:#fff url(../images/banner_bg_img.png) center / 100% 100% no-repeat;}
#index .section4 .sc-mainbox .container{padding:3rem 0rem;}
#index .section4 .sc-mainbox .container{display:flex;flex-direction: column;gap:2rem;}
#index .section4 .sc-mainbox .card{border-radius: 2rem;padding: 3rem;display: flex;flex-direction: column;gap:1rem;}
#index .section4 .sc-mainbox .container{display:grid;grid-template-columns: repeat(2, 1fr);gap:2rem;}
#index .section4 .sc-mainbox .container .card{min-height:32.6rem;position: relative;}
#index .section4 .sc-mainbox .left-grid {display: grid;grid-template-columns: 1fr 1fr;gap:2rem;}




#index .section4 .sc-mainbox .left-grid .card1 {grid-column: 1 / 3;grid-row: 1;background:url(../images/indexhrbg1.jpg) no-repeat;background-position:center center;background-size: cover;padding-right:45%;transition: all .5s ease;}
#index .section4 .sc-mainbox .left-grid .card2 {grid-column: 1;grid-row: 2;background:none;background-position:center center;background-size: cover;transition: all .5s ease;}
#index .section4 .sc-mainbox .left-grid .card3 {grid-column: 2;grid-row: 2;background:none;background-position:center center;background-size: cover;transition: all .5s ease;}
#index .section4 .sc-mainbox .right-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap:2rem;}
#index .section4 .sc-mainbox .right-grid .card4 {background:none;background-position:center center;background-size: cover;transition: all .5s ease;}
#index .section4 .sc-mainbox .right-grid .card5 {background:none;background-position:center center;background-size: cover;transition: all .5s ease;}
#index .section4 .sc-mainbox .right-grid .card6 {background:none;background-position:center center;background-size: cover;transition: all .5s ease;}
#index .section4 .sc-mainbox .right-grid .card7 {background:none;background-position:center center;background-size: cover;transition: all .5s ease;}





#index .section4 .sc-mainbox .card .img-container{position: absolute;right:0;bottom:0;width:40%;z-index: 0}









#index .section4 .sc-mainbox .card .pic{height: 4.8rem;z-index: 1}
#index .section4 .sc-mainbox .card .pic img{height: 4.8rem;z-index: 1}
#index .section4 .sc-mainbox .card .tit{font-size:2.4rem;font-weight: 600;z-index: 1}
#index .section4 .sc-mainbox .card .pic img.pptupdatemod__start {top: 1.5rem;height: 3.8rem; position: absolute;left: 8rem;width: 3.2rem;}
#index .section4 .sc-mainbox .card .desc{font-size:1.6rem;color:#595959;;z-index: 1}
#index .section4 .sc-mainbox .card .viewmore{margin-top: 1rem;z-index: 1}
#index .section4 .sc-mainbox .card .viewmore a{background:#191919;border-radius: 1.1rem;color: #fff;height: 3.2rem;line-height: 3.2rem;text-align: center;padding:0px 2rem;display:inline-block;}
#index .section4 .sc-mainbox .card1 .btn-s3{margin-top: 1rem;z-index: 1}

#index .section4 .btn-s11{font-weight: 600;font-size:1.8rem;padding:2rem 0rem 0rem 0rem;gap: 0.8rem;}

#index .section4 .sc-mainbox .card .advan{display: flex;align-items: center;gap:0.5rem;z-index: 1}
#index .section4 .sc-mainbox .card .advan label{background-color: #0d29dc17;padding:0.3rem 0.5rem;border-radius: 0.5rem;display:flex;align-items:center;}
#index .section4 .sc-mainbox .card .advan label img{width:1.6rem;height: 1.6rem;margin-right:0.5rem}






#index .section5{padding:6rem 0rem 4rem 0rem;background:#f9fcff;}
#index .section5 .sc-mainbox{overflow: hidden;position: relative;}
#index .section5 .sc-mainbox .container{overflow: visible;position: relative;}
#index .section5 .sc-mainbox .swiper{overflow: visible;}
#index .section5 .sc-mainbox .xtbg{padding:3rem 0rem;position: relative;}
#index .section5 .sc-mainbox .xtbg .swiper{overflow: visible;}
#index .section5 .sc-mainbox .xtbg .swiper-slider{width:20%;}
#index .section5 .sc-mainbox .mask-left{background: linear-gradient(270deg, #fff0, #fff);left: 0;position:absolute;z-index: 1;width:10%;height:100%;top:0;}
#index .section5 .sc-mainbox .mask-right{background: linear-gradient(90deg, #fff0, #fff);right: 0;position:absolute;z-index: 1;width:10%;height:100%;top:0;}
#index .section5 .sc-mainbox .xtbg .swiper-slide{background: linear-gradient(135deg, #e0f2ff 0%, #cee0ff 50%, #4979fc 100%);box-shadow: 0 2px 4px rgba(0,0,0,0.1);}

#index .section5 .btn-s11{font-weight: 600;font-size:1.8rem;padding:2rem 0rem 0rem 0rem;gap: 8px;}

#index .section5 .sc-mainbox .xtbg .swiper-slide:nth-child(1n){background: linear-gradient(130deg, #0130ff, #1889ff, #32e6ff)}
#index .section5 .sc-mainbox .xtbg .swiper-slide:nth-child(2n){background: linear-gradient(230deg, #660df0, #7908ee, #ae5cfe)}
#index .section5 .sc-mainbox .xtbg .swiper-slide:nth-child(3n){background: linear-gradient(295deg, #221bfc, #735afd, #9a61fe)}
#index .section5 .sc-mainbox .xtbg .swiper-slide:nth-child(4n){background: linear-gradient(330deg, #00b3ba, #00a5d3, #295efa)}


#index .section5 .sc-mainbox .xtbg .swiper-slide{border-radius: 2rem;padding: 5rem 3rem 3rem 3rem;display: flex;flex-direction: column;gap:1.5rem;transition: transform 0.3s ease;text-align: center;align-items: center;}
#index .section5 .sc-mainbox .xtbg .swiper-slide:hover {transform: translateY(-1rem); box-shadow: 0 0.8rem 1.6rem rgba(0,0,0,0.15);}
#index .section5 .sc-mainbox .xtbg .swiper-slide .tit{font-size:2.4rem;font-weight: 600;text-align: center;color: #ffffff;}
#index .section5 .sc-mainbox .xtbg .swiper-slide .tit1{font-size: 1.4rem;font-weight: 400;color: #ffffff;border: 0.1rem solid rgba(255, 255, 255, 0.2);padding: 0.5rem 1.2rem;border-radius: 1.8rem;}
#index .section5 .sc-mainbox .xtbg .swiper-slide .desc{font-size:1.6rem;color:#ffffff;;text-align: center;padding-bottom: 3rem;min-height: 8rem}
#index .section5 .sc-mainbox .xtbg .swiper-slide img{width:100%;border-radius: 1rem}


#index .section5 .sc-mainbox .swiper-button-prev{position: absolute;left:4%;}
#index .section5 .sc-mainbox .swiper-button-next{position: absolute;right:4%;}





#index .section6{padding:6rem 0rem 4rem 0rem;background:#fafcff;overflow: hidden;}
#index .section6 .sc-mainbox{position: relative;}
#index .section6 .sc-mainbox .container{padding:3rem 0rem;position: relative;}
#index .section6 .btn-s11{font-weight: 600;font-size:1.8rem;gap: 8px;}
#index .section6 .hycx{width: 100%}
#index .section6 .swiper-slide .card{width: 100%;min-height: 47.5rem;display:flex;flex-direction: column;gap:2rem;justify-content: center;}
#index .section6 .tab-nav {display: flex;justify-content: center;gap:1rem 2rem;margin-bottom: 3rem;flex-wrap: wrap;}
#index .section6 .tab-nav-item {cursor: pointer;font-size: 1.8rem;color: #666;padding: 0.5rem 0;transition: all 0.3s;border:1px solid #cccccc4a;line-height:4.4rem;padding:0px 2rem;border-radius: 2rem;font-weight: 600}
#index .section6 .tab-nav-item i{width: 1.8rem;height: 1.8rem;display:flex;justify-content: center;align-items: center;font-size: 2rem}

#index .section6 .tab-nav-item.active {color: #1476ff;font-weight: bold;background:#fff;border:1px solid #1476ff5c;}

#index .section6 .tab-nav-item{display: flex; align-items:center; gap:0.5rem;}
#index .section6 .tab-nav-item img{height: 1.8rem}

#index .section6 .swiper-container {width: 100%;position: relative;}
#index .section6 .swiper-slide {display: flex;align-items: center;justify-content: center;position: relative;border-radius: 2rem;height: 55rem;border-radius: 2.2rem;overflow: hidden;}
#index .section6 .swiper-slide-active {opacity: 1;transform: scale(1);}
#index .section6 .swiper-slide-prev,
#index .section6 .swiper-slide-next {opacity: 0.6;transition: all 0.3s ease;}
#index .section6 .slide-content {position: absolute;padding: 6rem;width: 100%;color: #fff;z-index: 10;}
#index .section6 .slide-bg{width:100%;height:100%;display: flex;justify-content: center;align-items: center;}
#index .section6 .swiper-slide:before{content:"";width:100%;height:100%;background: linear-gradient(180deg, #19191980 0, #191919e6 100%);position: absolute;top:0;left:0;}
#index .section6 .swiper-slide img{min-height:100%;max-width: unset;width:auto;}
#index .section6 .slide-content .subtit {font-size:3.2rem;padding-bottom: 8rem;font-weight: 600}
#index .section6 .slide-content .tit {font-size: 2.8rem;padding-bottom:1rem;font-weight: 600}
#index .section6 .slide-content .desc {font-size: 1.6rem;margin-bottom: 3rem;}
#index .section6 .slide-content .line{height: 1px;background:rgba(255,255,255,0.5);width: 100%}
#index .section6 .slide-content .advan{display: flex; align-items: center; gap:3rem;padding:3rem 0rem;}
#index .section6 .slide-content .advan .item{font-size:1.6rem;position: relative;padding-right:3rem;}
#index .section6 .slide-content .advan .item .s1{font-size: 2.8rem;font-weight:600}
#index .section6 .slide-content .advan .item p{font-size: 1.6rem;}
#index .section6 .slide-content .advan .item:after{content: "";width:1px;height:4.5rem;display:block;background:#85888b;position: absolute;right:0rem;top:50%;transform: translateY(-50%);}
#index .section6 .slide-content .advan .item:nth-last-child(1):after{display: none}


#index .section6 .btn-s2{font-size: 1.4rem;line-height:2.5}
#index .section6 .btn-s2::after{width: 1.6rem;height: 1.6rem;}


#index .section6 .slide-content button {padding: 8px 2rem;border: 0.1rem solid #fff;background: transparent;color: #fff;border-radius: 4px;cursor: pointer;}
#index .section6 .sec6swiper{overflow:visible;    padding-bottom: 3rem;}
#index .section6 .swiper-pagination{display: none}


#index .section6 .sc-mainbox .swiper-button-prev{position: absolute;left:4%;}
#index .section6 .sc-mainbox .swiper-button-next{position: absolute;right:4%;}








#index .section7 {padding:6rem 0rem 4rem 0rem;background:#fff url(../images/banner_bg_img.png) center / 100% 100% no-repeat;}
#index .section7 .sc-mainbox .container{padding:3rem 0rem;display:flex;flex-direction: column;justify-content: center; gap:2rem;}


#index .section7 .sc-mainbox .card{border-radius: 2rem;padding: 1rem;display: flex;flex-direction: column;gap:1rem;background: #ffffff80;border: 0.1rem solid rgba(9, 18, 33, 0.06);}
#index .section7 .sc-mainbox .card:hover {box-shadow: 0 4px 1.6rem rgba(0, 0, 0, 0.12);transition: box-shadow 0.3s ease;}
#index .section7 .sc-mainbox .container{display:grid;grid-template-columns: 2fr 3fr;gap:2rem;}
#index .section7 .sc-mainbox .container .left-grid{display:grid;}
#index .section7 .sc-mainbox .container .left-grid .card a{display:flex;flex-direction:column;gap:1rem}
#index .section7 .sc-mainbox .container .left-grid .card a .btn-s4b{display:inline-flex;align-items: center;transition: all .3s ease-out;}
#index .section7 .sc-mainbox .container .left-grid .card a:hover .btn-s4b{color:#005eff }
#index .section7 .sc-mainbox .container .left-grid .card a:hover .btn-s4b::after {background-position: 0rem 100%;}



#index .section7 .sc-mainbox .container .card .img-container{border-radius: 1rem;overflow: hidden;padding:0rem;}
#index .section7 .sc-mainbox .container .card .info{    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 1.2rem;
    justify-content: space-between;}
#index .section7 .sc-mainbox .container .card .cat115{display: flex;align-items: center;gap:0.5rem;font-size:1.2rem;}
#index .section7 .sc-mainbox .container .card .info i{font-size:1.2rem;color: #999;}
#index .section7 .sc-mainbox label {padding: 0.3rem 0.5rem;border-radius: 0.5rem;}
#index .section7 .sc-mainbox label.cat114{    background-color: #005eff1c;color: #0d29dc;}
#index .section7 .sc-mainbox .container .card .cat114{display: flex;align-items: center;gap:0.5rem;font-size:1.2rem;}
#index .section7 .sc-mainbox label.cat115{background-color: #ead9ff;color:#ab69ff}
#index .section7 .sc-mainbox label.cat116{background-color: #89d4cd;color:#fff}
#index .section7 .sc-mainbox .container .card .tit{font-size:1.8rem;padding-bottom: 1.5rem;padding-top: 1.5rem;font-weight:500;position: relative;}
#index .section7 .sc-mainbox .container .card .tit i{position: absolute;bottom:1.5rem;}
#index .section7 .sc-mainbox .container .card .tit i::after{width: 1.8rem!important;height: 1.8rem!important;}

#index .section7 .sc-mainbox .container .card .desc{color: #666;font-size:1.6rem;}
#index .section7 .sc-mainbox .container .card .nr{padding:0px 1rem;}
#index .section7 .sc-mainbox .container .card .nr:hover{color:#005eff }
#index .section7 .sc-mainbox .container .card:hover .btn-s4b{color:#005eff }
#index .section7 .sc-mainbox .container .card:hover .btn-s4b::after {background-position: 0rem 100%;}




#index .section7 .sc-mainbox .container .right-grid{display:flex;flex-direction: column;justify-content: space-between;gap:2rem}
#index .section7 .sc-mainbox .container .right-grid .card{height:100%;}
#index .section7 .sc-mainbox .container .right-grid .card a{ display: flex;justify-content:space-between;flex-direction:row;height:100%;gap:1rem;position: relative;}
#index .section7 .sc-mainbox .container .right-grid .card .img-container{width: 35%;position: relative;}
#index .section7 .sc-mainbox .container .right-grid .card .img-container img{width: 100%;height:100%;object-fit: cover;object-position: center;}
#index .section7 .sc-mainbox .container .right-grid .card .nr{width:calc(100% - 35%);padding:1rem;position: relative;}
#index .section7 .sc-mainbox .container .right-grid .line{height:1px;background:#f9fcff}
#index .section7 .sc-mainbox .container .right-grid .card .btn-s1{bottom:1rem;position: absolute;}
#index .section7 .sc-mainbox .container .right-grid .card a:hover{color:#005eff}
#index .section7 .sc-mainbox .container .right-grid .card a:hover .btn-s1{color:#005eff}
#index .section7 .sc-mainbox .container .right-grid .card a:hover .btn-s1::after {background-position: 0rem 100%;}





/* 图片容器（必须相对定位，作为光线的参考） */
.img-light-effect {
  position: relative;
  width:100%; /* 图片宽度（可改为 100% 自适应） */
  height: 100%; /* 图片高度 */
  overflow: hidden; /* 隐藏光线超出图片的部分 */
}

/* 图片样式（填充满容器，参考之前的填充方案） */
.img-light-effect img {
  width: 100%;
  height: 100%;
  filter: brightness(1);
  object-fit: cover; /* 保持比例填充满 */
  transition: all 0.5s ease; /* 图片轻微变暗过渡 */
}

/* 光线伪元素（核心） */
.img-light-effect::before {
  content: "";
  position: absolute;
  top: -50%;
  left: 150%;
  /* 光线尺寸：斜向长条，旋转 45 度 */
  width: 200%;
  height: 200%;
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.2) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  transform: rotate(45deg); /* 斜向光线 */
  transition: left 0.8s ease; /* 光线划过的动画时长 */
  z-index: 1; /* 光线在图片上方 */
}

/* 鼠标 hover 时：光线划过 + 图片轻微变暗（增强对比） */
.img-light-effect:hover::before {
  left: -50%; /* 光线从左向右划过（最终移出图片） */
}
.img-light-effect:hover img {
  filter: brightness(1); /* 图片轻微变暗，让光线更明显 */
}












#index .section8{padding:6rem 0rem 4rem 0rem;}
#index .section8 .sc-mainbox .container{padding:3rem;background: #ffffff;border-radius:2rem;overflow: hidden;margin:3rem auto;position: relative;}
#index .section8 .sec8swiper{position: relative;width: 100%;overflow: hidden;}
#index .section8 .sec8swiper:before{width:8rem;position: absolute;left:0rem;top:0rem;height: 100%;display: block;content: "";background: linear-gradient(to right, #fff, #fffffff7, #ffffffbf, transparent);z-index: 2;}
#index .section8 .sec8swiper:after{width:8rem;position: absolute;right:0rem;top:0rem;height: 100%;display: block;content: "";background: linear-gradient(to left, #fff, #fffffff7, #ffffffbf, transparent);z-index: 2;}
#index .section8 .sec8swiper .slide-track {display: flex;gap: 2rem;align-items: center;animation: scroll-left 25s linear infinite;}
#index .section8 .sec8swiper .slide{display: flex;justify-content: center;flex-direction: column;align-items: center;gap: 1rem;width: calc((100% - (2rem * 6)) / 7);flex-shrink: 0;}
#index .section8 .sec8swiper .slide .pic{display: flex;justify-content: center;align-items: center;}
#index .section8 .sec8swiper .slide p{text-align: center;}
#index .section8 .sec8swiper .slide img{max-height: 7rem;width: auto;}
#index .section8 .sec8swiper .slider:hover .slide-track {
    animation-play-state: paused;
  }






#index .section9{padding:8rem 0rem;background-color:#f9fcff;}
#index .section9 .sc-mainbox .container{padding:3rem;background: #ffffff00;overflow: hidden;margin:3rem auto;}
#index .section9 .swipermain{position: relative;width: 100%;overflow: hidden;}
#index .section9 .swipermain .slide-track {display: flex;gap: 2rem;align-items: center}
#index .section9 .swipermain .slide{padding:1.5rem;background-color: #fff;border-radius: 1rem;display: flex;justify-content: center;align-items: center;flex-shrink: 0;}
#index .section9 .swipermain .slide .card{/*box-shadow: 0 4px 1.2rem 0 rgba(0,0,0,.1);background-color: #fff;border-radius:8px;*/overflow: hidden;}
#index .section9 .swipermain:before{width:8rem;position: absolute;left:0rem;top:0rem;height: 100%;display: block;content: "";background: linear-gradient(to right, #f9fcff, transparent);z-index: 2;}
#index .section9 .swipermain:after{width:8rem;position: absolute;right:0rem;top:0rem;height: 100%;display: block;content: "";background: linear-gradient(to left, #f9fcff, transparent);z-index: 2;}
#index .section9 .swipermain .slide .card img{max-height: 3rem;max-width: 100%;}
#index .section9 .btn-s11{font-weight: 600;font-size:1.8rem;padding:2rem 0rem 0rem 0rem;gap: 0.8rem;}









#index .section9 .swipermain .slide {
    width: calc((100% - (2rem * 6)) / 7);
  }
#index .section9 .sec9swiper .slide-track {
    animation: scroll-left 25s linear infinite;
  }
#index .section9 .sec10swiper .slide-track {
    transform: translateX(calc(-50% - 1rem)); 
    animation: scroll-right 25s linear infinite;
  }

#index .section9 .swipermain .slider:hover .slide-track {
    animation-play-state: paused;
  }


#index .section9 .sec10swiper{margin-top:3.5rem;}
#index .section9 .btn-s1{font-weight: 600;font-size:1.8rem}
.title-gradient-fixed {
  position: relative;
  text-align: center;
  font-size: 1.8rem;
  color: #333;
  padding: 0 2rem;
}
/* 左右横线合并为一条（简化写法） */
.title-gradient-fixed::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 100%;
  width:11rem;
  height: 1px;
  background: linear-gradient(to left, #ebeced, #ffffff);
  transform: translateY(-50%); /* 精准垂直居中 */
}

.title-gradient-fixed::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  width:11rem;
  height: 1px;
  background: linear-gradient(to right, #ebeced, #ffffff);
  transform: translateY(-50%);
}




#index .section10{padding:8rem 0rem;background:#f9fcff url(../images/product-experience-bg.png) no-repeat center bottom;background-repeat:no-repeat; background-size:cover;}
#index .section10 .container{display: flex;justify-content: center;align-items: center;flex-direction: column;}
#index .section10 .tit{font-size: 5.6rem;font-weight: 600;;text-align: center;color: #000}
#index .section10 .btn{margin-top:2.4rem;display: inline-block;border-radius: 1.8rem;line-height: 4.8rem;padding: 0 4.8rem;transition: 0.3s;border: 0.1rem solid rgba(255, 255, 255, 0.7);color: rgb(255, 255, 255);background: #000}





/**低代码**/
#lowcode{color:#252b3a;}
#lowcode .banner{background:url(../images/lowcase/lowcasebanner.jpg) no-repeat top center;background-size:cover;background-position: top;background-repeat: no-repeat;}
#lowcode .banner .secimg{width:70%;margin-top: 6rem}
#lowcode .banner .container{display: flex;justify-content: center;align-items: center;flex-direction: column;padding:9rem 0rem 0rem 0rem;gap:1rem;}
#lowcode .banner .container .icon{width: 9rem;}
#lowcode .banner .container .icon img{width: 9rem;}
#lowcode .banner .container h1{font-size: 4.8rem;}
#lowcode .banner .container h1 span{background-image: linear-gradient(253deg, #679bf6, #3638f5);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
#lowcode .banner .container .s1{font-size:1.8rem;}
#lowcode .banner .container .s2{margin-top:2rem;font-size: 1.6rem;font-weight:600;padding:1rem 2rem;background: linear-gradient(90deg, rgba(107, 181, 255, .4) 12%, rgba(139, 227, 248, .4) 79%, rgba(186, 225, 255, .24));border-radius:3rem;}
#lowcode .banner .container .s2 span{font-size: 1.4rem;font-weight:400;padding:0px 2rem;}
#lowcode .banner .container .s2 a{display:flex;align-items: center;}
#lowcode .banner .container .s2 a:after{display:block;content:"";width: 1.6rem;height: 1.6rem;background-image: url(../images/lowcase/arrow-icon.svg);background-size:auto;background-repeat: no-repeat;
    -webkit-transition: -webkit-transform .3s;transition: -webkit-transform .3s;transition: transform .3s;transition: transform .3s, -webkit-transform .3s;z-index: 1;}
#lowcode .banner .container .s2 a:hover:after{-webkit-transform: translate(4px);transform: translate(4px);}
#lowcode .banner .container .btngroup{display:flex;gap:2rem;margin-top: 1rem}
/*#lowcode .banner .container .btngroup a{background:#191919;padding:1rem 3rem;border-radius: 1.5rem;color: #fff}*/


#lowcode .section1{padding:10rem 0rem 4rem 0rem;background:linear-gradient(180deg, #f4f8fb 0%, #E3F4FF 100%)}
#lowcode .section1 .sc-mainbox .container{display:grid;gap:1.6rem;grid-template-columns: repeat(5, 1fr);padding:3rem 0rem;}
#lowcode .section1 .sc-mainbox .cards{display:flex;flex-direction: column;gap:1rem;}
#lowcode .section1 .sc-mainbox .card{background:#ffffff;border-radius: 1.5rem;padding: 5rem 3rem 5rem 3rem;display: flex;flex-direction: column;gap:1rem;transition: all .5s ease;}
#lowcode .section1 .sc-mainbox .img-container{height: 60px;display: flex;align-items: center;justify-content: space-between;align-items: flex-start;}
#lowcode .section1 .sc-mainbox .img-container img{height: 100%;width: auto}
#lowcode .section1 .sc-mainbox .card .tit{font-size:2.4rem;font-weight: 600;margin-top:2rem;}
#lowcode .section1 .sc-mainbox .card .desc{font-size:1.6rem;color:#595959; }
#lowcode .section1 .sc-mainbox .img-container span{font-size: 2rem;color: #005eff;font-weight: 400;aspect-ratio: 1 / 1;display: flex;align-items: center;justify-content: center;width: 48px;height: 48px;line-height: 48px;text-align: center;border-radius: 100px;background-color: #E5E8FF;}
#lowcode .section1 .sc-mainbox .card:hover .img-container span{color:#ffffff;background-color: #ac61ff; }
#lowcode .section1 .sc-mainbox .card:hover .tit{;color:#ffffff;}
#lowcode .section1 .sc-mainbox .card:hover .desc{font-size:1.6rem;color:#ffffff; }
#lowcode .section1 .sc-mainbox .card:hover{background:linear-gradient(253deg, #71d6e1, #ac61ff, #3638f5);transition: all .5s ease;}




#lowcode .section2{padding:10rem 0rem;background:#fff;}
#lowcode .section2 .sc-mainbox .container{display:grid;gap:2rem;grid-template-columns:1fr 2fr;padding:3rem 0rem;}
#lowcode .section2 .sc-mainbox .card{background:#fff;position:relative;overflow:hidden;border-radius: 2rem;padding:5rem 3rem;display: flex;flex-direction: column;gap: 1.6rem; transition: all .5s ease;border: 0.1rem solid rgb(255 255 255);}
#lowcode .section2 .sc-mainbox .card .tit{font-size:2.4rem;font-weight: 600;z-index: 1}
#lowcode .section2 .sc-mainbox .card .desc{font-size:1.6rem;color:#595959;;z-index: 1;padding-bottom:15rem }
#lowcode .section2 .sc-mainbox .card .advan label{background-color: #0d29dc17;}
#lowcode .section2 .sc-mainbox .card .img-container {position: absolute;right: 5%;bottom: 5%;width: 50%;z-index: 0;}
#lowcode .section2 .sc-mainbox .card0{justify-content:flex-end; }
#lowcode .section2 .sc-mainbox .card0 .img-container {position: absolute;left:3rem;top:5rem;bottom:unset;width:calc(100% - 6rem);z-index: 0;}
#lowcode .section2 .sc-mainbox .card0 .desc{padding-bottom:0px}
#lowcode .section2 .sc-mainbox .cards{display: grid;gap:2rem;grid-template-columns: 1fr 1fr;}
#lowcode .section2 .sc-mainbox .card0 {background:linear-gradient(180deg, #8ae9e5, #389bf4, #d3e9fd, #e4eef700);background-position:center center;background-size: cover;transition: all .5s ease;}
#lowcode .section2 .sc-mainbox .card1 {background:linear-gradient(0deg, #edadf24d, #c4c6f43b, #d3e9fd1c, #e4eef700);background-position:center center;background-size: cover;padding-right:5%;transition: all .5s ease;}
#lowcode .section2 .sc-mainbox .card2 {background:linear-gradient(0deg, #44a1f48c, #c4c6f42e, #d3e9fd00, #e4eef700);background-position:center center;background-size: cover;padding-right:5%;transition: all .5s ease;}
#lowcode .section2 .sc-mainbox .card3 {background:linear-gradient(1350deg, #84c5f87a, #87dae757, #d3e9fd, #e4eef700);background-position:center center;background-size: cover;padding-right:5%;transition: all .5s ease;}
#lowcode .section2 .sc-mainbox .card4 {background:linear-gradient(231deg, #edadf20f, #c4c6f4a8, #d3e9fd, #e4eef700);background-position:center center;background-size: cover;padding-right:5%;transition: all .5s ease;}





#lowcode .section3{padding:6rem 0rem 6rem 0rem;background:linear-gradient(180deg, #fdfffe 0%, #f9fafd 100%);}
#lowcode .section3 .container{margin-top:3rem;border-radius: 2rem;overflow: hidden;display: flex;align-items: center;justify-content: center;margin: 0 auto;flex-direction: column;    width: 60%;}




#lowcode .section4{padding:5rem 0rem 5rem 0rem;background:#fff;}
#lowcode .section4 .container{margin-top:3rem}
#lowcode .section4 .nexttit{color: #191919;font-size: 4rem;font-weight: 600;line-height: 6rem;padding:9rem 0rem 5rem 0rem;}
#lowcode .section4 .nextbox{background:#fff;display:flex;justify-content: space-between; padding:5rem;border-radius:2rem}
#lowcode .section4 .nextbox .card-img{width:62%}
#lowcode .section4 .nextbox .card-text{width:35%} 
#lowcode .section4 .nextbox .card-text ul li{position: relative;padding-left:1.2rem;font-size: 1.6rem;padding:0px 0rem 1rem 1.2rem;line-height:1.6;}
#lowcode .section4 .nextbox .card-text ul li:before{background-color:#595959;border-radius:1px;content: "";height: 0.4rem;left:0;position: absolute;top: 1.2rem;width: 0.4rem;display:block;}
#lowcode .section4 .nextbox .card-text h4{color: #191919;font-size: 2.5rem;padding-bottom: 1rem;padding-top: 4rem;}
#lowcode .section4 .nextbox .card-text .yymk{display: grid;gap:1.5rem;grid-template-columns: 1fr 1fr;} 
/* #lowcode .section4 .nextbox .card-text .yymk .item a{display: flex; align-items: center; gap:1.8rem;font-size: 1.6rem;}*/
#lowcode .section4 .nextbox .card-text .yymk .item img{height: 4rem;}   
#lowcode .section4 .nextbox .card-text .yymk .item{display: flex;align-items: center;gap:2rem;}
#lowcode .section4 .nextbox .card-text .yymk .item span{border-radius: 0.6rem;height: 3.1rem;display:inline-block;width: 3.1rem;background-color:#0f5cdc;display: flex;justify-content: center;align-items: center;}
#lowcode .section4 .nextbox .card-text .yymk .item span i{color: #fff}   



#lowcode .section5{background:#f9fcff;padding:6rem 0rem 6rem 0rem;}
#lowcode .section5 .sc-titbox .tit{color: #000000}
#lowcode .section5 .sc-titbox .btn-s1{color: #fff}
#lowcode .section5 .sc-titbox .subtit button{border:#fff;color: #fff;background:none;border:1px solid #fff}
#lowcode .section5 .sc-mainbox .nav-tabs {display: flex;margin-top: 3rem;margin-bottom: 2rem;justify-content: center;align-items: center;}
#lowcode .section5 .sc-mainbox .nav-tabs .main{background:hsl(212.31deg 76.47% 93.33%);padding:0.6rem;border-radius:2.6rem;position: relative;display: flex;justify-content:flex-start; align-items: center;border: 0.1rem solid rgb(255 255 255);overflow-x: scroll;}
#lowcode .section5 .sc-mainbox .nav-tabs .main::-webkit-scrollbar {display: none;}

#lowcode .section5 .sc-mainbox .nav-tabs .tab-btn {border: none;border-radius: 2rem; color: #000;cursor: pointer;font-size:1.8rem;transition: background 0.3s;font-weight: 600;padding:0px 5rem;line-height:4rem;white-space: nowrap;}
#lowcode .section5 .sc-mainbox .nav-tabs .tab-btn.active {color: #000000;z-index: 9999;border-radius: 2rem;}
#lowcode .section5 .sc-mainbox .nav-tabs .tab-slider{border: none;border-radius: 2rem;color: #fff;cursor: pointer;font-weight: 600;height:4rem;top:0.6rem;left:0.6rem;position: absolute;bottom: 0;background: hsl(212.31deg 73.95% 87.91% / 65%);transition: left 0.6s ease, width 0.6s ease; }






#lowcode .section5 .sc-mainbox .tab-content{display:none;opacity:0;transition: opacity 0.8s ease, visibility 0.8s ease;}
#lowcode .section5 .sc-mainbox .tab-content.active{display:grid;grid-template-columns: 5fr 6fr;gap:3rem;opacity:1;transition: opacity 0.8s ease, visibility 0.8s ease;/**background: linear-gradient(180deg, #d7ecff 0%, #ffffff 100%);border-radius:2.2rem;**/padding:1.2rem;}
#lowcode .section5 .sc-mainbox .tab-content .content-left {padding: 3rem;display: flex;flex-direction: column;justify-content: center;}
#lowcode .section5 .sc-mainbox .tab-content .module-title {font-size: 2.5rem;color: #000;padding-bottom: 1rem;}
#lowcode .section5 .sc-mainbox .tab-content .module-desc{font-size: 1.6rem;color: #000;padding-bottom:3rem;}
#lowcode .section5 .sc-mainbox .tab-content ul {list-style: disc;padding: 2rem;line-height: 1.8;}
#lowcode .section5 .sc-mainbox .tab-content ul li{list-style: disc;font-size:1.6rem;padding-bottom:1.5rem;}
#lowcode .section5 .sc-mainbox .tab-content .btngroup{display: flex;align-items: center;gap:2rem;}
#lowcode .section5 .sc-mainbox .tab-content .content-right {position: relative;border-radius: 1.4rem;overflow: hidden;}
#lowcode .section5 .sc-mainbox .tab-content .content-right img {width: 100%;height: auto;}



#lowcode .section6{padding:6rem 0rem 6rem 0rem;background:#fff;border-radius: 2.5rem;}
#lowcode .section6 .container{padding-top:3rem;}
#lowcode .section6 .container .cards{display:grid;grid-template-columns: 1fr 1fr 1fr 1fr;gap:2rem;padding:2rem 0rem;}
#lowcode .section6 .container .cards .card{background: #fff;border-radius: 2rem;overflow: hidden; transition: box-shadow 0.3s ease;border: 0.1rem solid rgba(9, 18, 33, 0.06);    padding: 1rem;    }
#lowcode .section6 .container .cards .card .img-container{width:100%;padding:0rem;    height: 16.8rem;border-radius: 12px;}
#lowcode .section6 .container .cards .card .text-container{padding:2.5rem;gap:1rem;display: flex;flex-direction: column;}
#lowcode .section6 .container .cards .card .tit{font-size: 1.8rem;font-weight: 600;}
#lowcode .section6 .container .cards .card .desc{font-size:1.4rem;color:#595959; }
#lowcode .section6 .container .cards .card .bottom{font-size: 1.4rem;display: flex;align-items: center;justify-content:space-between; color: #808080;flex-wrap: wrap}
#lowcode .section6 .container .cards .card .bottom img{height: 1.4rem;margin-right:0.3rem}
#lowcode .section6 .container .cards .card .bottom a{color: #808080;display: flex;align-items: center;font-size: 1.4rem}

#lowcode .section6 .sc-mainbox .nav-tabs .main{display: flex;justify-content: center;gap: 1rem 2rem;overflow-x:scroll;}
#lowcode .section6 .sc-mainbox .nav-tabs .main::-webkit-scrollbar {display: none;}
#lowcode .section6 .sc-mainbox .nav-tabs .main button{cursor: pointer;font-size: 1.8rem;font-weight:600;position: relative;display: flex;align-items: center;gap:0.5rem;padding: 1rem 3rem;border-radius: 2rem;border: 0.1rem solid rgba(9, 18, 33, 0.06);white-space: nowrap;}
#lowcode .section6 .sc-mainbox .nav-tabs .main button.active{color: #1476ff;background-color: #fff;border: 0.1rem solid rgb(23 120 255);}
#lowcode .section6 .sc-mainbox .nav-tabs .main button i{width: 1.8rem;height: 1.8rem;display: flex;justify-content: center;align-items: center;}
#lowcode .section6 .sc-mainbox .tab-content{display:none;opacity:0;transition: opacity 0.8s ease, visibility 0.8s ease;}
#lowcode .section6 .sc-mainbox .tab-content.active{opacity:1;transition: opacity 0.8s ease, visibility 0.8s ease;display:block;}
#lowcode .section6 .container .cards .card:hover{box-shadow: 0 0.8rem 1.6rem rgba(0,0,0,0.22);}
#lowcode .section6 .btn-s1{font-size: 1.8rem;font-weight:600;padding-top:2rem;gap: 0.8rem;}
#lowcode .section6 .btn-s1::after{width:2rem;height: 2rem;}
#lowcode .section6 .btn-s11{font-size: 1.8rem;font-weight:600;padding-top:2rem;gap: 0.8rem;}








#lowcode .section7 {padding:10rem 0rem 4rem 0rem;background: #f0f3fa url(../images/aibg.png) center / 100% 100% no-repeat;}
#lowcode .section7 .sc-mainbox .preslider{width:60%;margin:2rem auto 0rem auto;position: relative;padding:0 6rem;}
#lowcode .section7 .sc-mainbox .preslider .swiper-cotainer{overflow:hidden;}
#lowcode .section7 .sc-mainbox .preslider .swiper-cotainer .swiper-slide {width: auto;text-align: center;}
#lowcode .section7 .sc-mainbox .preslider .swiper-cotainer .swiper-slide img{height:2rem;}
#lowcode .section7 .sc-mainbox .preslider .swiper-button-prev,#index .section2 .sc-mainbox .preslider .swiper-button-next{width:2.5rem;height:2.5rem;margin-top: -1.25rem;}
#lowcode .section7 .sc-mainbox .preslider .swiper-button-prev:after, #index .section2 .sc-mainbox .preslider .swiper-button-next:after{font-size:1.5rem;}

#lowcode .section7 .sc-mainbox .preslider .swiper-button-prev:after, #lowcode .section7 .sc-mainbox .preslider .swiper-button-next:after{font-size:1.5rem;}
#lowcode .section7 .sc-mainbox .card{background: #ffffffb0;border-radius: 2rem;padding: 3rem;display: flex;flex-direction: column;gap:1.6rem;border: 0.1rem solid rgba(9, 18, 33, 0.06);    transition: all .5s ease;}
#lowcode .section7 .sc-mainbox .card .img-container{padding:0rem;border-radius: 1.5rem;max-height: 28rem;}

#lowcode .section7 .sc-mainbox .card .tit{font-size:2rem;font-weight: 600}
#lowcode .section7 .sc-mainbox .card .desc{font-size:1.6rem;color:#595959; }
#lowcode .section7 .sc-mainbox .card .advan{display: flex;align-items: center;gap:0.5rem;    padding: 0rem 1rem 0rem 1.5rem;}
#lowcode .section7 .sc-mainbox .card .advan label{background-color: #0d29dc17;padding: 0.8rem 2rem;
    border-radius: 1rem;
    font-size: 1.4rem;
    color: #3d46f5;}

#lowcode .section7 .sc-mainbox .container{display: flex;flex-direction: column;gap:2rem;overflow: hidden;}
#lowcode .section7 .sc-mainbox .container .cards{padding:3rem 0rem 5rem 0rem;}
#lowcode .section7 .sc-mainbox .card{background: linear-gradient(180deg,#E7EEFF 0,#F3F6FD 100%);border-radius: 2rem;padding: 1rem 1rem 2rem 1rem;display: flex;flex-direction: column;gap:1.6rem;border: 0.1rem solid rgba(9, 18, 33, 0.06);transition: all .5s ease;}
#lowcode .section7 .sc-mainbox .card .tit{font-size:2.4rem;font-weight: 600;padding: 1rem 1rem 0rem 1.5rem;}
#lowcode .section7 .sc-mainbox .card .desc{font-size:1.6rem;color:#595959;display: flex;flex-direction: column;gap:1rem;    padding: 0rem 1rem 1rem 1.5rem; }
/* #lowcode .section7 .sc-mainbox .card .desc p:before {
    display: block;
    content: "";
    background: url(../images/iconchangjing.png) no-repeat;
    width: 1.6rem;
    height: 1.6rem;
    background-size: cover;
}*/ 
#lowcode .section7 .sc-mainbox .card .desc p {
        list-style-type: none;
        font-size: 1.6rem;
        display: flex;
        align-items: center;
        padding: 1rem 0rem;
        gap: 0.5rem;
    }
#lowcode .section7 .sc-mainbox .card .desc1 {
    font-size: 1.6rem;
    color: #3d46f5;
    display: flex;
    align-items: center;
    gap: 2rem;
    border-top: 1px solid rgb(11 42 85 / 11%);
    margin-top: 1rem;
    padding-top: 1.5rem;
}




#lowcode .section8{padding:6rem 0rem 6rem 0rem;background:#f9fcff;}
#lowcode .section8 .container{padding-top:3rem;}
#lowcode .section8 .sc-mainbox .nav-tabs{margin-bottom: 3rem}


#lowcode .section8 .sc-mainbox .nav-tabs .main{display: flex;justify-content: center;gap:1rem 2rem;}
#lowcode .section8 .sc-mainbox .nav-tabs .main button{cursor: pointer;font-size: 1.8rem;font-weight:600;position: relative;display: flex;align-items: center;gap:0.5rem;padding: 1rem 3rem;border-radius: 2rem;border: 0.1rem solid rgba(9, 18, 33, 0.06);}
#lowcode .section8 .sc-mainbox .nav-tabs .main button.active{color: #ffffff;    background: linear-gradient(82deg, #856EFA 3%, #1366EC 50%, #0087F5 100%);border: 0.1rem solid rgb(61 70 245);}
#lowcode .section8 .sc-mainbox .nav-tabs .main button i{width: 1.8rem;height: 1.8rem;display: flex;justify-content: center;align-items: center;}




#lowcode .section8 .sc-mainbox .tab-content{display:none;opacity:0;transition: opacity 0.8s ease, visibility 0.8s ease;}
#lowcode .section8 .sc-mainbox .tab-content.active{display:flex;justify-content: space-between; opacity:1;transition: opacity 0.8s ease, visibility 0.8s ease;background: #ffffff;border-radius:1.4rem;padding:1.2rem;border: 0.1rem solid rgb(101 102 103 / 7%);    transition: all .5s ease;}
#lowcode .section8 .sc-mainbox .tab-content .content-left {position: relative;border-radius: 1.4rem;overflow: hidden;width: 60%}
#lowcode .section8 .sc-mainbox .tab-content .content-left img {width: 100%;height: auto;}
#lowcode .section8 .sc-mainbox .tab-content .content-right {padding:3rem;width:38%;display: flex;flex-direction: column;justify-content: center;}
#lowcode .section8 .sc-mainbox .tab-content .content-right .module-title {font-size: 2.5rem;color: #000;padding-top:1.5rem;padding-bottom: 1rem;}
#lowcode .section8 .sc-mainbox .tab-content .content-right .module-desc{font-size: 1.6rem;color: #000;padding-bottom:1.5rem;border-bottom: 0.1rem solid #ededee;}
#lowcode .section8 .sc-mainbox .tab-content .content-right ul {list-style: disc;padding-left: 2rem;line-height: 1.8;}
#lowcode .section8 .sc-mainbox .tab-content .content-right ul li{list-style: disc;font-size:1.6rem;}
#lowcode .section8 .sc-mainbox .tab-content .content-right ul li strong{display: block;}
#lowcode .section8 .sc-mainbox .tab-content .content-right .yymk{display: grid;gap:1.5rem;grid-template-columns: 1fr 1fr;} 
#lowcode .section8 .sc-mainbox .tab-content .content-right .yymk .item a{display: flex; align-items: center; gap:1.8rem;font-size: 1.6rem;}
#lowcode .section8 .sc-mainbox .tab-content .content-right .item img{height: 4rem;}   
    

#lowcode .section9{padding:5rem 0rem 5rem 0rem;background:#fff;}
#lowcode .section9 .container{padding-top:3rem;}

#lowcode .section9{padding:8rem 0rem;background:#fff}
#lowcode .section9 .sc-mainbox .container{padding:3rem 0rem;}
#lowcode .section9 .sc-mainbox .sec9swiper{padding:0px 0rem 2rem 0rem;}
#lowcode .section9 .sc-mainbox .sec9swiper .swiper-slide{position: relative;height: 55rem;overflow:hidden;border-radius:2rem}
#lowcode .section9 .sc-mainbox .sec9swiper .swiper-slide .bg{width: 100%;height: 100%;object-fit: cover;    /* 保持比例，裁切左右，居中显示 */object-position: center;  overflow: hidden;
  position: relative;}
#lowcode .section9 .sc-mainbox .sec9swiper .swiper-slide .bg img {
  position: absolute;
  width: auto;
  height: 100%;     /* 高度撑满容器，宽度会超出 */
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); /* 居中 */
}
#lowcode .section9 .sc-mainbox .sec9swiper .swiper-slide .bg:before{ transition: all .5s ease;content: "";width: 100%;  height: 100%;background: linear-gradient(180deg, rgb(0 0 0 / 24%) 0, #070707 100%);position: absolute;top:0;left: 0;z-index: 1}
#lowcode .section9 .sc-mainbox .sec9swiper .swiper-slide .bg img{min-width: 100%;max-height: 100%;max-width: unset;}

#lowcode .section9 .sc-mainbox .sec9swiper .swiper-slide .tit{width: 100%;display: flex;flex-direction: column;padding:3.5rem;bottom:0rem;position: absolute;z-index: 4}
#lowcode .section9 .sc-mainbox .sec9swiper .swiper-slide .tit h3{color: #fff;font-size: 2.8rem;font-weight: 600;padding-bottom: 1rem}
#lowcode .section9 .sc-mainbox .sec9swiper .swiper-slide .tit i {background-image: linear-gradient(222deg,#2379FF 0,#1EFBE9 54%,#A2FF7C 97%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}
#lowcode .section9 .sc-mainbox .sec9swiper .swiper-slide .tit p{font-size: 1.4rem;color:#fff}
#lowcode .section9 .sc-mainbox .sec9swiper .swiper-slide .accordion-icon :before{font-size: 3.5rem;color: #ffffff;}


#lowcode .section9 .sc-mainbox .sec9swiper .swiper-slide .slide-content{ transition: all .5s ease;position: absolute;z-index: 2;top:100%;left:0;padding:3.5rem;color: #fff;display:flex;flex-direction: column;gap:2rem;}
#lowcode .section9 .sc-mainbox .sec9swiper .swiper-slide .slide-content h4{font-size: 1.8rem;font-weight: 600}
#lowcode .section9 .sc-mainbox .sec9swiper .swiper-slide .slide-content .desc{display:grid;grid-template-columns: repeat(3,1fr);gap:0.5rem;}


#lowcode .section9 .sc-mainbox .sec9swiper .swiper-slide .slide-content .desc label{font-size: 1.6rem;display: flex;align-items: center;gap:1rem;color:#fff}
#lowcode .section9 .sc-mainbox .sec9swiper .swiper-slide .slide-content .desc label:before{display:block;content:"";background:url(../images/iconchangjing.png) no-repeat;width: 1.6rem;height: 1.6rem;background-size: cover}



#lowcode .section9 .sc-mainbox .sec9swiper .swiper-slide .slide-content .items{display:grid;grid-template-columns: repeat(2,1fr);gap:1.5rem;}
#lowcode .section9 .sc-mainbox .sec9swiper .swiper-slide .slide-content .items .item{font-size: 1.4rem;display: flex;align-items:center;gap:0.8rem;}
#lowcode .section9 .sc-mainbox .sec9swiper .swiper-slide .slide-content .items .item img{width: 2.8rem;height:2.8rem;}
#lowcode .section9 .sc-mainbox .sec9swiper .swiper-slide .slide-content .items .item span{border-radius: 0.6rem;height: 2rem;display:inline-block;width: 2rem;display: flex;justify-content: center;align-items: center;}
#lowcode .section9 .sc-mainbox .sec9swiper .swiper-slide .slide-content .items .item span i { font-size: 1.2rem;}

#lowcode .section9 .sec9swiper-swiper-button-prev{position: absolute;left:0%;top:calc(50% - 2.3rem);z-index: 2;cursor: pointer; border-radius: 50%;width:4.6rem;height: 4.6rem;}
#lowcode .section9 .sec9swiper-swiper-button-next{position: absolute;right:0%;top:calc(50% - 2.3rem);z-index: 2;cursor: pointer; border-radius: 50%;width:4.6rem;height: 4.6rem;}

#lowcode .section9 .sc-mainbox .sec9swiper .swiper-slide:hover{cursor: pointer;}
#lowcode .section9 .sc-mainbox .sec9swiper .swiper-slide:hover .tit p{font-size: 1.4rem;color:#1476ff;background-image: linear-gradient(222deg, #2379FF 0, #1EFBE9 54%, #7cefff 97%);
    background-clip: text;-webkit-text-fill-color: transparent;}
#lowcode .section9 .sc-mainbox .sec9swiper .swiper-slide:hover .bg:before{ transition: all .5s ease;background: linear-gradient(0deg, rgb(13 13 13 / 83%) 0, #0d0d0dd6 100%)}
#lowcode .section9 .sc-mainbox .sec9swiper .swiper-slide:hover .slide-content{top:2%;}






#lowcode .section10{padding:6rem 0rem 6rem 0rem;background:#f9fcff}
#lowcode .section10::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: url(../images/plane_shape.png) no-repeat center center;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;}
#lowcode .section10 .sc-mainbox .container{display:grid;gap:1.6rem;grid-template-columns: repeat(4, 1fr);padding:3rem 0rem;}
#lowcode .section10 .sc-mainbox .card{background: linear-gradient(253deg, #f9fcff, #37333a00, #815ced0f);border-radius: 2rem;padding: 3rem;display: flex;flex-direction: column;gap:1rem;border: 0.1rem solid rgb(9 18 33 / 8%);    transition: all .5s ease;}
#lowcode .section10 .sc-mainbox .card .tit{font-size:2.4rem;font-weight: 600}
#lowcode .section10 .sc-mainbox .card .desc{font-size:1.6rem;color:#595959; }
#lowcode .section10 .sc-mainbox .card .btn{padding-top: 2rem;padding-bottom: 5rem}
#lowcode .section10 .sc-mainbox .card .img-container{width: 70%;display: flex;align-items: center;justify-content: center;margin: 0 auto;}





#lowcode .section11{padding:6rem 0rem 6rem 0rem;background:#fff}
#lowcode .section11 .sc-mainbox{margin-top: 3rem}
#lowcode .section11 .sc-mainbox .container{display:grid;gap:3rem;grid-template-columns: repeat(2, 1fr);background:#fff;border-radius: 2rem;padding:5rem;border: 0.1rem solid rgb(9 18 33 / 0%);}
#lowcode .section11 .sc-mainbox .card-text{display: flex;flex-direction: column;position: relative;border-left:0.3rem solid #cccccc00}
#lowcode .section11 .sc-mainbox .card-line{position: absolute;left: -0.3rem;top: 0;width: 0.3rem;background:linear-gradient(253deg, #464ef5, #1c66e5, #52dfd7);transition: all 0.3s ease;}

#lowcode .section11 .sc-mainbox .card{position: relative; display: flex;flex-direction: column;gap:1rem;border-bottom: 0.1rem solid #dbdbdb00;margin:0px 2rem;padding:2rem 0rem;}
#lowcode .section11 .sc-mainbox .card:nth-last-child(1){border-bottom:0rem;}
#lowcode .section11 .sc-mainbox .card .tit{font-size:2.4rem;font-weight: 600;display:flex;gap:1rem;align-items: center;width: 100%;position: relative;}
#lowcode .section11 .sc-mainbox .card .tit span{border-radius: 0.6rem;height: 3.1rem;display: block;width: 3.1rem;background-color: #e4f0fc;display: flex;justify-content: center;align-items: center;}
    
    
    
    
    
    
    
    


#lowcode .section11 .sc-mainbox .card .tit:after {font-size: 1.2rem;content: "\f107";font-weight: 900;margin: 0.1rem 0 0 2px;font-family: "Font Awesome 6 Pro";position: absolute;right:1rem;-webkit-transition: .35s;transition: .35s;}
#lowcode .section11 .sc-mainbox .card .tit img{width: 3rem;height: 3rem;}
#lowcode .section11 .sc-mainbox .card .desc{font-size:1.6rem;color:#595959;;height:0rem;overflow:hidden;transition: all 0.3s linear;opacity: 0}

#lowcode .section11 .sc-mainbox .card .mobilepic{height: 0;transition: all 0.3s linear;opacity: 0;border-radius: 1rem;overflow: hidden;}





#lowcode .section11 .sc-mainbox .card .btn{padding-top: 2rem;padding-bottom: 5rem}
#lowcode .section11 .sc-mainbox .card .btn a{background: #dee9fb;padding:1rem 3rem;border-radius: 1.4rem;display:inline-block;}
#lowcode .section11 .sc-mainbox .card .img-container{margin-bottom: -5rem;}
#lowcode .section11 .sc-mainbox .card.active .tit:after{transform: rotate(180deg);}
#lowcode .section11 .sc-mainbox .card.active .desc{height: auto;transition: all 0.3s linear;opacity: 1}
#lowcode .section11 .sc-mainbox .card.active .mobilepic{height: auto;transition: all 0.3s linear;opacity: 1}



#lowcode .section11 .sc-mainbox .card-img .card-inner{display: none;border-radius: 1.5rem;}
#lowcode .section11 .sc-mainbox .card-img .card-inner.active{display: flex;flex-direction: column;align-items: center;}
#lowcode .section11 .sc-mainbox .card-img .card-inner img {border-radius: 1.5rem;}



#lowcode .section12{padding:9rem 0rem;position: relative;overflow:hidden;}
#lowcode .section12 .sc-bg{position: absolute;width:100%;height:100%;top:0rem;left:0rem;z-index:0;border-radius:3rem;overflow:hidden;background:rgba(0,0,0,0.6);}
#lowcode .section12 .sc-bg .card{width: 100%;height:100%;transition: all 0.6s;position:relative;opacity:0}
/* 核心修改：提升伪元素z-index到1，确保覆盖图片 */
#lowcode .section12 .sc-bg .card::before { 
    content: ""; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    background-color: #1b1b22a1; 
    transition: background-color 0.5s ease; 
    z-index: 1; /* 从0改为1 */
}
/* 给img显式设置z-index:0，确保被蒙版覆盖 */
#lowcode .section12 .sc-bg .card img{
    min-height:100%;
    min-width: 100%;
    transform: translate(-50%, -50%);
    position:absolute;
    left:50%;
    top:50%;
    z-index: 0;
    max-width:unset;
}
#lowcode .section12 .sc-bg .card.active{opacity:1;top:0;position:absolute;}
#lowcode .section12 .sc-titbox{z-index:1;position: relative;}
#lowcode .section12 .sc-titbox .tit{color:#fff}
#lowcode .section12 .sc-mainbox .nav-tabs{margin-bottom: 0rem}
#lowcode .section12 .sc-mainbox .nav-tabs .main{display: flex;justify-content: center;gap:1rem 2rem;overflow-x: scroll;}
#lowcode .section12 .sc-mainbox .nav-tabs .main::-webkit-scrollbar {display: none;}

#lowcode .section12 .sc-mainbox .nav-tabs .main button{cursor: pointer;
    font-size: 1.8rem;
    position: relative;
    color: #fff;
    padding: 1rem 4rem;
    border-radius: 2rem;    white-space: nowrap;}
#lowcode .section12 .sc-mainbox .nav-tabs .main button.active{font-weight: 600;
    background: rgb(255 255 255 / 75%);
    color: #323235;
    backdrop-filter: blur(6px);}

#lowcode .section12 .sc-mainbox .container{z-index:1;padding-top:3rem;position: relative;}
#lowcode .section12 .sc-mainbox .tab-content{display:none;opacity:0;transition: opacity 0.8s ease, visibility 0.8s ease;width: 100%;color: #fff}
#lowcode .section12 .sc-mainbox .tab-content.active{display:flex;flex-direction: column;justify-content: center; opacity:1;transition: opacity 0.8s ease, visibility 0.8s ease;}
#lowcode .section12 .sc-mainbox .tab-content .module-title {font-size: 2.5rem;padding-top:2.5rem;padding-bottom:1.5rem;}
#lowcode .section12 .sc-mainbox .tab-content .module-desc{font-size: 1.6rem;padding-bottom:2rem;}
#lowcode .section12 .sc-mainbox .tab-content ul {list-style: disc;padding-left: 2rem;line-height: 1.8;}
#lowcode .section12 .sc-mainbox .tab-content ul li{list-style: disc;font-size:1.6rem;}
#lowcode .section12 .sc-mainbox .tab-content ul li strong{display: block;}
#lowcode .section12 .sc-mainbox .tab-content .yyjz{display: flex;gap:2.5rem;font-size:1.6rem;} 

#lowcode .section12 .sc-mainbox .tab-content .yyjz .item{font-size:1.6rem;position: relative;padding-right:3rem;}
#lowcode .section12 .sc-mainbox .tab-content .yyjz .item .s1{font-size: 2.8rem;font-weight:600}
#lowcode .section12 .sc-mainbox .tab-content .yyjz .item p{font-size: 1.6rem;}
#lowcode .section12 .sc-mainbox .tab-content .yyjz .item:after{content: "";width:1px;height:4.5rem;display:block;background:#85888b;position: absolute;right:0rem;top:50%;transform: translateY(-50%);}
#lowcode .section12 .sc-mainbox .tab-content .yyjz .item:nth-last-child(1):after{display: none}



#lowcode .section12 .sc-mainbox .tab-content .yyjz .s1{font-size: 2.5rem;display: flex;align-items: flex-end;font-weight: 600;}
#lowcode .section12 .sc-mainbox .tab-content .yyjz .s1 svg{height: 2rem;display: inline-block;}   
#lowcode .section12 .sc-mainbox .tab-content .yyjz .s1 span{display: flex;align-items: center;font-size:2rem;padding:0px 0.5rem;}
#lowcode .section12 .sc-mainbox .tab-content .btn{padding-top: 4rem;padding-bottom: 4rem;}
#lowcode .section12 .sc-mainbox .tab-content .btn .btn-s2{color: #fff;font-size:1.4rem;line-height: 2.5}
#lowcode .section12 .sc-mainbox .tab-content .btn .btn-s2:after{width: 2rem;height:2rem;}
#lowcode .section13{padding:6rem 0rem 6rem 0rem;background:#fff;}
#lowcode .section13 .sc-mainbox .container{display:grid;gap:2rem;grid-template-columns: repeat(3, 1fr);padding:4rem 0rem;}
#lowcode .section13 .sc-mainbox .cards{display:flex;flex-direction: column;gap:2rem;}
#lowcode .section13 .sc-mainbox .card{background: #;border-radius: 2rem;padding: 3rem;display: flex;flex-direction: column;gap:1rem;border: 0.1rem solid rgba(9, 18, 33, 0.06);    transition: all .5s ease;}
#lowcode .section13 .sc-mainbox .img-container{height: 6rem;justify-content:flex-start;}
#lowcode .section13 .sc-mainbox .img-container img{height: 6rem;width:auto;}
#lowcode .section13 .sc-mainbox .card .tit{font-size:2.4rem;font-weight: 600;margin-top:1.5rem;}
#lowcode .section13 .sc-mainbox .card ul{padding-left:2rem}
#lowcode .section13 .sc-mainbox .card ul li{font-size:1.6rem;color:#595959;;list-style: disc;}


#lowcode .section14{padding:6rem 0rem 6rem 0rem;background:#fff;}
#lowcode .section14 .sc-mainbox .container{display:grid;gap:2rem;grid-template-columns: repeat(3, 1fr);padding:4rem 0rem;}
#lowcode .section14 .sc-mainbox .cards{display:flex;flex-direction: column;gap:2rem;}
#lowcode .section14 .sc-mainbox .card{border-radius: 2rem;padding: 3rem;display: flex;flex-direction: column;gap:1rem;border: 0.1rem solid rgba(9, 18, 33, 0.06);    transition: all .5s ease;}
#lowcode .section14 .sc-mainbox .img-container{height: 6rem;justify-content:flex-start;}
#lowcode .section14 .sc-mainbox .img-container img{height: 8rem;width:auto;}
#lowcode .section14 .sc-mainbox .card .tit{font-size:2.4rem;font-weight: 600;margin-top:1.5rem;}
#lowcode .section14 .sc-mainbox .card .desc{font-size:1.6rem;color:#595959;;}


#lowcode .section15{background:linear-gradient(180deg, rgb(15 16 16 / 37%) 0, #0f101094 100%), url(../images/lowcase/guanggao.jpg) no-repeat center center;background-size:cover;padding:8rem 0;    border-radius: 2.5rem;}
#lowcode .section15 .sc-titbox .tit{color:#fff}
#lowcode .section15 .sc-mainbox .container {display: grid;grid-template-columns: repeat(4, 1fr);color: #fff;font-size: 1.6rem;align-items: flex-start;padding-top: 0rem;max-width:1100px}
#lowcode .section15 .sc-mainbox .container .card{display:flex;flex-direction: column; gap:1rem;position: relative;}
#lowcode .section15 .sc-mainbox .container .card:after{content:"";height: 5rem;width: 1px;background-color: #fff;position: absolute;right:0rem;top:50%;transform: translateY(-50%)}
#lowcode .section15 .sc-mainbox .container .card:nth-last-child(1):after{display: none}
#lowcode .section15 .sc-mainbox .container .stat-number{display: flex;justify-content: center;align-items: flex-end;gap:0.5rem;}
#lowcode .section15 .sc-mainbox .container .stat-number .counter {font-size:5rem;text-align: center; font-weight: 600;}
#lowcode .section15 .sc-mainbox .container .stat-number span{font-size:2.2rem;font-weight: 400}
#lowcode .section15 .sc-mainbox .container .stat-label {font-size: 2rem;opacity: 0.9;text-align: center;}



#lowcode .section16{padding:8rem 0rem;background:#f9fcff url(../images/product-experience-bg.png) no-repeat center bottom;background-repeat:no-repeat; background-size:cover;}
#lowcode .section16 .container{display: flex;justify-content: center;align-items: center;flex-direction: column;}
#lowcode .section16 .tit{font-size: 5.6rem;font-weight: 600;;text-align: center;color: #000}
#lowcode .section16 .btn{margin-top:2.4rem;display: inline-block;border-radius: 1.8rem;line-height: 4.8rem;padding: 0 4.8rem;transition: 0.3s;border: 0.1rem solid rgba(255, 255, 255, 0.7);color: rgb(255, 255, 255);background: #000}


#lowcode .section17{padding:3rem 0rem;background:#f9fcff;}
#lowcode .section17 .container{display:flex;justify-content: center;align-items: center;}
#lowcode .section17 .container .card{width: 20%;display: flex;align-content:center;gap:1rem;}
#lowcode .section17 .container .card .card-icon img{width:4rem;height: 4rem}
#lowcode .section17 .container .card .card-txt{display: flex;flex-direction: column;color: #595959;font-size: 1.2rem;line-height: 1.8rem;}
#lowcode .section17 .container .card .card-txt .s1{;font-size:1.6rem;line-height: 2rem;margin-bottom: 0.5rem;}





#lowcode .section18{padding:8rem 0rem 6rem 0rem;}
#lowcode .section18 .sc-titbox{text-align: left}
#lowcode .section18 .sc-titbox .subtit{justify-content: flex-start;}

#lowcode .section18 .container{display:grid;grid-template-columns: 0.6fr 1.2fr;align-items: center;gap:2rem;}


#lowcode .section18 .container .sc-mainbox{}
#lowcode .section18 .container .sc-mainbox .cards{display:grid;grid-template-columns: 1fr 1fr;width:100%;gap:2rem;}
#lowcode .section18 .container .card{background: #ffffffb0;border-radius: 2rem;padding: 3rem;display: flex;flex-direction: column;gap:1.6rem;border: 0.1rem solid rgba(9, 18, 33, 0.06);    transition: all .5s ease;}
#lowcode .section18 .container .card .img-container{height: 8rem;width:8rem;}
#lowcode .section18 .container .card .tit{font-size:2rem;font-weight: 600}
#lowcode .section18 .container .card .desc{font-size:1.6rem;color:#595959; }
#lowcode .section18 .container .card .advan{display: flex;align-items: center;gap:0.5rem;}
#lowcode .section18 .container .card .advan label{background-color: #0d29dc17;padding:0.3rem 0.5rem;border-radius: 0.5rem;}
#lowcode .section18 .container .card .advan.advan1 label{background-color: #099cb329;color: #099cb3;padding: 0.5rem 1rem;border-radius: 1rem;font-size: 1.4rem;}
#lowcode .section18 .container .card .advan.advan2 label{background-color: #ff000012;color: #FF0000;padding: 0.5rem 1rem;border-radius: 1rem;font-size: 1.4rem;}
#lowcode .section18 .container .card .advan.advan3 label{background-color: #3d46f52e;color: #3d46f5;padding: 0.5rem 1rem;border-radius: 1rem;font-size: 1.4rem;}
#lowcode .section18 .container .card .advan.advan4 label{background-color: #ead9f0;color: #7b22b0;padding: 0.5rem 1rem;border-radius: 1rem;font-size: 1.4rem;}
#lowcode .section6 .container .cards .card .bottom {display: none}
#lowcode .section19{padding:10rem 0rem 6rem 0rem;background: #f9fcff url(../images/ddmcp.png) center / 100% 100% no-repeat;border-radius: 3.6rem;}
#lowcode .section19::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #02021b80; transition: background-color 0.5s ease; z-index: 0;    border-radius: 3.6rem;}
#lowcode .section19 .sc-titbox .tit{color: #ffffff}
#lowcode .section19 .sc-titbox .subtit {color: #fff}
#lowcode .section19 .sc-mainbox .container{display:grid;gap:1.6rem;grid-template-columns:1fr 1fr 1fr 1fr;padding:3rem 0rem;}
#lowcode .section19 .sc-mainbox .cards{display:flex;flex-direction: column;gap:1rem;}
#lowcode .section19 .sc-mainbox .card{background-color: rgb(30 41 59 / 8%); border-radius: 2rem;padding: 4rem;display: flex;flex-direction: column;gap: 1rem;border: 0.1rem solid rgba(1, 9, 21, 0.1);    position: relative;transition: all .5s ease;border: 0.1rem solid rgb(147 138 138 / 69%);
    backdrop-filter: blur(4rem);}
#lowcode .section19 .sc-mainbox .card:hover::before {
      content: "";
      position: absolute;
      inset: 0;
      border-radius: 16px;
      padding: 2px;
      background: conic-gradient(#a661ff, #ff61ad, #61b3ff, #4d7eff, #a661ff);
      -webkit-mask: linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
      mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
      -webkit-mask-composite: xor;
      mask-composite: exclude;
      pointer-events: none;
    }
#lowcode .section19 .sc-mainbox .card .img-container{width:100%;height:100%;top:0;left:0;z-index: 0;display: flex;justify-content: center;align-items: center;}
#lowcode .section19 .sc-mainbox .card .img-container img{height: 18rem;width: auto}
#lowcode .section19 .sc-mainbox .card .txt-container{display:flex;flex-direction: column;gap:1rem;margin-top: 2rem}
#lowcode .section19 .sc-mainbox .card h4{font-size:2.4rem;font-weight: 600;color: #FFFFFF;text-align: left;}
#lowcode .section19 .sc-mainbox .card .txt-container p{font-size: 1.4rem;color: #FFFFFF;position: relative;margin-bottom: 0.8rem;text-align: left;}
/*#lowcode .section19 .sc-mainbox .card .txt-container p::before {content: '';width: 6px;height: 6px;border-radius: 50%;background: #595959;position: absolute;left: 0;top: 8px;}*/
#lowcode .section19 .sc-mainbox .card .txt-container .desc {
    font-size: 1.6rem;
    color: #858aeb;
    display: flex;
    align-items: center;
    gap: 1rem;
	border-top: 1px solid rgb(227 232 239 / 10%);
    margin-top: 1rem;
    padding-top: 1.5rem;
}
#lowcode .section19 .sc-mainbox .card .txt-container ul li{display: flex;gap:1rem;line-height: 1.6rem;padding:0.8rem 0rem;}
#lowcode .section19 .sc-mainbox .card .txt-container ul li p{margin:0;}
#lowcode .section19 .sc-mainbox .card .txt-container ul li:before {
    display: block;
    content: "";
    background: url(../images/iconchangjing.png) no-repeat;
    width: 1.6rem;
    height: 1.6rem;
    background-size: cover;
}













#lowcode .section20 {padding:6rem 0rem 4rem 0rem;background: #f9fcff url(../images/aibg.png) center / 100% 100% no-repeat;}
#lowcode .section20 .sc-mainbox .preslider{width:60%;margin:2rem auto 0rem auto;position: relative;padding:0 6rem;}
#lowcode .section20 .sc-mainbox .preslider .swiper-cotainer{overflow:hidden;}
#lowcode .section20 .sc-mainbox .preslider .swiper-cotainer .swiper-slide {width: auto;text-align: center;}
#lowcode .section20 .sc-mainbox .preslider .swiper-cotainer .swiper-slide img{height:2rem;}
#lowcode .section20 .sc-mainbox .preslider .swiper-button-prev,#lowcode .section20 .sc-mainbox .preslider .swiper-button-next{width:2.5rem;height:2.5rem;margin-top: -1.25rem;}

#lowcode .section3 .sc-mainbox .preslider .swiper-button-prev:after, #lowcode .section20 .sc-mainbox .preslider .swiper-button-next:after{font-size:1.5rem;}


#lowcode .section20 .sc-mainbox .card .img-container{padding: 3rem 3rem 0rem 3rem;border-radius: 1rem;}
#lowcode .section20 .sc-mainbox .container{display: flex;flex-direction: column;gap:5rem;overflow: hidden;}


#lowcode .section20 .sc-mainbox .container .engine-card {
            background: #111213 url(../images/ddmai.png) center / 100% 100% no-repeat;
            border-radius: 3.6rem;
            padding: 10rem 10rem;
            color: #fff;
            position: relative;
            overflow: hidden;
        }

#lowcode .section20 .sc-mainbox .container .card-inner {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            gap: 3rem;
            position: relative;
            z-index: 1;
        }
#lowcode .section20 .sc-mainbox .container .column {
            width: 42%;
        }
#lowcode .section20 .sc-mainbox .container .col-title {    display: inline-flex;
    align-items: center;
    gap: 1.5rem;
    font-size: 1.8rem;
    margin-bottom: 1rem;
    background: linear-gradient(253deg, #2013e1, #8e3ee7);
    padding: 1.5rem 3rem;
    border-radius: 1.5rem;
    color: #fff;
    font-weight: 600;
        }

#lowcode .section20 .sc-mainbox .container .col-title .tag {
            font-size: 1.2rem;
            padding: 0.6rem 1.2rem;

            background:#5f13b4;
            margin-left: 2rem;
            border-radius: 1.5rem;
            color: #fff;

        }
#lowcode .section20 .sc-mainbox .container .col-title i {
          
            font-size: 2.3rem;
        }

#lowcode .section20 .sc-mainbox .container .col-desc{font-size:1.4rem; color:#aaa; margin-bottom:2rem;}
#lowcode .section20 .sc-mainbox .container .col-right .col-title {background:linear-gradient(253deg, #4bddb0,  #3638f5);}
#lowcode .section20 .sc-mainbox .container .col-right .feature-item {background:rgba(255,255,255,0.08);border-left:0.4rem solid #3f36ef;}
#lowcode .section20 .sc-mainbox .container .col-right .feature-item .icon {background:linear-gradient(253deg, #4bddb0,  #3638f5);}
#lowcode .section20 .sc-mainbox .container .col-right .col-title .tag {background:#4c34e7;}


#lowcode .section20 .sc-mainbox .container .process-line {
            position: absolute;
            left: 50%;
            top: 3rem;
            transform: translateX(-50%);
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 1.2rem;
        }
#lowcode .section20 .sc-mainbox .container .process-circle {
            width: 6rem;
            height: 6rem;
            border-radius: 50%;
            background: linear-gradient(135deg, #965cd7, #4535eb);
            display: flex;
            align-items: center;
            justify-content: center;  
        }
#lowcode .section20 .sc-mainbox .container .process-line .process-items{display: flex;flex-direction: column;gap:1rem;position: relative;padding:2rem 0rem 10rem 0rem}

#lowcode .section20 .sc-mainbox .container .process-line .process-items:before{content:"";height:100%;position: absolute;z-index: 0;display: block;top:0;left:calc(50% - 0.1rem);width: 0.2rem;
  
    background: linear-gradient(to bottom,
        #7c3aed 0%,
        #38bdf8 50%,
        rgba(56, 189, 248, 0) 100% 
    );
    border-radius: 0.4rem}

#lowcode .section20 .sc-mainbox .container .process-line .process-item {
            background: #1d20216e;
            border: 0.1rem solid #60666873;
            padding: 0.5rem 1.5rem;
            border-radius: 1rem;
            color: #ccc;
            font-size: 1.4rem;
            display: flex;
            align-items: center;
            gap:0.5rem;
            z-index: 1
        }
#lowcode .section20 .sc-mainbox .container .process-line .process-item i{font-size:1.4rem;}
#lowcode .section20 .sc-mainbox .container .process-line .process-item:nth-child(2) {background:#1d20216e;}
#lowcode .section20 .sc-mainbox .container .process-line .process-item:nth-child(3) {background:linear-gradient(135deg, #965cd7, #4535eb);}
#lowcode .section20 .sc-mainbox .container .process-line .arrow {color: #fff;font-size: 1.2rem;}
#lowcode .section20 .sc-mainbox .container .process-line .arrow span{color:#0cbbff;display: block;text-align: center;}


#lowcode .section20 .sc-mainbox .container .feature-item {
            background: rgba(255,255,255,0.08);
            border-radius: 1rem;
            padding: 2rem;
            margin-bottom: 1.5rem;
            display: flex;
            gap: 1rem;
            border-left:0.3rem solid #7d3af0;border-left: 0.4rem solid #7c3aed;
        }
#lowcode .section20 .sc-mainbox .container .feature-item .icon {
            width: 4rem;
            height: 4rem;
            border-radius:1rem;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            color: #fff;
            font-size: 2.4rem;
            background:linear-gradient(253deg, #2013e1, #8e3ee7);
        }
     
#lowcode .section20 .sc-mainbox .container .feature-item .text h4 {font-size: 1.6rem;}
#lowcode .section20 .sc-mainbox .container .feature-item .text p {font-size: 1.4rem;color: #aaa;}
#lowcode .section20 .sc-mainbox .container .bottom-tags {display: flex;justify-content: center;gap: 1rem;margin-top: 5rem;flex-wrap: wrap;}
#lowcode .section20 .sc-mainbox .container  .tag-item {background:#1d20216e;border: 0.1rem solid #60666873;border-radius: 1rem;padding: 2rem 6rem;text-align: center;font-size: 1.6rem;}
#lowcode .section20 .sc-mainbox .container  .tag-item .num {font-weight: bold;background-image: conic-gradient(#a661ff, #ff61ad, #61b3ff, #4d7eff, #a661ff);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
#lowcode .section20 .sc-mainbox .container .tag-item p{font-size: 1.2rem;color:#aaa;}
#lowcode .section20 .sc-mainbox .container .spangreen{color: #4ed2b3}


/**低代码END**/










/**OA**/
#oa{color:#252b3a;}
#oa .banner{background:url(../images/oa/oa-bg.png) no-repeat top center;background-size:cover;}
#oa .banner .container{display: flex;justify-content: center;align-items: center;flex-direction: column;padding:20rem 0rem 10rem 0rem;gap:1rem;}
#oa .banner .container .icon{ filter: drop-shadow(0px 1.2rem 1.5rem rgba(255, 21, 0, .3));width: 9rem;height: 9rem}

#oa .banner .container h1{font-size: 4.8rem;}
#oa .banner .container h1 span{background-image: linear-gradient(253deg,#ac61ff,#005eff);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
#oa .banner .container .s1{font-size:1.8rem;}
#oa .banner .container .btngroup{display:flex;gap:2rem;margin-top: 1rem;padding-bottom: 10rem}
/*#oa .banner .container .btngroup a{background:#191919;padding:1rem 3rem;border-radius: 1.5rem;color: #fff}*/


#oa .section1{padding:6rem 0rem 6rem 0rem;background:#fff;}
#oa .section1 .sc-mainbox .container{display:grid;gap:2rem;grid-template-columns: repeat(3, 1fr);padding:4rem 0rem;}
#oa .section1 .sc-mainbox .cards{display:flex;flex-direction: column;gap:2rem;}
#oa .section1 .sc-mainbox .card{background: #ffffff00;border-radius: 2rem;padding: 3rem;display: flex;flex-direction: column;gap:1rem;border: 0.1rem solid rgba(9, 18, 33, 0.06);
    transition: all .5s ease;}
#oa .section1 .sc-mainbox .img-container{height: 6rem;justify-content:flex-start;}
#oa .section1 .sc-mainbox .img-container img{height: 4rem;width: auto}
#oa .section1 .sc-mainbox .card .tit{font-size:2.4rem;font-weight: 600;margin-top:1.5rem;}
#oa .section1 .sc-mainbox .card ul{padding-left:2rem}
#oa .section1 .sc-mainbox .card ul li{font-size:1.6rem;color:#595959;list-style: disc;}







#oa .section2{background:#f9fcff url(../images/aibg.png) center / 100% 100% no-repeat;padding:6rem 0rem 6rem 0rem;border-radius:3.6rem;    border: 0.1rem solid rgb(9 18 33 / 4%);}
#oa .section2 .sc-titbox .tit{color: #000000}
#oa .section2 .sc-titbox .btn-s1{color: #fff}
#oa .section2 .sc-titbox .subtit button{border:#fff;color: #fff;background:none;border:1px solid #fff}
#oa .section2 .sc-mainbox .nav-tabs {display: flex;margin-top: 3rem;margin-bottom: 3rem;justify-content: center;align-items: center;}
#oa .section2 .sc-mainbox .nav-tabs .main{background: linear-gradient(95.41deg, #1aafd814 22.1%, #3055eb08 54.17%, #b443ff0f 87.29%); padding:0.6rem;border-radius:2.6rem;position: relative;display: flex;align-items: center;justify-content:flex-start;overflow-x: scroll;}
#oa .section2 .sc-mainbox .nav-tabs .main:before {
      content: "";
      position: absolute;
      inset: 0;
      padding: 1.5px;
      background: conic-gradient(#a661ff36, #ff61ad30, #61b3ff30, #4d7eff3b, #a661ff33);
      -webkit-mask: linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
border-radius:2.6rem;
      mask-composite: exclude;
      pointer-events: none;
    }
#oa .section2 .sc-mainbox .nav-tabs .main::-webkit-scrollbar {display: none;}

#oa .section2 .sc-mainbox .nav-tabs .tab-btn {
    border: none;
    cursor: pointer;
    font-size:1.8rem;
    /* 唯一修改：给color加0.2s延迟，滑块先滑，文字后变，核心解决提前变白 */
    transition: background 0.3s, color 0.6s ease 0.1s;
    font-weight: 600;
    line-height:4rem;
    padding: 0 3.5rem;
    color: #0f0e0e;
    bottom: 0;
    background: #00000000;
    z-index: 9999;
    border-radius: 2rem;
    white-space: nowrap;
   

}
#oa .section2 .sc-mainbox .nav-tabs .tab-btn.active {
    color: #ffffff;
    z-index: 99;
}
#oa .section2 .sc-mainbox .nav-tabs .tab-slider{
    color: #1f1c1c;
    cursor: pointer;
    font-weight: 600;
    position: absolute;
    bottom: 0;
    background: linear-gradient(82deg, #856EFA 3%, #1366EC 50%, #0087F5 100%);
    transition: left 0.6s ease, width 0.6s ease;
    z-index: 1;
    border-radius: 2rem;
}




















#oa .section2 .sc-mainbox .tab-content{display:none;opacity:0;transition: opacity 0.8s ease, visibility 0.8s ease;}
#oa .section2 .sc-mainbox .tab-content.active{display:grid;grid-template-columns: 1fr 1fr;gap:3rem;opacity:1;transition: opacity 0.8s ease, visibility 0.8s ease;/*background: linear-gradient(180deg, #d7ecff 0%, #ffffff 100%);border-radius:2.2rem;*/padding:1.2rem;}
#oa .section2 .sc-mainbox .tab-content .content-left {padding:3rem;    display: flex;flex-direction: column;justify-content: center;}
#oa .section2 .sc-mainbox .tab-content .module-title {font-size: 2.4rem;color: #000;padding-bottom: 1rem;}
#oa .section2 .sc-mainbox .tab-content .module-desc{font-size: 1.6rem;color: #000;padding-bottom:4rem;}
#oa .section2 .sc-mainbox .tab-content ul {line-height: 2.2;}
#oa .section2 .sc-mainbox .tab-content ul li{list-style: none;font-size:1.6rem;}
#oa .section2 .sc-mainbox .tab-content .btngroup{display: flex;align-items: center;gap:2rem;padding-top:4.5rem}
#oa .section2 .sc-mainbox .tab-content .btngroup a{font-size: 1.4rem}
#oa .section2 .sc-mainbox .tab-content .btngroup a:after{width: 2rem;height:2rem;}
#oa .section2 .sc-mainbox .tab-content .content-right {position: relative;border-radius: 1.4rem;overflow: hidden;}
#oa .section2 .sc-mainbox .tab-content .content-right img {width: 100%;height: auto;}



#oa .section3 {padding:6rem 0rem 4rem 0rem;background: #f9fcff url(../images/aibg.png) center / 100% 100% no-repeat;}
#oa .section3 .sc-mainbox .preslider{width:60%;margin:2rem auto 0rem auto;position: relative;padding:0 6rem;}
#oa .section3 .sc-mainbox .preslider .swiper-cotainer{overflow:hidden;}
#oa .section3 .sc-mainbox .preslider .swiper-cotainer .swiper-slide {width: auto;text-align: center;}
#oa .section3 .sc-mainbox .preslider .swiper-cotainer .swiper-slide img{height:2rem;}
#oa .section3 .sc-mainbox .preslider .swiper-button-prev,#oa .section3 .sc-mainbox .preslider .swiper-button-next{width:2.5rem;height:2.5rem;margin-top: -1.25rem;}

#oa .section3 .sc-mainbox .preslider .swiper-button-prev:after, #oa .section3 .sc-mainbox .preslider .swiper-button-next:after{font-size:1.5rem;}


#oa .section3 .sc-mainbox .card .img-container{padding:3rem 3rem 0rem 3rem;border-radius: 1.5rem;}
#oa .section3 .sc-mainbox .card .img-container img {border-radius: 1.5rem 1.5rem 0rem 0rem;}
#oa .section3 .sc-mainbox .container{display: flex;flex-direction: column;gap:2rem;overflow: hidden;}
#oa .section3 .sc-mainbox .container .cards{padding:3rem 0rem;}
#oa .section3 .sc-mainbox .card{    background: #ffffff00;
    border-radius: 2rem;
    padding: 0rem;
    display: flex;
    flex-direction: column;
    gap: 1.8rem;
    border: 0.1rem solid rgb(9 18 33 / 0%);
    transition: all .1s ease;}
#oa .section3 .sc-mainbox .card .tit{font-size:2.4rem;font-weight: 600}
#oa .section3 .sc-mainbox .card .desc{font-size:1.6rem;color:#595959; }
#oa .section3 .sc-mainbox .card .advan{display: flex;flex-wrap:wrap;align-items: center;gap:0.5rem;}
#oa .section3 .sc-mainbox .card .advan label{background-color: #0d29dc17;}
#oa .section3 .sc-mainbox .card .advan label img{width:1.6rem;height: 1.6rem;margin-right:0.5rem}
    
    



#oa .section4{padding:6rem 0rem 6rem 0rem;background:#f9fcff;}


#oa .section4 .sc-mainbox .container{padding-top:3rem;display: grid;grid-template-columns:1fr 1fr;gap:3rem;}
#oa .section4 .sc-mainbox .card{display:flex;justify-content: space-between;background: #fff;border-radius:3rem;padding:1.2rem;position: relative;    border: 0.1rem solid rgba(9, 18, 33, 0.06);transition: all .5s ease;}
#oa .section4 .sc-mainbox .card .tips {background: rgba(166, 77, 0, .1);border-radius: 0 2.4rem 0 2.4rem;color: #a64d00;font-size: 1.2rem;line-height: 2.4rem;padding: 0 1.6rem;position: absolute;
    right: 0;top: 0;z-index: 1}




#oa .section4 .sc-mainbox .card{display: grid;grid-template-columns: 1fr 1fr;gap:2rem;}
#oa .section4 .sc-mainbox .card .content-left {padding:3rem;display: flex;flex-direction: column;}
#oa .section4 .sc-mainbox .card .content-left img{height: 4.8rem}
#oa .section4 .sc-mainbox .card .content-left .module-title {font-size:2rem;color: #000;padding-top:3rem;padding-bottom: 1rem;}
#oa .section4 .sc-mainbox .card .content-left .module-desc{font-size: 1.4rem;color: #000;padding-bottom:8rem;}
#oa .section4 .sc-mainbox .card .content-left .btn a{font-size: 1.8rem;font-weight: 600} 
#oa .section4 .sc-mainbox .card .content-left .btn a:after{width: 2rem;height: 2rem;} 


#oa .section4 .sc-mainbox .card .content-right {position: relative;border-radius: 1.4rem;overflow: hidden;}
#oa .section4 .sc-mainbox .card .content-right .img-container{width: 100%;height:100%;}
#oa .section4 .sc-mainbox .card .content-right img {width: 100%;height: auto;object-fit: fill}


#oa .section5{padding:0px 0rem 8rem 0rem;background:#f9fcff;}
#oa .section5 .container{background:linear-gradient(323deg, #71d6e1, #ac61ff, #3638f5);background-size: cover;padding:2rem 20rem;border-radius: 3rem;font-size:2rem;font-weight: 600;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;color: #ffffff;}
#oa .section5 .container .btn{border:1px solid #ffffff;;color: #ffffff;font-size: 1.4rem;padding:1rem 3rem;border-radius: 1.8rem}








#oa .section6{padding:5rem 0rem 5rem 0rem;background:#fff;}
#oa .section6 .container{padding-top:3rem;}

#oa .section6{padding:6rem 0rem 6rem 0rem;background:#fff}
#oa .section6 .sc-mainbox .container{padding:3rem 0rem;}
#oa .section6 .sc-mainbox .sec6swiper{padding:0px 0rem 2rem 0rem;}
#oa .section6 .sc-mainbox .sec6swiper .swiper-slide{position: relative;height: 55rem;overflow:hidden;border-radius:2rem}
#oa .section6 .sc-mainbox .sec6swiper .swiper-slide .bg{width: 100%;height: 100%; overflow: hidden;position: relative;}
#oa .section6 .sc-mainbox .sec6swiper .swiper-slide .bg img {
  position: absolute;
  width: auto;
  height: 100%;     /* 高度撑满容器，宽度会超出 */
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); /* 居中 */
}
#oa .section6 .sc-mainbox .sec6swiper .swiper-slide .bg:before{ transition: all .5s ease;content: "";width: 100%;  height: 100%;background: linear-gradient(180deg, rgb(0 0 0 / 0%) 0, #000 100%);position: absolute;top:0;left: 0;z-index: 1}
#oa .section6 .sc-mainbox .sec6swiper .swiper-slide .bg img{min-width:100%;max-height:100%;max-width: unset}

#oa .section6 .sc-mainbox .sec6swiper .swiper-slide .tit{width: 100%;display: flex;flex-direction: column;padding:3.5rem;bottom:0rem;position: absolute;z-index: 4}
#oa .section6 .sc-mainbox .sec6swiper .swiper-slide .tit i {background-image: linear-gradient(222deg,#2379FF 0,#1EFBE9 54%,#A2FF7C 97%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}
#oa .section6 .sc-mainbox .sec6swiper .swiper-slide .tit h3{color: #fff;font-size: 2.8rem;font-weight: 600;padding-bottom: 1rem}
#oa .section6 .sc-mainbox .sec6swiper .swiper-slide .tit p{font-size: 1.4rem;color:#ffffff}

#oa .section6 .sc-mainbox .sec6swiper .swiper-slide .accordion-icon :before{font-size: 3.5rem;color: #ffffff;}

#oa .section6 .sc-mainbox .sec6swiper .swiper-slide .slide-content{ transition: all .5s ease;position: absolute;z-index: 2;top:100%;left:0;padding:3.5rem 2.8rem 3.5rem 2.8rem;color: #fff;display:flex;flex-direction: column;gap:2rem;}
#oa .section6 .sc-mainbox .sec6swiper .swiper-slide .slide-content h4{font-size: 1.8rem;font-weight: 600}
#oa .section6 .sc-mainbox .sec6swiper .swiper-slide .slide-content .desc{display:grid;grid-template-columns: repeat(3,1fr);gap:0.5rem;}
#oa .section6 .sc-mainbox .sec6swiper .swiper-slide .slide-content .desc span{display:flex;align-items:center;gap:1px;}
#oa .section6 .sc-mainbox .sec6swiper .swiper-slide .slide-content .items{display:grid;grid-template-columns: repeat(2,1fr);gap:1.5rem;}
#oa .section6 .sc-mainbox .sec6swiper .swiper-slide .slide-content .items .item{font-size: 1.4rem;display: flex;align-items:center;gap:0.8rem;}
#oa .section6 .sc-mainbox .sec6swiper .swiper-slide .slide-content .items .item img{width: 2.8rem;height:2.8rem;}
#oa .section6 .sc-mainbox .sec6swiper .swiper-slide .slide-content .items .item span{border-radius: 0.6rem;height: 2rem;display:inline-block;width: 2rem;display: flex;justify-content: center;align-items: center;}
#oa .section6 .sc-mainbox .sec6swiper .swiper-slide .slide-content .items .item span i {font-size: 1.2rem;}
#oa .section6 .sc-mainbox .sec6swiper .swiper-slide .slide-content .desc label{font-size: 1.6rem;display: flex;align-items: center;gap:1rem;color:#fff}
#oa .section6 .sc-mainbox .sec6swiper .swiper-slide .slide-content .desc label:before{display:block;content:"";background:url(../images/iconchangjing.png) no-repeat;width: 1.6rem;height: 1.6rem;background-size: cover}

#oa .section6 .sec6swiper-swiper-button-prev{position: absolute;left:0%;top:calc(50% - 2.3rem);z-index: 2;cursor: pointer; border-radius: 50%;width:4.6rem;height: 4.6rem;}
#oa .section6 .sec6swiper-swiper-button-next{position: absolute;right:0%;top:calc(50% - 2.3rem);z-index: 2;cursor: pointer; border-radius: 50%;width:4.6rem;height: 4.6rem;}

#oa .section6 .sc-mainbox .sec6swiper .swiper-slide:hover{cursor: pointer;}
#oa .section6 .sc-mainbox .sec6swiper .swiper-slide:hover .tit p{font-size: 1.4rem;color:#1476ff;background-image: linear-gradient(222deg, #2379FF 0, #1EFBE9 54%, #7cefff 97%);
    background-clip: text;-webkit-text-fill-color: transparent;}
#oa .section6 .sc-mainbox .sec6swiper .swiper-slide:hover .bg:before{ transition: all .5s ease;background: linear-gradient(0deg, rgb(13 13 13 / 83%) 0, #0d0d0dd6 100%)}
#oa .section6 .sc-mainbox .sec6swiper .swiper-slide:hover .slide-content{top:8%;}







/**
#oa .section6{padding:8rem 0rem 8rem 0rem;background:#fff;}
#oa .section6 .container{width:100%;padding-top:3rem;}

#oa .section6{padding:8rem 0rem;}
#oa .section6 .sc-mainbox .container{padding:3rem 0rem;}
#oa .section6 .sc-mainbox .container{display:flex;flex-direction: column;justify-content: center; gap:2rem;}
#oa .section6 .hycx{width: 100%}

#oa .section6 .tab-nav {display: flex;justify-content: center;gap:2rem;margin-bottom: 2rem;padding: 3rem 0rem 0rem 0rem;}
#oa .section6 .tab-nav-item {display: flex; align-items:center; gap:0.5rem;cursor: pointer;font-size: 1.8rem;color: #666;padding: 0.5rem 0;border-bottom: 2px solid transparent;transition: all 0.3s;line-height: 44px;padding:0px 2rem;border-radius: 2rem;font-weight: 600;border: 0.1rem solid rgba(9, 18, 33, 0.06);}
#oa .section6 .tab-nav-item i{width: 1.8rem;height: 1.8rem;display: flex;justify-content: center;align-items: center;}
#oa .section6 .tab-nav-item.active {color: #1476ff;font-weight: bold;background:#fff;    border: 0.1rem solid rgb(23 120 255);}


#oa .section6 .swiper-container {width: 100%;position: relative;}
#oa .section6 .swiper-slide {display: flex; flex-direction: column;gap:5rem; align-items: center;justify-content: center;position: relative;border-radius: 2rem;background:#f9fcff;padding:5rem 5%;    border: 0.1rem solid rgba(9, 18, 33, 0.06); transition: all .5s ease;}
#oa .section6 .swiper-slide-active {opacity: 1;transform: scale(1);}
#oa .section6 .swiper-slide-prev,
#oa .section6 .swiper-slide-next {opacity: 0.6;transition: all 0.3s ease;}
#oa .section6 .swiper-slide .desc {font-size: 1.6rem;text-align: center;}
#oa .section6 .swiper-slide .btngroup{display: flex;justify-content: center;gap:3rem;}
#oa .section6 .swiper-slide .btn-s1{font-size: 1.8rem;font-weight:600;}
#oa .section6 .swiper-slide .btn-s1::after{width:2rem;height: 2rem;}
#oa .section6 .sec6swiper-swiper-button-prev{position: absolute;left:10%;top:calc(50% - 23px);z-index: 2;cursor: pointer; border-radius: 50%;width:4.6rem;height: 4.6rem;background:#fff url(../images/left-arrow.png) no-repeat center center;background-size:50%}
#oa .section6 .sec6swiper-swiper-button-next{position: absolute;right:10%;top:calc(50% - 23px);z-index: 2;cursor: pointer; border-radius: 50%;width:4.6rem;height: 4.6rem;background:#fff url(../images/left-arrow.png) no-repeat center center;background-size:50%;transform: rotate(180deg);}

**/








#oa .section7{padding:6rem 0rem 6rem 0rem;background:#f9fcff;}
#oa .section7 .sc-mainbox .container{display:grid;gap:1.6rem;grid-template-columns: repeat(4, 1fr);padding:3rem 0rem;}
#oa .section7 .sc-mainbox .cards{display:flex;flex-direction: column;gap:2rem;}
#oa .section7 .sc-mainbox .card{background: #ffffff00;border-radius: 2rem;padding: 3rem;display: flex;flex-direction: column;gap:1.6rem; border: 0.1rem solid rgba(9, 18, 33, 0.06);
    transition: all .5s ease;}
#oa .section7 .sc-mainbox .img-container{height: 4.8rem;justify-content:flex-start;}
#oa .section7 .sc-mainbox .img-container img{height: 4rem;width: auto}
#oa .section7 .sc-mainbox .card .tit{font-size:2.4rem;font-weight: 600;margin-top:1.5rem;}
#oa .section7 .sc-mainbox .card .desc{font-size:1.6rem;color:#595959; }







#oa .section8{padding:6rem 0rem 6rem 0rem;background: #fff;}
#oa .section8 .sc-mainbox{margin-top: 3rem}
#oa .section8 .sc-mainbox .container{display:grid;gap:3rem;grid-template-columns: repeat(2, 1fr);background:#ffffff00;border-radius: 2rem;padding:5rem;    border: 0.1rem solid rgb(9 18 33 / 0%)}
#oa .section8 .sc-mainbox .card-text{display: flex;flex-direction: column;position: relative;border-left:3px solid #cccccc00;}
#oa .section8 .sc-mainbox .card-line{position: absolute;left: -3px;top: 0;width: 3px;background:linear-gradient(253deg, #464ef5, #1c66e5, #52dfd7);transition: all 0.3s ease;}
#oa .section8 .sc-mainbox .card{position: relative; display: flex;flex-direction: column;gap:1rem;border-bottom: 0.1rem solid #dbdbdb;margin:0px 2rem;padding:2rem 0rem;}
#oa .section8 .sc-mainbox .card:nth-last-child(1){border-bottom:0rem;}
#oa .section8 .sc-mainbox .card .tit{font-size:2.4rem;font-weight: 600;display:flex;gap:1rem;align-items: center;width: 100%;position: relative;}
#oa .section8 .sc-mainbox .card .tit span{border-radius: 0.6rem;height: 3.1rem;display: block;width: 3.1rem;background-color: #b8caf65c;display: flex;justify-content: center;align-items: center;    color: #3638f5;}
#oa .section8 .sc-mainbox .card .tit:after {font-size: 1.2rem;content: "\f107";font-weight: 900;margin: 0.1rem 0 0 2px;font-family: "Font Awesome 6 Pro";position: absolute;right:1rem;-webkit-transition: .35s;transition: .35s;}
#oa .section8 .sc-mainbox .card .tit img{width: 3rem;height: 3rem;}
#oa .section8 .sc-mainbox .card .desc{font-size:1.6rem;color:#595959;height:0rem;overflow:hidden;transition: all 0.3s linear;opacity: 0}
#oa .section8 .sc-mainbox .card .mobilepic{height:0rem;overflow:hidden;transition: all 0.3s linear;opacity: 0;border-radius: 1rem;overflow:hidden;}
#oa .section8 .sc-mainbox .card .btn{padding-top: 2rem;padding-bottom: 5rem}
#oa .section8 .sc-mainbox .card .btn a{background: #dee9fb;padding:1rem 3rem;border-radius: 1.4rem;display:inline-block;}
#oa .section8 .sc-mainbox .card .img-container{margin-bottom: -5rem;}
#oa .section8 .sc-mainbox .card.active .tit:after{transform: rotate(180deg);}
#oa .section8 .sc-mainbox .card.active .desc{height: auto;transition: all 0.3s linear;opacity: 1}
#oa .section8 .sc-mainbox .card.active .mobilepic{height: auto;transition: all 0.3s linear;opacity: 1}




#oa .section8 .sc-mainbox .card-img .card-inner{display: none}
#oa .section8 .sc-mainbox .card-img .card-inner.active{display: flex;flex-direction: column;align-items: center;}
#oa .section8 .sc-mainbox .card-img .card-inner img {border-radius: 2rem;}








#oa .section9{padding:6rem 0rem 6rem 0rem;background: #f9fcff;}
#oa .section9 .sc-mainbox .container{display:grid;gap:1.6rem;grid-template-columns: repeat(4, 1fr);margin-top: 3rem}
#oa .section9 .sc-mainbox .card{background: #ffffff;border-radius: 2rem;display: flex;flex-direction: column; padding:1rem;position: relative;    border: 0.1rem solid rgba(9, 18, 33, 0.06);transition: all .5s ease;}
#oa .section9 .sc-mainbox .container .card .img-container{border-radius: 2rem;overflow: hidden;    height: 19rem;
    width: auto;
    border-radius: 1rem;}
#oa .section9 .sc-mainbox .card .tit{padding:2rem 1rem 1rem 1rem;font-size:2rem;font-weight: 600}
#oa .section9 .sc-mainbox .card .desc{padding:1rem;font-size:1.6rem;color:#595959;;height:6rem;overflow:hidden;}
#oa .section9 .sc-mainbox .card .advan{padding:1rem;display: grid;align-items: center;gap:0.5rem;margin-top: 2rem;grid-template-columns: 1fr 1fr 1fr 1fr;padding-bottom: 7rem;z-index: 0}
#oa .section9 .sc-mainbox .card .advan label{background-color: #0d29dc17;padding:0.3rem 0.5rem;border-radius: 0.5rem;justify-content: center;}
#oa .section9 .sc-mainbox .card .advan label img{width:1.6rem;height: 1.6rem;margin-right:0.5rem}
#oa .section9 .sc-mainbox .card .btngroup{display: flex;gap:2rem;position: absolute;bottom:2rem;left:2rem;}
#oa .section9 .sc-mainbox .card .btngroup a{font-size: 1.8rem;font-weight: 600}
#oa .section9 .sc-mainbox .card .btngroup a:after{width: 1.8rem;height:1.8rem;}

#oa .section10{padding:8rem 0rem;background:#ffffff;}
#oa .section10 .sc-mainbox .container{display:grid;gap:2rem;grid-template-columns: repeat(3, 1fr);padding:4rem 0rem;}
#oa .section10 .sc-mainbox .cards{display:flex;flex-direction: column;gap:2rem;}
#oa .section10 .sc-mainbox .card{background: #ffffff00;border-radius: 2rem;padding: 3rem;display: flex;flex-direction: column;gap:1rem;    border: 0.1rem solid rgba(9, 18, 33, 0.06);
    transition: all .5s ease;}
#oa .section10 .sc-mainbox .img-container{height: 6rem;justify-content:flex-start;}
#oa .section10 .sc-mainbox .img-container img{height: 8rem;width: auto}
#oa .section10 .sc-mainbox .card .tit{font-size:2.4rem;font-weight: 600;margin-top:1.5rem;}
#oa .section10 .sc-mainbox .card .desc{font-size:1.6rem;color:#595959;;}









#oa .section11{padding:11rem 0rem 11rem 0rem;position: relative;overflow:hidden;}


#oa .section11 .sc-bg{position: absolute;width:100%;height:100%;top:0rem;left:0rem;z-index:0;border-radius:3rem;overflow:hidden;background:rgba(0,0,0,0.6);}
#oa .section11 .sc-bg .card{width: 100%;height:100%;transition: all 0.6s;position:relative;opacity:0;font-size: 1.4rem;}
#oa .section11 .sc-bg .card img{min-height:100%;min-width: 100%;transform: translate(-50%, -50%);position:absolute;left:50%;top:50%;max-width: unset}
#oa .section11 .sc-bg .card.active{opacity:1;top:0;position:absolute;}

#oa .section11 .sc-bg .card::before { 
    content: ""; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    background-color: #1b1b22a1; 
    transition: background-color 0.5s ease; 
    z-index: 1; /* 从0改为1 */
}


#oa .section11 .sc-titbox{z-index:1;position: relative;}
#oa .section11 .sc-titbox .tit{color:#fff}
#oa .section11 .sc-mainbox .nav-tabs{margin-bottom: 3rem}
#oa .section11 .sc-mainbox .nav-tabs .main{display: flex;justify-content: center;gap:2rem;overflow-x: scroll;}
#oa .section11 .sc-mainbox .nav-tabs .main::-webkit-scrollbar {display: none;}








#oa .section11 .sc-mainbox .nav-tabs .main button{cursor: pointer;font-size: 1.8rem;position: relative;color:#fff;padding: 1rem 4rem;border-radius: 2rem;white-space: nowrap; }
#oa .section11 .sc-mainbox .nav-tabs{margin-bottom: 3rem}
#oa .section11 .sc-mainbox .nav-tabs .main button.active{font-weight:600;background: rgb(255 255 255 / 75%);color: #323235;backdrop-filter: blur(6px);}

#oa .section11 .sc-mainbox .container{z-index:1;padding-top:3rem;position: relative;}
#oa .section11 .sc-mainbox .tab-content{display:none;opacity:0;transition: opacity 0.8s ease, visibility 0.8s ease;width: 100%;color: #fff}
#oa .section11 .sc-mainbox .tab-content.active{display:flex;flex-direction: column;justify-content: center; opacity:1;transition: opacity 0.8s ease, visibility 0.8s ease;}
#oa .section11 .sc-mainbox .tab-content .module-title {font-size: 2.5rem;padding-top:2.5rem;padding-bottom:1.5rem;}
#oa .section11 .sc-mainbox .tab-content .module-desc{font-size: 1.6rem;padding-bottom:2rem;}
#oa .section11 .sc-mainbox .tab-content ul {list-style: disc;padding-left: 2rem;line-height: 1.8;}
#oa .section11 .sc-mainbox .tab-content ul li{list-style: disc;font-size:1.6rem;}
#oa .section11 .sc-mainbox .tab-content ul li strong{display: block;}

#oa .section11 .sc-mainbox .tab-content .yyjz{display: flex;gap:2.5rem;font-size:1.6rem;} 
#oa .section11 .sc-mainbox .tab-content .yyjz .item{font-size:1.6rem;position: relative;padding-right:3rem;}
#oa .section11 .sc-mainbox .tab-content .yyjz .item .s1{font-size: 2.8rem;font-weight:600}
#oa .section11 .sc-mainbox .tab-content .yyjz .item p{font-size: 1.6rem;}
#oa .section11 .sc-mainbox .tab-content .yyjz .item:after{content: "";width:1px;height:4.5rem;display:block;background:#85888b;position: absolute;right:0rem;top:50%;transform: translateY(-50%);}
#oa .section11 .sc-mainbox .tab-content .yyjz .item:nth-last-child(1):after{display: none}




#oa .section11 .sc-mainbox .tab-content .yyjz .s1{font-size: 2.5rem;display: flex;align-items: flex-end;font-weight: 600;}
#oa .section11 .sc-mainbox .tab-content .yyjz .s1 svg{height: 2rem;display: inline-block;}   
#oa .section11 .sc-mainbox .tab-content .yyjz .s1 span{display: flex;align-items: center;font-size:2rem;padding:0px 0.5rem;}
#oa .section11 .sc-mainbox .tab-content .btn{padding-top: 3rem}
#oa .section11 .sc-mainbox .tab-content .btn .btn-s2{color: #fff;font-size:1.4rem;}
#oa .section11 .sc-mainbox .tab-content .btn .btn-s2:after{width: 2rem;height:2rem;}




#oa .section12{padding:6rem 0rem 6rem 0rem;background:#f9fcff url(../images/product-experience-bg.png) no-repeat center bottom;background-repeat:no-repeat; background-size:cover;}
#oa .section12 .container{display: flex;justify-content: center;align-items: center;flex-direction: column;}
#oa .section12 .tit{font-size: 5.6rem;font-weight: 600;;text-align: center;color: #000}
#oa .section12 .btn{margin-top:2.4rem;display: inline-block;border-radius: 1.8rem;line-height: 4.8rem;padding: 0 4.8rem;transition: 0.3s;border: 0.1rem solid rgba(255, 255, 255, 0.7);color: rgb(255, 255, 255);background: #000}






/**OA-END**/




/**HCM**/
#hcm{color:#252b3a;}


#hcm .banner{background:url(../images/hcm_banner.jpg) no-repeat top center;background-size:cover;}
#hcm .banner .container{display: flex;justify-content: center;align-items: center;flex-direction: column;padding:20rem 0rem 10rem 0rem;gap:1rem;}
#hcm .banner .container .icon{filter: drop-shadow(0px 1.2rem 1.5rem rgba(255, 21, 0, .3));width: 9rem;height: 9rem}

#hcm .banner .container h1{font-size: 4.8rem;}
#hcm .banner .container h1 span{background-image: linear-gradient(253deg,#ac61ff,#005eff);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
#hcm .banner .container .s1{font-size:1.8rem;}
#hcm .banner .container .btngroup{display:flex;gap:2rem;margin-top: 1rem;padding-bottom: 10rem}
/*#hcm .banner .container .btngroup a{background:#191919;padding:1rem 3rem;border-radius: 1.5rem;color: #fff}*/









#hcm .section1{padding:8rem 0rem;background:#f9fcff}
#hcm .section1 .sc-mainbox .container{margin-top: 3rem;display:grid;grid-template-columns:2fr 1fr;gap:1.5rem;}
#hcm .section1 .sc-mainbox .container .line1{display:grid;gap:1.5rem;}
#hcm .section1 .sc-mainbox .container .line1_1{display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;}
#hcm .section1 .sc-mainbox .container .line1_1_1{display:grid;gap:1.5rem;grid-template-rows:1fr 1fr;}
#hcm .section1 .sc-mainbox .container .line2{display:grid;gap:1.5rem;grid-template-rows:1fr 1fr 1fr;}
#hcm .section1 .sc-mainbox .card{position:relative;overflow:hidden; background: #fff;border-radius: 2rem;padding:3rem;overflow: hidden; border: 0.1rem solid rgba(9, 18, 33, 0.06);    transition: all .5s ease;}


#hcm .section1 .sc-mainbox .card .img-container{position: absolute;right: 0;bottom: 0;width: 40%;z-index: 0;display: flex;justify-content: center;align-items: center;}
#hcm .section1 .sc-mainbox .card .img-container img{height:100%;max-width: unset;min-width: 100%}
#hcm .section1 .sc-mainbox .card .card-txt{position: relative;z-index: 1;display: flex;display: flex; flex-direction: column;gap:1.6rem;padding-bottom: 12rem;}
#hcm .section1 .sc-mainbox .card .tit{font-size:2.4rem;font-weight: 600;}
#hcm .section1 .sc-mainbox .card .desc{font-size:1.6rem;color:#000000; }
#hcm .section1 .sc-mainbox .card .advan{display: flex;align-items: center;gap:0.5rem;}
#hcm .section1 .sc-mainbox .card .advan label{background-color: #0d29dc17;padding:0.3rem 0.5rem;border-radius: 0.5rem;display:flex;align-items:center;}
#hcm .section1 .sc-mainbox .card .advan label img{width:1.6rem;height: 1.6rem;margin-right:0.5rem}
#hcm .section1 .sc-mainbox .card .card-txt .btn-s1{font-size: 1.7rem;font-weight: 600}
#hcm .section1 .sc-mainbox .card .card-txt .btn-s1::after{width:1.8rem;height: 1.8rem;}
#hcm .section1 .sc-mainbox .card1{max-height: 400rem;}
#hcm .section1 .sc-mainbox .card2{max-height: 400rem;}
#hcm .section1 .sc-mainbox .card1 .card-txt{width: 55%;}
#hcm .section1 .sc-mainbox .card2{}
#hcm .section1 .sc-mainbox .card4{height:100%;}




#hcm .section1 .sc-mainbox .card1 {transition: all .5s ease;}
#hcm .section1 .sc-mainbox .card2 {padding-right:30%;transition: all .5s ease;}
#hcm .section1 .sc-mainbox .card3 {padding-right:30%;transition: all .5s ease;}
#hcm .section1 .sc-mainbox .card4 {padding-right:30%;transition: all .5s ease;}
#hcm .section1 .sc-mainbox .card5 {padding-right:30%;transition: all .5s ease;}
#hcm .section1 .sc-mainbox .card6 {padding-right:30%;transition: all .5s ease;}
#hcm .section1 .sc-mainbox .card7 {padding-right:30%;transition: all .5s ease;}



#hcm .section2{background:#f9fcff url(../images/aibg.png) center / 100% 100% no-repeat;padding:6rem 0rem 6rem 0rem;/* border-radius:3.6rem;    border: 0.1rem solid rgb(9 18 33 / 4%);*/}
#hcm .section2 .sc-titbox .tit{color: #000000}
#hcm .section2 .sc-titbox .btn-s1{color: #fff}
#hcm .section2 .sc-titbox .subtit button{border:#fff;color: #fff;background:none;border:1px solid #fff}
#hcm .section2 .sc-mainbox .nav-tabs {display: flex;margin-top: 3rem;margin-bottom: 3rem;justify-content: center;align-items: center;}
#hcm .section2 .sc-mainbox .nav-tabs .main{background: linear-gradient(95.41deg, #1aafd814 22.1%, #3055eb08 54.17%, #b443ff0f 87.29%); padding:0.6rem;border-radius:2.6rem;position: relative;display: flex;align-items: center;justify-content:flex-start;overflow-x: scroll;}
#hcm .section2 .sc-mainbox .nav-tabs .main::-webkit-scrollbar {display: none;}

#hcm .section2 .sc-mainbox .nav-tabs .tab-btn {
    border: none;
    cursor: pointer;
    font-size:1.8rem;
    /* 唯一修改：给color加0.2s延迟，滑块先滑，文字后变，核心解决提前变白 */
    transition: background 0.3s, color 0.6s ease 0.1s;
    font-weight: 600;
    line-height:4rem;
    padding: 0 3.5rem;
    color: #0f0e0e;
    bottom: 0;
    background: #00000000;
    z-index: 9999;
    border-radius: 2rem;
    white-space: nowrap;
}
#hcm .section2 .sc-mainbox .nav-tabs .tab-btn.active {
    color: #ffffff;
    z-index: 99;
}
#hcm .section2 .sc-mainbox .nav-tabs .tab-slider{
    color: #1f1c1c;
    cursor: pointer;
    font-weight: 600;
    position: absolute;
    bottom: 0;
    background: linear-gradient(82deg, #856EFA 3%, #1366EC 50%, #0087F5 100%);
    transition: left 0.6s ease, width 0.6s ease;
    z-index: 1;
    border-radius: 2rem;
}

#hcm .section2 .sc-mainbox .tab-content{display:none;opacity:0;transition: opacity 0.8s ease, visibility 0.8s ease;}
#hcm .section2 .sc-mainbox .tab-content.active{display:grid;grid-template-columns: 1fr 1fr;gap:3rem;opacity:1;transition: opacity 0.8s ease, visibility 0.8s ease;/*background: linear-gradient(180deg, #d7ecff 0%, #ffffff 100%);border-radius:2.2rem;*/padding:1.2rem;}
#hcm .section2 .sc-mainbox .tab-content .content-left {padding:3rem;    display: flex;flex-direction: column;justify-content: center;}
#hcm .section2 .sc-mainbox .tab-content .module-title {font-size: 2.4rem;color: #000;padding-bottom: 1rem;}
#hcm .section2 .sc-mainbox .tab-content .module-desc{font-size: 1.6rem;color: #000;padding-bottom:4rem;}
#hcm .section2 .sc-mainbox .tab-content ul {line-height: 2.2;}
#hcm .section2 .sc-mainbox .tab-content ul li{list-style: none;font-size:1.6rem;}
#hcm .section2 .sc-mainbox .tab-content .btngroup{display: flex;align-items: center;gap:2rem;padding-top:4.5rem}
#hcm .section2 .sc-mainbox .tab-content .btngroup a{font-size: 1.4rem}
#hcm .section2 .sc-mainbox .tab-content .btngroup a:after{width: 2rem;height:2rem;}
#hcm .section2 .sc-mainbox .tab-content .content-right {position: relative;border-radius: 1.4rem;overflow: hidden;}
#hcm .section2 .sc-mainbox .tab-content .content-right img {width: 100%;height: auto;}







#hcm .section3{padding:8rem 0rem;background:#f9fcff}
#hcm .section3 .sc-mainbox .container{display:grid;gap:1.6rem;grid-template-columns: repeat(4, 1fr);padding:3rem 0rem;}
#hcm .section3 .sc-mainbox .card{background: linear-gradient(253deg, #f9fcff, #37333a00, #815ced0f);border-radius: 2rem;padding: 3rem;display: flex;flex-direction: column;gap:1rem; border: 0.1rem solid rgb(9 18 33 / 7%);    transition: all .5s ease;}
#hcm .section3 .sc-mainbox .card .tit{font-size:2.4rem;font-weight: 600}
#hcm .section3 .sc-mainbox .card .desc{font-size:1.6rem;color:#595959; }
#hcm .section3 .sc-mainbox .card .btn{padding-top: 2rem;padding-bottom: 5rem}
#hcm .section3 .sc-mainbox .card .img-container{width: 70%;display: flex;align-items: center;justify-content: center;margin: 0 auto;}




#hcm .section4{padding:8rem 0rem;background:#f9fcff}
#hcm .section4 .sc-mainbox .container{display:grid;gap:1.6rem;grid-template-columns:1fr 1fr;padding:3rem 0rem;}
#hcm .section4 .sc-mainbox .container .item{display: grid;grid-template-columns: 1fr 1fr;gap:1.6rem;}   
#hcm .section4 .sc-mainbox .card{position:relative;overflow:hidden; background: #fff;border-radius: 2rem;padding:3rem;overflow: hidden;border: 0.1rem solid rgba(9, 18, 33, 0.06);    transition: all .5s ease;}
#hcm .section4 .sc-mainbox .card .img-container{position: absolute;width:100%;height:100%;top:0;left:0;z-index: 0;display: flex;justify-content: center;align-items: center;padding:0px;}
#hcm .section4 .sc-mainbox .card .img-container img{min-height: 100%;width: unset}
#hcm .section4 .sc-mainbox .card .card-txt{position: relative;z-index: 1;display: flex;display: flex; flex-direction: column;gap:1.6rem;}
#hcm .section4 .sc-mainbox .card .tit{font-size:2rem;font-weight: 600;}
#hcm .section4 .sc-mainbox .card .desc{font-size:1.6rem;color:#595959;;padding-bottom:1.5rem;}
#hcm .section4 .sc-mainbox .card .card-txt .btn a{font-size: 1.4rem;background-color: transparent;border: 0.1rem solid #191919;border-radius: 5rem;padding:1rem 3rem;}


#hcm .section4 .sc-mainbox .card:hover .img-container img {transform: scale(1.05);}


#hcm .section5{padding:8rem 0rem;background:#fff}
#hcm .section5 .sc-mainbox{margin-top: 3rem}
#hcm .section5 .sc-mainbox .container{display:grid;gap:3rem;grid-template-columns: repeat(2, 1fr);background:#ffffff00;border-radius: 2rem;padding:5rem;border: 0.1rem solid rgb(9 18 33 / 0%);}
#hcm .section5 .sc-mainbox .card-text{display: flex;flex-direction: column;position: relative;border-left:0.3rem solid #cccccc4f;}
#hcm .section5 .sc-mainbox .card-line{position: absolute;left: -0.3rem;top: 0;width: 0.3rem;background:linear-gradient(253deg, #464ef5, #6270f5, #75b9f6);transition: all 0.3s ease;}

#hcm .section5 .sc-mainbox .card{position: relative; display: flex;flex-direction: column;gap:1rem;border-bottom: 0.1rem solid #dbdbdb;margin:0px 2rem;padding:2rem 0rem;}
#hcm .section5 .sc-mainbox .card:nth-last-child(1){border-bottom:0rem;}
#hcm .section5 .sc-mainbox .card .tit{font-size:2.4rem;font-weight: 600;display:flex;gap:1rem;align-items: center;width: 100%;position: relative;}
#hcm .section5 .sc-mainbox .card .tit span{border-radius: 0.6rem;height: 3.1rem;display: block;width: 3.1rem;background-color:#e4f0fc;display: flex;justify-content: center;align-items: center;}
#hcm .section5 .sc-mainbox .card .tit:after {font-size: 1.2rem;content: "\f107";font-weight: 900;margin: 0.1rem 0 0 2px;font-family: "Font Awesome 6 Pro";position: absolute;right:1rem;-webkit-transition: .35s;transition: .35s;}
#hcm .section5 .sc-mainbox .card .tit img{width: 3rem;height: 3rem;}
#hcm .section5 .sc-mainbox .card .desc{font-size:1.6rem;color:#595959;;height:0rem;overflow:hidden;transition: all 0.3s linear;opacity: 0}
#hcm .section5 .sc-mainbox .card .mobilepic{height: 0rem;transition: all 0.3s linear;opacity: 0;border-radius: 1rem;overflow: hidden;}
#hcm .section5 .sc-mainbox .card .btn{padding-top: 2rem;padding-bottom: 5rem}
#hcm .section5 .sc-mainbox .card .btn a{background: #dee9fb;padding:1rem 3rem;border-radius: 1.4rem;display:inline-block;}
#hcm .section5 .sc-mainbox .card .img-container{margin-bottom: -5rem;}
#hcm .section5 .sc-mainbox .card.active .tit:after{transform: rotate(180deg);}
#hcm .section5 .sc-mainbox .card.active .desc{height: auto;transition: all 0.3s linear;opacity: 1}
#hcm .section5 .sc-mainbox .card.active .mobilepic{height: auto;transition: all 0.3s linear;opacity: 1}


#hcm .section5 .sc-mainbox .card-img .card-inner{display: none;border-radius: 1.5rem;}
#hcm .section5 .sc-mainbox .card-img .card-inner.active{display: flex;flex-direction: column;align-items: center;}
#hcm .section5 .sc-mainbox .card-img .card-inner img {border-radius: 2rem;}







#hcm .section5{padding:8rem 0rem;background:#fff}
#hcm .section5 .sc-mainbox{margin-top: 3rem}
#hcm .section5 .sc-mainbox .container{display:grid;gap:3rem;grid-template-columns: repeat(2, 1fr);background:#fff;border-radius: 2rem;padding:5rem;border: 0.1rem solid rgba(9, 18, 33, 0.06);}
#hcm .section5 .sc-mainbox .card-text{display: flex;flex-direction: column;position: relative;border-left:0.3rem solid #cccccc00}
#hcm .section5 .sc-mainbox .card-line{position: absolute;left: -0.3rem;top: 0;width: 0.3rem;background:linear-gradient(253deg, #464ef5, #1c66e5, #52dfd7);transition: all 0.3s ease;}
#hcm .section5 .sc-mainbox .card{position: relative; display: flex;flex-direction: column;gap:1rem;border-bottom: 0.1rem solid #3d46f500;margin:0px 2rem;padding:2rem 0rem;}
#hcm .section5 .sc-mainbox .card:nth-last-child(1){border-bottom:0rem;}
#hcm .section5 .sc-mainbox .card .tit{font-size:2.4rem;font-weight: 600;display:flex;gap:1rem;align-items: center;width: 100%;position: relative;}
#hcm .section5 .sc-mainbox .card .tit span{border-radius: 0.6rem;height: 3.1rem;display: block;width: 3.1rem;background-color: #e4f0fc;display: flex;justify-content: center;align-items: center;}






#hcm .section6{padding:6rem 0rem 6rem 0rem;background: #f9fcff;}
#hcm .section6 .sc-mainbox .container{display:grid;gap:1.6rem;grid-template-columns: repeat(4, 1fr);margin-top: 3rem}
#hcm .section6 .sc-mainbox .card{background: #ffffff;border-radius: 2rem;display: flex;flex-direction: column; padding:1rem;position: relative;border: 0.1rem solid rgba(9, 18, 33, 0.06);    transition: all .5s ease;}
#hcm .section6 .sc-mainbox .container .card .img-container{border-radius: 1.2rem;overflow: hidden;padding:0rem;    height: auto;
    width: auto;
    border-radius: 1rem;}
#hcm .section6 .sc-mainbox .card .tit{padding: 2rem 1rem 1rem 1rem;font-size:2rem;font-weight: 600}
#hcm .section6 .sc-mainbox .card .desc{padding:1rem;font-size:1.6rem;color:#595959;;height:6rem;}
#hcm .section6 .sc-mainbox .card .advan{padding:1rem;display: grid;align-items: center;gap:0.5rem;margin-top: 2rem;grid-template-columns: 1fr 1fr 1fr 1fr;padding-bottom: 7rem;z-index: 0}
#hcm .section6 .sc-mainbox .card .advan label{background-color: #0d29dc17;padding:0.3rem 0.5rem;border-radius: 0.5rem;justify-content: center;}
#hcm .section6 .sc-mainbox .card .advan label img{width:1.6rem;height: 1.6rem;margin-right:0.5rem}
#hcm .section6 .sc-mainbox .card .btngroup{display: flex;gap:2rem;position: absolute;bottom:0rem;left:2.5rem;margin-bottom: 1.5rem;}
#hcm .section6 .sc-mainbox .card .btngroup a{font-size: 1.7rem;font-weight: 600}
#hcm .section6 .sc-mainbox .card .btngroup a:after{width: 1.8rem;height:1.8rem;}




#hcm .section7{padding:8rem 0rem;background:#fff;}
#hcm .section7 .sc-mainbox .container{display:grid;gap:2rem;grid-template-columns: repeat(3, 1fr);padding:4rem 0rem;}
#hcm .section7 .sc-mainbox .cards{display:flex;flex-direction: column;gap:2rem;}
#hcm .section7 .sc-mainbox .card{background: #ffffff00;border-radius: 2rem;padding: 3rem;display: flex;flex-direction: column;gap:1rem;border: 0.1rem solid rgba(9, 18, 33, 0.06);    transition: all .5s ease;}
#hcm .section7 .sc-mainbox .img-container{height: 6rem;justify-content:flex-start;}
#hcm .section7 .sc-mainbox .img-container img{height: 8rem;width: auto}
#hcm .section7 .sc-mainbox .card .tit{font-size:2.4rem;font-weight: 600;margin-top:1.5rem;}
#hcm .section7 .sc-mainbox .card .desc{font-size:1.6rem;color:#595959;;}

#hcm .section8{padding:11rem 0rem;position: relative;overflow:hidden;}



#hcm .section8 .sc-bg{position: absolute;width:100%;height:100%;top:0rem;left:0rem;z-index:0;border-radius:3rem;overflow:hidden;background:rgba(0,0,0,0.6);}
#hcm .section8 .sc-bg .card{width: 100%;height:100%;transition: all 0.6s;position:relative;opacity:0}
#hcm .section8 .sc-bg .card::before { 
    content: ""; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    background-color: #0c0c0cb0; 
    transition: background-color 0.5s ease; 
    z-index: 1; /* 从0改为1 */
}

#hcm .section8 .sc-bg .card img{min-height:100%;min-width: 100%;max-width:unset;transform: translate(-50%, -50%);position:absolute;left:50%;top:50%;}
#hcm .section8 .sc-bg .card.active{opacity:1;top:0;position:absolute;}



#hcm .section8 .sc-titbox{z-index:1;position: relative;}
#hcm .section8 .sc-titbox .tit{color:#fff}
#hcm .section8 .sc-mainbox .nav-tabs{margin-bottom: 0.5rem}
#hcm .section8 .sc-mainbox .nav-tabs .main{display: flex;justify-content: center;gap:2rem;overflow-x: scroll;}
#hcm .section8 .sc-mainbox .nav-tabs .main::-webkit-scrollbar {display: none;}
#hcm .section8 .sc-mainbox .nav-tabs .main button{cursor: pointer;font-size: 1.8rem;position: relative;color:#fff;padding: 1rem 4rem;border-radius: 2rem;white-space: nowrap;}
#hcm .section8 .sc-mainbox .nav-tabs .main button.active{font-weight:600;background: rgb(255 255 255 / 75%);color: #323235;backdrop-filter: blur(6px);}








#hcm .section8 .sc-mainbox .container{z-index:1;padding-top:3rem;position: relative;}
#hcm .section8 .sc-mainbox .tab-content{display:none;opacity:0;transition: opacity 0.8s ease, visibility 0.8s ease;width: 100%;color: #fff}
#hcm .section8 .sc-mainbox .tab-content.active{display:flex;flex-direction: column;justify-content: center; opacity:1;transition: opacity 0.8s ease, visibility 0.8s ease;}
#hcm .section8 .sc-mainbox .tab-content .module-title {font-size: 2.5rem;padding-top:2.5rem;padding-bottom:2.5rem;}
#hcm .section8 .sc-mainbox .tab-content .module-desc{font-size: 1.6rem;padding-bottom:2rem;}
#hcm .section8 .sc-mainbox .tab-content ul {list-style: disc;padding-left: 2rem;line-height: 1.8;}
#hcm .section8 .sc-mainbox .tab-content ul li{list-style: disc;font-size:1.6rem;}
#hcm .section8 .sc-mainbox .tab-content ul li strong{display: block;}
#hcm .section8 .sc-mainbox .tab-content .yyjz{display: flex;gap:2.5rem;font-size:1.6rem;} 


#hcm .section8 .sc-mainbox .tab-content .yyjz .item{font-size:1.6rem;position: relative;padding-right:3rem;}
#hcm .section8 .sc-mainbox .tab-content .yyjz .item .s1{font-size: 2.8rem;font-weight:600}
#hcm .section8 .sc-mainbox .tab-content .yyjz .item p{font-size: 1.6rem;}
#hcm .section8 .sc-mainbox .tab-content .yyjz .item:after{content: "";width:1px;height:4.5rem;display:block;background:#85888b;position: absolute;right:0rem;top:50%;transform: translateY(-50%);}
#hcm .section8 .sc-mainbox .tab-content .yyjz .item:nth-last-child(1):after{display: none}


#hcm .section8 .sc-mainbox .tab-content .yyjz .s1{font-size: 2.5rem;display: flex;align-items: flex-end;font-weight: 600;}
#hcm .section8 .sc-mainbox .tab-content .yyjz .s1 svg{height: 2rem;display: inline-block;}   
#hcm .section8 .sc-mainbox .tab-content .yyjz .s1 span{display: flex;align-items: center;font-size:2rem;padding:0px 0.5rem;}
#hcm .section8 .sc-mainbox .tab-content .btn{padding-top: 3rem}
#hcm .section8 .sc-mainbox .tab-content .btn .btn-s2{color: #fff;font-size:1.4rem}
#hcm .section8 .sc-mainbox .tab-content .btn .btn-s2:after{width: 2rem;height:2rem;}


#hcm .section9{padding:8rem 0rem;background:#f9fcff url(../images/product-experience-bg.png) no-repeat center bottom;background-repeat:no-repeat; background-size:cover;}
#hcm .section9 .container{display: flex;justify-content: center;align-items: center;flex-direction: column;}
#hcm .section9 .tit{font-size: 5.6rem;font-weight: 600;;text-align: center;color: #000}
#hcm .section9 .btn{margin-top:2.4rem;display: inline-block;border-radius: 1.8rem;line-height: 4.8rem;padding: 0 4.8rem;transition: 0.3s;border: 0.1rem solid rgba(255, 255, 255, 0.7);color: rgb(255, 255, 255);background: #000}


#hcm .section12 {padding:6rem 0rem 4rem 0rem;background: #f9fcff url(../images/aibg.png) center / 100% 100% no-repeat;}
#hcm .section12 .sc-mainbox .preslider{width:60%;margin:2rem auto 0rem auto;position: relative;padding:0 6rem;}
#hcm .section12 .sc-mainbox .preslider .swiper-cotainer{overflow:hidden;}
#hcm .section12 .sc-mainbox .preslider .swiper-cotainer .swiper-slide {width: auto;text-align: center;}
#hcm .section12 .sc-mainbox .preslider .swiper-cotainer .swiper-slide img{height:2rem;}
#hcm .section12 .sc-mainbox .preslider .swiper-button-prev,#hcm .section12 .sc-mainbox .preslider .swiper-button-next{width:2.5rem;height:2.5rem;margin-top: -1.25rem;}

#hcm .section12 .sc-mainbox .preslider .swiper-button-prev:after, #hcm .section12 .sc-mainbox .preslider .swiper-button-next:after{font-size:1.5rem;}

#hcm .section12 .sc-mainbox .card{background: #ffffffb0;border-radius: 2rem;padding: 3rem;display: flex;flex-direction: column;gap:1.6rem;border: 0.1rem solid rgba(9, 18, 33, 0.06);    transition: all .5s ease;}
#hcm .section12 .sc-mainbox .card .img-container{padding:3rem 3rem 0rem 3rem;border-radius: 1.5rem;}
#hcm .section12 .sc-mainbox .card .img-container img {border-radius: 1.5rem 1.5rem 0rem 0rem;}
#hcm .section12 .sc-mainbox .card .tit{font-size:2rem;font-weight: 600}
#hcm .section12 .sc-mainbox .card .desc{font-size:1.6rem;color:#595959; }
#hcm .section12 .sc-mainbox .card .advan{display: flex;align-items: center;gap:0.5rem;}
#hcm .section12 .sc-mainbox .card .advan label{background-color: #0d29dc17;padding:0.3rem 0.5rem;border-radius: 0.5rem;}
#hcm .section12 .sc-mainbox .card .advan label img{width:1.4rem;height: 1.4rem;margin-right:0.5rem}
#hcm .section12 .sc-mainbox .container{display: flex;flex-direction: column;gap:2rem;overflow: hidden;}
#hcm .section12 .sc-mainbox .container .cards{padding:3rem 0rem;}
#hcm .section12 .sc-mainbox .card{    background: #ffffff00;
    border-radius: 2rem;
    padding: 0rem;
    display: flex;
    flex-direction: column;
    gap: 1.8rem;
    border: 0.1rem solid rgb(9 18 33 / 0%);
    transition: all .1s ease;}
#hcm .section12 .sc-mainbox .card .tit{font-size:2.4rem;font-weight: 600}
#hcm .section12 .sc-mainbox .card .desc{font-size:1.6rem;color:#595959; }
#hcm .section12 .sc-mainbox .card .advan{display: flex;flex-wrap:wrap;align-items: center;gap:0.5rem;}
#hcm .section12 .sc-mainbox .card .advan label{background-color: #0d29dc17;}
#hcm .section12 .sc-mainbox .card .advan label img{width:1.6rem;height: 1.6rem;margin-right:0.5rem}
/**HCM-END**/





/**DBTODB-Start**/
#dbtodb{color:#252b3a;}
#dbtodb .banner{background:linear-gradient(90deg, rgb(215 231 255) 20%, rgb(212 227 255 / 94%) 35%, rgb(217 231 255 / 0%) 50%), linear-gradient(180deg, rgb(215 231 255 / 73%) 20%, rgb(215 231 255 / 0%) 50%, rgb(240 246 255 / 0%) 50%), url(../images/dbz.png) no-repeat;background-size:cover;}
#dbtodb .banner .container{display: flex;justify-content: center;flex-direction: column;padding:8rem 0rem;gap:1.5rem;}
#dbtodb .banner .container .icon{background: url(../images/dbss.png) no-repeat;background-size: cover;width:12rem;height: 12rem;margin-bottom: 3rem}
#dbtodb .banner .container h1{font-size: 4.8rem;color: #000}
#dbtodb .banner .container h1 span{background-image: linear-gradient(253deg,#ac61ff,#005eff);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
#dbtodb .banner .container .s1{font-size:1.8rem;    padding-right: 55%;}
#dbtodb .banner .container .s2{font-size:1.6rem;color:#3638f5}
#dbtodb .banner .container .btngroup{display:flex;gap:2rem;margin-top: 1rem;padding-bottom: 4rem}
#dbtodb .banner .container .btngroup a{background:#191919;padding:1rem 3rem;border-radius: 1.5rem;color: #fff}
#dbtodb .banner .container .cardgroup{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;gap:1.6rem;}
#dbtodb .banner .container .cardgroup .card{background: rgba(255,255,255,0.7);border-radius: 2rem;padding:3rem;display: flex;flex-direction: column;gap:2rem;}
#dbtodb .banner .container .cardgroup .card h4{font-size: 2.5rem;}
#dbtodb .banner .container .cardgroup .card p{font-size: 1.6rem;}


#dbtodb .section1{padding:8rem 0rem;background:#f9fcff;}
#dbtodb .section1 .sc-mainbox .container{display:grid;gap:1.6rem;grid-template-columns:1fr 1fr 1fr 1fr;padding:3rem 0rem;}
#dbtodb .section1 .sc-mainbox .cards{display:flex;flex-direction: column;gap:1rem;}
#dbtodb .section1 .sc-mainbox .card{background: #fff;border-radius: 2rem;padding: 3rem 2.5rem 3rem 2.5rem;display: flex;flex-direction: column;gap:1rem;}
#dbtodb .section1 .sc-mainbox .img-container{height: 4.8rem;justify-content:flex-start;}
#dbtodb .section1 .sc-mainbox .img-container img{height: 4.8rem;width: auto}
#dbtodb .section1 .sc-mainbox .card .tit{font-size:5rem;font-weight: 600;margin-top:1.5rem;}
#dbtodb .section1 .sc-mainbox .card .tit span{background-image: linear-gradient(253deg, #679bf6, #3638f5);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-size: 2.5rem;}
#dbtodb .section1 .sc-mainbox .card .tit1{font-size:2rem;font-weight: 600;margin-top:1.5rem;}
#dbtodb .section1 .sc-mainbox .card .desc{font-size:1.6rem;color:#595959; }

#dbtodb .section2{padding:8rem 0rem;background:#f9fcff;}
#dbtodb .section2 .container{padding:3rem 0rem;    width: 70%;}


#dbtodb .section2 .table{position: relative;border-top:0.6rem solid #000;border-bottom: 0.6rem solid #000;border-radius:0.6rem;width:100%;background: #fff}
#dbtodb .section2 .table .table-first-cell th{padding: 3.2rem 1.8rem 2.6rem;font-size: 2rem;line-height: 3rem;border-right: 0.1rem solid #ccc;border-bottom: 0.1rem solid #ccc;height: auto;padding: 3.2rem 1.8rem 2.6rem;border-left: 0.1rem solid #ccc;position: relative;vertical-align: top;text-align: left}
#dbtodb .section2 .table .table-first-cell th img{padding-bottom: 1rem;height:3.2rem;}
#dbtodb .section2 .table td{padding: 3.2rem 1.8rem 2.6rem;border-bottom: 0.1rem solid #ccc;border-right: 0.1rem solid #ccc;text-align: center; border-left: 0.1rem solid #ccc;}
#dbtodb .section2 .table td.table-first-cell{text-align: left}
#dbtodb .section2 .table td .table-cell-title{font-size: 1.6rem;font-weight: 600;padding-bottom: 1rem}
#dbtodb .section2 .table td .table-cell-detail p{padding:0.5rem 0rem;}
#dbtodb .section2 .table .price-row td.table-first-cell{font-size: 1.6rem;font-weight: 600;text-align: left}
#dbtodb .section2 .table .price-row td{font-size: 2.5rem;}
#dbtodb .section2 .table_notice{font-size: 1.6rem;line-height: 2.4rem;margin-top: 3.2rem;}



#dbtodb .section3{padding:8rem 0rem;background:#f8fbff;}
#dbtodb .section3 .sc-mainbox .container{display:grid;gap:1.6rem;grid-template-columns:4fr 3fr;padding:3rem 0rem;}
#dbtodb .section3 .sc-mainbox .container .card{background-color: #e6f4ff;padding:5rem;border-radius: 2rem;display: flex;flex-direction: column;gap:2rem;}
#dbtodb .section3 .sc-mainbox .container .card .tit{font-size: 2.8rem;font-weight: 600;line-height: 42px;margin-bottom: 1.6rem;}
#dbtodb .section3 .sc-mainbox .container .card1{flex-direction: row;justify-content: space-between;}
#dbtodb .section3 .sc-mainbox .container .card ul li{display: flex;align-items: center;font-size: 1.6rem;padding:0.5rem 0rem;color: #595959}
#dbtodb .section3 .sc-mainbox .container .card ul li.circle:before {border: 0.2rem solid;border-radius: 50%;content: "";display: inline-block;margin-right: 8px;margin-top: -2px;vertical-align: middle;}
#dbtodb .section3 .sc-mainbox .container .card .fenge{width:1px;height:100%;background-color:#c6c6c6;display: block;}
#dbtodb .section3 .sc-mainbox .container .card .item .pays{display: flex;gap:7rem;padding-right: 5rem}
#dbtodb .section3 .sc-mainbox .container .card .item .pays .pay{width:10.8rem;text-align: center;}
#dbtodb .section3 .sc-mainbox .container .card .item .pays .pay img {margin-bottom: 10px; }   
    

#dbtodb .section4{padding:8rem 0rem;background: linear-gradient(175deg, #d8e1ff 0%, #75b2ff 100%);border-radius: 3rem;}
#dbtodb .section4 .sc-mainbox .container{display:grid;gap:2rem;grid-template-row:1fr 1fr;padding:3rem 0rem;}
#dbtodb .section4 .sc-mainbox .container .item{display: grid;grid-template-columns: 1fr 1fr;gap:1.6rem;}   





#dbtodb .section4 .sc-mainbox .cards{display: grid;grid-template-columns: 1fr 1fr 1fr;gap:2rem;}


#dbtodb .section4 .sc-mainbox .card{position:relative;overflow:hidden; background: #fff;border-radius: 2rem;padding:5rem;overflow: hidden;}
#dbtodb .section4 .sc-mainbox .card .img-container{position: absolute;width:100%;height:100%;top:0;left:0;z-index: 0;display: flex;justify-content: center;align-items: center;}
#dbtodb .section4 .sc-mainbox .card .img-container img{object-fit: cover;}
#dbtodb .section4 .sc-mainbox .card .card-txt{position: relative;z-index: 1;display: flex;display: flex; flex-direction: column;gap:1.6rem;}
#dbtodb .section4 .sc-mainbox .card .tit{font-size:2.4rem;font-weight: 600;}
#dbtodb .section4 .sc-mainbox .card .desc{font-size:1.6rem;color:#595959;;padding-bottom:1.5rem;}
#dbtodb .section4 .sc-mainbox .card .card-txt .btn a{font-size: 1.4rem;background-color: transparent;border: 0.1rem solid #191919;border-radius: 5rem;padding:1rem 3rem;}

#dbtodb .section4 .sc-mainbox .card1{display: grid;grid-template-columns: 3fr 2fr;padding: 1rem;}
#dbtodb .section4 .sc-mainbox .card1 .card-txt{display: flex;justify-content: center;flex-direction: column;padding:4rem;}


#dbtodb .section4 .sc-mainbox .card .card-txt img{height: 6.8rem}


#dbtodb .section5{padding:15rem 0rem 7rem 0rem;background:#f9fcff url(../images/product-experience-bg.png) no-repeat center bottom;background-repeat:no-repeat; background-size:cover;}
#dbtodb .section5 .container{display: flex;justify-content: center;align-items: center;flex-direction: column;}
#dbtodb .section5 .tit{font-size: 5.6rem;font-weight: 600;;text-align: center;color: #000}
#dbtodb .section5 .btn{margin-top:2.4rem;display: inline-block;border-radius: 2.4rem;line-height: 4.8rem;padding: 0 4.8rem;transition: 0.3s;border: 0.1rem solid rgba(255, 255, 255, 0.7);color: rgb(255, 255, 255);background: #000}


#dbtodb .section6{background:linear-gradient(180deg, rgb(15 16 16 / 37%) 0, #0f101094 100%), url(../images/lowcase/guanggao.jpg) no-repeat center center;background-size:cover;padding:8rem 0;    border-radius: 2.5rem;}
#dbtodb .section6 .sc-titbox .tit{color:#fff}
#dbtodb .section6 .sc-mainbox .container {display: grid;grid-template-columns: repeat(5, 1fr);color: #fff;font-size: 1.6rem;align-items: flex-start;padding-top: 0rem;max-width:1300rem;}
#dbtodb .section6 .sc-mainbox .container .card{display:flex;flex-direction: column; gap:1rem;position: relative;}
#dbtodb .section6 .sc-mainbox .container .card:after{content:"";height: 5rem;width: 1px;background-color: #fff;position: absolute;right:0rem;top:50%;transform: translateY(-50%)}
#dbtodb .section6 .sc-mainbox .container .card:nth-last-child(1):after{display: none}
#dbtodb .section6 .sc-mainbox .container .stat-number{display: flex;justify-content: center;align-items: flex-end;gap:0.5rem;}
#dbtodb .section6 .sc-mainbox .container .stat-number .counter {font-size:5rem;text-align: center; font-weight: 600;}
#dbtodb .section6 .sc-mainbox .container .stat-number span{font-size:2.2rem;font-weight: 400}
#dbtodb .section6 .sc-mainbox .container .stat-label {font-size: 2rem;opacity: 0.9;text-align: center;}

/**DBTODB-END**/








/**CSV-Start**/
#csv{color:#252b3a;}
#csv .banner{background-position: center center;background-size: cover;}
#csv .banner .container{display: flex;justify-content: center;flex-direction: column;padding:15rem 60rem 15rem 0rem;}
#csv .banner .container .icon{background-size: cover;
    background-position: center center;
    width: 5.6rem;
    height: 5.6rem;
    margin-right: 1rem;
    display: flex;
    align-items: center;}
#csv .banner .container h1{font-size: 4.8rem;color: #181818;display:flex;align-items: center;margin-bottom: 3rem;}
#csv .banner .container p.s1{font-size:1.4rem;line-height:1.5;margin-bottom: 2rem}
#csv .banner .container .btngroup{display:flex;gap:2rem;margin-top: 1rem;padding-bottom: 4rem}
#csv .banner .container .btngroup a{background:#191919;padding:1rem 3rem;border-radius: 1.5rem;color: #fff}

#csv .section1{padding:8rem 0rem;background:#f9fcff;}
#csv .section1 .sc-mainbox .container{display:grid;gap:1.6rem;grid-template-columns:1fr 1fr 1fr 1fr;padding:3rem 0rem;}
#csv .section1 .sc-mainbox .cards{display:flex;flex-direction: column;gap:1rem;}
#csv .section1 .sc-mainbox .card{background: #fff;border-radius: 2rem;padding: 3rem;display: flex;flex-direction: column;gap:1rem;}
#csv .section1 .sc-mainbox .card .tit{font-size:2rem;font-weight: 600;color: #565656}
#csv .section1 .sc-mainbox .card .desc{font-size:1.4rem;color:#595959; }

#csv .section2{padding:8rem 0rem;background:#fff;}
#csv .section2 .sc-mainbox .container{display:grid;gap:1.6rem;grid-template-columns:1fr 1fr 1fr;padding:3rem 0rem;}
#csv .section2 .sc-mainbox .cards{display:flex;flex-direction: column;gap:1rem;}
#csv .section2 .sc-mainbox .card{background: linear-gradient(253deg, #f9fcff, #37333a00, #815ced0f);border-radius: 2rem;padding: 3rem;display: flex;flex-direction: column;gap:1rem;align-items: center;text-align: center;}
#csv .section2 .sc-mainbox .img-container{height: 48px;justify-content:flex-start;}
#csv .section2 .sc-mainbox .img-container img{height: 48px;width: auto}
#csv .section2 .sc-mainbox .card .tit{font-size:2rem;font-weight: 600;margin-top:1.5rem;}

#csv .section3{padding:8rem 0rem;background:#f9fcff;}
#csv .section3 .sc-mainbox .container{display:grid;gap:1.6rem;grid-template-columns:1fr 1fr 1fr 1fr 1fr;padding:3rem 0rem;}
#csv .section3 .sc-mainbox .cards{display:flex;flex-direction: column;gap:1rem;}
#csv .section3 .sc-mainbox .card{background: #fff;border-radius: 2rem;padding: 3rem;display: flex;flex-direction: column;gap:1rem;}
#csv .section3 .sc-mainbox .card .tit{font-size:2rem;font-weight: 600;color: #565656}
#csv .section3 .sc-mainbox .card .desc{font-size:1.4rem;color:#595959; }

#csv .section4{padding:8rem 0rem;background: linear-gradient(175deg, #d8e1ff 0%, #75b2ff 100%);}
#csv .section4 .sc-mainbox .container{display:grid;gap:2rem;grid-template-row:1fr 1fr;padding:3rem 0rem;}
#csv .section4 .sc-mainbox .container .item{display: grid;grid-template-columns: 1fr 1fr;gap:1.6rem;}   
#csv .section4 .sc-mainbox .cards{display: grid;grid-template-columns: 1fr 1fr 1fr;gap:2rem;}


#csv .section4 .sc-mainbox .card{position:relative;overflow:hidden; background: #fff;border-radius: 2rem;padding:5rem;overflow: hidden;}
#csv .section4 .sc-mainbox .card .img-container{position: absolute;width:100%;height:100%;top:0;left:0;z-index: 0;display: flex;justify-content: center;align-items: center;}
#csv .section4 .sc-mainbox .card .img-container img{object-fit: cover;}
#csv .section4 .sc-mainbox .card .card-txt{position: relative;z-index: 1;display: flex;display: flex; flex-direction: column;gap:1.6rem;}
#csv .section4 .sc-mainbox .card .tit{font-size:2.4rem;font-weight: 600;}
#csv .section4 .sc-mainbox .card .desc{font-size:1.6rem;color:#595959;;padding-bottom:1.5rem;}
#csv .section4 .sc-mainbox .card .card-txt .btn a{font-size: 1.4rem;background-color: transparent;border: 0.1rem solid #191919;border-radius: 5rem;padding:1rem 3rem;}
#csv .section4 .sc-mainbox .card1{display: grid;grid-template-columns: 3fr 2fr;padding: 1rem;}
#csv .section4 .sc-mainbox .card1 .card-txt{display: flex;justify-content: center;flex-direction: column;padding:4rem;}

#csv .section4 .sc-mainbox .card .card-txt .logo img{height: 6.8rem}


#csv .section5{padding:15rem 0rem 7rem 0rem;background:#f9fcff url(../images/product-experience-bg.png) no-repeat center bottom;background-repeat:no-repeat; background-size:cover;}
#csv .section5 .container{display: flex;justify-content: center;align-items: center;flex-direction: column;}
#csv .section5 .tit{font-size: 5.6rem;font-weight: 600;;text-align: center;color: #000}
#csv .section5 .btn{margin-top:2.4rem;display: inline-block;border-radius: 2.4rem;line-height: 4.8rem;padding: 0 4.8rem;transition: 0.3s;border: 0.1rem solid rgba(255, 255, 255, 0.7);color: rgb(255, 255, 255);background: #000}

/**CSV-END**/




/**hzhb-Start**/
#partners{color:#252b3a;}
/*#partners .banner{background:url(../images/partners-bg.png) no-repeat;background-size:cover; background-position:center center;}*/
#partners .banner .container{display: flex;justify-content: center;flex-direction: column;padding:8rem 0rem 100px 0rem;}
#partners .banner .container h1{font-size: 4.8rem;color: #181818;display:flex;align-items: center;margin-bottom: 3rem;}
#partners .banner .container p.s1{font-size:1.4rem;line-height:1.5;margin-bottom: 2rem}
#partners .banner .container .btngroup{display:flex;gap:2rem;margin-top: 1rem;padding-bottom: 8rem}
#partners .banner .container .btngroup a{background:#ffffff33;border-radius: 3rem;color: #191919}
#partners .banner .container .btngroup a:hover{background:linear-gradient(253deg, #679bf6, #3638f5);color: #fff}
#partners .banner .cards{gap:2rem;width:100%;display: grid;grid-template-columns: 1fr 1fr 1fr 1fr}
#partners .banner .card{background: #ffffffba;border-radius: 2rem;padding: 4rem 3rem 4rem 3rem;display: flex;flex-direction: column;gap:1.6rem;border: 0.1rem solid rgba(9, 18, 33, 0.06);}
#partners .banner .card .tit{font-size:2.4rem;font-weight: 600;}
#partners .banner .card .desc{font-size:1.6rem;color:#595959; }




#partners .section1{padding:8rem 0rem;background:#f0f6ff url(../images/bg112.png) center / 100% 100% no-repeat;background-size:cover; background-position:center center;border-radius: 3rem;}
#partners .section1 .sc-mainbox .container{display:grid;gap:1.6rem;grid-template-columns:1fr 1fr 1fr;padding:3rem 0rem;}
#partners .section1 .sc-mainbox .cards{display:flex;flex-direction: column;gap:1rem;}
#partners .section1 .sc-mainbox .img-container{width:48px;height: 48px;justify-content:flex-start;}
#partners .section1 .sc-mainbox .card{background: #ffffff00;border-radius: 2rem;padding: 3rem;display: flex;flex-direction: column;gap:1rem;
    border: 0.1rem solid rgba(9, 18, 33, 0.06);}
#partners .section1 .sc-mainbox .card .tit{font-size:2.4rem;font-weight: 600;color: #565656}
#partners .section1 .sc-mainbox .card .desc{font-size:1.6rem;color:#595959; }





#partners .section2{padding:8rem 0rem;}
#partners .section2 .sc-mainbox .container .cards{display:grid;gap:1.6rem;grid-template-columns:1fr 1fr 1fr;padding:3rem 0rem;}
#partners .section2 .sc-mainbox .container .card{background: #ffffff;border-radius: 2rem;padding: 4rem 3rem 4rem 3rem;display: flex;flex-direction: column;gap:1.6rem;    border: 0.1rem solid rgba(9, 18, 33, 0.06);transition: all .5s ease;}
#partners .section2 .sc-mainbox .container .card .tit{font-size:2.4rem;font-weight: 600;}
#partners .section2 .sc-mainbox .container .card .desc{font-size:1.6rem;color:#595959; }
#partners .section2 .sc-mainbox .container .card .advan{display: flex;align-items: center;gap:0.5rem;padding-top: 1.5rem;font-size:1.6rem;padding-bottom: 2.5rem;}

#partners .section2 .sc-mainbox .container .card .btn-s1{font-size:1.8rem;color: #000;font-weight: 600;}
#partners .section2 .sc-mainbox .container .card .btn-s1:hover{font-size:1.8rem;color: #1476ff;font-weight: 600;}
#partners .section2 .sc-mainbox .container .card .btn-s1::after {width: 1.8rem;height: 1.8rem;}












#partners .section3{padding:11rem 0rem;position: relative;overflow:hidden;}
#partners .section3 .sc-titbox{z-index:1;position: relative;}
#partners .section3 .sc-mainbox .tab-content.active{display:flex;flex-direction: column;justify-content: center; opacity:1;transition: opacity 0.8s ease, visibility 0.8s ease;}
#partners .section3 .sc-titbox .tit{color:#fff}
#partners .section3 .sc-mainbox .nav-tabs{margin: 2rem}
#partners .section3 .sc-titbox .desc {color:#fff;font-size: 1.6rem;text-align: center;margin: 1rem;}  

#partners .section3 .sc-bg{position: absolute;width:100%;height:100%;top:0rem;left:0rem;z-index:0;border-radius:3rem;overflow:hidden;background:rgba(0,0,0,0.6);}
#partners .section3 .sc-bg .card{width: 100%;height:100%;transition: all 0.6s;position:relative;opacity:0}
#partners .section3 .sc-bg .card::before { 
    content: ""; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    background-color: #0c0c0cb0; 
    transition: background-color 0.5s ease; 
    z-index: 1; /* 从0改为1 */
}

#dbtodb .section3 .sc-mainbox .container .card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
#partners .section3 .sc-bg .card img{min-height:100%;min-width: 100%;max-width:unset;transform: translate(-50%, -50%);position:absolute;left:50%;top:50%;}
#partners .section3 .sc-bg .card.active{opacity:1;top:0;position:absolute;}
#partners .section3 .sc-mainbox .nav-tabs{}
#partners .section3 .sc-mainbox .nav-tabs .main{display: flex;justify-content: center;gap:2rem;overflow-x: scroll;padding-bottom: 3rem;}
#partners .section3 .sc-mainbox .nav-tabs .main::-webkit-scrollbar {display: none;}
#partners .section3 .sc-mainbox .nav-tabs .main button{cursor: pointer;font-size: 1.8rem;position: relative;color:#fff;padding: 1rem 4rem;border-radius: 2rem;white-space: nowrap;}
#partners .section3 .sc-mainbox .nav-tabs .main button.active{font-weight:600;background: rgb(255 255 255 / 75%);color: #323235;backdrop-filter: blur(6px);}

#partners .section3 .sc-mainbox .container{z-index:1;padding-top:3rem;position: relative;}
#partners .section3 .sc-mainbox .tab-content{display:none;opacity:0;transition: opacity 0.8s ease, visibility 0.8s ease;width: 100%;color: #fff}
#partners .section3 .sc-mainbox .tab-content.active{display:flex;flex-direction: column;justify-content: center; opacity:1;transition: opacity 0.8s ease, visibility 0.8s ease;}
#partners .section3 .sc-mainbox .tab-content .module-title {font-size:2.5rem;padding-top:1rem;padding-bottom:2rem;}
#partners .section3 .sc-mainbox .tab-content .module-desc{font-size: 1.6rem;padding-bottom:2rem;}
#partners .section3 .sc-mainbox .tab-content ul {list-style: disc;padding-left: 2rem;line-height: 1.8;}
#partners .section3 .sc-mainbox .tab-content ul li{list-style: disc;font-size:1.6rem;}
#partners .section3 .sc-mainbox .tab-content ul li strong{display: block;}
#partners .section3 .sc-mainbox .tab-content .yyjz{display: flex;gap:2.5rem;font-size:1.6rem;} 


#partners .section3 .sc-mainbox .tab-content .yyjz .item{font-size:1.6rem;position: relative;padding-right:3rem;}
#partners .section3 .sc-mainbox .tab-content .yyjz .item .s1{font-size: 2.8rem;font-weight:600}
#partners .section3 .sc-mainbox .tab-content .yyjz .item p{font-size: 1.6rem;}
#partners .section3 .sc-mainbox .tab-content .yyjz .item:after{content: "";width:1px;height:4.5rem;display:block;background:#85888b;position: absolute;right:0rem;top:50%;transform: translateY(-50%);}
#partners .section3 .sc-mainbox .tab-content .yyjz .item:nth-last-child(1):after{display: none}


#partners .section3 .sc-mainbox .tab-content .yyjz .s1{font-size: 2.5rem;display: flex;align-items: flex-end;font-weight: 600;}
#partners .section3 .sc-mainbox .tab-content .yyjz .s1 svg{height: 2rem;display: inline-block;}   
#partners .section3 .sc-mainbox .tab-content .yyjz .s1 span{display: flex;align-items: center;font-size:2rem;padding:0px 0.5rem;}
#partners .section3 .sc-mainbox .tab-content .btn{padding-top: 3rem}
#partners .section3 .sc-mainbox .tab-content .btn .btn-s2{color: #fff;font-size:1.4rem}
#partners .section3 .sc-mainbox .tab-content .btn .btn-s2:after{width: 2rem;height:2rem;}




#partners .section4{padding:8rem 0rem;background: #fff;}
#partners .section4 .sc-mainbox .container .cards{display:grid;gap:1.6rem;grid-template-columns:1fr 1fr 1fr 1fr;padding:3rem 0rem;}
#partners .section4 .sc-mainbox .container .card{background: #fff;border-radius: 2rem;padding: 1rem;display: flex;flex-direction: column; align-items: center; gap:1.6rem;text-align: center;border: 0.1rem solid rgba(9, 18, 33, 0.06);transition: all .5s ease;}
#partners .section4 .sc-mainbox .container .card .tit{font-size:2.4rem;font-weight: 600;padding: 1rem 2rem 0rem 2rem;}
#partners .section4 .sc-mainbox .container .card .desc{font-size:1.6rem;color:#595959;padding:2rem }
#partners .section4 .sc-mainbox .container .card .advan{padding:3px 6px;font-size:1.4rem;background:#3638f532;border-radius: 3px;color: #3638f5;}



#partners .section5{padding:8rem 0rem;background: #f9fcff;}
#partners .section5 .sc-mainbox .container .cards{display:grid;gap:2.5rem;grid-template-columns:1fr 1fr 1fr;padding:3rem 0rem;}
#partners .section5 .sc-mainbox .container .card{background: #fff;border-radius: 2rem;display: flex;flex-direction: column;justify-content: center;overflow: hidden;box-shadow: 0 4px 1.6rem rgba(0, 0, 0, 0.12);transition: box-shadow 0.3s ease;}
#partners .section5 .sc-mainbox .container .card .img-container{padding:0rem;}
#partners .section5 .sc-mainbox .container .card .tit{font-size:2.4rem;font-weight: 600;position: absolute;padding-left:2%}



#partners .section6{padding:8rem 0rem;background:#fff}
#partners .section6 .sc-mainbox{margin-top: 3rem}
#partners .section6 .sc-mainbox .container{display:grid;gap:3rem;grid-template-columns: repeat(2, 1fr);background:#fff;border-radius: 2rem;padding:5rem;    border: 0.1rem solid rgb(9 18 33 / 0%);}
#partners .section6 .sc-mainbox .card-text{display: flex;flex-direction: column;position: relative;/*border-left:2px solid #ccc;*/}
#partners .section6 .sc-mainbox .card-line{position: absolute;left: -3px;top: 0;width: 3px;background:linear-gradient(253deg, rgb(70, 78, 245), rgb(28, 102, 229), rgb(82, 223, 215));transition: all 0.3s ease;}
#partners .section6 .sc-mainbox .card{position: relative; display: flex;flex-direction: column;gap:1rem;border-bottom: 0.1rem solid #dbdbdb00;margin:0px 2rem;padding:2rem 0rem;}
#partners .section6 .sc-mainbox .card:nth-last-child(1){border-bottom:0rem;}
#partners .section6 .sc-mainbox .card .tit{font-size:2.4rem;font-weight: 600;display:flex;gap:1rem;align-items: center;width: 100%;position: relative;}
#partners .section6 .sc-mainbox .card .tit span{border-radius: 6px;height: 3.1rem;width: 3.1rem;background-color: #b8caf65c;display: flex;justify-content: center;align-items: center;
    color: #3638f5;}
#partners .section6 .sc-mainbox .card .tit:after {font-size: 1.2rem;content: "\f107";font-weight: 900;margin: 0.1rem 0 0 2px;font-family: "Font Awesome 6 Pro";position: absolute;right:1rem;-webkit-transition: .35s;transition: .35s;}
#partners .section6 .sc-mainbox .card .tit img{width: 3rem;height: 3rem;}
#partners .section6 .sc-mainbox .card .desc{font-size:1.6rem;color:#595959;;height:0rem;overflow:hidden;transition: all 0.3s linear;opacity: 0}
#partners .section6 .sc-mainbox .card .btn{padding-top: 2rem;padding-bottom: 5rem}
#partners .section6 .sc-mainbox .card .btn a{background: #dee9fb;padding:1rem 3rem;border-radius: 1.4rem;display:inline-block;}
#partners .section6 .sc-mainbox .card .img-container{margin-bottom: -5rem;}
#partners .section6 .sc-mainbox .card.active .tit:after{transform: rotate(180deg);}
#partners .section6 .sc-mainbox .card.active .desc{height: auto;transition: all 0.3s linear;opacity: 1}
#partners .section6 .sc-mainbox .card-img .card-inner{display: none}
#partners .section6 .sc-mainbox .card-img .card-inner.active{display: flex;flex-direction: column;align-items: center;}
#partners .section6 .sc-mainbox .card-img .card-inner img {border-radius: 1.5rem;}





#partners .section7{padding:15rem 0rem 7rem 0rem;background:#fff url(../images/product-experience-bg.png) no-repeat center bottom;background-repeat:no-repeat; background-size:cover;}
#partners .section7 .container{display: flex;justify-content: center;align-items: center;flex-direction: column;}
#partners .section7 .tit{font-size: 5.6rem;font-weight: 600;;text-align: center;color: #000}
#partners .section7 .btn{margin-top:2.4rem;display: inline-block;border-radius:1.8rem;line-height: 4.8rem;padding: 0 4.8rem;transition: 0.3s;border: 0.1rem solid rgba(255, 255, 255, 0.7);color: rgb(255, 255, 255);background: #000}

/**hzhb-END**/




/**caselist-start**/
#caselist .banner {background: url(../images/banner_service.png) no-repeat top center;background-size: cover;}
#caselist .banner{height:60rem;overflow:hidden;position: relative;}
#caselist .banner .bgvideo{position: absolute;z-index: 0;left:0;top:0;}
#caselist .banner .container{    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    height: 100%;
    z-index: 1;
    position: relative;}
#caselist .banner .container h1{font-size: 4.8rem;color: #000000;display:flex;align-items: center;margin-bottom: 3rem;font-weight: 600}
#caselist .banner .container .data-container{display: flex;justify-content: center;align-items: center;color: #fff}
#caselist .banner .container .data-container .data-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    position: relative
}

#caselist .banner .container .data-container .data-item .data {
    font-size: 4.8rem;
    line-height: 7.2rem;
    text-align: center;
            color: #000000;
}

#caselist .banner .container .data-container .data-item .text {
    font-size: 1.6rem;
    line-height: 2.4rem;
    text-align: center;
            color: #000000;
}

#caselist .banner .container .data-container .normal-item-style:not(:first-child) {
    margin-left: 8rem
}

#caselist .banner .container .data-container .normal-item-style:not(:first-child):before {
    background-color:#fff;
    border-radius: 3px;
    content: "";
    display: block;
    height: 6rem;
    left: -8rem;
    margin-top: -3rem;
    position: absolute;
    top: 50%;
    width: 1px
}



#caselist .banner .container .data-container .normal-item-style:not(:last-child) {
    margin-right: 3rem;
}



#caselist .banner .container .btngroup{display:flex;gap:2rem;margin-top: 5rem;padding-bottom: 8rem}
#caselist .banner .container .btngroup a{padding:1rem 3rem;border-radius: 1.8rem;color: #fff;border:1px solid #fff}




#caselist .section1{padding:8rem 0rem;}
#caselist .section1 .sc-mainbox .container{display:grid;gap:1.6rem;grid-template-columns:1fr 1fr 1fr;margin-top:5rem}
#caselist .section1 .sc-mainbox .cards{display:flex;flex-direction: column;gap:1rem;padding:1rem;}
#caselist .section1 .sc-mainbox .card{background: #fff;border-radius: 2rem;display: flex;flex-direction: column;gap:1rem;overflow:hidden;padding: 1rem;    border: 0.1rem solid rgb(1 9 21 / 6%);}
#caselist .section1 .sc-mainbox .card .img-container{padding:0rem;height: auto}
#caselist .section1 .sc-mainbox .card .text-container{ padding: 2.4rem;}
#caselist .section1 .sc-mainbox .card .text-container .tit{font-size:2rem;font-weight: 600;color: #565656}
#caselist .section1 .sc-mainbox .card .text-container .module-desc{font-size: 1.4rem;color:#595959;}
#caselist .section1 .sc-mainbox .card .text-container .logo{padding:2rem 0rem;}
#caselist .section1 .sc-mainbox .card .text-container .btn-s1{font-size:1.6rem;    padding-top: 20px;}
#caselist  .section1 .sc-mainbox .card .text-container .module-title {font-size: 2rem;color: #000;padding-bottom: 1rem;padding: 0.5rem 0rem 1rem 0rem;}



#caselist .section2{padding:5rem 0rem 5rem 0rem;background:#f9fcff;}
#caselist .section2 .container{padding-top:3rem;}
#caselist .section2 .sc-mainbox .nav-tabs{margin-bottom: 3rem}


#caselist .section2 .sc-mainbox .nav-tabs .main{display: flex;justify-content: center;gap:2rem;}
#caselist .section2 .sc-mainbox .nav-tabs .main button{cursor: pointer;font-size: 1.8rem;font-weight:600;position: relative;display: flex;align-items: center;gap:0.5rem;padding: 1rem 3rem;border-radius: 2rem}
#caselist .section2 .sc-mainbox .nav-tabs .main button.active{color: #1476ff;background-color: #fff;}
#caselist .section2 .sc-mainbox .nav-tabs .main button i {background: url(../images/sfg.svg) no-repeat;background-size: cover;width:1.8rem;height: 1.8rem;display: inline-block;}
#caselist .section2 .sc-mainbox .nav-tabs .main button.active i {background: url(../images/sfg_blue.svg) no-repeat;background-size: cover;width:1.8rem;height: 1.8rem;}


#caselist .section2 .sc-mainbox .container .tab-content.active{display:grid;gap:1.6rem;grid-template-columns:1fr 1fr 1fr 1fr;margin-top:5rem}
#caselist .section2 .sc-mainbox .container .tab-content{display:none}
#caselist .section2 .sc-mainbox .cards{display:flex;flex-direction: column;gap:1rem;}
#caselist .section2 .sc-mainbox .card{background: #ffffff00;border-radius: 2rem;display: flex;flex-direction: column;gap:1rem;overflow:hidden;padding:1rem;    border: 0.1rem solid rgb(1 9 21 / 6%);}
#caselist .section2 .sc-mainbox .card .img-container{padding:0rem;height:18rem;overflow: hidden;}
#caselist .section2 .sc-mainbox .card .img-container img{min-width: 100%;min-height:100%;}
#caselist .section2 .sc-mainbox .card .text-container{ padding: 2.4rem;}
#caselist .section2 .sc-mainbox .card .text-container .tit{font-size:2rem;font-weight: 600;color: #565656}
#caselist .section2 .sc-mainbox .card .text-container .advan{padding:0rem 0rem 0.5rem 0rem; }
#caselist .section2 .sc-mainbox .card .text-container .desc{font-size: 1.6rem;color:#595959;;margin-top: 8px; }
#caselist .section2 .sc-mainbox .card .text-container .logo{padding:2rem 0rem;}
#caselist .section2 .sc-mainbox .card .text-container .btn-s1{font-size:1.6rem;    padding-top: 1.5rem;}
#caselist .section2 .sc-mainbox .card .text-container .module-desc{font-size: 1.4rem;color:#595959;}

#caselist .section2 .fenye{text-align: center;color: #666;display: flex;justify-content: center;align-items: center;width:100%;margin-top:2rem}
#caselist .section2 .fenye span{color: #000;font-size: 1.3rem;}
#caselist .section2 .fenye span a{text-align: center;color: #666;padding:4px 1rem;color:#333;font-size: 1.3rem;border:1px solid #ccc;margin:0 3px;border-radius: 0.5rem}
#caselist .section2 .fenye span a.active{background-color: #f0f1f3;border-radius: 50%;color: #000;}

#caselist .section2 .fenye span a.page-num-current{background:#3638f5;color: #fff}




#caselist .section3{background:#f9fcff url(../images/servicebg.jpg) center / 100% 100% no-repeat;padding:8rem 0rem;border-radius:36px;}



#caselist .section3 .sc-mainbox .nav-tabs {display: flex;margin-top: 3rem;margin-bottom: 2rem;justify-content: center;align-items: center;}
#caselist .section3 .sc-mainbox .nav-tabs .main{ overflow-x: scroll; background: linear-gradient(0deg, hsl(219deg 83.33% 90.59% / 20%) -54.35% -54.35%, rgb(233 243 252 / 29%) 138.41%);padding:0.6rem;border-radius:26px;position: relative;display: flex;align-items: center;border: 0.1rem solid rgb(255 255 255);}
#caselist .section3 .sc-mainbox .nav-tabs .main::-webkit-scrollbar {display: none;}



#caselist .section3 .sc-mainbox .nav-tabs .tab-btn {border: none;border-radius: 2rem;color: #000;cursor: pointer;font-size:1.8rem;transition: background 0.3s;font-weight: 600;line-height:4rem;z-index: 9999;padding:0px 6rem;white-space: nowrap;}
#caselist .section3 .sc-mainbox .nav-tabs .tab-btn.active {color: #000;}
#caselist .section3 .sc-mainbox .nav-tabs .tab-slider{border: none;border-radius: 2rem;color: #fff;cursor: pointer;font-weight: 600;height:4rem;top:0.6rem;left:0.6rem;position: absolute;bottom: 0;background: hsl(221.38deg 93.55% 87.84% / 46%);transition: left 0.6s ease, width 0.6s ease; }

#caselist .section3 .sc-mainbox .tab-content{display:none;opacity:0;transition: opacity 0.8s ease, visibility 0.8s ease;}
#caselist .section3 .sc-mainbox .tab-content.active{display:grid;grid-template-columns: 1fr 1fr;gap:3rem;opacity:1;transition: opacity 0.8s ease, visibility 0.8s ease;border-radius:1.4rem;padding:1.2rem;background-color: rgba(255, 255, 255, 0.1);
    justify-content: center;
    align-items: center;
    border: 0.1rem solid rgb(255 255 255 / 69%);
    backdrop-filter: blur(1rem);}
#caselist .section3 .sc-mainbox .tab-content .content-left {padding:3rem;}
#caselist .section3 .sc-mainbox .tab-content .module-title {font-size: 2.5rem;color: #000;padding-bottom: 0rem; padding-top:1.5rem;}
#caselist .section3 .sc-mainbox .tab-content .module-title::after{width: 2.5rem;height:2.5rem;}

#caselist .section3 .sc-mainbox .tab-content .module-desc{font-size: 1.6rem;color: #000;padding-bottom:3rem;}


#caselist .section3 .sc-mainbox .tab-content .content-left .yyjz{display:flex;gap:6rem;padding-top: 1.5rem;}
#caselist .section3 .sc-mainbox .tab-content .content-left .yyjz .item{position: relative;}
#caselist .section3 .sc-mainbox .tab-content .content-left .yyjz .s1{font-size: 2.2rem;display: flex;align-items: flex-end;color: #1476ff;font-weight: 600;padding-bottom: 1rem;}
#caselist .section3 .sc-mainbox .tab-content .content-left .yyjz p{display: flex;align-items: center;font-size:1.6rem;padding:0px 0.5rem;}


#caselist .section3 .sc-mainbox .tab-content .content-left .yyjz .item:not(:first-child):before {
    border-left:1px dashed #cbcfd2;
    border-radius: 3px;
    content: "";
    display: block;
    height: 6rem;
    left: -3rem;
    margin-top: -3rem;
    position: absolute;
    top: 50%;
    width: 1px
}


#caselist .section3 .sc-mainbox .tab-content h4{font-size: 2rem;color: #000;padding-bottom: 2rem;padding-top:2.5rem;}
#caselist .section3 .sc-mainbox .tab-content .advan label{padding: 1rem 1rem;font-size: 1.4rem;}
#caselist .section3 .sc-mainbox .tab-content .advan1{display: flex;flex-wrap:wrap;align-items: center;gap:1.1rem;z-index: 9999;padding-bottom: 3rem;gap:2rem;}
#caselist .section3 .sc-mainbox .tab-content .advan1 .item{display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 1.4rem;
    background: rgb(15 58 155 / 8%);
    border-radius: .6rem;
    margin-right: .8rem;
    padding: .4rem .8rem;}
#caselist .section3 .sc-mainbox .tab-content .advan1 .item span{border-radius: 0.5rem;
    height: 1.6rem;
    width: 1.6rem;
    display: flex;
    justify-content: center;
    align-items: center;}
#caselist .section3 .sc-mainbox .tab-content .advan1 .item span i{color: #fff;font-family: "iconfont" !important;
    font-size: 1rem;}

#caselist .section3 .sc-mainbox .tab-content .content-right {position: relative;border-radius: 1.4rem;overflow: hidden;}
#caselist .section3 .sc-mainbox .tab-content .content-right .img-container{height: 100%;padding:0rem;}
#caselist .section3 .sc-mainbox .tab-content .content-right img {width: 100%;height: 100%;}









#caselist .section4{padding:8rem 0rem;background-color:#f9fcff;}
#caselist .section4 .sc-mainbox .container{padding:3rem;background: #ffffff00;overflow: hidden;margin:3rem auto;}
#caselist .section4 .swipermain{position: relative;width: 100%;overflow: hidden;}
#caselist .section4 .swipermain .slide-track {display: flex;gap: 2rem;align-items: center}
#caselist .section4 .swipermain .slide{padding:1.5rem;background-color: #fff;border-radius: 1rem;display: flex;justify-content: center;align-items: center;flex-shrink: 0;}
#caselist .section4 .swipermain .slide .card{/*box-shadow: 0 4px 1.2rem 0 rgba(0,0,0,.1);background-color: #fff;border-radius:8px;*/overflow: hidden;}
#caselist .section4 .swipermain:before{width:8rem;position: absolute;left:0rem;top:0rem;height: 100%;display: block;content: "";background: linear-gradient(to right, #f9fcff, transparent);z-index: 2;}
#caselist .section4 .swipermain:after{width:8rem;position: absolute;right:0rem;top:0rem;height: 100%;display: block;content: "";background: linear-gradient(to left, #f9fcff, transparent);z-index: 2;}
#caselist .section4 .swipermain .slide .card img{max-height: 3rem;max-width: 100%;}
#caselist .section4 .btn-s11{font-weight: 600;font-size:1.8rem;padding:2rem 0rem 0rem 0rem;gap: 0.8rem;}



#caselist .section4 .swipermain .slide {
    width: calc((100% - (2rem * 6)) / 7);
  }
#caselist .section4 .sec9swiper .slide-track {
    animation: scroll-left 25s linear infinite;
  }
#caselist .section4 .sec10swiper .slide-track {
    transform: translateX(calc(-50% - 1rem)); 
    animation: scroll-right 25s linear infinite;
  }

#caselist .section4 .swipermain .slider:hover .slide-track {
    animation-play-state: paused;
  }




#caselist .section4 .sec10swiper{margin-top:3.5rem;}
#caselist .section4 .btn-s1{font-weight: 600;font-size:1.8rem}




.title-gradient-fixed {
  position: relative;
  text-align: center;
  font-size: 1.8rem;
  color: #333;
  padding: 0 2rem;
}
/* 左右横线合并为一条（简化写法） */
.title-gradient-fixed::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 100%;
  width:11rem;
  height: 1px;
  background: linear-gradient(to left, #ebeced, #ffffff);
  transform: translateY(-50%); /* 精准垂直居中 */
}

.title-gradient-fixed::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  width:11rem;
  height: 1px;
  background: linear-gradient(to right, #ebeced, #ffffff);
  transform: translateY(-50%);
}





#caselist .section5{padding:5rem 0rem 70px 0rem;background:#fff url(../images/product-experience-bg.png) no-repeat center bottom;background-repeat:no-repeat; background-size:cover;}
#caselist .section5 .container{display: flex;justify-content: center;align-items: center;flex-direction: column;}
#caselist .section5 .tit{font-size: 5.6rem;font-weight: 600;;text-align: center;color: #000}
#caselist .section5 .btn{margin-top:2.4rem;display: inline-block;border-radius: 1.8rem;line-height: 4.8rem;padding: 0 4.8rem;transition: 0.3s;border: 0.1rem solid rgba(255, 255, 255, 0.7);color: rgb(255, 255, 255);background: #000}


/**caselist-END**/






/**case-start**/
#case{background:url(../images/case_banner_bg.jpg) no-repeat top center;background-size: contain;    padding-top: 10rem;}

#case .section1 .container{display: flex;gap:2rem; padding-top:2rem;overflow:hidden;}
#case .section1 .position .container{gap:1rem;font-size:1.4rem;}
#case .section1 .container .container_left{width:calc(100% - 30rem);}
#case .section1 .container .container_left .banner{ background: hsl(0deg 0% 100% / 48%);border-radius: 2rem;display: flex;flex-direction:column;padding:4rem;}
#case .section1 .container .container_left .banner .module-title {font-size: 2.5rem;color: #000;padding-bottom: 1rem;padding-top:2.5rem;}
#case .section1 .container .container_left .banner .module-title::after{width: 2.5rem;height:2.5rem;}
#case .section1 .container .container_left .banner .module-desc{font-size: 1.6rem;color:#091221;padding-bottom:3rem;}
#case .section1 .container .container_left .banner .yyjz{display:flex;gap:6rem;}
#case .section1 .container .container_left .banner .item{position: relative;}
#case .section1 .container .container_left .banner .advan{z-index: 0;}
#case .section1 .container .container_left .banner .advan .item{display: flex;align-items: center;gap:0.5rem;    font-size: 1.4rem;    background: rgba(238, 243, 254, .8);
    border-radius: .6rem;
    margin-right: .8rem;
    padding: .4rem .8rem;}
#case .section1 .container .container_left .banner .advan .item span{border-radius: 0.5rem;height: 1.6rem;display:inline-block;width: 1.6rem;background-color:#c7e2ff;display: flex;justify-content: center;align-items: center;}
#case .section1 .container .container_left .banner .advan .item .iconfont {font-family: "iconfont" !important;font-size: 1rem;}
#case .section1 .container .container_left .banner .advan .item span i{color: #fff}
#case .section1 .container .container_left .banner .yyjz p{display: flex;align-items: center;font-size:1.4rem;padding:0px 0.5rem;color: #091221}
#case .section1 .container .container_left .banner .yyjz .s1{font-size: 2.2rem;display: flex;align-items: flex-end;color: #3b40f5;font-weight: 600;padding-bottom: 1rem;}




#case .section1 .container .container_left .banner .yyjz .item:not(:first-child):before {border-left:1px dashed #cbcfd2;border-radius: 3px;content: "";display: block;height: 6rem;left: -3rem;
margin-top: -3rem;position: absolute;top: 50%;width: 1px}
#case .section1 .container .container_left .banner{min-height: 42.8rem;margin-bottom:5rem}
#case .section1 .container .container_left .banner h4{font-size: 2rem;color: #000;padding-bottom: 2rem;padding-top:3rem;}
#case .section1 .container .container_left .banner .advan label{padding:0.5rem 1rem;font-size: 1.4rem;}
#case .section1 .container .container_left .maininfo{font-size:1.6rem;color:#091221;padding: 0rem 4rem 2rem 4rem;}
#case .section1 .container .container_left .maininfo h2{margin-bottom: 1rem;margin-top:5rem;}
#case .section1 .container .container_left .maininfo img{border-radius: 2rem;overflow:hidden;}
#case .section1 .container .container_left .maininfo h2{margin-top: 6rem;margin-bottom: 3rem}
#case .section1 .container .container_left .maininfo p{line-height: 2;padding:0.5rem 0rem;}
#case .section1 .container .container_left .maininfo li{line-height: 2;}
#case .section1 .container .container_left .maininfo ul.list-paddingleft-2 {
  padding-left: 0 !important;
  list-style: none !important;
}
#case .section1 .container .container_left .maininfo ul.list-paddingleft-2 li {position: relative; padding-left: 2rem; /* 圆点和文字的整体距离，数值越大越靠右 */margin: 8px 0; /* 列表项之间的上下间距 */line-height: 1.6; /* 文字行高，根据你网站字体调整 */}

/* 核心：圆点垂直居中 */
#case .section1 .container .container_left .maininfo ul.list-paddingleft-2 li::before {
  content: "•";
  position: absolute;
  left: 0;
  top: 1.2rem; /* 先定位到父元素高度的50% */
  transform: translateY(-50%); /* 再向上偏移自身高度的50%，实现完美居中 */
  color: #090a0a;
  font-size: 1.2em; /* 圆点大小 */
  line-height: 1; /* 重置圆点自身的行高，避免干扰 */
}

/* 确保li里面的p标签不换行、无默认边距 */
#case .section1 .container .container_left .maininfo ul.list-paddingleft-2 li > p {
  display: inline;
  margin: 0 !important;
  padding: 0;
}
#case .section1 .container .container_left .pageshare{display: flex;margin:2rem 0rem 0rem 0rem;gap:2rem;}
#case .section1 .container .container_left .pageshare .card{border:1px solid #000;border-radius:50%;padding:8px 1rem;}
#case .section1 .container .container_left .pageshare .card svg{width: 3rem;height: 3rem}

#case .section1 .container .container_right{width:28rem;}

#case .section1 .container .container_right .main {background:#edf5ff;border-radius: 3rem;display: flex;flex-direction:column;padding:3rem;box-shadow: 0 0.2rem 0.6rem 0 rgba(9,18,33,.04), inset 0 1.5PX 0 0 hsla(0,0%,100%,.4);
    border-radius: 1.4rem;width: 28rem;}
#case .section1 .container .container_right .main.fixed{position: fixed;top:10rem;z-index: 10}
#case .section1 .container .container_right .tit{font-size: 2rem;color: #091221;line-height: 2.4rem;font-weight: 600;}
#case .section1 .container .container_right .s1{opacity: .7;font-size: min(1.2rem, 1.4rem);color: #091221;line-height: 2rem;font-weight: 400;margin: 0.4rem 0 1.2rem;}
#case .section1 .container .container_right .btn a {
    display: block;
    background-image: linear-gradient(253deg, #679bf6, #3638f5);
    border-radius: 1.5rem;
    height: 2.8rem;
    line-height: 2.8rem;
    font-family: PingFangSC-Semibold;
    font-size: min(1.2rem, 1.6rem);
    color: #fff;
    text-align: left;
    font-weight: 600;
    text-align: center;
    transition: opacity .2s ease-in-out;
}


#case .section1 .container .container_right .line{height: 1px;border-top: 0.1rem dashed rgba(9, 18, 33, .12);margin:2rem 0rem;}
#case .section1 .container .container_right .ewm{border-radius: 0.6rem;padding: 0 1.2rem;display: flex;
    justify-content: space-between;
    align-items: center;
    height: 5.6rem;
    margin-top: 0.8rem;
    margin-bottom: 1.2rem;
    transition: background-color .2s ease-in-out;font-size: 1.4rem;}
    
#case .section1 .container .container_right .ewm p{display:flex;flex-direction: column;gap:8px;}

#case .section1 .container .container_right .ewm img{
    width: 6rem !important;
    height: 6rem !important;
}
  
#case .section1 .container .container_right .btns{display: flex;justify-content: space-around;padding: 4rem 1.2rem 1.2rem 1.2rem;}
#case .section1 .container .container_right .btns a{font-size: 1.5rem;font-weight: 600}
#case .section1 .container .container_right .btns a:after{width: 1.8rem;height: 1.8rem}



#case .section2{padding:8rem 0rem;}
#case .section2 .sc-mainbox .container{display:grid;gap:1.6rem;grid-template-columns:1fr 1fr 1fr 1fr;margin-top:5rem}
#case .section2 .sc-mainbox .cards{display:flex;flex-direction: column;gap:1rem;}
#case .section2 .sc-mainbox .card{background: #fff;border-radius: 2rem;display: flex;flex-direction: column;gap:1rem;overflow:hidden;padding:1rem;border: 0.1rem solid rgba(9, 18, 33, 0.06);transition: all .5s ease;}
#case .section2 .sc-mainbox .card .img-container{padding:0;height: 18rem;}
#case .section2 .sc-mainbox .card .text-container{ padding: 2.4rem;}
#case .section2 .sc-mainbox .card .text-container .tit{font-size:2rem;font-weight: 600;color: #565656}
#case .section2 .sc-mainbox .card .text-container .desc{font-size: 1.4rem;color:#595959;;margin-top: 8px; }
#case .section2 .sc-mainbox .card .text-container .logo{padding:2rem 0rem;}
#case .section2 .sc-mainbox .card .text-container .btn-s1{font-size:1.6rem;padding-top: 1.5rem;}






#case .section3{padding:15rem 0rem 7rem 0rem;background:#f9fcff url(../images/product-experience-bg.png) no-repeat center bottom;background-repeat:no-repeat; background-size:cover;}
#case .section3 .container{display: flex;justify-content: center;align-items: center;flex-direction: column;}
#case .section3 .tit{font-size: 5.6rem;font-weight: 600;;text-align: center;color: #000}
#case .section3 .btn{margin-top:2.4rem;display: inline-block;border-radius: 1.8rem;line-height: 4.8rem;padding: 0 4.8rem;transition: 0.3s;border: 0.1rem solid rgba(255, 255, 255, 0.7);color: rgb(255, 255, 255);background: #000}


/**case-End**/



/**news-start**/
#news{background:#f9fafc url(../images/banner_bg_img.png) no-repeat top center;background-size: contain;padding-top:10rem;}
#news .position{padding:2rem 0rem;}
#news .position .container{display: flex!important;gap:1rem!important;font-size:1.4rem;}
#news .section1 .container{display: flex;gap:2rem;}
#news .section1 .container .container_left{width:calc(100% - 40rem);background:#Fff;padding: 8rem 8rem 7.6rem;border-radius: 1.4rem;    margin-bottom: 4rem;}




#news .section1 .container .container_left .module-title {font-size: 3.6rem;color: #191919;font-weight: 500;margin-bottom: 2rem;word-wrap: break-word;}
#news .section1 .container .container_left .newsinfo{display: flex;align-items: center;margin-bottom: 2.4rem;font-size: 1.4rem;}
#news .section1 .container .container_left .newsinfo span{display: flex;align-items: center;color: #595959;gap:0.5rem;}
#news .section1 .container .container_left .newsinfo span i {font-size:1.8rem;}
#news .section1 .container .container_left .newsinfo .sub-content-username{margin-right: 2.4rem;}
#news .section1 .container .container_left .newsinfo .sub-content-username img{height:19px;margin-right:0.5rem;}
#news .section1 .container .container_left .news-detail-summary{    background: linear-gradient(135deg, #e3f2fd, #f3e5f5);
    padding: 2.4rem;
    margin-bottom: 4rem;
    border-radius: 8px;
    font-size: 1.4rem;
    color: #595959 !important;
    line-height: 2.2rem;
    border-left: 0.5rem solid #1a73e8;}
#news .section1 .container .container_left .newsmain{color: #252b3a;margin: 0 !important;font-size: 1.6rem !important;white-space: normal !important;word-break: break-word;line-height: 2.8rem !important;
margin: 1.6rem 0 !important;min-height: 2.8rem;}

#news .section1 .container .container_left .newsmain p{font-size: 1.6rem!important;line-height: 1.5!important}


#news .section1 .container .container_left .cloud-blog-detail-copyrights{    background: #f4f9ff;
    padding: 2.4rem;
    margin-bottom: 2.4rem;
    white-space: normal;
    word-break: break-all;
    border-radius: 8px;
    font-size: 1.4rem;
    color: #595959;
    border-left: 0.5rem solid #1a73e8}

#news .section1 .container .action{color: #595959;}
#news .section1 .container .action a{color: #595959;line-height: 2}
#news .section1 .container .action p{display: flex;align-items: flex-start;}
#news .section1 .container .action p span{width:64px;line-height: 2}
#news .section1 .container .action a{width:calc(100% - 64px);}

#news .section1 .container .container_right{width:38rem;display: flex; flex-direction: column; gap:2rem;}
#news .section1 .container .container_right .main {background: #ffffff69;border-radius: 3rem;display: flex;flex-direction:column;padding:3rem;box-shadow: 0 0.2rem 0.6rem 0 rgba(9,18,33,.04), inset 0 1.5PX 0 0 hsla(0,0%,100%,.4);    margin-bottom: 4rem;border-radius: 1.4rem;}
#news .section1 .container .container_right .tit{font-size:1.6rem;color: #091221;line-height: 2;font-weight: 600;margin-bottom:2rem;}







#news .section1 .container .container_right .tags{display: flex;flex-wrap:wrap;gap:1.5rem;align-items: flex-start;}
#news .section1 .container .container_right .tags a{background: #e9ecfc;padding:1rem 2rem;display: block;border-radius: 1rem}
#news .section1 .container .container_right .tags a:hover{background:#3638f5;color: #fff}




#news .section1 .container .container_right .link-list li {margin-bottom: 2rem;font-size: 1.2rem;    margin-top: 0.5rem;}
#news .section1 .container .container_right .link-list li a{font-size: 1.4rem;}
#news .section1 .container .container_right .link-list .info .cat1 {font-size: 1.2rem;color: #595959}
#news .section1 .container .container_right .link-list .info  {font-size: 1.2rem;    display: flex;
    align-items: center;
    gap: 0.5rem;color: #5c6064;}
#news .section1 .container .container_right .link-list li:hover a{
 color: #000;font-weight: 600
}


#news .section1 .container .container_right .product-list{display:flex;flex-direction: column;gap:1rem;}
#news .section1 .container .container_right .product-list li a{display: flex;align-items: center;gap:1rem;
    font-size: 1.6rem;
    color: #191919;
    line-height: 2.4rem;
    font-weight: 500;
    word-wrap: break-word;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}
#news .section1 .container .container_right .product-list .product-icon {
    width: 48px;
    height: 48px;
    font-size: 4.8rem;
    vertical-align: middle;
    background:url(../images/news_icon.png) no-repeat;
    display: inline-block;
}







#news .section2{padding:15rem 0rem 7rem 0rem;background:#f9fcff url(../images/product-experience-bg.png) no-repeat center bottom;background-repeat:no-repeat; background-size:cover;}
#news .section2 .container{display: flex;justify-content: center;align-items: center;flex-direction: column;}
#news .section2 .tit{font-size: 5.6rem;font-weight: 600;;text-align: center;color: #000}
#news .section2 .btn{margin-top:2.4rem;display: inline-block;border-radius: 2.4rem;line-height: 4.8rem;padding: 0 4.8rem;transition: 0.3s;border: 0.1rem solid rgba(255, 255, 255, 0.7);color: rgb(255, 255, 255);background: #000}





/**message-start**/



#message{padding:15rem 0rem 5rem 0;}
#message>.container{display: flex;justify-content: space-between;gap:5rem;}
#message .sale-cards{width: 38.8rem;display: flex;flex-direction: column;gap:2rem;}
#message .sale-cards .card {border: 0.1rem solid #c2c2c2;border-radius: 1.6rem;padding: 3.2rem 3.2rem 4rem;display: flex;flex-direction: column;gap:1rem;}
#message .sale-cards .card img {height: 4.6rem;margin-bottom:1rem;}
#message .sale-cards .card .card-title {color: #000;font-size: 2rem;font-weight: 700;line-height: 3rem;margin-bottom: 8px}

#message .sale-cards .card .card-phone-number{}
#message .sale-cards .card .card-detail{}





#message .form-card {width: calc(100% - 38.8rem)}
#message .form-card .sc-titbox{text-align: left}
#message .form-card .sc-titbox .subtit{justify-content: flex-start;}
#message .form-card .form-items{margin: 2rem 0rem}


#message .form-card .form-row {margin-top: 3rem;margin-bottom: 8px;color: #595959}
#message .form-card .form-row .row-label{display: flex;font-weight:600;font-size: 1.4rem;vertical-align: middle;margin-bottom:1rem;}
#message .form-card .form-row .row-label span{color: red}


#message .form-card .form-row .por-text-input{font-size: 1.2rem;height: 4rem;line-height:3.2rem;width: 100%;border-radius:0.5rem;border:1px solid #adb0b8;padding:4px 1rem;}
#message .form-card .por-checkbox input{width: 1.6rem}
#message .form-card .por-checkbox-inline {display: inline-block;margin-right: 2rem;font-size: 1.4rem;}
#message .form-card  .por-checkbox {
    display: inline-block;
    position: relative;
    width: 1.6rem;
    height: 1.6rem;
    font-size: 0;
    line-height: 0;
    vertical-align: -3px;
    background-color: #ffffff00;
}


#message .form-card .form-item-hy .checkbox-items{display: grid;grid-template-columns: repeat(8,1fr);gap:0.5rem;}
#message .form-card .form-item-jjfa .checkbox-items{display: grid;grid-template-columns: repeat(4,1fr);gap:0.5rem;}
#message .form-card .form-item-xqjd .checkbox-items{display: grid;grid-template-columns: repeat(3,1fr);gap:0.5rem;}
#message .form-card .por-textarea{width: 100%;padding:1.4rem;border-radius:0.5rem;border:1px solid #adb0b8;min-height: 9rem;}
#message .form-card .row-reminder{margin-bottom: 1.5rem;font-size: 1.4rem;}
#message .form-card .por-btn{width: 12rem;line-height: 4rem;background: linear-gradient(253deg, #679bf6, #3638f5);color: #fff;border-radius: 2rem;text-align: center;margin-top:3rem;cursor: pointer;}


/**message-End**/





/**service-start**/

#service{color:#252b3a;}
#service .banner{background:url(../images/banner_service.png) no-repeat top center;background-size:cover;}
#service .banner .container{display: flex;justify-content: center;flex-direction: column;padding:6rem 0rem 4rem 0rem;gap:2rem;}
#service .banner .container h1{font-size: 4.8rem;color: #191919}
#service .banner .container .s1{font-size:1.8rem;}
#service .banner .container .btngroup{display:flex;gap:2rem;margin-top: 1rem;padding-bottom: 4rem}
#service .banner .container .btngroup a{background:#ffffff33;border-radius: 3rem;color: #191919}
#service .banner .container .btngroup a:hover{background:linear-gradient(253deg, #679bf6, #3638f5);color: #fff}



#service .section1{padding:8rem 0rem 4rem 0rem;background:#f9fcff}
#service .section1 .sc-mainbox .container{display:grid;gap:1.6rem;grid-template-columns:1fr 1fr 1fr;}
#service .section1 .sc-mainbox .card{    background: #ffffff;
    border-radius: 2rem;
    padding: 2rem;
    display: flex;
    gap: 2rem;
    border: 0.1rem solid rgba(9, 18, 33, 0.06);
    transition: all .5s ease;}
#service .section1 .sc-mainbox .card .card-img{width:7rem;height:7rem;border-radius: 1.5rem;overflow: hidden;}
#service .section1 .sc-mainbox .card .card-txt{display: flex;flex-direction: column;}
#service .section1 .sc-mainbox .card .tit{font-size:2.4rem;font-weight: 600;}
#service .section1 .sc-mainbox .card .desc{font-size:1.5rem;color:#555555; }











#service .section2{padding:8rem 0rem;background:#f9fcff}
#service .section2 .sc-mainbox .container{display:grid;gap:1.6rem;grid-template-columns:1fr 1fr 1fr 1fr;padding:8rem 0rem;}
#service .section2 .sc-mainbox .card{background:linear-gradient(180deg, #eef3fa, #fff);border-radius: 2rem;padding: 3rem;display: flex;flex-direction: column;gap:1rem;border: 0.1rem solid rgba(9, 18, 33, 0.06);
    transition: all .5s ease;}
/* #service .section2 .sc-mainbox .card:nth-child(1){background:url(../images/service_bg1.png) no-repeat;}
#service .section2 .sc-mainbox .card:nth-child(2){background:url(../images/service_bg2.png) no-repeat;}
#service .section2 .sc-mainbox .card:nth-child(3){background:url(../images/service_bg3.png) no-repeat;}
#service .section2 .sc-mainbox .card:nth-child(4){background:url(../images/service_bg4.png) no-repeat;} */
#service .section2 .sc-mainbox .card .img-container{width: 6rem;height: 6rem;padding-left: 0.2rem;padding-top: 0.8rem;position: relative;z-index: 10;min-width: 8.5rem;}
#service .section2 .sc-mainbox .card .img-container::before {position: absolute; content: '';left: 0;top: 0;height: 4.6rem;width: 4.6rem;background: #3638f51a; border-radius: 1rem;z-index: -1}
#service .section2 .sc-mainbox .card .tit{font-size:2.4rem;font-weight: 600;}
#service .section2 .sc-mainbox .card .desc{font-size:1.6rem;color:#555555; }


#service .section3{padding:8rem 0rem;background: #f9fcff url(../images/servicebg.jpg) center / 100% 100% no-repeat;border-radius:3.6rem;}
#service .section3 .nav-tabs {display: flex;margin-top: 3rem;margin-bottom: 2rem;justify-content: center;align-items: center;}
#service .section3 .nav-tabs .main{overflow-x: scroll;background: linear-gradient(0deg, hsl(219deg 83.33% 90.59%) -54.35% -54.35%, rgb(233 243 252) 138.41%);padding:0.6rem;border-radius:2.6rem;position: relative;display: flex;align-items: center;justify-content: flex-start;border: 0.1rem solid rgb(255 255 255 / 69%);}
#service .section3 .nav-tabs .main::-webkit-scrollbar {display: none;}




#service .section3 .nav-tabs .tab-btn {border: none;border-radius: 2rem;color: #000;cursor: pointer;font-size:1.8rem;transition: background 0.3s;font-weight: 600;padding: 0rem 5rem;line-height:4rem;white-space: nowrap;}
#service .section3 .nav-tabs .tab-btn1 {border: none;border-radius: 2rem;color: #000000;cursor: pointer;font-size:1.8rem;transition: background 0.3s;font-weight: 600;padding:0px 5rem;line-height:4rem;}
#service .section3 .nav-tabs .tab-btn.active {color: #000;    z-index: 2;}
#service .section3 .nav-tabs .tab-slider{border: none;border-radius: 2rem;color: #fff;cursor: pointer;font-weight: 600;top:0.6rem;left:0.6rem;position: absolute;bottom: 0;background: hsla(0, 0%, 100%, .12);transition: left 0.6s ease, width 0.6s ease; }


#service .section3 .sc-mainbox .nav-tabs .tab-slider {
    border: none;
    border-radius: 2rem;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: 600;
    height: 4rem;
    width: 24rem;
    top: 0.6rem;
    left: 0.6rem;
    position: absolute;
    bottom: 0;
    background: hsl(212.31deg 73.95% 87.91% / 65%);
    transition: left 0.6s ease, width 0.6s ease;
    z-index: 1
}




#service .section3 .tab-content{display:none;opacity:0;transition: opacity 0.8s ease, visibility 0.8s ease;}
#service .section3 .tab-content.active{display:grid;opacity:1;gap:2rem;grid-template-columns:1fr 1fr 1fr;padding:3rem 0rem;}

#service .section3 .sc-mainbox .card{border-radius: 2rem;padding:3.2rem 3.2rem 4rem;display: flex;flex-direction: column;gap:1rem;background-color:rgba(255,255,255,0.1);justify-content: center;align-items:center;     border: 0.1rem solid rgb(255 255 255 / 69%);backdrop-filter: blur(4rem);}
#service .section3 .sc-mainbox .card .img-container{width: 20rem;height: auto}
#service .section3 .sc-mainbox .card .tit{font-size:2.4rem;font-weight: 600;margin-top: 2rem;padding-bottom:1rem;text-align: center;}
#service .section3 .sc-mainbox .card .desc{font-size:1.6rem;color:#555555;    text-align: center; }
    
    



#service .section4{padding:8rem 0rem;background:#ffff}
#service .section4 .sc-mainbox{padding-top:3rem;}
#service .section4 .sc-mainbox .container{display: grid;grid-template-columns:repeat(3,1fr);gap:3rem;}
#service .section4 .sc-mainbox .card{border-radius: 2rem;display: flex;flex-direction: column;    padding: 1rem;border: 0.1rem solid rgba(9, 18, 33, 0.06);}
#service .section4 .sc-mainbox .card .img-container{border-radius: 2rem;overflow:hidden;padding:0rem;}
#service .section4 .sc-mainbox .card .text-container{padding:2rem;}
#service .section4 .sc-mainbox .card .tit{font-size:2.4rem;font-weight: 600;}
#service .section4 .sc-mainbox .card .desc{font-size:1.6rem;color:#555555;;margin-top:1rem}
#service .section4 .sc-mainbox .card ul{margin-top:0rem;display: flex;gap:1.5rem;flex-direction:column;    padding: 2rem;}
#service .section4 .sc-mainbox .card ul li{position: relative;display: flex;align-items: center;}
#service .section4 .sc-mainbox .card ul li:before{content:"";background: url(../images/stroke_black.png) no-repeat; background-size: cover;
background-position: center center;height: 2.4rem;
margin-right: 0.8rem;
width: 2.4rem;}









#service .section5{padding:8rem 0rem;background:#f9fcff;}
#service .section5 .sc-mainbox{padding-top:3rem;}
#service .section5 .sc-mainbox .container{display:grid;grid-template-columns: repeat(2,1fr);gap:5rem;border-radius: 2rem;background-color: #fff;padding:1rem;    border: 0.1rem solid rgba(9, 18, 33, 0.06);}
#service .section5 .sc-mainbox .container .content-left {position: relative;border-radius: 1.4rem;overflow: hidden;max-height: 42.2rem;}
#service .section5 .sc-mainbox .container .content-left img {width: 100%;height: auto;}
#service .section5 .sc-mainbox .container .content-right {display: flex;flex-direction: column;padding:2rem 0rem;}
#service .section5 .sc-mainbox .container .content-right p {font-size: 1.6rem;color: #595959;margin-bottom: 1rem;}
#service .section5 .sc-mainbox .container .content-right ul {color: #666;line-height: 1.8;margin-top:3rem;margin-bottom: 5rem;}
#service .section5 .sc-mainbox .container .content-right ul li{list-style: disc;font-size:1.6rem;margin-left: 2rem;}
#service .section5 .sc-mainbox .container .content-right ul li strong{color: #000}
#service .section5 .sc-mainbox .container .content-right .btn-s1{font-size: 1.7rem;font-weight: 600;margin-left: 2rem;}
#service .section5 .sc-mainbox .container .content-right .btn-s1:after{font-size: 1.8rem;width: 1.8rem;height: 1.8rem;}




#service .section6{padding:8rem 0rem;}
#service .section6 .sc-mainbox .container{padding:3rem 0rem;}
#service .section6 .sc-mainbox .container{display:flex;flex-direction: column;justify-content: center; gap:2rem;}
#service .section6 .hycx{width: 100%}
#service .section6 .swiper-slide .card{width: 100%;min-height: 47.5rem;display:flex;flex-direction: column;gap:2rem;justify-content: center;}
#service .section6 .tab-nav {display: flex;justify-content: center;gap: 3rem;margin-bottom: 2rem;padding: 3rem 0rem 0rem 0rem;}
#service .section6 .tab-nav-item {cursor: pointer;font-size: 1.8rem;color: #666;padding: 0.5rem 0;border-bottom: 2px solid transparent;transition: all 0.3s;border:1px solid #ccc;line-height: 44px;padding:0px 2rem;border-radius: 2rem;font-weight: 600}
#service .section6 .tab-nav-item i{background:url(../images/sfg.svg) no-repeat;background-size:cover;width: 1.8rem;height: 1.8rem;}

#service .section6 .tab-nav-item.active {color: #1476ff;font-weight: bold;background:#fff;border:1px solid #fff;}
#service .section6 .tab-nav-item.active i{background:url(../images/sfg_blue.svg) no-repeat;background-size:cover;width: 1.8rem;height: 1.8rem;}
#service .section6 .tab-nav-item{display: flex; align-items:center; gap:0.5rem;}
#service .section6 .tab-nav-item img{height: 1.8rem}

#service .section6 .swiper-container {width: 100%;position: relative;}
#service .section6 .swiper-slide {display: flex;align-items: center;justify-content: center;position: relative;border-radius: 2rem}
#service .section6 .swiper-slide-active {opacity: 1;transform: scale(1);}
#service .section6 .swiper-slide-prev,
#service .section6 .swiper-slide-next {opacity: 0.6;transition: all 0.3s ease;}
#service .section6 .slide-content {position: absolute;padding: 8rem;width: 100%;height: 100%;color: #fff;z-index: 10;}
#service .section6 .slide-content .subtit {font-size:4rem;padding-bottom: 10rem;font-weight: 600}
#service .section6 .slide-content .tit {font-size: 3.2rem;padding-bottom:1rem;font-weight: 600}
#service .section6 .slide-content .desc {font-size: 1.6rem;margin-bottom: 3rem;}
#service .section6 .slide-content .line{height: 1px;background:rgba(255,255,255,0.5);width: 100%}
#service .section6 .slide-content .advan{display: flex; align-items: center; gap:2rem;padding:3rem 0rem;}
#service .section6 .slide-content .advan .item{font-size:1.6rem;}
#service .section6 .slide-content .advan .item .s1{font-size:3.2rem;font-weight:600}
#service .section6 .slide-content .advan .item p{font-size: 1.6rem;}
#service .section6 .slide-content .advan .line{width:1px;height:4.5rem;display:block;border-right:1px dashed #85888b;}
#service .section6 .btn-s2{font-size: 1.6rem;}
#service .section6 .btn-s2::after{width: 1.6rem;height: 1.6rem;}


#service .section6 .slide-content button {padding: 8px 2rem;border: 0.1rem solid #fff;background: transparent;color: #fff;border-radius: 4px;cursor: pointer;}
#service .section6 .slide-bg {width: 100%;height: 100%;object-fit: cover;border-radius: 2rem;}
#service .section6 .sec6swiper-swiper-button-prev{position: absolute;left:10%;top:calc(50% - 23px);z-index: 2;cursor: pointer; border-radius: 50%;width:4.6rem;height: 4.6rem;}
#service .section6 .sec6swiper-swiper-button-next{position: absolute;right:10%;top:calc(50% - 23px);z-index: 2;cursor: pointer; border-radius: 50%;width:4.6rem;height: 4.6rem;}






#service .section7{padding:8rem 0rem;background:#f9fcff;}
#service .section7 .sc-mainbox .container{display:grid;gap:2rem;grid-template-columns: repeat(3, 1fr);padding:4rem 0rem;}
#service .section7 .sc-mainbox .cards{display:flex;flex-direction: column;gap:2rem;}
#service .section7 .sc-mainbox .card{background: #fff;border-radius: 2rem;padding: 3rem;display: flex;flex-direction: column;gap:1rem;}
#service .section7 .sc-mainbox .img-container{height: 6rem;justify-content:flex-start;}
#service .section7 .sc-mainbox .img-container img{height: 6rem;width:auto;}
#service .section7 .sc-mainbox .card .tit{font-size:2.4rem;font-weight: 600;margin-top:1.5rem;}
#service .section7 .sc-mainbox .card ul{padding-left:2rem}
#service .section7 .sc-mainbox .card ul li{font-size:1.6rem;color:#595959;;list-style: disc;}



#service .section8{background:url(../images/lowcase/NO1_11.jpg) no-repeat center center;background-size:cover;padding:8rem 0rem;}
#service .section8 .sc-titbox .tit{color:#fff}
#service .section8 .sc-mainbox .container {display: grid;grid-template-columns: repeat(4, 1fr);color: #fff;font-size: 1.6rem;align-items: flex-start;padding-top: 10rem;max-width:1100px}
#service .section8 .sc-mainbox .container .card{display:flex;flex-direction: column; gap:1rem;position: relative;}
#service .section8 .sc-mainbox .container .card:after{content:"";height: 5rem;width: 1px;background-color: #fff;position: absolute;right:0rem;top:50%;transform: translateY(-50%)}
#service .section8 .sc-mainbox .container .card:nth-last-child(1):after{display: none}
#service .section8 .sc-mainbox .container .stat-number{display: flex;justify-content: center;align-items: flex-end;gap:0.5rem;}
#service .section8 .sc-mainbox .container .stat-number .counter {font-size:5rem;text-align: center; font-weight: 600;line-height: 1}
#service .section8 .sc-mainbox .container .stat-number span{font-size:2.2rem;font-weight: 400}
#service .section8 .sc-mainbox .container .stat-label {font-size: 2rem;opacity: 0.9;text-align: center;}

#service .section9{padding:8rem 0rem;background:#f9fcff url(../images/product-experience-bg.png) no-repeat center bottom;background-repeat:no-repeat; background-size:cover;}
#service .section9 .container{display: flex;justify-content: center;align-items: center;flex-direction: column;}
#service .section9 .tit{font-size: 5.6rem;font-weight: 600;;text-align: center;color: #000}
#service .section9 .btn{margin-top:2.4rem;display: inline-block;border-radius: 1.8rem;line-height: 4.8rem;padding: 0 4.8rem;transition: 0.3s;border: 0.1rem solid rgba(255, 255, 255, 0.7);color: rgb(255, 255, 255);background: #000}

/**service-end**/






/**about-start**/

#about .banner{background:#a9c7ec;background-size:cover;}
#about .banner .container{display:grid;gap:2rem;grid-template-columns: repeat(2, 1fr);padding:6rem 0rem;}

#about .banner .container .icon{margin-bottom: 2rem}


#about .banner .about_banner_left{padding-right:10%;}
#about .banner .about_banner_left .subtitle{font-size: 1.6rem;color: #3638f5}

#about .banner .container h1{font-size: 4.5rem;color: #181818;display:flex;align-items: center;margin-bottom:2rem;}
#about .banner .container .sectit{font-size:2.2rem;color: #3638f5;font-weight: 600}
#about .banner .container .about_banner_left h4{font-size: 1.6rem;font-weight: 400;margin-bottom: 2rem}




.about_banner_left .desc{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top: 2rem}
.about_banner_left .desc label{font-size: 1.6rem;display: flex;align-items: center;gap:0.5rem;color:#000}
.about_banner_left .desc label:before{display:block;content:"";background:url(../images/iconchangjing.png) no-repeat;width: 1.6rem;height: 1.6rem;background-size: cover}


#about .banner .container .intro{font-size:1.6rem;line-height:1.8;margin-bottom: 2rem;margin-top: 1rem}
#about .banner .container .btngroup{display:flex;gap:2rem;margin-top: 1rem;padding-bottom: 4rem}
#about .banner .container .btngroup a{background:#191919;padding:1rem 3rem;border-radius: 1.5rem;color: #fff}

#about .banner{
    background-image: url(../images/banner-gradient-bg-2.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
 
}





.about_banner_left .counter-section{display:flex;gap:8rem;margin-top:3rem;}
.about_banner_left .counter-section .stat-number .counter {font-size: 4rem;font-weight: 600;line-height: 1;}
.about_banner_left .counter-section .stat-number .pre {font-size: 4rem;font-weight: 600;line-height: 1;}
.about_banner_left .counter-section .stat-number span{font-size: 3.6rem;font-weight: 600}
.about_banner_left .counter-section .stat-label span{font-size: 1.2rem;color: #464f92;display: block}



.about_banner_right{position: relative;padding:0% 0rem 0rem 15%;}
.about_banner_right img.wlm-car3 {border: 0;height: auto; max-width: 100%;user-select: none;vertical-align: middle;border-radius: 1rem;}
/**.about_banner_right img.wlm-car1 {position: absolute;width:35%;top: 4%;left: -5%;z-index: -1;border-radius: 1rem;}**/
.about_banner_right img.wlm-car2 {position: absolute;top: 40%;left: -5%;width: 43%;border-radius: 1rem;}



.about_banner_right div.wlm-car1 {position: absolute;top: 4%;left: -6%;z-index: -1;border-radius: 1rem;font-size: 1.4rem;background:#fff;padding:1rem 2rem 1.5rem 2rem; z-index: 9999;}
.about_banner_right div.wlm-car1 i{color:#3638f5;font-size: 5rem;background-image: conic-gradient(#FFD700, #ff61ad, #61b3ff, #4d7eff, #a661ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}



#about .section1{padding:6rem 0rem 6rem 0rem;background:#fff;}
#about .section1 .sc-mainbox .container{padding:3rem 0rem;position: relative;}
#about .section1 .sc-mainbox .container .swiper .swiper-wrapper{align-items: flex-start;}

#about .section1 .sc-mainbox .swiper-slide .list-con .date-con .iconbgline{position:relative;}
#about .section1 .sc-mainbox .swiper-slide .list-con .date-con .iconbgline::before {
    position: absolute;
    left: 0;
    top:50%;
    transform: translateY(-50%);
    content: "";
    width: 50%;
    height: 1px;
    background: #DBDBDB;
}
#about .section1 .sc-mainbox .swiper-slide .list-con .date-con .iconbgline::after {
    position: absolute;
   right:0;
    top:50%;
    transform: translateY(-50%);
    content: "";
    width: 50%;
    height: 1px;
    background: #DBDBDB;
}



#about .section1 .sc-mainbox .swiper-slide .list-con .date-con .iconbgline.first::before {display:none;}
#about .section1 .sc-mainbox .swiper-slide .list-con .date-con .iconbgline.end::after {display:none;}




#about .section1 .sc-mainbox .list-con {
    width: 100%;
    border-radius: 0rem 0rem 1.6rem 1.6rem;
    position: relative;
}

#about .section1 .sc-mainbox .list-con .date-con {
    text-align: center;
}

#about .section1 .sc-mainbox .list-con .date-con .year{font-size: 2rem;color: #191919;font-weight: 600;}


#about .section1 .sc-mainbox .list-con .date-con h3 {font-size: 1.8rem;color: #191919;;font-weight: 400}





#about .section1 .sc-mainbox .swiper-slide .list-con .date-con .icon {
    width: 3rem;
    margin: 2rem auto;
    background:#f5f5f500;
    border-radius:8px;
    position: relative;
}

#about .section1 .sc-mainbox .swiper-slide .list-con .date-con .icon i{font-size:2rem;}

#about .section1 .sc-mainbox .list-con .show-con:hover,
#about .section1 .sc-mainbox .swiper-slide.active .list-con .show-con {
    box-shadow: 0 4px 1.2rem rgba(0, 0, 0, .08);
}

#about .section1 .sc-mainbox .list-con .show-con {
    width: 94%;
    border-radius: 1.6rem;
    overflow: hidden;
    position: relative;
    padding:1rem;
    background: #fff;border: 0.1rem solid rgba(9, 18, 33, 0.06);
    transition: all .5s ease;
    margin:0 auto;
}

#about .section1 .sc-mainbox .list-con .show-con .pic {
    position: relative;
    overflow: hidden;
}

#about .section1 .sc-mainbox .swiper-slide .list-con .show-con .tips {
    position: absolute;
    top: 2rem;
    left: 2rem;
    padding: 2px 8px;
    border-radius: 4px;
    font-weight: 400;
    font-size: 1.4rem;
    z-index: 3;
    color: #ffffff;
    background: #5b62f7;
}

#about .section1 .sc-mainbox .swiper-slide.end .list-con .show-con .tips {
    color: #F23030;
    background: #feeaea;
}

#about .section1 .sc-mainbox .swiper-slide.on .list-con .show-con .tips {
    background: #FDEAEA;
    color: #F23030;
}

#about .section1 .sc-mainbox .list-con .show-con .pic img {
    width: 100%;
    display: block;
    -webkit-transition: all .3s;
    transition: all .3s;
}

#about .section1 .sc-mainbox .swiper-slide:hover .list-con .show-con .pic img {transform: scale(1.05);}
#about .section1 .sc-mainbox .list-con .show-con .txt-con {width: 100%;box-sizing: border-box;padding:2.5rem;display: flex;flex-direction: column;gap:1rem;background: #fff;}
#about .section1 .sc-mainbox .list-con .show-con .txt-con p {font-weight: 400;font-size: 1.4rem;color: #191919;}
#about .section1 .sc-mainbox .swiper-button-next:after,
#about .section1 .sc-mainbox .swiper-button-prev:after{color: #666;transition: all .2s;}
#about .section1 .sc-mainbox .swiper-button-prev{left:-4rem;}
#about .section1 .sc-mainbox .swiper-button-next{right:-4rem;}
#about .section1 .swiper-button-prev:after,#about .swiper-button-next:after{font-size: 1.8rem;}



#about .section2{padding:6rem 0rem 6rem 0rem;background:#fff;}
#about .section2 .sc-mainbox .container{padding:3rem 0rem;position: relative;}
#about .section2 .accordion {
            display: flex;
            width: 100%;
            gap:2rem;
            height: 46rem;
            overflow: hidden;
        
            box-shadow: 0 4px 1.2rem rgb(0 0 0 / 0%);
        }
#about .section2 .accordion-item {
            flex: 1; /* 初始等分宽度 */
            position: relative;
            background-position: center;
            background-size: cover;
            transition: flex 1s ease; /* 宽度过渡动画 */
            cursor: pointer;
            overflow: hidden;
            border-radius:2rem;
            display: flex;
            padding:2rem;
            flex-direction: column;
            justify-content: center;
        }



#about .section2 .accordion-item.active{ flex: 3;align-items: flex-start;}
#about .section2 .accordion-item.active .accordion-icon i{opacity: 1;color: #fff;}
#about .section2 .accordion-item.active .accordion-title {opacity: 1;}
#about .section2 .accordion-item.active .accordion-desc {opacity: 1;min-height:6rem;}



#about .section2 .accordion-item::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            /*background-color: rgb(0 0 0 / 49%);*/
            transition: background-color 0.5s ease;
            z-index: 0;background: linear-gradient(180deg, rgb(24 25 26 / 6%) 0, #0c0c0cd4 100%);
        }


#about .section2 .accordion-icon{padding:0.5rem 0rem;z-index: 2;white-space: nowrap;opacity: 1;transition: opacity 0.3s ease, font-size 0.3s ease;}
#about .section2 .accordion-title{padding:0.5rem 0rem;z-index: 2;color: #fff;font-size: 2.8rem;font-weight: bold;text-shadow: 0 2px 4px rgba(0,0,0,0.3);white-space: nowrap;opacity: 1;transition:all 0.4s 0.4s;}
#about .section2 .accordion-desc {padding:0.5rem 0rem;z-index: 2;color: #fff;font-size: 1.6rem;font-weight: 400;opacity: 0;transition:all 0.5s 0.5s;min-height:6rem;}

#about .section2 .accordion-item .accordion-icon i{font-size: 4.8rem;opacity: 1;color: #fff;text-shadow: 0 2px 4px rgba(0,0,0,0.3);}



        /* 响应式适配 */
        @media (max-width: 768px) {
#about .section2 .accordion {
                height: 30rem;
            }
#about .section2 .accordion-title {
                font-size: 1.6rem;
            }
#about .section2 .accordion-item:hover .accordion-title {
                font-size: 1.8rem;
            }
        }




#about .section3{padding:6rem 0rem 6rem 0rem;background:#f9fcff;}
#about .section3 .sc-mainbox .container{display:grid;gap:1.6rem;grid-template-columns:1fr 1fr 1fr 1fr;padding:3rem 0rem;}
#about .section3 .sc-mainbox .cards{display:flex;flex-direction: column;gap:1rem;}
#about .section3 .sc-mainbox .card{background: linear-gradient(53deg, #f9fcff, #37333a00, #815ced0f); border-radius: 2rem;padding: 4rem;display: flex;flex-direction: column;gap: 1rem;border: 0.1rem solid rgba(1, 9, 21, 0.1);}
#about .section3 .sc-mainbox .card .img-container{width:100%;height:100%;top:0;left:0;z-index: 0;display: flex;justify-content: center;align-items: center;}
#about .section3 .sc-mainbox .card .img-container img{height: 18rem;width: auto}
#about .section3 .sc-mainbox .card .txt-container{display:flex;flex-direction: column;gap:1.5rem;margin-top: 2rem}
#about .section3 .sc-mainbox .card h4{font-size:2.4rem;font-weight: 600;color: #565656;text-align: left;}
#about .section3 .sc-mainbox .card .txt-container p{font-size: 1.4rem;color: #595959;position: relative;margin-bottom: 0.8rem;text-align: left;}
/*#about .section3 .sc-mainbox .card .txt-container p::before {content: '';width: 6px;height: 6px;border-radius: 50%;background: #595959;position: absolute;left: 0;top: 8px;}*/

#about .section3 .sc-mainbox .card .txt-container ul li{display: flex;gap:1rem;line-height: 1.6rem;padding:0.8rem 0rem;}
#about .section3 .sc-mainbox .card .txt-container ul li p{margin:0;}
#about .section3 .sc-mainbox .card .txt-container ul li:before {
    display: block;
    content: "";
    background: url(../images/iconchangjing.png) no-repeat;
    width: 1.6rem;
    height: 1.6rem;
    background-size: cover;
}






#about .section4{padding:6rem 0rem 6rem 0rem;background:#f9fcff;}
#about .section4 .sc-mainbox .container{display:grid;gap:1.6rem;grid-template-columns:1fr 1fr 1fr;padding:3rem 0rem;}
#about .section4 .sc-mainbox .cards{display:flex;flex-direction: column;gap:1rem;}
#about .section4 .sc-mainbox .card{background: #fff;border-radius: 2rem;padding: 1rem;display: flex;flex-direction: column;gap:1rem;}
#about .section4 .sc-mainbox .card .img-container{width:100%;height:16rem;top:0;left:0;z-index: 0;display: flex;justify-content: center;align-items: center;}
#about .section4 .sc-mainbox .card .img-container img{width:100%}
#about .section4 .sc-mainbox .card .txt-container{display:flex;flex-direction: column;gap:1rem;padding:1rem;}
#about .section4 .sc-mainbox .card h4{font-size:2.4rem;font-weight: 600;color: #000;text-align: center;}
#about .section4 .sc-mainbox .card .txt-container p{font-size: 1.6rem;color: #595959;text-align:center}







#about .section5{padding:11rem 0rem 11rem 0rem;position: relative;overflow:hidden;border-radius: 2rem;z-index: -1;background-position: top;background-repeat: no-repeat;}
#about .section5::after {position: absolute;content: ""; width: 100%; height: 100%;background: url(../images/plane_shape.png) no-repeat center center;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
#about .section5::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #0b0b0cb3; transition: background-color 0.5s ease; z-index: 0;}

#about .section5 .sc-titbox{z-index:1;position: relative;}
#about .section5 .sc-titbox .tit{color:#fff}
#about .section5 .sc-titbox .subtit{color:#fff}



#about .section5 .sc-mainbox{margin: 7rem auto 0;text-align: center;}
#about .section5 .sc-mainbox .container{display: flex;justify-content: space-around;align-items: center; }



#about .section5 .sc-mainbox .card{color: #fff;display:flex;justify-content: center;align-items: center;flex-direction: column;gap:2rem;width: 24%;}
#about .section5 .sc-mainbox .card .iconfont{color: #fff;font-size:7rem}
#about .section5 .sc-mainbox .card .tit{font-size: 2.6rem;font-weight: 600}
#about .section5 .sc-mainbox .card .subtit{font-size: 1.8rem;text-align: center;line-height: 2}




#about .section6{padding:10rem 0rem 0rem 0rem;background:#f9fcff;}

#about .section6 .sc-mainbox .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    padding-bottom: 1.6rem;
}

#about .section6 .sc-mainbox .container .card {
    width: calc((100 / 3) * 1% - 2rem);
    background: #ffffff00;
    margin: 0 1rem 2rem;
    display: flex;
    border-radius: 1.6rem;
    -webkit-transition: all .2s;
    transition: all .2s;border: 0.1rem solid rgba(9, 18, 33, 0.06);
    transition: all .5s ease;
}

#about .section6 .sc-mainbox .container .card a {
    display: flex;
    padding: 2.8rem;
    box-sizing: border-box;
    cursor: default;
}

#about .section6 .sc-mainbox .container .card:hover {
    box-shadow: 0 0.4rem 1.2rem rgba(0, 0, 0, .08);
}

#about .section6 .sc-mainbox .container .card .img-container img {
    width: 13rem;
    display: block;
	padding: 3rem;
    background: #ffffff00;
}

#about .section6 .sc-mainbox .container .card .txt-container {
    flex: 1;
    margin-left: 1.6rem;
	padding: 3rem 3rem 3rem 0rem;
}


#about .section6 .sc-mainbox .container .card .txt-container h4{
    font-weight: 600;
    font-size: 2rem;
    color: #191919;
    ;
}

#about .section6 .sc-mainbox .container .card .txt-container p {
    margin-top: 0.8rem;
    font-weight: 400;
    font-size: 1.6rem;
    color: #595959;
    ;
}

#about .section6 .sc-mainbox .container .card .txt-container p{
    margin-top: 0.8rem;
    font-weight: 400;
    font-size: 1.4rem;
    color: #595959;
    ;
}










#about .section7{padding:6rem 0rem 6rem 0rem;background:#f9fcff;}
#about .section7 .sc-mainbox .container{display:grid;gap:2rem;padding:3rem 0rem;grid-template-columns:1fr 2fr 2fr;}
#about .section7 .sc-mainbox .container .img-container{padding:0rem;height:100%;border-radius: 1.2rem;}
#about .section7 .sc-mainbox .container .img-container img{display: block;height:100%;}
#about .section7 .sc-mainbox .container .cards1{display:flex;gap:2rem;flex-direction: column;}
#about .section7 .sc-mainbox .container .cards2{display:flex;}
#about .section7 .sc-mainbox .container .cards2 .card .img-container{height: 100%;}
#about .section7 .sc-mainbox .container .cards2 .card img{height:100%;}
#about .section7 .sc-mainbox .container .cards3{display:grid;gap:2rem;grid-template-columns:1fr 1fr;}
#about .section7 .sc-mainbox .container .card{position: relative;overflow:hidden;}
#about .section7 .sc-mainbox .container .card h4{position: absolute;width: calc(100% - 3.2rem) !important;left: 0;bottom: 0;z-index: 9;color: #FFFFFF;line-height: 2.8rem;margin: 1.6rem;display: block;
    background:rgba(0,0,0,0.5);text-align: center;border-radius: 1rem;font-size:1.4rem;font-weight: 400}
#about .section7 .btn-s11{font-size: 1.8rem;font-weight:600;padding-top:2rem;gap: 8px;}








#about .section8{padding:6rem 0rem 6rem 0rem;background:#f9fcff;}
#about .section8 .sc-mainbox .container{display:grid;gap:2rem;padding:3rem 0rem;grid-template-columns:1fr 1fr;}

#about .section8 .sc-mainbox .container .cards{display:flex;gap:2rem;flex-direction: column;}

#about .section8 .sc-mainbox .container .cards2{display:grid;gap:2rem;grid-template-columns:1fr 1fr;}


#about .section8 .sc-mainbox .container .cards1 .card{    background: #ffffff00;border-radius: 2rem;overflow: hidden;padding: 1rem;border: 0.1rem solid rgba(1, 9, 21, 0.1);}
#about .section8 .sc-mainbox .container .cards1 .card .img-container{border-radius: 1rem;overflow:hidden;position: relative;padding:0rem;}
#about .section8 .sc-mainbox .container .cards1 .card .txt-container{padding:2rem 2rem 2rem 2rem}
#about .section8 .sc-mainbox .container .cards1 .card .img-container span{font-size:1.4rem;position: absolute;right:2rem;top:2rem;background-color: #4f4ccd;font-size:1.4rem;padding:0.5rem 1.5rem;border-radius: 0.5rem;color: #Fff}
#about .section8 .sc-mainbox .container .cards1 .card .txt-container h3{font-size:2.6rem;margin-bottom: 2rem;font-weight: 400}
#about .section8 .sc-mainbox .container .cards1 .card .txt-container ul{display: flex;flex-direction: column;gap:1rem;}
#about .section8 .sc-mainbox .container .cards1 .card .txt-container ul li{font-size:1.6rem;display: flex;align-items: center;}
#about .section8 .sc-mainbox .container .cards1 .card .txt-container ul li i {width: 2rem;height: 2rem;display: inline-block;background-size: cover;margin-right: 1rem;font-size: 2rem}


#about .section8 .sc-mainbox .container .cards2{display:grid;gap:2rem;grid-template-columns:1fr 1fr;}
#about .section8 .sc-mainbox .container .cards2 .card{position: relative;border-radius: 2rem;overflow:hidden;padding: 2rem;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);border: 0.1rem solid rgba(1, 9, 21, 0.1);}

#about .section8 .sc-mainbox .container .cards2 .region-tags{display: flex;justify-content: flex-end;padding-bottom: 1.5rem;margin-bottom: 2rem;border-bottom: 0.1rem solid rgba(2, 6, 38, 0.1);}
#about .section8 .sc-mainbox .container .cards2 .region-tags span {display:block;background-color: #e5eefd;color: #3638f5;padding: 0.5rem 1.5rem;border-radius: 0.5rem;font-size: 1.4rem;}
#about .section8 .sc-mainbox .container .cards2 .card h3{font-size:2.6rem;margin-top:2.8rem;margin-bottom: 2rem;font-weight: 400}
#about .section8 .sc-mainbox .container .cards2 .card ul{display: flex;flex-direction: column;gap:1rem;}
#about .section8 .sc-mainbox .container .cards2 .card ul li{font-size:1.6rem;display: flex;align-items: center;color: #666;gap:1rem;}
#about .section8 .sc-mainbox .container .cards2 .card ul li i {width: 2rem;font-size: 2rem}








#about .section9{background:url(../images/lowcase/NO1_11.jpg) no-repeat center center;background-size:cover;padding:8rem 0rem;}
#about .section9 .sc-titbox .tit{color:#fff}
#about .section9 .sc-mainbox .container {display: grid;grid-template-columns: repeat(4, 1fr);color: #fff;font-size: 1.6rem;align-items: flex-start;padding-top: 10rem;max-width:1100px}
#about .section9 .sc-mainbox .container .card{display:flex;flex-direction: column; gap:1rem;position: relative;}
#about .section9 .sc-mainbox .container .card:after{content:"";height: 5rem;width: 1px;background-color: #fff;position: absolute;right:0rem;top:50%;transform: translateY(-50%)}
#about .section9 .sc-mainbox .container .card:nth-last-child(1):after{display: none}
#about .section9 .sc-mainbox .container .stat-number{display: flex;justify-content: center;align-items: flex-end;gap:0.5rem;}
#about .section9 .sc-mainbox .container .stat-number .counter {font-size:5rem;text-align: center; font-weight: 600;line-height: 1}
#about .section9 .sc-mainbox .container .stat-number span{font-size:2.2rem;font-weight: 400}
#about .section9 .sc-mainbox .container .stat-label {font-size: 2rem;opacity: 0.9;text-align: center;}



#about .section10{padding:8rem 0rem;background:#f9fcff url(../images/product-experience-bg.png) no-repeat center bottom;background-repeat:no-repeat; background-size:cover;}
#about .section10 .container{display: flex;justify-content: center;align-items: center;flex-direction: column;}
#about .section10 .tit{font-size: 5.6rem;font-weight: 600;;text-align: center;color: #000}
#about .section10 .btn{margin-top:2.4rem;display: inline-block;border-radius: 1.8rem;line-height: 4.8rem;padding: 0 4.8rem;transition: 0.3s;border: 0.1rem solid rgba(255, 255, 255, 0.7);color: rgb(255, 255, 255);background: #000}



  #about .section71 {
        padding: 6rem 0rem 6rem 0rem;
        background: #f9fcff;
    }

    #about .section71 .container {

        padding-top: 3rem;
    }

    #about .section71 .sc-mainbox .nav-tabs {
        margin-bottom: 3rem
    }


    #about .section71 .sc-mainbox .nav-tabs .main {
        display: flex;
        justify-content: center;
        gap: 1rem 2rem;
        flex-wrap: wrap;
    }

    #about .section71 .sc-mainbox .nav-tabs .main button {
        cursor: pointer;
        font-size: 1.8rem;
        font-weight: 600;
        position: relative;
        display: flex;
        align-items: center;
        gap: 0.5rem;
        padding: 1rem 3rem;
        border-radius: 2rem;
        border: 0.1rem solid rgba(9, 18, 33, 0.06);
    }

    #about .section71 .sc-mainbox .nav-tabs .main button.active {
        color: #ffffff;
        background-color: #3d46f5;
        border: 0.1rem solid rgb(61 70 245);
    }

    #about .section71 .sc-mainbox .nav-tabs .main button i {
        width: 1.8rem;
        height: 1.8rem;
        display: flex;
        justify-content: center;
        align-items: center;
    }


    #about .section71 .sc-mainbox .tab-content {
        display: none;
        opacity: 0;
        transition: opacity 0.8s ease, visibility 0.8s ease;
    }

    #about .section71 .sc-mainbox .tab-content.active {
        display: flex;
        justify-content: space-between;
        opacity: 1;
        transition: opacity 0.8s ease, visibility 0.8s ease;
        background: #ffffff;
        border-radius: 1.4rem;
        padding: 1.2rem;
        border: 0.1rem solid rgb(101 102 103 / 7%);
        transition: all .5s ease;
    }

    #about .section71 .sc-mainbox .tab-content .content-left {
        position: relative;
        border-radius: 1.4rem;
        overflow: hidden;
        width: 43%
    }

    #about .section71 .sc-mainbox .tab-content .content-left img {
        width: 100%;
        height: auto;
    }

    #about .section71 .sc-mainbox .tab-content .content-right {
        padding: 3rem;
        width: 55%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    #about .section71 .sc-mainbox .tab-content .content-right label {
        background: #3638f5;
        color: #fff;
        font-size: 1.6rem;
        padding: 1rem 2.5rem 1rem 2.5rem;
        border-radius: 1.2rem;
    }




    #about .section71 .sc-mainbox .tab-content .content-right .module-title {
        font-size: 2.5rem;
        color: #000;
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }

    #about .section71 .sc-mainbox .tab-content .content-right .module-desc {
        font-size: 1.6rem;
        color: #000;
        padding-bottom: 1.5rem;
    }

    #about .section71 .sc-mainbox .tab-content .content-right ul {}

    #about .section71 .sc-mainbox .tab-content .content-right ul li {
        list-style-type: none;
        font-size: 1.6rem;
        display: flex;
        align-items: center;
        padding: 0.5rem 0rem;
        gap: 0.5rem;
    }

   /* #about .section71 .sc-mainbox .tab-content .content-right ul li i {
        padding: 2px;
        background: #3638f5;
        border-radius: 50%;
        font-size: 1.2rem;
        color: #fff
    }*/

    #about .section71 .sc-mainbox .tab-content .content-right ul li:before {
    display: block;
    content: "";
    background: url(../images/iconchangjing.png) no-repeat;
    width: 1.6rem;
    height: 1.6rem;
    background-size: cover;
}
    #about .section71 .sc-mainbox .tab-content .content-right ul li strong {
        display: block;
    }


#about .section71 .sc-mainbox .tab-content .content-right .cards{display: flex;flex-direction: column;gap:1rem;margin-top: 3rem;}
#about .section71 .sc-mainbox .tab-content .content-right .cards .card{border:1px solid #e4e4e4;border-radius: 1.2rem;padding: 1.5rem 2.5rem 1.5rem 2.5rem;}
#about .section71 .sc-mainbox .tab-content .content-right .cards .card span{font-weight: 600;display:flex;align-items: center;gap:1rem;color: #3638f5}
#about .section71 .sc-mainbox .tab-content .content-right .cards .card span i{display: block;width:3.8rem;background: #3638f5;height:0.3rem;}

#about .section71 .sc-mainbox .tab-content .content-right .cards .card:nth-child(1){background: linear-gradient(323deg, #71d6e1, #ac61ff, #3638f5);color: #fff}
#about .section71 .sc-mainbox .tab-content .content-right .cards .card:nth-child(1) span{color: #fff}
#about .section71 .sc-mainbox .tab-content .content-right .cards .card:nth-child(1) i{background: #Fff;}


/**about-end**/


/**newslist-start**/
.newslist-sc-fdh.sc-fdh{height: auto;position: absolute;top:39rem;background: rgba(255, 255, 255, 0.5);}

.newslist-sc-fdh .tab{display:flex;box-shadow: 0 0.4rem 1.6rem 0 transparent;overflow:hidden}
.newslist-sc-fdh .tab li{flex:1;padding:2rem 0rem}
.newslist-sc-fdh .tab li a{text-align: center;font-size: 2rem;font-weight: 400;display: block;}
.newslist-sc-fdh .tab li.active{background:#eff6ff;}
.newslist-sc-fdh .tab li.active a{color:#3638f5;font-weight: 600;}
.newslist-sc-fdh .tab li:hover{background:#eff6ff;}
.newslist-sc-fdh .tab li:hover a{color:#3638f5;font-weight: 600;}

.newslist-sc-fdh.sc-fdh-fixed{position: fixed!important;top:0;background:#fff;transition: all 0s;}






#newslist{background: #f5f5f5;}
#newslist .banner{background:url(../images/banner_news.jpg) no-repeat top center;background-size:cover;padding-bottom: 15rem}
#newslist .banner .container{display: flex;justify-content: center;flex-direction: column;gap: 3rem;}
#newslist .banner .container h1{font-size: 4.8rem;color: #0e0e10}
#newslist .banner .container .s1{font-size:1.8rem;}
#newslist .banner .container .newslist-sc-fdh{display:flex;gap:2rem;margin-top: 1rem;padding-bottom: 4rem}
#newslist .banner .container .newslist-sc-fdh a{background:#191919;padding:1rem 3rem;border-radius: 1.5rem;color: #fff}



#newslist .banner .container .cardgroup.fixed{position: fixed;top: 0;left: 0;width:100%;}

#newslist .section1{padding:6rem 0rem 4rem 0rem;background: #fff;background-size: contain;}
#newslist .section1 .container .sc-mainbox{display: flex;justify-content: space-between;padding:3rem 0rem;flex-wrap: wrap;}
#newslist .section1 .container_left{width:38rem;}
#newslist .section1 .container_left .newslist_left_main{display: flex; flex-direction: column; gap:1rem;background: #ffffff75;border-radius: 3rem;padding:3.5rem;border: 0.1rem solid rgba(9, 18, 33, 0.06);}




#newslist .section1 .container_left .tit{font-size:1.8rem;color: #091221;font-weight: 600;}
#newslist .section1 .container_left .desc{color: #999;display: inline-block;font-size: 1.4rem;line-height: 2.2rem;}
#newslist .section1 .container_left .tags{display: flex;flex-wrap:wrap;gap:1.5rem;align-items: flex-start;}

#newslist .section1 .container_left .tags a{background: #e9ecfc;padding:0.8rem 1.8rem;display: block;border-radius: 1rem;font-size: 1.4rem;}
#newslist .section1 .container_left .tags a:hover{background:#3638f5;color: #fff}
#newslist .section1 .container_left h3{font-size:1.8rem;color: #091221;font-weight: 600;margin-top: 2rem;margin-bottom: 1rem}



#newslist .section1 .recommond-list{display:flex;flex-direction: column;gap:1rem;margin-top:2rem;}
#newslist .section1 .recommond-list .tit{font-size:1.8rem;color: #091221;font-weight: 600;margin-bottom: 1rem}
#newslist .section1 .recommond-list-main{display: flex;flex-direction:column;gap:2rem;}
#newslist .section1 .recommond-list-main .img-container{padding:0rem;}
#newslist .section1 .recommond-list .nr .info{    padding: 1rem 0rem;
    font-size: 1.2rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    }
#newslist .section1 .recommond-list .nr .info label{background: #3638f530;padding:0.2rem 0.8rem;border-radius: 0.5rem;font-size: 1.2rem;display: flex;align-items: center;gap:2px;color: #3638f5;}
#newslist .section1 .recommond-list .nr p {font-size: 1.4rem;line-height: 1.6;}


#newslist .section1 .container_left .product-list{display:flex;flex-direction: column;gap:1rem;margin-top:2rem;}
#newslist .section1 .container_left .product-list li a{display: flex;align-items: center;gap:1rem;
    font-size: 1.6rem;
    color: #191919;
    line-height: 2.4rem;
    font-weight: 500;
    word-wrap: break-word;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}
#newslist .section1 .container_left .product-list .product-icon {
    width: 4.8rem;
    height: 4.8rem;
    font-size: 4.8rem;
    vertical-align: middle;
    background:url(../images/news_icon.png) no-repeat;
    display: inline-block;
}





#newslist .section1 .container .container_right{width:calc(100% - 40rem);}
#newslist .section1 .container .container_right .newslist-main {display:grid;grid-template-columns: repeat(3, 1fr);gap:2rem;}
#newslist .section1 .container .container_right .newslist-main .img-container{padding:0rem;    border-radius: 1rem;}
#newslist .section1 .container .container_right .card{border-radius: 2rem;display: flex;flex-direction: column;gap:1rem;background: linear-gradient(180deg, #E7EEFF 0, #F3F6FD 100%);overflow:hidden;    transition: all .5s ease;}
#newslist .section1 .container .container_right .card a{display:flex;flex-direction:column;gap:1rem}
#newslist .section1 .container .container_right .card a .nr{padding:2rem;}
#newslist .section1 .container .container_right .card a .info{display: flex;align-items: center;gap:0.5rem;font-size: 1.2rem;color: #3638f5;padding-bottom: 1rem;}
#newslist .section1 .container .container_right .card a .info img{width:2rem;}
#newslist .section1 .container .container_right .card a{display:flex;flex-direction:column;gap:1rem}
#newslist .section1 .container .container_right .card a .info img{width:2rem;}
#newslist .section1 .container .container_right .card .tit{font-size:1.8rem;color: #091221;font-weight: 500;margin-bottom:2rem;padding-top:1rem;border-top: 0.1rem solid rgb(28 28 28 / 8%);}
#newslist .section1 .container .container_right .card .desc{font-size:1.4rem;color: #666;display: block;margin-bottom: 4rem}
#newslist .section1 .container .container_right .card .cat1{background-color: #3638f530;padding:3px 1rem;border-radius: 0.5rem;display:inline-block;font-size: 1.4rem;color: #3638f5;}
#newslist .section1 .container .container_right .card a{padding:1rem;}
#newslist .section1 .container .container_right .card .btn-s1{font-size:1.6rem;color: #000;font-weight: 500;}
#newslist .section1 .container .container_right .card:hover .btn-s1{color: #1476ff;}
#newslist .section1 .container .container_right .card:hover .btn-s1::after {background-position: 0rem 100%;}



/*#newslist .section1 .container .container_right .card:hover{box-shadow: 0 8px 1.6rem rgba(0,0,0,0.22);}*/


#newslist .section1 .container .fenye{text-align: center;color: #666;display: flex;justify-content: center;align-items: center;padding-left: 28rem;width:100%;margin-top:2rem}
#newslist .section1 .container .fenye span{color: #000;font-size: 1.3rem;}
#newslist .section1 .container .fenye span a{text-align: center;color: #666;padding:4px 1rem;color:#333;font-size: 1.3rem;border:1px solid #ccc;margin:0 3px;border-radius: 0.5rem}
#newslist .section1 .container .fenye span a.active{background-color: #f0f1f3;border-radius: 50%;color: #000;}
#newslist .section1 .container .fenye span a.page-num-current{background:#3638f5;color: #fff}






#newslist .section2{padding:6rem 0rem 10rem 0rem;background: #f9fcff;}
#newslist .section2 .container .sc-mainbox{margin-top: 3rem;}
#newslist .section2 .container .sc-mainbox .tab-content .cards{display:grid;grid-template-columns: repeat(4, 1fr);gap:2rem;}
#newslist .section2 .container .card{border-radius: 2rem;display: flex;flex-direction: column;gap:1rem;background: linear-gradient(180deg, #E7EEFF 0, #F3F6FD 100%);border-radius: 2rem;overflow:hidden;    transition: all .5s ease;}
#newslist .section2 .container .card a{display:flex;flex-direction:column;gap:1rem;padding:1rem;}
#newslist .section2 .container .card a .nr{padding:2rem;}
#newslist .section2 .container .card a .info{display: flex;align-items: center;gap:0.5rem;padding-bottom: 1rem;font-size: 1.4rem;color: #3638f5;}
#newslist .section2 .container .card a .info img{width:2rem;}
#newslist .section2 .container .card a .info{padding-left: 0rem}
#newslist .section2 .container .card a .info i{width: 2rem;height:2rem;display: flex;justify-content: center;align-items:center;font-weight: 600 }

#newslist .section2 .container .card .tit{font-size:1.8rem;color: #091221;font-weight: 500;margin-bottom:1rem;padding-top:1rem;border-top: 0.1rem solid rgb(28 28 28 / 8%);}
#newslist .section2 .container .card .desc{font-size:1.4rem;color: #666;display: block;margin-bottom: 1rem}

#newslist .section2 .container .card .btn-s1{font-size:1.6rem;color: #000;font-weight: 500;}
#newslist .section2 .container .card:hover .btn-s1{color: #1476ff;}
#newslist .section2 .container .card:hover .btn-s1::after {background-position: 0rem 100%;}




#newslist .section2 .container .card .cat1{background-color: #e5e5e5;padding:3px 1rem;border-radius: 0.5rem;margin-top: 1rem;margin-bottom:2rem;display:inline-block;}
#newslist .section2 .sc-mainbox .nav-tabs .main{display: flex;justify-content: center;gap:2rem;padding-bottom: 3rem;}
#newslist .section2 .sc-mainbox .nav-tabs .main button{cursor: pointer;font-size: 1.8rem;font-weight:600;position: relative;display: flex;align-items: center;gap:0.5rem;padding: 1rem 3rem;border-radius: 2rem;   border: 0.1rem solid rgba(9, 18, 33, 0.06);}
#newslist .section2 .sc-mainbox .nav-tabs .main button.active{color: #1476ff;background-color: #fff;    border: 0.1rem solid rgb(23 120 255);}
#newslist .section2 .sc-mainbox .nav-tabs .main button i {display: inline-block;}
#newslist .section2 .sc-mainbox .tab-content{display:none;opacity:0;transition: opacity 0.8s ease, visibility 0.8s ease;}
#newslist .section2 .sc-mainbox .tab-content.active{opacity:1;transition: opacity 0.8s ease, visibility 0.8s ease;display:block;}
/*#newslist .section2 .container .cards .card:hover{box-shadow: 0 8px 1.6rem rgba(0,0,0,0.22);}*/

#newslist .section2 .container .cards .card .img-container{position: relative;overflow: hidden;border-radius: 1rem;cursor: pointer;
        display: inline-block;
        float: right;
        font-size: 0;
        min-height: 48px;
        line-height: 48px;
        padding:0rem;
        text-align: center;}
#newslist .section2 .container .cards .card .img-container span{position: absolute;top:0rem;right:0rem;background-color:#0d29dc;color: #fff;padding:0rem 2rem;border-radius: 0rem 0rem 0rem 2rem;font-size:1.4rem;line-height:38px;}
#newslist .section2 .container .cards .card .img-container span.end{    background-color: #dbd8d9;
    color: #db0e4e;}





#newslist .section2 .btn-s1{font-size: 1.8rem;font-weight:600;padding-top:2rem;}
#newslist .section2 .btn-s1::after{width:2rem;height: 2rem;}


#newslist .section3{padding:8rem 0rem;background:#f9fcff url(../images/product-experience-bg.png) no-repeat center bottom;background-repeat:no-repeat; background-size:cover;}
#newslist .section3 .container{display: flex;justify-content: center;align-items: center;flex-direction: column;}
#newslist .section3 .tit{font-size: 5.6rem;font-weight: 600;;text-align: center;color: #000}
#newslist .section3 .btn{margin-top:2.4rem;display: inline-block;border-radius: 1.8rem;line-height: 4.8rem;padding: 0 4.8rem;transition: 0.3s;border: 0.1rem solid rgba(255, 255, 255, 0.7);color: rgb(255, 255, 255);background: #000}


.clickmore {
    text-align: center;
    padding: 5rem 2rem;
    cursor: pointer;
    transition: all 0.3s;
    display: block;
    margin:2rem auto;
}




/**newslist-end**/



/**solution-start**/




#solution{color:#252b3a;}
#solution .banner .container{display: flex;justify-content: center;flex-direction: column;padding:6rem 0rem 4rem 0rem; gap: 2rem;}
#solution .banner .container .icon{background: url(../images/csv.png) no-repeat; background-position: center center; width:8rem;height: 8rem;display: inline-block;}
#solution .banner .container h1{font-size: 4.8rem;color: #181818;display:flex;align-items: center;}
#solution .banner .container p.s1{font-size:1.6rem;line-height:1.5;margin-bottom: 2rem}
#solution .banner .container .btngroup{display:flex;gap:2rem;margin-top: 1rem;padding-bottom: 4rem}
#solution .banner .container .btngroup a{background:#ffffff33;border-radius: 1.5rem;color: #191919}
#solution .banner .container .btngroup a:hover{background:linear-gradient(253deg, #679bf6, #3638f5);border-radius: 1.5rem;color: #fff}




#solution .section1{padding:6rem 0rem;background:#f9fcff;}
#solution .section1 .sc-mainbox .container{display:grid;gap:2rem;grid-template-columns:1fr 1fr 1fr;padding:3rem 0rem;}
#solution .section1 .sc-mainbox .card{background: #fff;border-radius: 2rem;padding: 1rem;display: flex;flex-direction: column;gap:1rem;border: 0.1rem solid rgba(9, 18, 33, 0.06);
    transition: all .5s ease;}
#solution .section1 .sc-mainbox .card .tit{font-size:2rem;font-weight: 600;color: #565656}
#solution .section1 .sc-mainbox .card .desc{font-size:1.4rem;color:#595959; }
#solution .section1 .sc-mainbox .card .img-container{border-radius: 1rem;overflow:hidden;padding:0rem;
    height: auto;
    width: auto;
    border-radius: 1rem;}
#solution .section1 .sc-mainbox .card .txt-container{padding:1rem;display: flex; flex-direction: column; gap:1rem;}
#solution .section1 .sc-mainbox .card .txt-container .btn-s1{font-size:1.7rem;font-weight: 600;margin-top: 2.5rem;cursor: pointer;margin-bottom: 1rem;}
#solution .section1 .sc-mainbox .card .txt-container .btn-s1:after{width:1.6rem;height:1.6rem;}






#solution .section2{padding:6rem 0rem;background:#f9fcff;}
#solution .section2 .sc-mainbox .container{display:grid;gap:2rem;grid-template-columns:1fr 1fr 1fr 1fr;padding:3rem 0rem;}
#solution .section2 .sc-mainbox .card a{background: #fff;border-radius: 2rem;padding: 1rem;display: flex;flex-direction: column;gap:1rem;border: 0.1rem solid rgba(9, 18, 33, 0.06);
    transition: all .5s ease;}
#solution .section2 .sc-mainbox .card .tit{font-size:2rem;font-weight: 600;color: #565656}
#solution .section2 .sc-mainbox .card .desc{font-size:1.4rem;color:#595959; }
#solution .section2 .sc-mainbox .card .img-container{border-radius: 1rem;overflow:hidden;padding:0rem;height: auto;width: auto;border-radius: 1rem;}
#solution .section2 .sc-mainbox .card .txt-container{padding:1rem;display: flex; flex-direction: column; gap:1rem;}
#solution .section2 .sc-mainbox .card .txt-container .btn-s1{font-size:1.7rem;font-weight: 600;margin-top: 2.5rem;cursor: pointer;margin-bottom: 1rem;}
#solution .section2 .sc-mainbox .card .txt-container .btn-s1:after{width:1.6rem;height:1.6rem;}





#solution .section4{padding:6rem 0rem;background: linear-gradient(180deg, #b5e5ff 0, #fff 100%);border-radius: 3.6rem;}
#solution .section4 .sc-mainbox .container{display:grid;gap:2rem;grid-template-row:1fr 1fr;padding:3rem 0rem;}
#solution .section4 .sc-mainbox .container .item{display: grid;grid-template-columns: 1fr 1fr;gap:1.6rem;}   
#solution .section4 .sc-mainbox .cards{display: grid;grid-template-columns: 1fr 1fr 1fr;gap:2rem;}


#solution .section4 .sc-mainbox .card{position:relative;overflow:hidden; background: #fff;border-radius: 2rem;padding:5rem;overflow: hidden;}
#solution .section4 .sc-mainbox .card .img-container{position: absolute;width:100%;height:100%;top:0;left:0;z-index: 0;display: flex;justify-content: center;align-items: center;}
#solution .section4 .sc-mainbox .card .img-container img{object-fit: cover;}
#solution .section4 .sc-mainbox .card .card-txt{position: relative;z-index: 1;display: flex;display: flex; flex-direction: column;gap:1.6rem;}
#solution .section4 .sc-mainbox .card .tit{font-size:2.4rem;font-weight: 600;}
#solution .section4 .sc-mainbox .card .desc{font-size:1.6rem;color:#595959;;padding-bottom:1.5rem;}
#solution .section4 .sc-mainbox .card .card-txt .btn a{font-size: 1.4rem;background-color: transparent;border: 0.1rem solid #191919;border-radius: 5rem;padding:1rem 3rem;}
#solution .section4 .sc-mainbox .card .card-txt .logo img{height:6.8rem;}
#solution .section4 .sc-mainbox .card1{display: grid;grid-template-columns: 3fr 2fr;padding: 1rem;}
#solution .section4 .sc-mainbox .card1 .card-txt{display: flex;justify-content: center;flex-direction: column;padding:4rem;}



#solution .section5{background:url(../images/lowcase/NO1_11.jpg) no-repeat center center;background-size:cover;padding:8rem 0rem;}
#solution .section5 .sc-titbox .tit{color:#fff}
#solution .section5 .sc-mainbox .container {display: grid;grid-template-columns: repeat(4, 1fr);color: #fff;font-size: 1.6rem;align-items: flex-start;padding-top: 10rem;max-width:1100px}
#solution .section5 .sc-mainbox .container .card{display:flex;flex-direction: column; gap:1rem;position: relative;}
#solution .section5 .sc-mainbox .container .card:after{content:"";height: 5rem;width: 1px;background-color: #fff;position: absolute;right:0rem;top:50%;transform: translateY(-50%)}
#solution .section5 .sc-mainbox .container .card:nth-last-child(1):after{display: none}
#solution .section5 .sc-mainbox .container .stat-number{display: flex;justify-content: center;align-items: flex-end;gap:0.5rem;}
#solution .section5 .sc-mainbox .container .stat-number .counter {font-size:5rem;text-align: center; font-weight: 600;line-height: 1}
#solution .section5 .sc-mainbox .container .stat-number span{font-size:2.2rem;font-weight: 400}
#solution .section5 .sc-mainbox .container .stat-label {font-size: 2rem;opacity: 0.9;text-align: center;}



#solution .section6{padding:15rem 0rem 7rem 0rem;background:url(../images/product-experience-bg.png) no-repeat center bottom;background-repeat:no-repeat; background-size:cover;}
#solution .section6 .container{display: flex;justify-content: center;align-items: center;flex-direction: column;}
#solution .section6 .tit{font-size: 5.6rem;font-weight: 600;;text-align: center;color: #000}
#solution .section6 .btn{margin-top:2.4rem;display: inline-block;border-radius:1.8rem;line-height: 4.8rem;padding: 0 4.8rem;transition: 0.3s;border: 0.1rem solid rgba(255, 255, 255, 0.7);color: rgb(255, 255, 255);background: #000}




/**solution-end**/





#swkj{color:#252b3a;}
#swkj .banner{background:linear-gradient(90deg, rgb(215 231 255) 20%, rgb(212 227 255 / 94%) 35%, rgb(217 231 255 / 0%) 50%), linear-gradient(180deg, rgb(215 231 255 / 73%) 20%, rgb(215 231 255 / 0%) 50%, rgb(240 246 255 / 0%) 50%), url(../images/swkj.jpg) no-repeat;background-position: center center;background-size: cover;}
#swkj .banner .container{display: flex;justify-content: center;flex-direction: column;padding:10rem 0rem 10rem 0rem;}
#swkj .banner .container h1{font-size: 4.8rem;color: #181818;display:flex;align-items: center;margin-bottom: 3rem;}
#swkj .banner .container p.s1{font-size:1.4rem;line-height:1.5;margin-bottom: 2rem;padding-right: 30%;}
#swkj .banner .container .btngroup{display:flex;gap:2rem;margin-top: 1rem;padding-bottom: 4rem}
#swkj .banner .container .btngroup a{background:#ffffff38;border-radius: 1.5rem;color: #000000}
#swkj .banner .container .btngroup a:hover{background:linear-gradient(253deg, #679bf6, #3638f5);border-radius: 1.5rem;color: #fff}


#swkj .section1{padding:8rem 0rem 5rem 0rem;background:;}
#swkj .section1 .sc-titbox .tit{color: #130b0b}
#swkj .section1 .sc-titbox .desc {color:#291414;font-size: 1.6rem;text-align: center;margin: 1rem;} 
#swkj .section1 .sc-mainbox .container{display:grid;gap:2rem;grid-template-columns: repeat(3, 1fr);padding:4rem 0rem;}
#swkj .section1 .sc-mainbox .cards{display:flex;flex-direction: column;gap:2rem;}
#swkj .section1 .sc-mainbox .card{background: #ffffff00;border-radius: 2rem;padding: 3rem;display: flex;flex-direction: column;gap:1rem;border: 0.1rem solid rgba(9, 18, 33, 0.06);transition: all .5s ease;}
#swkj .section1 .sc-mainbox .img-container{height: 6rem;justify-content:flex-start;}
#swkj .section1 .sc-mainbox .img-container img{height: 6rem;width: auto}
#swkj .section1 .sc-mainbox .card .tit{font-size:2.4rem;font-weight: 600;margin-top:1.5rem;}
#swkj .section1 .sc-mainbox .card ul{padding-left:2rem}
#swkj .section1 .sc-mainbox .card ul li{font-size:1.6rem;color:#595959;;list-style: disc;}






#swkj .section2{padding:6rem 0rem 8rem 0rem;background:#f9fcff;}
#swkj .section2 .sc-titbox .tit{color: #130b0b}
#swkj .section2 .sc-titbox .desc {color:#291414;font-size: 1.6rem;text-align: center;margin: 1rem;} 
#swkj .section2 .container{margin-bottom:3rem}
#swkj .section2 .nexttit{color: #191919;font-size: 4rem;font-weight: 600;line-height: 6rem;padding:90px 0rem 5rem 0rem;}
#swkj .section2 .nextbox{background:#fff;display:flex;justify-content: space-between; padding:1rem;border-radius:2rem;gap:2rem;    border: 0.1rem solid rgba(9, 18, 33, 0.06);transition: all .5s ease;}
#swkj .section2 .nextbox .img-container{width:50%;border-radius: 2rem;}
#swkj .section2 .nextbox .card-text{width:50%;padding:2rem;display: flex;flex-direction: column;justify-content: center;} 
#swkj .section2 .nextbox  .module-title {font-size: 2.5rem;color: #000;padding-bottom: 1rem;}
#swkj .section2 .nextbox .card-text ul li{position: relative;padding-left:1.2rem;font-size: 1.6rem;padding:1rem 0rem 1rem 1.2rem;line-height:1.8;}
#swkj .section2 .nextbox .card-text ul li:before{background-color:#595959;border-radius:1px;content: "";height: 4px;left:0;position: absolute;top: 1.2rem;width: 4px;display:block;}
#swkj .section2 .nextbox .card-text h4{color: #191919;font-size: 2.5rem;padding-bottom: 2rem;}
#swkj .section2 .nextbox .card-text .btngroup{display: grid;gap:1.5rem;grid-template-columns: 1fr 1fr;padding-top: 2rem;} 
#swkj .section2 .nextbox .card-text .btngroup .btn-s1{display: flex; align-items: center; gap:0.5rem;font-size: 1.6rem;font-weight: 600}
#swkj .section2 .nextbox .card-text .btngroup .btn-s1:after{width: 1.6rem;height: 1.6rem;}







#swkj .section3{background:#000 url(../images/bg112.png) center / 100% 100% no-repeat;padding:8rem 0rem 10rem 0rem;border-radius:36px;}
#swkj .section3 .sc-titbox .tit{color: #fff}
#swkj .section3 .sc-titbox .desc {color:#fff;font-size: 1.6rem;text-align: center;margin: 1rem;}  

#swkj .section3 .sc-titbox .subtit button{border:#fff;color: #fff;background:none;border:1px solid #fff}
#swkj .section3 .sc-mainbox .nav-tabs {display: flex;margin-top: 3rem;margin-bottom: 2rem;justify-content: center;align-items: center;}
#swkj .section3 .sc-mainbox .nav-tabs .main{overflow-x: scroll;background: hsla(0, 0%, 100%, .22);padding:0.6rem;border-radius:2.6rem;position: relative;display: flex;align-items: center;justify-content: flex-start;}
#swkj .section3 .sc-mainbox .nav-tabs .main::-webkit-scrollbar {display: none;}
#swkj .section3 .sc-mainbox .nav-tabs .tab-btn {border: none;border-radius: 2rem;color: #ffffff;cursor: pointer;font-size:1.7rem;transition: background 0.3s;font-weight: 600;padding: 0rem 5rem;line-height:4rem;white-space: nowrap;}
#swkj .section3 .sc-mainbox .nav-tabs .tab-btn1 {border: none;border-radius: 2rem;color: #000000;cursor: pointer;font-size:1.8rem;transition: background 0.3s;font-weight: 600;padding:0px 5rem;line-height:4rem;}
#swkj .section3 .sc-mainbox .nav-tabs .tab-btn.active {color: #000;    z-index: 2;}
#swkj .section3 .sc-mainbox .nav-tabs .tab-slider{border: none;border-radius: 2rem;color: #fff;cursor: pointer;font-weight: 600;top:0.6rem;left:0.6rem;position: absolute;bottom: 0;background: hsla(0, 0%, 100%, .12);transition: left 0.6s ease, width 0.6s ease; }
#swkj .section3 .sc-mainbox .nav-tabs .main button.active{font-weight:600;background:hsla(0, 0%, 100%, .12);color: #ffffff;backdrop-filter: blur(6px);}
#swkj .section3 .sc-mainbox .tab-content{display:none;opacity:0;transition: opacity 0.8s ease, visibility 0.8s ease;}
#swkj .section3 .sc-mainbox .tab-content.active{display:grid;grid-template-columns: 0.9fr 1.1fr;gap:3rem;opacity:1;transition: opacity 0.8s ease, visibility 0.8s ease;background: #fff;border-radius:2rem;padding:1.2rem;}
#swkj .section3 .sc-mainbox .tab-content .content-left {padding:3rem;display: flex;
    flex-direction: column;
    justify-content: center;}
#swkj .section3 .sc-mainbox .tab-content .module-title {font-size: 2.5rem;color: #000;padding-bottom: 1rem;}
#swkj .section3 .sc-mainbox .tab-content .module-desc{font-size: 1.6rem;color: #000;padding-bottom:2rem;}
#swkj .section3 .sc-mainbox .tab-content ul {line-height: 1.8;padding-bottom:2rem;}
#swkj .section3 .sc-mainbox .tab-content ul li{list-style: none;font-size:1.6rem;position: relative;padding-left: 1.4rem;}
#swkj .section3 .sc-mainbox .tab-content ul li:before {
     content: "•";
    position: absolute;
    left: 0;
    top: 1.2rem;
    transform: translateY(-50%);
    color: #090a0a;
    font-size: 1.2em;
    line-height: 1;
}



#swkj .section3 .sc-mainbox .tab-content .advan{padding-bottom:2rem;}






#swkj .section3 .sc-mainbox .tab-content .btngroup{display: flex;align-items: center;gap:2rem;padding-top:3.5rem}
#swkj .section3 .sc-mainbox .tab-content .btngroup a{font-size: 1.4rem}
#swkj .section3 .sc-mainbox .tab-content .btngroup a:after{width: 2rem;height:2rem;}
#swkj .section3 .sc-mainbox .tab-content .content-right {position: relative;border-radius: 1.4rem;overflow: hidden;}
#swkj .section3 .sc-mainbox .tab-content .content-right img {width: 100%;height: auto;}





#swkj .section4{padding:8rem 0rem 4rem 0rem;background:#f9fcff;}
#swkj .section4 .sc-titbox .tit{color: #130b0b}
#swkj .section4 .sc-titbox .desc {color:#291414;font-size: 1.6rem;text-align: center;margin: 1rem;} 
#swkj .section4 .sc-mainbox .container{display:grid;gap:2rem;grid-template-columns: repeat(4, 1fr);padding:4rem 0rem}
#swkj .section4 .sc-mainbox .cards{display:flex;flex-direction: column;gap:2rem;}
#swkj .section4 .sc-mainbox .card{background: #ffffff00;border-radius: 2rem;padding: 3rem;display: flex;flex-direction: column;gap:1rem; border: 0.1rem solid rgba(9, 18, 33, 0.06);transition: all .5s ease;}
#swkj .section4 .sc-mainbox .img-container{height: 6rem;}
#swkj .section4 .sc-mainbox .img-container img{height: 6rem;width: auto}
#swkj .section4 .sc-mainbox .card .tit{font-size:2.4rem;font-weight: 600;margin-top:1.5rem;}
#swkj .section4 .sc-mainbox .card .desc{font-size:1.6rem;color:#595959;;}










#swkj .section5{padding:6rem 0rem 6rem 0rem;background:#fff}
#swkj .section5 .sc-mainbox{margin-top: 3rem}
#swkj .section5 .sc-mainbox .container{display:grid;gap:3rem;grid-template-columns: repeat(2, 1fr);background:#fff;border-radius: 2rem;padding:5rem;border: 0.1rem solid rgb(9 18 33 / 0%);}
#swkj .section5 .sc-mainbox .card-text{display: flex;flex-direction: column;position: relative;border-left:3px solid #cccccc00}
#swkj .section5 .sc-mainbox .card-line{position: absolute;left: -3px;top: 0;width: 3px;background:linear-gradient(253deg, #464ef5, #1c66e5, #52dfd7);transition: all 0.3s ease;}

#swkj .section5 .sc-mainbox .card{position: relative; display: flex;flex-direction: column;gap:1rem;border-bottom: 0.1rem solid #dbdbdb00;margin:0px 2rem;padding:2rem 0rem;}
#swkj .section5 .sc-mainbox .card:nth-last-child(1){border-bottom:0rem;}
#swkj .section5 .sc-mainbox .card .tit{font-size:2.4rem;font-weight: 600;display:flex;gap:1rem;align-items: center;width: 100%;position: relative;}
#swkj .section5 .sc-mainbox .card .tit span{border-radius: 6px;height: 3.1rem;display: block;width: 3.1rem;background-color: #e4f0fc;display: flex;justify-content: center;align-items: center;}

#swkj .section5 .sc-mainbox .card .tit:after {font-size: 1.2rem;content: "\f107";font-weight: 900;margin: 0.1rem 0 0 2px;font-family: "Font Awesome 6 Pro";position: absolute;right:1rem;-webkit-transition: .35s;transition: .35s;}
#swkj .section5 .sc-mainbox .card .tit img{width: 3rem;height: 3rem;}
#swkj .section5 .sc-mainbox .card .desc{font-size:1.6rem;color:#595959;;height:0rem;overflow:hidden;transition: all 0.3s linear;opacity: 0}

#swkj .section5 .sc-mainbox .card .mobilepic{height: 0;transition: all 0.3s linear;opacity: 0;border-radius: 1rem;overflow: hidden;}

#swkj .section5 .sc-mainbox .card .btn{padding-top: 2rem;padding-bottom: 5rem}
#swkj .section5 .sc-mainbox .card .btn a{background: #dee9fb;padding:1rem 3rem;border-radius: 1.4rem;display:inline-block;}
#swkj .section5 .sc-mainbox .card .img-container{margin-bottom: -5rem;}
#swkj .section5 .sc-mainbox .card.active .tit:after{transform: rotate(180deg);}
#swkj .section5 .sc-mainbox .card.active .desc{height: auto;transition: all 0.3s linear;opacity: 1}
#swkj .section5 .sc-mainbox .card.active .mobilepic{height: auto;transition: all 0.3s linear;opacity: 1}



#swkj .section5 .sc-mainbox .card-img .card-inner{display: none;border-radius: 1.5rem;}
#swkj .section5 .sc-mainbox .card-img .card-inner.active{display: flex;flex-direction: column;align-items: center;}
#swkj .section5 .sc-mainbox .card-img .card-inner img {border-radius: 1.5rem;}





#swkj .section6 {padding:6rem 0rem 4rem 0rem;background: #f9fcff url(../images/aibg.png) center / 100% 100% no-repeat;}
#swkj .section6 .sc-mainbox .preslider{width:90%;margin:2rem auto 0rem auto;position: relative;padding:0 6rem;}
#swkj .section6 .sc-mainbox .preslider .swiper-cotainer{overflow:hidden;}
#swkj .section6 .sc-mainbox .preslider .swiper-cotainer .swiper-slide {width: auto;text-align: center;}
#swkj .section6 .sc-mainbox .preslider .swiper-cotainer .swiper-slide img{height:2rem;}
#swkj .section6 .sc-mainbox .preslider .swiper-button-prev,#swkj .section6 .sc-mainbox .preslider .swiper-button-next{width:2.5rem;height:2.5rem;margin-top: -1.25rem;}

#swkj .section6 .sc-mainbox .preslider .swiper-button-prev:after, #swkj .section6 .sc-mainbox .preslider .swiper-button-next:after{font-size:1.5rem;}

#swkj .section6 .sc-mainbox .card{background: #ffffffb0;border-radius: 2rem;padding: 3rem;display: flex;flex-direction: column;gap:1.6rem;border: 0.1rem solid rgba(9, 18, 33, 0.06);    transition: all .5s ease;}
#swkj .section6 .sc-mainbox .card .img-container{padding:3rem 3rem 0rem 3rem;border-radius: 1.5rem;}
#swkj .section6 .sc-mainbox .card .img-container img {border-radius: 1.5rem 1.5rem 0rem 0rem;}
#swkj .section6 .sc-mainbox .card .tit{font-size:2rem;font-weight: 600}
#swkj .section6 .sc-mainbox .card .desc{font-size:1.6rem;color:#595959; }
#swkj .section6 .sc-mainbox .card .advan{display: flex;align-items: center;gap:0.5rem;}
#swkj .section6 .sc-mainbox .card .advan label{background-color: #0d29dc17;padding:0.3rem 0.5rem;border-radius: 0.5rem;}
#swkj .section6 .sc-mainbox .card .advan label img{width:1.4rem;height: 1.4rem;margin-right:0.5rem}
#swkj .section6 .sc-mainbox .container{display: flex;flex-direction: column;gap:2rem;}
#swkj .section6 .sc-mainbox .container .cards{padding:3rem 0rem 5rem 3rem;}
#swkj .section6 .sc-mainbox .card{    background: #ffffff00;
    border-radius: 2rem;
    padding: 0rem;
    display: flex;
    flex-direction: column;
    gap: 1.8rem;
    border: 0.1rem solid rgb(9 18 33 / 0%);
    transition: all .1s ease;}
#swkj .section6 .sc-mainbox .card .tit{font-size:2.4rem;font-weight: 600}
#swkj .section6 .sc-mainbox .card .desc{font-size:1.6rem;color:#595959; }
#swkj .section6 .sc-mainbox .card .advan{display: flex;flex-wrap:wrap;align-items: center;gap:0.5rem;}
#swkj .section6 .sc-mainbox .card .advan label{background-color: #0d29dc17;}
#swkj .section6 .sc-mainbox .card .advan label img{width:1.6rem;height: 1.6rem;margin-right:0.5rem}






#swkj .section7{padding:5rem 0rem 5rem 0rem;background:#f9fcff;}
#swkj .section7 .sc-mainbox .container{width:100%;padding-top:3rem;display: grid;grid-template-columns:1fr 1fr;gap:3rem;}
#swkj .section7 .sc-mainbox .card{display:flex;justify-content: space-between;background: #fff;border-radius:3rem;padding:1.2rem;position: relative;}
#swkj .section7 .sc-mainbox .card .tips {background: linear-gradient(253deg, #679bf6, #3638f5);border-radius: 0 2.4rem 0 2.4rem;color: #ffffff;font-size: 1.2rem;line-height: 2.4rem;padding: 0 1.6rem;position: absolute;
    right: 0;top: 0;z-index: 1}




#swkj .section7 .sc-mainbox .card{display: grid;grid-template-columns: 1fr 1fr;gap:2rem;}
#swkj .section7 .sc-mainbox .card .content-left {padding:3rem;display: flex;flex-direction: column;}
#swkj .section7 .sc-mainbox .card .content-left img{height: 48px}
#swkj .section7 .sc-mainbox .card .content-left .module-title {font-size:2rem;color: #000;padding-top:1rem;padding-bottom: 1rem;}
#swkj .section7 .sc-mainbox .card .content-left .module-desc{font-size: 1.4rem;color: #000;padding-bottom:8rem;}
#swkj .section7 .sc-mainbox .card .content-left .btn a{font-size: 1.7rem;font-weight: 600} 
#swkj .section7 .sc-mainbox .card .content-left .btn a:after{width: 2rem;height: 2rem;}
#swkj .section7 .sc-mainbox .card .content-right {position: relative;border-radius: 1.4rem;overflow: hidden;}
#swkj .section7 .sc-mainbox .card .content-right .img-container{width: 100%;height:100%;}
#swkj .section7 .sc-mainbox .card .content-right img {width: 100%;height: auto;object-fit: fill}







#swkj .section8{padding:6rem 0rem 4rem 0rem;background-color: }
#swkj .section8 .sc-mainbox .container{display:grid;gap:1.6rem;grid-template-columns: repeat(4, 1fr);margin-top: 3rem}
#swkj .section8 .sc-mainbox .card{background: #fff;border-radius: 2rem;display: flex;flex-direction: column; padding:1rem;position: relative;border: 0.1rem solid rgba(9, 18, 33, 0.06);
    transition: all .5s ease;}
#swkj .section8 .sc-mainbox .container .card .img-container{overflow: hidden;padding:0rem;height: 19rem;
    width: auto;
    border-radius: 1rem;}
#swkj .section8 .sc-mainbox .card .tit{padding:2rem 1rem 1rem 1rem;font-size:2rem;font-weight: 600}
#swkj .section8 .sc-mainbox .card .desc{padding:1rem;font-size:1.6rem;color:#595959;;height:6rem;overflow:hidden;}
#swkj .section8 .sc-mainbox .card .advan{padding:1rem;display: grid;align-items: center;gap:0.5rem;margin-top: 2rem;grid-template-columns: 1fr 1fr 1fr 1fr;padding-bottom: 7rem;}
#swkj .section8 .sc-mainbox .card .advan label{background-color: #0d29dc17;padding:0.3rem 0.5rem;border-radius: 0.5rem;justify-content: center;}
#swkj .section8 .sc-mainbox .card .advan label img{width:1.6rem;height: 1.6rem;margin-right:0.5rem}
#swkj .section8 .sc-mainbox .card .btngroup{display: flex;gap:2rem;position: absolute;bottom:2.5rem;left:2rem;z-index: 9999;}
#swkj .section8 .sc-mainbox .card .btngroup a{font-size: 1.7rem;font-weight: 600}
#swkj .section8 .sc-mainbox .card .btngroup a:after{width: 1.8rem;height:1.8rem;}



#swkj .section9{padding:9rem 0rem;position: relative;overflow:hidden;}
#swkj .section9 .sc-bg{position: absolute;width:100%;height:100%;top:0rem;left:0rem;z-index:0;border-radius:3rem;overflow:hidden;background:rgba(0,0,0,0.6);}
#swkj .section9 .sc-bg .card{width: 100%;height:100%;transition: all 0.6s;position:relative;opacity:0}
/* 核心修改：提升伪元素z-index到1，确保覆盖图片 */
#swkj .section9 .sc-bg .card::before { 
    content: ""; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    background-color: #1b1b22a1; 
    transition: background-color 0.5s ease; 
    z-index: 1; /* 从0改为1 */
}
/* 给img显式设置z-index:0，确保被蒙版覆盖 */
#swkj .section9 .sc-bg .card img{
    min-height:100%;
    min-width: 100%;
    transform: translate(-50%, -50%);
    position:absolute;
    left:50%;
    top:50%;
    z-index: 0;
    max-width:unset;
}
#swkj .section9 .sc-bg .card.active{opacity:1;top:0;position:absolute;}
#swkj .section9 .sc-titbox{z-index:1;position: relative;}
#swkj .section9 .sc-titbox .tit{color:#fff}
#swkj .section9 .sc-mainbox .nav-tabs{margin-bottom: 0rem}
#swkj .section9 .sc-mainbox .nav-tabs .main{display: flex;justify-content: center;gap:1rem 2rem;overflow-x: scroll;}
#swkj .section9 .sc-mainbox .nav-tabs .main::-webkit-scrollbar {display: none;}

#swkj .section9 .sc-mainbox .nav-tabs .main button{cursor: pointer;
    font-size: 1.8rem;
    position: relative;
    color: #fff;
    padding: 1rem 4rem;
    border-radius: 2rem;    white-space: nowrap;}
#swkj .section9 .sc-mainbox .nav-tabs .main button.active{font-weight: 600;
    background: rgb(255 255 255 / 75%);
    color: #323235;
    backdrop-filter: blur(6px);}

#swkj .section9 .sc-mainbox .container{z-index:1;padding-top:3rem;position: relative;}
#swkj .section9 .sc-mainbox .tab-content{display:none;opacity:0;transition: opacity 0.8s ease, visibility 0.8s ease;width: 100%;color: #fff}
#swkj .section9 .sc-mainbox .tab-content.active{display:flex;flex-direction: column;justify-content: center; opacity:1;transition: opacity 0.8s ease, visibility 0.8s ease;}
#swkj .section9 .sc-mainbox .tab-content .module-title {font-size: 2.5rem;padding-top:2.5rem;padding-bottom:1.5rem;}
#swkj .section9 .sc-mainbox .tab-content .module-desc{font-size: 1.6rem;padding-bottom:2rem;}
#swkj .section9 .sc-mainbox .tab-content ul {list-style: disc;padding-left: 2rem;line-height: 1.8;}
#swkj .section9 .sc-mainbox .tab-content ul li{list-style: disc;font-size:1.6rem;}
#swkj .section9 .sc-mainbox .tab-content ul li strong{display: block;}
#swkj .section9 .sc-mainbox .tab-content .yyjz{display: flex;gap:2.5rem;font-size:1.6rem;} 

#swkj .section9 .sc-mainbox .tab-content .yyjz .item{font-size:1.6rem;position: relative;padding-right:3rem;}
#swkj .section9 .sc-mainbox .tab-content .yyjz .item .s1{font-size: 2.8rem;font-weight:600}
#swkj .section9 .sc-mainbox .tab-content .yyjz .item p{font-size: 1.6rem;}
#swkj .section9 .sc-mainbox .tab-content .yyjz .item:after{content: "";width:1px;height:4.5rem;display:block;background:#85888b;position: absolute;right:0rem;top:50%;transform: translateY(-50%);}
#swkj .section9 .sc-mainbox .tab-content .yyjz .item:nth-last-child(1):after{display: none}



#swkj .section9 .sc-mainbox .tab-content .yyjz .s1{font-size: 2.5rem;display: flex;align-items: flex-end;font-weight: 600;}
#swkj .section9 .sc-mainbox .tab-content .yyjz .s1 svg{height: 2rem;display: inline-block;}   
#swkj .section9 .sc-mainbox .tab-content .yyjz .s1 span{display: flex;align-items: center;font-size:2rem;padding:0px 0.5rem;}
#swkj .section9 .sc-mainbox .tab-content .btn{padding-top: 4rem;padding-bottom: 4rem;}
#swkj .section9 .sc-mainbox .tab-content .btn .btn-s2{color: #fff;font-size:1.4rem;line-height: 2.5}
#swkj .section9 .sc-mainbox .tab-content .btn .btn-s2:after{width: 2rem;height:2rem;}



#swkj .section10{padding:8rem 0rem;background:#f9fcff url(../images/product-experience-bg.png) no-repeat center bottom;background-repeat:no-repeat; background-size:cover;}
#swkj .section10 .container{display: flex;justify-content: center;align-items: center;flex-direction: column;}
#swkj .section10 .tit{font-size: 5.6rem;font-weight: 600;;text-align: center;color: #000}
#swkj .section10 .btn{margin-top:2.4rem;display: inline-block;border-radius: 1.8rem;line-height: 4.8rem;padding: 0 4.8rem;transition: 0.3s;border: 0.1rem solid rgba(255, 255, 255, 0.7);color: rgb(255, 255, 255);background: #000}


#swkj .section11{padding:6rem 0rem 6rem 0rem;background:#fff;}
#swkj .section11 .container{margin-top:3rem;border-radius: 2rem;overflow: hidden;width: 70%;display: flex;align-items: center;justify-content: center;flex-direction: column;}
#swkj .section11 .sc-titbox .desc {color:#291414;font-size: 1.6rem;text-align: center;margin: 1rem;} 
#swkj .section11 .sc-titbox .tit{color: #130b0b}




/**dbz-Start**/
#dbz{color:#252b3a;}
#dbz .banner{background:linear-gradient(90deg, rgb(215 231 255) 20%, rgb(212 227 255 / 94%) 35%, rgb(217 231 255 / 0%) 50%), linear-gradient(180deg, rgb(215 231 255 / 73%) 20%, rgb(215 231 255 / 0%) 50%, rgb(240 246 255 / 0%) 50%), url(../images/dbz.png) no-repeat;background-size:cover;}
#dbz .banner .container{display: flex;justify-content: center;flex-direction: column;padding:8rem 0rem;gap:2rem;}
#dbz .banner .container .icon{background: url(../images/dbss.png) no-repeat;background-size: cover;width:12rem;height: 12rem;margin-bottom: 3rem}
#dbz .banner .container h1{font-size: 4.8rem;color: #000}
#dbz .banner .container h1 span{background-image: linear-gradient(253deg,#ac61ff,#005eff);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
#dbz .banner .container .s1{font-size:1.8rem;padding-right: 30%}
#dbz .banner .container .s2{font-size:1.6rem;padding-right: 40%;    line-height: 2;}
#dbz .banner .container .btngroup{display:flex;gap:2rem;margin-top: 1rem;padding-bottom: 4rem}
/*#dbz .banner .container .btngroup a{border:1px solid #191919;padding:1rem 3rem;border-radius: 1.8rem;color: #000}
#dbz .banner .container .btngroup a:nth-child(1){background:#191919;color: #fff}*/
#dbz .banner .container .cardgroup{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;gap:1.6rem;}
#dbz .banner .container .cardgroup .card{background: rgba(255,255,255,0.7);border-radius: 2rem;padding:3rem;display: flex;flex-direction: column;gap:2rem;}
#dbz .banner .container .cardgroup .card h4{font-size:3.6rem;}
#dbz .banner .container .cardgroup .card p{font-size: 1.6rem;}

#dbz .section1{padding:8rem 0rem;background:#ffff}
#dbz .section1 .sc-mainbox{padding-top:3rem;}
#dbz .section1 .sc-mainbox .container{display: grid;grid-template-columns: repeat(4,1fr);gap:3rem;}
#dbz .section1 .sc-mainbox .card{border-radius: 2rem;display: flex;flex-direction: column;    padding: 3rem;border: 0.1rem solid rgba(9, 18, 33, 0.06);gap: 2rem;}
#dbz .section1 .sc-mainbox .card .img-container{border-radius: 2rem;overflow:hidden;padding:0rem;}
#dbz .section1 .sc-mainbox .card .tit{font-size:2.4rem;font-weight: 600;}
#dbz .section1 .sc-mainbox .card .desc{font-size:1.6rem;color:#555555;;margin-top:1rem}
#dbz .section1 .sc-mainbox .card ul{margin-top:0rem;display: flex;gap:1.5rem;flex-direction:column;}
#dbz .section1 .sc-mainbox .card ul li{position: relative;display: flex;align-items: center;}
#dbz .section1 .sc-mainbox .card ul li:before{content:"";background: url(../images/stroke_black.png) no-repeat; background-size: cover;
background-position: center center;height: 2.4rem;margin-right: 8px;width: 2.4rem;}

#dbz .section2{padding:8rem 0rem;background:#f9fcff;}
#dbz .section2 .sc-mainbox .container{padding:3rem 0rem;display: flex;gap:2rem;flex-direction:column;}
#dbz .section2 .sc-mainbox .cards{display:flex;gap:2rem; }
#dbz .section2 .sc-mainbox .card{background: #fff;border-radius: 2rem;padding: 3rem;display: flex;flex-direction: column;gap:1rem;border: 0.1rem solid rgba(9, 18, 33, 0.06);}
#dbz .section2 .sc-mainbox .img-container{justify-content:flex-start;}
#dbz .section2 .sc-mainbox .img-container img{width: 100%}
#dbz .section2 .sc-mainbox .card .tit{font-size:2rem;font-weight: 600;margin-top:1.5rem;}
#dbz .section2 .sc-mainbox .card .desc{font-size:1.6rem;color:#595959; }

#dbz .section2 .sc-mainbox .card ul li{position: relative;padding-left:1.2rem;font-size: 1.6rem;padding:0px 0rem 1rem 1.2rem;line-height:1.6;}
#dbz .section2 .sc-mainbox .card ul li:before{background-color:#595959;border-radius:1px;content: "";height: 4px;left:0;position: absolute;top: 1.2rem;width: 4px;display:block;}

#dbz .section2 .sc-mainbox .cards{display: flex;gap:2rem;}
#dbz .section2 .sc-mainbox .cards .card1{width: 53%}
#dbz .section2 .sc-mainbox .cards .card2{width: 47%}
#dbz .section2 .sc-mainbox .cards .card3{width: 55%}
#dbz .section2 .sc-mainbox .cards .card4{width: 45%}




#dbz .section3{padding:8rem 0rem}
#dbz .section3 .sc-mainbox .container{display:grid;gap:1.6rem;grid-template-columns: repeat(4, 1fr);padding:3rem 0rem;}
#dbz .section3 .sc-mainbox .card{background: linear-gradient(253deg, #f9fcff, #37333a00, #815ced0f);border-radius: 2rem;padding: 3rem;display: flex;flex-direction: column;gap:1rem;    border: 0.1rem solid rgba(9, 18, 33, 0.06);
    transition: all .5s ease;}
#dbz .section3 .sc-mainbox .card .tit{font-size:2rem;font-weight: 600}
#dbz .section3 .sc-mainbox .card .desc{font-size:1.6rem;color:#595959; }
#dbz .section3 .sc-mainbox .card .btn{padding-top: 2rem;padding-bottom: 5rem}
#dbz .section3 .sc-mainbox .card .img-container{width: 70%;display: flex;align-items: center;justify-content: center;margin: 0 auto;}


#dbz .section4{padding:5rem 0rem 5rem 0rem;background:#f9fcff;}
#dbz .section4 .container{margin-top:3rem}
#dbz .section4 .nexttit{color: #191919;font-size: 4rem;font-weight: 600;line-height: 6rem;padding:90px 0rem 5rem 0rem;}
#dbz .section4 .nextbox{background:#fff;display:flex;justify-content: space-between; padding:5rem;border-radius:2rem;border: 0.1rem solid rgba(9, 18, 33, 0.06);}
#dbz .section4 .nextbox .card-img{width:62%}
#dbz .section4 .nextbox .card-text{width:35%;display: flex;flex-direction: column;justify-content: center;} 
#dbz .section4 .nextbox .card-text ul li{position: relative;padding-left:1.2rem;font-size: 1.6rem;padding:0px 0rem 1rem 1.2rem;line-height:1.6;}
#dbz .section4 .nextbox .card-text ul li:before{background-color:#595959;border-radius:1px;content: "";height: 4px;left:0;position: absolute;top: 1.2rem;width: 4px;display:block;}
#dbz .section4 .nextbox .card-text h4{color: #191919;font-size: 2.5rem;padding-bottom: 1rem;padding-top: 4rem;}
#dbz .section4 .nextbox .card-text .yymk{display: grid;gap:1.5rem;grid-template-columns: 1fr 1fr;} 
#dbz .section4 .nextbox .card-text .yymk .item a{display: flex; align-items: center; gap:1.8rem;font-size: 1.6rem;}
#dbz .section4 .nextbox .card-text .yymk .item img{height: 4rem;}   
    



#dbz .section5{padding:8rem 0rem 5rem 0rem; background:url(../images/partner-back.png) no-repeat;background-size:cover;position: relative;border-radius: 3rem;}
#dbz .section5::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #11043094;
    transition: background-color 0.5s ease;
    z-index: 0; /* 从0改为1 */
    border-radius: 3rem;
}
#dbz .section5 .sc-titbox .subtit {
    color: #fff;
}
#dbz .section5 .tit{font-size: 4rem;color: #ffffff;}
#dbz .section5 .choicecard{font-size: 2rem;font-weight: 200;display: flex;justify-content: center;flex-direction: column;gap:1rem;align-items: center;margin:2rem auto;}
#dbz .section5 .choicecard h4{font-size: 2.8rem;font-weight: 600}
#dbz .section5 .choicecard .s3{font-size:1.8rem;color:#479bd4;gap:5rem;display: flex;justify-content: center;}


#dbz .section5 .partner-list {width: 100%;margin-top: 6rem;margin-bottom: 6rem; display: flex;flex-direction: column;align-items: center}
#dbz .section5 .partner-list .partner-row {display: flex;flex-direction: row;align-items: center;gap: 20rem}
#dbz .section5 .sc-mainbox .partner-list .partner-row:not(:first-child) {margin-top: -4rem}
#dbz .section5 .sc-mainbox .partner-list .partner-row .partner-item {width: 12rem;height: 12rem;background: rgb(255 255 255);box-shadow: 0.5rem 1rem 3rem 0 rgba(154, 160, 209, 0.3);border-radius: 2rem;border: 0.1rem solid #ffffff;backdrop-filter: blur(1rem);transition: transform 0.5s
}
#dbz .section5 .sc-mainbox .partner-list .partner-row .partner-item img {width: 100%;height: 100%;object-fit: cover;border-radius: 2rem;padding: 1rem;}
#dbz .section5 .sc-mainbox .partner-list .partner-row .partner-item:hover {transform: scale(1.6);transition: transform 0.5s}





#dbz .section6{padding:8rem 0rem;background:#f9fcff;}
#dbz .section6 .sc-mainbox .container{display:grid;gap:2rem;grid-template-columns: repeat(3, 1fr);padding:4rem 0rem;}
#dbz .section6 .sc-mainbox .cards{display:flex;flex-direction: column;gap:2rem;justify-content: center;align-items: center;}
#dbz .section6 .sc-mainbox .card{background: #ffffff00;border-radius: 2rem;padding: 3rem;display: flex;flex-direction: column;gap:1rem;    border: 0.1rem solid rgba(9, 18, 33, 0.06);
    transition: all .5s ease;}
#dbz .section6 .sc-mainbox .img-container{height: 6rem;}
#dbz .section6 .sc-mainbox .img-container img{height: 6rem;width:auto;}
#dbz .section6 .sc-mainbox .card .tit{font-size:2.4rem;font-weight: 600;margin-top:1.5rem;text-align: center;}
#dbz .section6 .sc-mainbox .card .desc{font-size:1.6rem;color:#595959;;}




#dbz .section7{padding:8rem 0rem;background:#f9fcff;}
#dbz .section7 .sc-mainbox .container{display:grid;gap:2rem;grid-template-columns: repeat(3, 1fr);padding:4rem 0rem;}
#dbz .section7 .sc-mainbox .cards{display:flex;flex-direction: column;gap:2rem;justify-content: center;align-items: center;}
#dbz .section7 .sc-mainbox .card{background: #ffffff00;border-radius: 2rem;padding: 3rem;display: flex;flex-direction: column;gap:1rem;    border: 0.1rem solid rgba(9, 18, 33, 0.06);
    transition: all .5s ease;}
#dbz .section7 .sc-mainbox .img-container{height: 6rem;}
#dbz .section7 .sc-mainbox .img-container img{height: 6rem;width:auto;}
#dbz .section7 .sc-mainbox .card .tit{font-size:2.4rem;font-weight: 600;margin-top:1.5rem;text-align: center;}
#dbz .section7 .sc-mainbox .card .desc{font-size:1.6rem;color:#595959;;text-align: center;}



#dbz .section8{padding:8rem 0rem;background:#f9fcff url(../images/product-experience-bg.png) no-repeat center bottom;background-repeat:no-repeat; background-size:cover;}
#dbz .section8 .container{display: flex;justify-content: center;align-items: center;flex-direction: column;}
#dbz .section8 .tit{font-size: 5.6rem;font-weight: 600;;text-align: center;color: #000}
#dbz .section8 .btn{margin-top:2.4rem;display: inline-block;border-radius: 1.8rem;line-height: 4.8rem;padding: 0 4.8rem;transition: 0.3s;border: 0.1rem solid rgba(255, 255, 255, 0.7);color: rgb(255, 255, 255);background: #000}

#dbz .section9{background:linear-gradient(180deg, rgb(15 16 16 / 37%) 0, #0f101094 100%), url(../images/lowcase/guanggao.jpg) no-repeat center center;background-size:cover;padding:8rem 0;border-radius: 2.5rem;}
#dbz .section9 .sc-titbox .tit{color:#fff}
#dbz .section9 .sc-mainbox .container {display: grid;grid-template-columns: repeat(6, 1fr);color: #fff;font-size: 1.6rem;align-items: flex-start;padding-top: 0rem;max-width:1500px}
#dbz .section9 .sc-mainbox .container .card{display:flex;flex-direction: column; gap:1rem;position: relative;}
#dbz .section9 .sc-mainbox .container .card:after{content:"";height: 5rem;width: 1px;background-color: #fff;position: absolute;right:0rem;top:50%;transform: translateY(-50%)}
#dbz .section9 .sc-mainbox .container .card:nth-last-child(1):after{display: none}
#dbz .section9 .sc-mainbox .container .stat-number{display: flex;justify-content: center;align-items: flex-end;gap:0.5rem;}
#dbz .section9 .sc-mainbox .container .stat-number .counter {font-size:4rem;text-align: center; font-weight: 600;}
#dbz .section9 .sc-mainbox .container .stat-number span{font-size:2.2rem;font-weight: 400}
#dbz .section9 .sc-mainbox .container .stat-label {font-size: 1.8rem;opacity: 0.9;text-align: center;}

#dbz .section11{padding:6rem 0rem 6rem 0rem;background:#fff;}
#dbz .section11 .container{margin-top:3rem;border-radius: 2rem;overflow: hidden;display: flex;align-items: center;justify-content: center;flex-direction: column;}
#dbz .section11 .sc-titbox .desc {color:#291414;font-size: 1.6rem;text-align: center;margin: 1rem;} 
#dbz .section11 .sc-titbox .tit{color: #130b0b}
/**dbz-End**/




/**blsjsbxt-Start**/
#blsjsbxt{color:#252b3a;}
#blsjsbxt .banner{background:linear-gradient(90deg, rgb(215 231 255) 20%, rgb(212 227 255 / 94%) 35%, rgb(217 231 255 / 0%) 50%), linear-gradient(180deg, rgb(215 231 255 / 73%) 20%, rgb(215 231 255 / 0%) 50%, rgb(240 246 255 / 0%) 50%), url(../images/dbz.png) no-repeat;background-size:cover;}
#blsjsbxt .banner .container{display: flex;justify-content: center;flex-direction: column;padding:8rem 0rem;gap:2rem;}
#blsjsbxt .banner .container .icon{background: url(../images/dbss.png) no-repeat;background-size: cover;width:12rem;height: 12rem;margin-bottom: 3rem}
#blsjsbxt .banner .container h1{font-size: 4.8rem;color: #000}
#blsjsbxt .banner .container h1 span{background-image: linear-gradient(253deg,#ac61ff,#005eff);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
#blsjsbxt .banner .container .s1{font-size:1.8rem;padding-right: 30%}
#blsjsbxt .banner .container .s2{font-size:1.6rem;padding-right: 55%;}
#blsjsbxt .banner .container .btngroup{display:flex;gap:2rem;margin-top: 1rem;padding-bottom: 4rem}
/*#blsjsbxt .banner .container .btngroup a{border:1px solid #191919;padding:1rem 3rem;border-radius: 1.8rem;color: #000}
#blsjsbxt .banner .container .btngroup a:nth-child(1){background:#191919;color: #fff}*/
#blsjsbxt .banner .container .cardgroup{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;gap:1.6rem;}
#blsjsbxt .banner .container .cardgroup .card{background: rgba(255,255,255,0.7);border-radius: 2rem;padding:3rem;display: flex;flex-direction: column;gap:2rem;}
#blsjsbxt .banner .container .cardgroup .card h4{font-size:3.6rem;}
#blsjsbxt .banner .container .cardgroup .card p{font-size: 1.6rem;}

#blsjsbxt .section1{padding:8rem 0rem;background:#f9fcff;}
#blsjsbxt .section1 .sc-mainbox .container{display:grid;gap:1.6rem;grid-template-columns:1fr 1fr 1fr;padding:3rem 0rem;}
#blsjsbxt .section1 .sc-mainbox .cards{display:flex;flex-direction: column;gap:1rem;}
#blsjsbxt .section1 .sc-mainbox .card{background: #fff;border-radius: 2rem;padding: 3rem;display: flex;flex-direction: column;gap:1rem;}
#blsjsbxt .section1 .sc-mainbox .img-container{height: 28rem;justify-content:flex-start;border-radius: 2rem;}
#blsjsbxt .section1 .sc-mainbox .img-container img{height: 28rem;width: auto}
#blsjsbxt .section1 .sc-mainbox .card .tit{font-size:2rem;font-weight: 600;margin-top:1.5rem;}
#blsjsbxt .section1 .sc-mainbox .card .desc{font-size:1.6rem;color:#595959; }

#blsjsbxt .section2{padding:8rem 0rem;background:#f9fcff;}
#blsjsbxt .section2 .sc-mainbox .container{padding:3rem 0rem;display: flex;gap:2rem;flex-direction:column;}
#blsjsbxt .section2 .sc-mainbox .cards{display:flex;gap:2rem; }
#blsjsbxt .section2 .sc-mainbox .card{background: #fff;border-radius: 2rem;padding: 3rem;display: flex;flex-direction: column;gap:1rem;}
#blsjsbxt .section2 .sc-mainbox .img-container{justify-content:flex-start;}
#blsjsbxt .section2 .sc-mainbox .img-container img{width: 100%}
#blsjsbxt .section2 .sc-mainbox .card .tit{font-size:2rem;font-weight: 600;margin-top:1.5rem;}
#blsjsbxt .section2 .sc-mainbox .card .desc{font-size:1.6rem;color:#595959; }

#blsjsbxt .section2 .sc-mainbox .card ul li{position: relative;padding-left:1.2rem;font-size: 1.6rem;padding:0px 0rem 1rem 1.2rem;line-height:1.6;}
#blsjsbxt .section2 .sc-mainbox .card ul li:before{background-color:#595959;border-radius:1px;content: "";height: 4px;left:0;position: absolute;top: 1.2rem;width: 4px;display:block;}
#blsjsbxt .section2 .sc-mainbox .cards{display: flex;gap:2rem;}
#blsjsbxt .section2 .sc-mainbox .cards .card1{width: 60%}
#blsjsbxt .section2 .sc-mainbox .cards .card2{width: 38%}
#blsjsbxt .section2 .sc-mainbox .cards .card3{width: 38%}
#blsjsbxt .section2 .sc-mainbox .cards .card4{width: 60%}




#blsjsbxt .section3{padding:8rem 0rem;background:#f9fcff}
#blsjsbxt .section3 .sc-mainbox .container{display:grid;gap:1.6rem;grid-template-columns: repeat(4, 1fr);padding:3rem 0rem;}
#blsjsbxt .section3 .sc-mainbox .card{background: linear-gradient(253deg, #f9fcff, #37333a00, #815ced0f);border-radius: 2rem;padding: 3rem;display: flex;flex-direction: column;gap:1rem;}
#blsjsbxt .section3 .sc-mainbox .card .tit{font-size:2rem;font-weight: 600}
#blsjsbxt .section3 .sc-mainbox .card .desc{font-size:1.6rem;color:#595959; }
#blsjsbxt .section3 .sc-mainbox .card .btn{padding-top: 2rem;padding-bottom: 5rem}
#blsjsbxt .section3 .sc-mainbox .card .img-container{width: 70%;display: flex;align-items: center;justify-content: center;margin: 0 auto;}


#blsjsbxt .section4{padding:5rem 0rem 5rem 0rem;background:#f9fcff;}
#blsjsbxt .section4 .container{margin-top:3rem}
#blsjsbxt .section4 .nexttit{color: #191919;font-size: 4rem;font-weight: 600;line-height: 6rem;padding:90px 0rem 5rem 0rem;}
#blsjsbxt .section4 .nextbox{background:#fff;display:flex;justify-content: space-between; padding:5rem;border-radius:2rem}
#blsjsbxt .section4 .nextbox .card-img{width:62%}
#blsjsbxt .section4 .nextbox .card-text{width:35%;display: flex;flex-direction: column;justify-content: center;} 
#blsjsbxt .section4 .nextbox .card-text ul li{position: relative;padding-left:1.2rem;font-size: 1.6rem;padding:0px 0rem 1rem 1.2rem;line-height:1.6;}
#blsjsbxt .section4 .nextbox .card-text ul li:before{background-color:#595959;border-radius:1px;content: "";height: 4px;left:0;position: absolute;top: 1.2rem;width: 4px;display:block;}
#blsjsbxt .section4 .nextbox .card-text h4{color: #191919;font-size: 2.5rem;padding-bottom: 1rem;padding-top: 4rem;}
#blsjsbxt .section4 .nextbox .card-text .yymk{display: grid;gap:1.5rem;grid-template-columns: 1fr 1fr;} 
#blsjsbxt .section4 .nextbox .card-text .yymk .item a{display: flex; align-items: center; gap:1.8rem;font-size: 1.6rem;}
#blsjsbxt .section4 .nextbox .card-text .yymk .item img{height: 4rem;}   
    



#blsjsbxt .section5{padding:8rem 0rem 5rem 0rem; background:url(../images/partner-back.png) no-repeat;background-size:cover;position: relative;border-radius: 3rem;}
#blsjsbxt .section5::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #11043094;
    transition: background-color 0.5s ease;
    z-index: 0; /* 从0改为1 */
    border-radius: 3rem;
}
#blsjsbxt .section5 .sc-titbox .subtit {
    color: #fff;
}
#blsjsbxt .section5 .tit{font-size: 4rem;color: #ffffff;}
#blsjsbxt .section5 .choicecard{font-size: 2rem;font-weight: 200;display: flex;justify-content: center;flex-direction: column;gap:1rem;align-items: center;margin:2rem auto;}
#blsjsbxt .section5 .choicecard h4{font-size: 2.8rem;font-weight: 600}
#blsjsbxt .section5 .choicecard .s3{font-size:1.8rem;color:#479bd4;gap:5rem;display: flex;justify-content: center;}


#blsjsbxt .section5 .partner-list {width: 100%;margin-top: 6rem;margin-bottom: 6rem; display: flex;flex-direction: column;align-items: center}
#blsjsbxt .section5 .partner-list .partner-row {display: flex;flex-direction: row;align-items: center;gap: 20rem}
#blsjsbxt .section5 .sc-mainbox .partner-list .partner-row:not(:first-child) {margin-top: -4rem}
#blsjsbxt .section5 .sc-mainbox .partner-list .partner-row .partner-item {width: 12rem;height: 12rem;background: rgb(255 255 255);box-shadow: 0.5rem 1rem 3rem 0 rgba(154, 160, 209, 0.3);border-radius: 2rem;border: 0.1rem solid #ffffff;backdrop-filter: blur(1rem);transition: transform 0.5s
}
#blsjsbxt .section5 .sc-mainbox .partner-list .partner-row .partner-item img {width: 100%;height: 100%;object-fit: cover;border-radius: 2rem;padding: 1rem;}
#blsjsbxt .section5 .sc-mainbox .partner-list .partner-row .partner-item:hover {transform: scale(1.6);transition: transform 0.5s}





#blsjsbxt .section6{padding:8rem 0rem;background:#f9fcff;}
#blsjsbxt .section6 .sc-mainbox .container{display:grid;gap:2rem;grid-template-columns: repeat(3, 1fr);padding:4rem 0rem;}
#blsjsbxt .section6 .sc-mainbox .cards{display:flex;flex-direction: column;gap:2rem;justify-content: center;align-items: center;}
#blsjsbxt .section6 .sc-mainbox .card{background: #fff;border-radius: 2rem;padding: 3rem;display: flex;flex-direction: column;gap:1rem;}
#blsjsbxt .section6 .sc-mainbox .img-container{height: 6rem;}
#blsjsbxt .section6 .sc-mainbox .img-container img{height: 6rem;width:auto;}
#blsjsbxt .section6 .sc-mainbox .card .tit{font-size:2.4rem;font-weight: 600;margin-top:1.5rem;text-align: center;}
#blsjsbxt .section6 .sc-mainbox .card .desc{font-size:1.6rem;color:#595959;;}




#blsjsbxt .section7{padding:8rem 0rem;background:#f9fcff;}
#blsjsbxt .section7 .sc-mainbox .container{display:grid;gap:2rem;grid-template-columns: repeat(3, 1fr);padding:4rem 0rem;}
#blsjsbxt .section7 .sc-mainbox .cards{display:flex;flex-direction: column;gap:2rem;justify-content: center;align-items: center;}
#blsjsbxt .section7 .sc-mainbox .card{background: #fff;border-radius: 2rem;padding: 3rem;display: flex;flex-direction: column;gap:1rem;}
#blsjsbxt .section7 .sc-mainbox .img-container{height: 6rem;}
#blsjsbxt .section7 .sc-mainbox .img-container img{height: 6rem;width:auto;}
#blsjsbxt .section7 .sc-mainbox .card .tit{font-size:2.4rem;font-weight: 600;margin-top:1.5rem;text-align: center;}
#blsjsbxt .section7 .sc-mainbox .card .desc{font-size:1.6rem;color:#595959;;text-align: center;}



#blsjsbxt .section8{padding:8rem 0rem;background:#f9fcff url(../images/product-experience-bg.png) no-repeat center bottom;background-repeat:no-repeat; background-size:cover;}
#blsjsbxt .section8 .container{display: flex;justify-content: center;align-items: center;flex-direction: column;}
#blsjsbxt .section8 .tit{font-size: 5.6rem;font-weight: 600;;text-align: center;color: #000}
#blsjsbxt .section8 .btn{margin-top:2.4rem;display: inline-block;border-radius: 1.8rem;line-height: 4.8rem;padding: 0 4.8rem;transition: 0.3s;border: 0.1rem solid rgba(255, 255, 255, 0.7);color: rgb(255, 255, 255);background: #000}

#blsjsbxt .section9{background:linear-gradient(180deg, rgb(15 16 16 / 37%) 0, #0f101094 100%), url(../images/lowcase/guanggao.jpg) no-repeat center center;background-size:cover;padding:8rem 0;    border-radius: 2.5rem;}
#blsjsbxt .section9 .sc-titbox .tit{color:#fff}
#blsjsbxt .section9 .sc-mainbox .container {display: grid;grid-template-columns: repeat(5, 1fr);color: #fff;font-size: 1.6rem;align-items: flex-start;padding-top: 0rem;max-width:1500px}
#blsjsbxt .section9 .sc-mainbox .container .card{display:flex;flex-direction: column; gap:1rem;position: relative;}
#blsjsbxt .section9 .sc-mainbox .container .card:after{content:"";height: 5rem;width: 1px;background-color: #fff;position: absolute;right:0rem;top:50%;transform: translateY(-50%)}
#blsjsbxt .section9 .sc-mainbox .container .card:nth-last-child(1):after{display: none}
#blsjsbxt .section9 .sc-mainbox .container .stat-number{display: flex;justify-content: center;align-items: flex-end;gap:0.5rem;}
#blsjsbxt .section9 .sc-mainbox .container .stat-number .counter {font-size:4rem;text-align: center; font-weight: 600;}
#blsjsbxt .section9 .sc-mainbox .container .stat-number span{font-size:2.2rem;font-weight: 400}
#blsjsbxt .section9 .sc-mainbox .container .stat-label {font-size: 1.8rem;opacity: 0.9;text-align: center;}

#blsjsbxt .section10{padding:6rem 0rem 6rem 0rem;background:#fff;}
#blsjsbxt .section10 .container{margin-top:3rem;border-radius: 2rem;overflow: hidden;display: flex;align-items: center;justify-content: center;flex-direction: column;}
#blsjsbxt .section10 .sc-titbox .desc {color:#291414;font-size: 1.6rem;text-align: center;margin: 1rem;} 
#blsjsbxt .section10 .sc-titbox .tit{color: #130b0b}
/**blsjsbxt-End**/




/**HQMS-Start**/
#hqms{color:#252b3a;}
#hqms .banner{background:linear-gradient(90deg, rgb(215 231 255) 20%, rgb(212 227 255 / 94%) 35%, rgb(217 231 255 / 0%) 50%), linear-gradient(180deg, rgb(215 231 255 / 73%) 20%, rgb(215 231 255 / 0%) 50%, rgb(240 246 255 / 0%) 50%), url(../images/dbz.png) no-repeat;background-size:cover;}
#hqms .banner .container{display: flex;justify-content: center;flex-direction: column;padding:8rem 0rem;gap:2rem;}
#hqms .banner .container .icon{background: url(../images/dbss.png) no-repeat;background-size: cover;width:12rem;height: 12rem;margin-bottom: 3rem}
#hqms .banner .container h1{font-size: 4.8rem;color:#000}
#hqms .banner .container h1 span{background-image: linear-gradient(253deg,#ac61ff,#005eff);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
#hqms .banner .container .s1{font-size:1.8rem;padding-right: 30%}
#hqms .banner .container .s2{font-size:1.6rem;padding-right: 40%;}
#hqms .banner .container .btngroup{display:flex;gap:2rem;margin-top: 1rem;padding-bottom: 4rem}
/*#hqms .banner .container .btngroup a{border:1px solid #191919;padding:1rem 3rem;border-radius: 1.8rem;color: #000}
#hqms .banner .container .btngroup a:nth-child(1){background:#191919;color: #fff}*/
#hqms .banner .container .cardgroup{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;gap:1.6rem;}
#hqms .banner .container .cardgroup .card{background: rgba(255,255,255,0.7);border-radius: 2rem;padding:3rem;display: flex;flex-direction: column;gap:2rem;}
#hqms .banner .container .cardgroup .card h4{font-size:3.6rem;}
#hqms .banner .container .cardgroup .card p{font-size: 1.6rem;}

#hqms .section1{padding:8rem 0rem;background:#f9fcff;}
#hqms .section1 .sc-mainbox .container{display:grid;gap:1.6rem;grid-template-columns:1fr 1fr 1fr;padding:3rem 0rem;}
#hqms .section1 .sc-mainbox .cards{display:flex;flex-direction: column;gap:1rem;}
#hqms .section1 .sc-mainbox .card{background: #fff;border-radius: 2rem;padding: 3rem;display: flex;flex-direction: column;gap:1rem;}
#hqms .section1 .sc-mainbox .img-container{height: 28rem;justify-content:flex-start;border-radius: 2rem;}
#hqms .section1 .sc-mainbox .img-container img{height: 28rem;width: auto}
#hqms .section1 .sc-mainbox .card .tit{font-size:2rem;font-weight: 600;margin-top:1.5rem;}
#hqms .section1 .sc-mainbox .card .desc{font-size:1.6rem;color:#595959; }

#hqms .section2{padding:8rem 0rem;background:#f9fcff;}
#hqms .section2 .sc-mainbox .container{padding:3rem 0rem;display: flex;gap:2rem;flex-direction:column;}
#hqms .section2 .sc-mainbox .cards{display:flex;gap:2rem; }
#hqms .section2 .sc-mainbox .card{background: #fff;border-radius: 2rem;padding: 3rem;display: flex;flex-direction: column;gap:1rem;}
#hqms .section2 .sc-mainbox .img-container{justify-content:flex-start;}
#hqms .section2 .sc-mainbox .img-container img{width: 100%}
#hqms .section2 .sc-mainbox .card .tit{font-size:2rem;font-weight: 600;margin-top:1.5rem;}
#hqms .section2 .sc-mainbox .card .desc{font-size:1.6rem;color:#595959; }

#hqms .section2 .sc-mainbox .card ul li{position: relative;padding-left:1.2rem;font-size: 1.6rem;padding:0px 0rem 1rem 1.2rem;line-height:1.6;}
#hqms .section2 .sc-mainbox .card ul li:before{background-color:#595959;border-radius:1px;content: "";height: 4px;left:0;position: absolute;top: 1.2rem;width: 4px;display:block;}
#hqms .section2 .sc-mainbox .cards{display: flex;gap:2rem;}
#hqms .section2 .sc-mainbox .cards .card1{width: 60%}
#hqms .section2 .sc-mainbox .cards .card2{width: 38%}
#hqms .section2 .sc-mainbox .cards .card3{width: 38%}
#hqms .section2 .sc-mainbox .cards .card4{width: 60%}




#hqms .section3{padding:8rem 0rem;background:#f9fcff}
#hqms .section3 .sc-mainbox .container{display:grid;gap:1.6rem;grid-template-columns: repeat(4, 1fr);padding:3rem 0rem;}
#hqms .section3 .sc-mainbox .card{background: linear-gradient(253deg, #f9fcff, #37333a00, #815ced0f);border-radius: 2rem;padding: 3rem;display: flex;flex-direction: column;gap:1rem;}
#hqms .section3 .sc-mainbox .card .tit{font-size:2rem;font-weight: 600}
#hqms .section3 .sc-mainbox .card .desc{font-size:1.6rem;color:#595959; }
#hqms .section3 .sc-mainbox .card .btn{padding-top: 2rem;padding-bottom: 5rem}
#hqms .section3 .sc-mainbox .card .img-container{width: 70%;display: flex;align-items: center;justify-content: center;margin: 0 auto;}


#hqms .section4{padding:5rem 0rem 5rem 0rem;background:#f9fcff;}
#hqms .section4 .container{margin-top:3rem}
#hqms .section4 .nexttit{color: #191919;font-size: 4rem;font-weight: 600;line-height: 6rem;padding:90px 0rem 5rem 0rem;}
#hqms .section4 .nextbox{background:#fff;display:flex;justify-content: space-between; padding:5rem;border-radius:2rem}
#hqms .section4 .nextbox .card-img{width:62%}
#hqms .section4 .nextbox .card-text{width:35%;display: flex;flex-direction: column;justify-content: center;} 
#hqms .section4 .nextbox .card-text ul li{position: relative;padding-left:1.2rem;font-size: 1.6rem;padding:0px 0rem 1rem 1.2rem;line-height:1.6;}
#hqms .section4 .nextbox .card-text ul li:before{background-color:#595959;border-radius:1px;content: "";height: 4px;left:0;position: absolute;top: 1.2rem;width: 4px;display:block;}
#hqms .section4 .nextbox .card-text h4{color: #191919;font-size: 2.5rem;padding-bottom: 1rem;padding-top: 4rem;}
#hqms .section4 .nextbox .card-text .yymk{display: grid;gap:1.5rem;grid-template-columns: 1fr 1fr;} 
#hqms .section4 .nextbox .card-text .yymk .item a{display: flex; align-items: center; gap:1.8rem;font-size: 1.6rem;}
#hqms .section4 .nextbox .card-text .yymk .item img{height: 4rem;}   
    



#hqms .section5{padding:8rem 0rem 5rem 0rem; background:url(../images/partner-back.png) no-repeat;background-size:cover;position: relative;border-radius: 3rem;}
#hqms .section5::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #11043094;
    transition: background-color 0.5s ease;
    z-index: 0; /* 从0改为1 */
    border-radius: 3rem;
}
#hqms .section5 .sc-titbox .subtit {
    color: #fff;
}
#hqms .section5 .tit{font-size: 4rem;color: #ffffff;}
#hqms .section5 .choicecard{font-size: 2rem;font-weight: 200;display: flex;justify-content: center;flex-direction: column;gap:1rem;align-items: center;margin:2rem auto;}
#hqms .section5 .choicecard h4{font-size: 2.8rem;font-weight: 600}
#hqms .section5 .choicecard .s3{font-size:1.8rem;color:#479bd4;gap:5rem;display: flex;justify-content: center;}


#hqms .section5 .partner-list {width: 100%;margin-top: 6rem;margin-bottom: 6rem; display: flex;flex-direction: column;align-items: center}
#hqms .section5 .partner-list .partner-row {display: flex;flex-direction: row;align-items: center;gap: 20rem}
#hqms .section5 .sc-mainbox .partner-list .partner-row:not(:first-child) {margin-top: -4rem}
#hqms .section5 .sc-mainbox .partner-list .partner-row .partner-item {width: 12rem;height: 12rem;background: rgb(255 255 255);box-shadow: 0.5rem 1rem 3rem 0 rgba(154, 160, 209, 0.3);border-radius: 2rem;border: 0.1rem solid #ffffff;backdrop-filter: blur(1rem);transition: transform 0.5s
}
#hqms .section5 .sc-mainbox .partner-list .partner-row .partner-item img {width: 100%;height: 100%;object-fit: cover;border-radius: 2rem;padding: 1rem;}
#hqms .section5 .sc-mainbox .partner-list .partner-row .partner-item:hover {transform: scale(1.6);transition: transform 0.5s}





#hqms .section6{padding:8rem 0rem;background:#f9fcff;}
#hqms .section6 .sc-mainbox .container{display:grid;gap:2rem;grid-template-columns: repeat(3, 1fr);padding:4rem 0rem;}
#hqms .section6 .sc-mainbox .cards{display:flex;flex-direction: column;gap:2rem;justify-content: center;align-items: center;}
#hqms .section6 .sc-mainbox .card{background: #fff;border-radius: 2rem;padding: 3rem;display: flex;flex-direction: column;gap:1rem;}
#hqms .section6 .sc-mainbox .img-container{height: 6rem;}
#hqms .section6 .sc-mainbox .img-container img{height: 6rem;width:auto;}
#hqms .section6 .sc-mainbox .card .tit{font-size:2.4rem;font-weight: 600;margin-top:1.5rem;text-align: center;}
#hqms .section6 .sc-mainbox .card .desc{font-size:1.6rem;color:#595959;;}




#hqms .section7{padding:8rem 0rem;background:#f9fcff;}
#hqms .section7 .sc-mainbox .container{display:grid;gap:2rem;grid-template-columns: repeat(3, 1fr);padding:4rem 0rem;}
#hqms .section7 .sc-mainbox .cards{display:flex;flex-direction: column;gap:2rem;justify-content: center;align-items: center;}
#hqms .section7 .sc-mainbox .card{background: #fff;border-radius: 2rem;padding: 3rem;display: flex;flex-direction: column;gap:1rem;}
#hqms .section7 .sc-mainbox .img-container{height: 6rem;}
#hqms .section7 .sc-mainbox .img-container img{height: 6rem;width:auto;}
#hqms .section7 .sc-mainbox .card .tit{font-size:2.4rem;font-weight: 600;margin-top:1.5rem;text-align: center;}
#hqms .section7 .sc-mainbox .card .desc{font-size:1.6rem;color:#595959;;text-align: center;}



#hqms .section8{padding:8rem 0rem;background:#f9fcff url(../images/product-experience-bg.png) no-repeat center bottom;background-repeat:no-repeat; background-size:cover;}
#hqms .section8 .container{display: flex;justify-content: center;align-items: center;flex-direction: column;}
#hqms .section8 .tit{font-size: 5.6rem;font-weight: 600;;text-align: center;color: #000}
#hqms .section8 .btn{margin-top:2.4rem;display: inline-block;border-radius: 1.8rem;line-height: 4.8rem;padding: 0 4.8rem;transition: 0.3s;border: 0.1rem solid rgba(255, 255, 255, 0.7);color: rgb(255, 255, 255);background: #000}

#hqms .section9{background:linear-gradient(180deg, rgb(15 16 16 / 37%) 0, #0f101094 100%), url(../images/lowcase/guanggao.jpg) no-repeat center center;background-size:cover;padding:8rem 0;    border-radius: 2.5rem;}
#hqms .section9 .sc-titbox .tit{color:#fff}
#hqms .section9 .sc-titbox .subtit {color:#fff}
#hqms .section9 .sc-mainbox .container {display: grid;grid-template-columns: repeat(4, 1fr);color: #fff;font-size: 1.6rem;align-items: flex-start;padding-top: 0rem;max-width:1500px}
#hqms .section9 .sc-mainbox .container .card{display:flex;flex-direction: column; gap:1rem;position: relative;}
#hqms .section9 .sc-mainbox .container .card:after{content:"";height: 5rem;width: 1px;background-color: #fff;position: absolute;right:0rem;top:50%;transform: translateY(-50%)}
#hqms .section9 .sc-mainbox .container .card:nth-last-child(1):after{display: none}
#hqms .section9 .sc-mainbox .container .stat-number{display: flex;justify-content: center;align-items: flex-end;gap:0.5rem;}
#hqms .section9 .sc-mainbox .container .stat-number .counter {font-size:4rem;text-align: center; font-weight: 600;}
#hqms .section9 .sc-mainbox .container .stat-number span{font-size:2.2rem;font-weight: 400}
#hqms .section9 .sc-mainbox .container .stat-label {font-size: 1.8rem;opacity: 0.9;text-align: center;}

#hqms .section10{padding:6rem 0rem 6rem 0rem;background:#fff;}
#hqms .section10 .container{margin-top:3rem;border-radius: 2rem;overflow: hidden;display: flex;align-items: center;justify-content: center;flex-direction: column;}
#hqms .section10 .sc-titbox .desc {color:#291414;font-size: 1.6rem;text-align: center;margin: 1rem;} 
#hqms .section10 .sc-titbox .tit{color: #130b0b}

/**blsjsbxt-End**/



/**whitepaper-Start**/


#whitepaper{color:#252b3a;}
#whitepaper .banner{background:url(../images/wbg_1.jpg) no-repeat top center;background-size:cover;}
#whitepaper .banner .container{display: flex;justify-content: center;align-items: flex-start;flex-direction: column;padding:15rem 0rem;gap:1rem;}
#whitepaper .banner .container .icon{background: url(../images/oa/OA.png) no-repeat;background-size: cover; filter: drop-shadow(0px 1.2rem 1.5rem rgba(255, 21, 0, .3));width: 9rem;height: 9rem}

#whitepaper .banner .container h1{font-size: 4.8rem;}
#whitepaper .banner .container h1 span{background-image: linear-gradient(253deg,#ac61ff,#005eff);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
#whitepaper .banner .container .s1{font-size:1.8rem;}



#whitepaper .section1{padding:5rem 0rem 0rem 0rem;background:#f9fcff;}
#whitepaper .section1 .sc-mainbox .container{background-color: #fff; display:flex; justify-content: space-between; padding:2rem;border-radius: 1rem;}


#whitepaper .filter-bar {
            display: flex;
            align-items: center;
            gap: 1.6rem;


            flex-wrap: wrap; /* 小屏自动换行 */
        }
        /* 类别标签 */
        .filter-label {
            font-size: 1.4rem;
            color: #666;
            margin-right: 2rem;
        }
        /* 复选框组 */
        .checkbox-group {
            display: flex;
            gap: 4rem;
            align-items: center;
            flex-wrap: wrap;
        }
        /* 自定义复选框样式 */
        .checkbox-item {
            display: flex;
            align-items: center;
            gap: 4px;
            cursor: pointer;
            font-size: 1.4rem;
            color: #333;
        }
        .checkbox-item input {
            appearance: none; /* 隐藏原生复选框 */
            width: 1.6rem;
            height: 1.6rem;
            border: 0.1rem solid #ccc;
            border-radius: 3px;
            position: relative;
            cursor: pointer;
        }
        .checkbox-item input:checked {
            background-color: #000;
            border-color: #000;
        }
        .checkbox-item input:checked::after {
            content: "✓";
            position: absolute;
            top: -2px;
            left: 2px;
            color: #fff;
            font-size: 1.2rem;
        }
        /* 搜索框容器（右对齐） */
        .search-wrap {
           position: relative;


        }


        .search-wrap button{background:url(../images/search.svg) no-repeat center center;background-size: cover; width: 2.2rem;height: 2.2rem;position: absolute;left:1rem;top:0.5rem;z-index: 1 }



        .search-input {
            padding: 0.6rem 1.2rem;
            border: 0.1rem solid #ccc;
            border-radius: 2rem;
            font-size: 1.4rem;
            width: 24rem;
            background-color: #fff;
            padding-left:36px;
        }
        .search-input::placeholder {
            color: #595959;
        }
        /* 响应式适配（小屏搜索框换行） */
        @media (max-width: 768px) {
            .search-wrap {
                margin-left: 0;
                width: 40%;
            }
            .search-input {
                width: 100%;
            }
        }





#whitepaper .section2{padding:0px 0rem 5rem 0rem;background:#f9fcff;}
#whitepaper .section2 .sc-mainbox .container{padding-top:3rem;display: grid;grid-template-columns:1fr 1fr;gap:3rem;}
#whitepaper .section2 .sc-mainbox .card{background: #fff;border-radius:2rem;padding:2rem;position: relative;}
#whitepaper .section2 .sc-mainbox .card a{display: grid;grid-template-columns: 1fr 2fr;gap:2rem;}


#whitepaper .section2 .sc-mainbox .card .tips {background: rgba(166, 77, 0, .1);border-radius: 0 2.4rem 0 2.4rem;color: #a64d00;font-size: 1.2rem;line-height: 2.4rem;padding: 0 1.6rem;position: absolute;right: 0;top: 0;z-index: 1}
#whitepaper .section2 .sc-mainbox .card .content-left {position: relative;border-radius: 1.4rem;overflow: hidden;}
#whitepaper .section2 .sc-mainbox .card .content-left .img-container{width: 100%;height:100%;border-radius: 0;padding:0px}
#whitepaper .section2 .sc-mainbox .card .content-left img {width: 100%;height: auto;object-fit: fill}
#whitepaper .section2 .sc-mainbox .card .content-right{position: relative;padding:0.5rem;}
#whitepaper .section2 .sc-mainbox .card .content-right .module-title {font-size:2rem;color: #000;padding-bottom: 1rem;}
#whitepaper .section2 .sc-mainbox .card .content-right .module-desc{font-size: 1.4rem;color: #000;line-height: 1.8;}
#whitepaper .section2 .sc-mainbox .card .content-right .btn{position: absolute;bottom:0rem;}
#whitepaper .section2 .sc-mainbox .card .content-right .btn .btn-s1{font-size: 1.8rem;font-weight: 600} 
#whitepaper .section2 .sc-mainbox .card .content-right .btn .btn-s1:after{width: 2rem;height: 2rem;} 
#whitepaper .section2 .fenye{text-align: center;color: #666;display: flex;justify-content: center;align-items: center;gap:1rem;width:100%;padding:4rem 2rem}
#whitepaper .section2 .fenye span{color: #000}
#whitepaper .section2 .fenye a{text-align: center;color: #666;padding:1rem;height: 4rem;color:#000;}
#whitepaper .section2 .fenye a.active{background-color: #f0f1f3;border-radius: 50%;color: #000;}


/**whitepaper-End**/





.yyjl{width:100%;height:100%;position:fixed;top:0rem;left:0rem;display:flex;justify-content:center;align-items:center;z-index:-1;opacity:0;transition:0.3s}
.yyjl.active{z-index:9999;opacity:1;transition:0.3s}
.yyjl .bg{width:100%;height:100%;background-color:rgb(22 21 21 / 33%);position:absolute;z-index:0}
.yyjl .yyjl_box{position:relative}
.yyjl .form-container{background-color:#fff;width:50rem;margin:0 auto;padding:3rem;border-radius:8px;box-shadow:0 0 1rem rgba(0,0,0,0.05)}
.yyjl .title{font-size:2.4rem;font-weight:bold;margin-bottom:1rem;background:linear-gradient(to right,#667eea,#764ba2);-webkit-background-clip:text;color:transparent}
.yyjl .desc{font-size:1.4rem;color:#666;margin-bottom:2rem;}
.yyjl .form-group{margin-bottom:1.5rem}
.yyjl .form-group label{display:block;font-size:1.4rem;color:#333;margin-bottom:0.5rem}
.yyjl .form-group label span{color:#f00}
.yyjl .form-group input,.yyjl .form-group textarea{width:100%;padding:1rem;border:1px solid #e6e0e0;border-radius:4px;font-size:1.4rem;outline:none;transition:border-color 0.3s;font-family:inherit}
.yyjl .form-group input:focus,.yyjl .form-group textarea:focus{border-color:#667eea}
.yyjl .form-group textarea{min-height:8rem;resize:vertical}
.yyjl .submit-btn{width:100%;padding:1.2rem;background:linear-gradient(to right,#1677ff,#7b61ff);color:#fff;border:none;border-radius:4px;font-size:1.6rem;font-weight:bold;cursor:pointer;transition:opacity 0.3s}
.yyjl .submit-btn:hover{opacity:0.9}.yyjl .tips{margin-top:1.5rem;font-size:1.2rem;color:#999;text-align:center}
.yyjl .close-btn{position:absolute;top:1.5rem;right:1.5rem;width:3rem;height:3rem;line-height:2.8rem;text-align:center;color:#fff;border-radius:50%;cursor:pointer;font-size:1.6rem;color:#b5b5b5;transition:background 0.3s;border:1px solid #b5b5b5}
.yyjl .close-btn:hover{background:#000;color:#fff}