.hero-section{text-align:center;margin-bottom:60px;margin-top:120px;padding:0 16px}
.hero-title{font-size:clamp(1.75rem, 5vw, 3rem);font-weight:700;margin-bottom:24px;line-height:1.3;position:relative}
.hero-title .title-txt{z-index:2;display:inline-block;position:relative}
.hero-title:before{content:"";z-index:1;position:absolute;top:32px;left:50px;width:131px;height:16px;background-image:url(../images/banner-title-shade.png);background-size:cover}
.hero-title:after{content:"";z-index:1;position:absolute;top:-12px;right:21px;width:24px;height:24px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAANySURBVHgB7ZlNUhpBFMf/D1IVs/MI4w1CcgHYqyGarIFddIOeQDiBuIlmJexjwDJZywUSjpA5AqvEVMl03kOYjDIf3dMzQlX8VXUxH93je/2+ulvgiScWuPihfkrT6VvAinExUnX+caT1R6qc1H/lFIDCkX8ZuI5ipRTg2ReBnfm9AsoX39VB3BjCivBlpGo8492wd0So75SoF/oOS4b9fJ1/jjyF2JkuEFpvS9R++HxpCswEb84EX9cc5rJftQsFDFkZVx48w5JgwUcI+LsmDk/5OY91+XpDHiwtiAlTIazHZqbA9plqbp2qa251nf47r6jiESqcaXrQhAUfyhgZG3hmz9ZHVeUv9ef3RaAy2KOh7ngpXqRwrKJjYawIjXclGjx8kY0FCmgGbydILkBBdkvU5VRZ4dkch7wecwaqhAkvWFugeqocFnhh3cJW2GAruDDg80hV2RL9ew8VGruvqRs1xtoCUbN9i/i8HobMsvj5/F6u44QXrBSQ2eefetg7dola9Vzp5nefCcEvVlyZEwPcSoHbAmqRLxXWvV/mVnhfmga/Ky1p9oXUMRDl+w++Pi4qlExjwYTUFmDhrxM7sRW43zlyJJUCm5/uL3sTKHOdOEZOGCsgwpOHlskYdqWD7VNlVBv0P62JZJTJDWQm60iLQqf4Au1Bg8bICC0FOGDLM192YI/LrX21l5xhdIhVYCa4mL6M7Bly69kqsqCAuIp3g6a6cxUH+ePCwiK+Ar7gskMiGFfQDHC5DYtrODSJEX9H5gfo8nbJjvz9yZ/pdUN3UDCNlrECcIp+adK/ELg6wSqgcGnS/Z7DbHLWobvgreGxIQw5/tpfDXZyd8NCmC3UWshZEd68jHmPe8KB2E274EuqAw5vTOrsZzWVYUr1BV9Dx7Yq61bi7CxCGBSfo5HVcsIoaXKMtMhwwx6ED6QOv+1TBxlinPVn5z5p1viNrNY/QYyX0yIEx0PbZAzn9nYewk+/jZRsnak+5+xqYkdC9+oDaVdWU1JvKYu/0ZBsEtdHzjB5T2xkLVNSKzA4pGkqjO3koZfnhl6wOlZ5doNOpBX4RILP8bvIGSsFxAosaNTh0yDv2ResjxY9FjTsed6+P8dagenii/6dZ84YPsbsC9kcr3sLS2Dtf1rYktn+iyt0lwP6DRe5y6t9quOJ/4S/DP4y9EV0ngMAAAAASUVORK5CYII=);background-size:cover}
.hero-btn{cursor:pointer;border-radius:8px;color:#fff;font-size:16px;font-weight:500;margin-top:24px;padding:0 20px;height:48px;line-height:48px;transition:all .3s;box-shadow:0 8px 24px 0 rgba(85,156,237,.24),0 2px 4px 0 rgba(62,99,144,.08);background:#1a79ff;display:inline-block}
.hero-btn:hover{opacity:.8}
.features-section{margin-bottom:60px;padding:0 16px}
.feature-tabs{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;position:relative;overflow-x:auto;padding-bottom:8px}
.feature-tabs::-webkit-scrollbar{display:none}
.feature-tabs::before{content:"";width:100%;height:1.5px;position:absolute;left:0;bottom:0;background-color:#e6eaf0;opacity:0}
.feature-tab{padding:12px 12px;background:0 0;border:none;font-size:1rem;font-weight:500;color:#666;cursor:pointer;position:relative;transition:color .3s ease;white-space:nowrap}
.feature-tab.active{color:#1677ff}
.feature-tab.active::after{content:'';position:absolute;bottom:-3px;left:0;width:100%;height:2px;background-color:#1677ff;border-radius:2px;z-index:2}
.feature-image-container{position:relative;height:150px;margin-top:20px;overflow:hidden;border-radius:8px}
.feature-image{position:absolute;top:0;left:0;width:100%;object-fit:contain;opacity:0;transition:opacity .8s ease}
.feature-image.active{opacity:1}
.logo-marquee-container{width:100%;overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 12.5%,#000 87.5%,transparent);mask-image:linear-gradient(90deg,transparent 0,#000 12.5%,#000 87.5%,transparent);margin:40px 0}
.logo-marquee{display:flex;gap:40px;animation:marquee 30s linear infinite}
.logo-item{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:12px;position:relative}
.logo-img{width:100px;height:50px;display:flex;align-items:center;justify-content:center;padding:8px}
.logo-img img{max-width:100%;max-height:100%;transition:all .3s ease}
.logo-img:after{content:"";width:1px;height:20px;background-color:#dfeaf6;position:absolute;right:-20px;top:50%;transform:translateY(-50%)}
.knowledge-1,.knowledge-2,.knowledge-3,.knowledge-4{text-align:center;margin-top:80px;padding:0 16px}
.knowledge-1 h2,.knowledge-2 h2,.knowledge-3 h2,.knowledge-4 h2{margin-bottom:30px;position:relative;color:#222;text-align:center;font-size:28px;line-height:1.4;font-family:PingFang SC,sans-serif;font-weight:600;padding:0 10px}
.knowledge-1 h2 img,.knowledge-2 h2 img,.knowledge-3 h2 img,.knowledge-4 h2 img{position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:120px;height:auto}
.knowledge-2 h2 img{width:30px;height:60px;bottom:31px;left:169px;display:none}
.knowledge-3 h2 img{width:150px}
.knowledge-4 h2 img{width:130px;bottom:-15px}
.knowledge-container{max-width:100%;margin:30px auto;display:flex;flex-direction:column;align-items:center}
.knowledge-title-group{width:100%;order:2;margin-top:20px}
.knowledge-img-wrapper{width:100%;order:1;position:relative;height:200px;border-radius:8px;overflow:hidden}
.knowledge-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .5s ease}
.knowledge-img.active{opacity:1}
.knowledge-img:first-child{opacity:1}
.icon-wrapper{text-align:left;margin-bottom:20px;display:none}
.icon-wrapper img{width:40px;height:auto}
.knowledge-item{margin:20px 0;cursor:pointer;transition:color .3s;text-align:left;padding:8px 0;border-radius:8px;cursor:pointer}
.knowledge-item:hover{color:#1890ff}
.knowledge-item h3{font-size:18px;margin:0 0 8px 0}
.knowledge-item p{font-size:14px;line-height:1.5;color:#666;height:0;opacity:0;overflow:hidden;transition:all .4s ease}
.knowledge-item.active p{height:auto;opacity:1;margin-top:8px}
.knowledge-item.active h3{color:#1890ff}
.enterprise-container{padding:80px 16px 0;background:linear-gradient(180deg,#f5f9ff,#fff 64.79%);position:relative;overflow:hidden}
.enterprise-header{position:relative;color:#222;text-align:center;font-size:28px;line-height:1.4;font-family:PingFang SC,sans-serif;font-weight:600;margin:0 auto 40px;padding:0 10px}
.enterprise-cases{display:flex;flex-direction:column;gap:20px;max-width:100%;margin:0 auto 60px}
.enterprise-cases {
    display: flex;
    max-width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
    margin: 0 auto 60px;
    justify-content: center;
}


.enterprise-case-card {
    box-shadow: 0 2px 8px rgba(0,0,0,.1);
    min-width: 280px;
    max-width: calc(33.33% - 14px);
    box-sizing: border-box;
    background: #fff;
    border-radius: 8px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.enterprise-case-card img{height:32px;margin-bottom:16px}
.enterprise-case-card p{margin-bottom:15px;position:relative;line-height:1.6;font-size:15px;color:#222}
.enterprise-case-card p:before{content:"";display:block;position:absolute;top:-16px;right:-16px;width:36px;height:30px;background-image:url(../images/bg-quota.png);background-position:50%;background-repeat:no-repeat;background-size:contain}
.enterprise-user-info{display:flex;align-items:center;gap:10px}
.enterprise-user-info img{width:38px;height:38px;border-radius:50%}
.enterprise-user-info span{font-size:14px;color:#999}
.enterprise-logo-scroll{overflow:hidden;position:relative;height:50px;margin:40px 0}
.enterprise-logo-list-c{position:relative}
.enterprise-logo-list-cleft,.enterprise-logo-list-cright{content:"";position:absolute;z-index:2;top:0;bottom:0;width:60px;pointer-events:none}
.enterprise-logo-list-cleft{left:0;background:linear-gradient(90deg,#fff 0,hsla(0,0%,100%,0))}
.enterprise-logo-list-cright{right:0;background:linear-gradient(90deg,hsla(0,0%,100%,0) 0,#fff)}
.enterprise-logo-list{display:flex;position:relative;white-space:nowrap;height:100%;align-items:center;gap:20px}
.enterprise-logo-list img{height:30px;object-fit:contain}
.lx-guide{padding:60px 20px;background:url(../images/icon-guide-bg.png) no-repeat calc(50% + 100px) bottom/auto 60%,linear-gradient(268deg,#1a89ff,#1a79ff 45.78%)}
.lx-guide-inner{position:relative;margin:0 auto;max-width:100%;width:100%;box-sizing:border-box}
.lx-guide-label{margin-bottom:30px;line-height:1.3;font-size:28px;font-weight:600;color:#fff}
.lx-guide-btn{display:flex;gap:12px;flex-wrap:wrap}
.lx-guide .lx-guide-use-btn{cursor:pointer;width:140px;box-sizing:border-box;text-align:center;height:44px;line-height:44px;padding:0 20px;color:#1a79ff;background-color:#fff;border-radius:8px;font-weight:500;font-size:15px;text-decoration:none}
.lx-guide .lx-guide-product-btn{cursor:pointer;width:160px;box-sizing:border-box;text-align:center;height:44px;line-height:44px;padding:0 20px;color:#fff;background-color:#3286ff;border-radius:8px;font-weight:500;font-size:15px;border:1px solid hsla(0,0%,100%,.5);text-decoration:none}
.bg-gradient-area{position:absolute;top:0;left:0;width:100%;height:1150px;z-index:-1;box-sizing:border-box;background-color:#f9fcff;background-image:url(../images/banner-bg.png);background-size:cover}
.roll-wrap{position:relative;width:100%;height:32px;overflow:hidden}
.roll__list{width:100%}
.roll__list::before,.roll_row .roll__list::after{content:"";display:table;line-height:0}
.roll__list::after{clear:both}
.roll__list{width:9999px}
.roll__list li{float:left;display:block;margin-right:20px;text-align:center}
.lx-guide-content{padding-left:25px}
@keyframes marquee{0%{transform:translateX(0)}
100%{transform:translateX(-50%)}
}
@media (min-width:768px){.container{padding:0 20px}
.hero-section{margin-top:140px}
.hero-title{font-size:clamp(2rem, 5vw, 3.5rem)}
.hero-title:after{content:"";z-index:1;position:absolute;top:-12px;right:275px;width:24px;height:24px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAANySURBVHgB7ZlNUhpBFMf/D1IVs/MI4w1CcgHYqyGarIFddIOeQDiBuIlmJexjwDJZywUSjpA5AqvEVMl03kOYjDIf3dMzQlX8VXUxH93je/2+ulvgiScWuPihfkrT6VvAinExUnX+caT1R6qc1H/lFIDCkX8ZuI5ipRTg2ReBnfm9AsoX39VB3BjCivBlpGo8492wd0So75SoF/oOS4b9fJ1/jjyF2JkuEFpvS9R++HxpCswEb84EX9cc5rJftQsFDFkZVx48w5JgwUcI+LsmDk/5OY91+XpDHiwtiAlTIazHZqbA9plqbp2qa251nf47r6jiESqcaXrQhAUfyhgZG3hmz9ZHVeUv9ef3RaAy2KOh7ngpXqRwrKJjYawIjXclGjx8kY0FCmgGbydILkBBdkvU5VRZ4dkch7wecwaqhAkvWFugeqocFnhh3cJW2GAruDDg80hV2RL9ew8VGruvqRs1xtoCUbN9i/i8HobMsvj5/F6u44QXrBSQ2eefetg7dola9Vzp5nefCcEvVlyZEwPcSoHbAmqRLxXWvV/mVnhfmga/Ky1p9oXUMRDl+w++Pi4qlExjwYTUFmDhrxM7sRW43zlyJJUCm5/uL3sTKHOdOEZOGCsgwpOHlskYdqWD7VNlVBv0P62JZJTJDWQm60iLQqf4Au1Bg8bICC0FOGDLM192YI/LrX21l5xhdIhVYCa4mL6M7Bly69kqsqCAuIp3g6a6cxUH+ePCwiK+Ar7gskMiGFfQDHC5DYtrODSJEX9H5gfo8nbJjvz9yZ/pdUN3UDCNlrECcIp+adK/ELg6wSqgcGnS/Z7DbHLWobvgreGxIQw5/tpfDXZyd8NCmC3UWshZEd68jHmPe8KB2E274EuqAw5vTOrsZzWVYUr1BV9Dx7Yq61bi7CxCGBSfo5HVcsIoaXKMtMhwwx6ED6QOv+1TBxlinPVn5z5p1viNrNY/QYyX0yIEx0PbZAzn9nYewk+/jZRsnak+5+xqYkdC9+oDaVdWU1JvKYu/0ZBsEtdHzjB5T2xkLVNSKzA4pGkqjO3koZfnhl6wOlZ5doNOpBX4RILP8bvIGSsFxAosaNTh0yDv2ResjxY9FjTsed6+P8dagenii/6dZ84YPsbsC9kcr3sLS2Dtf1rYktn+iyt0lwP6DRe5y6t9quOJ/4S/DP4y9EV0ngMAAAAASUVORK5CYII=);background-size:cover}
.hero-title::before{content:"";z-index:1;position:absolute;top:57px;left:310px;width:191px;height:18px;background-image:url(../images/banner-title-shade.png);background-size:cover}
.feature-tabs{gap:16px}
.feature-tab{padding:14px 24px;font-size:1rem}
.feature-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .8s ease}
.feature-image-container{height:450px}
.feature-tabs::before{opacity:1}
.knowledge-1,.knowledge-2,.knowledge-3,.knowledge-4{margin-top:100px}
.knowledge-1 h2,.knowledge-2 h2,.knowledge-3 h2,.knowledge-4 h2{font-size:36px}
.knowledge-2 h2 img{width:30px;height:60px;bottom:-20px}
.knowledge-container{flex-direction:row}
.knowledge-img-wrapper{height:350px}
.icon-wrapper{display:block}
.knowledge-1 .knowledge-container,.knowledge-3 .knowledge-container{flex-direction:row}
.knowledge-2 .knowledge-container,.knowledge-4 .knowledge-container{flex-direction:row-reverse}
.knowledge-title-group{order:initial;margin-top:0}
.knowledge-item{padding:15px}
.enterprise-cases{flex-direction:row}
.enterprise-case-card{flex:1}
.lx-guide-content{padding-left:225px}
.footer-links{grid-template-columns:repeat(3,1fr)}
.contact-sidebar{display:flex}
}
@media (min-width:1200px){
.hero-section{margin-top:160px}
.feature-tabs{gap:24px}
.feature-tab{padding:16px 32px;font-size:1.125rem}
.feature-image-container{height:500px}
.knowledge-1,.knowledge-2,.knowledge-3,.knowledge-4{margin-top:150px}
.knowledge-1 h2,.knowledge-2 h2,.knowledge-3 h2,.knowledge-4 h2{font-size:40px}
.knowledge-img-wrapper{height:400px}
.enterprise-container{padding:120px 60px 0}
.enterprise-header{font-size:40px}
}