/* ok列表 */
ul.list-ok{margin:0 0 34px}
ul.list-ok li{position:relative;padding-left:18px;font-size:16px}
ul.list-ok li:not(:last-child){margin-bottom:18px}
ul.list-ok li::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);display:inline-block;width:12px;height:12px;background:url(images/home/list-ok.png) center;background-size:cover;}


#main-banner{position:relative;padding:160px 0 64px;background:url(images/home/banner-green-bg.webp) center;background-size:cover;margin:-80px 0 48px}
#main-banner h1{font-size:64px;font-weight:700;line-height:80px;height:80px;text-align:center;margin:0 0 16px;overflow:hidden}
#main-banner h1 .highlight{background:linear-gradient(27.92deg,#35b7ff,#1880ff 69%,#ff73f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;}
#main-banner video{display:block;width:704px;max-width:100%;margin:0 auto 60px}
#main-banner .btn-group{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px}
#main-banner .logo-hero{position:relative;margin:64px 0 0;mask-image:linear-gradient(90deg, transparent,#000 20%,#000 80%,transparent);overflow:hidden}
#main-banner .logo-hero .logo-hero-marquee{display:flex;justify-content:start;align-items:center;gap:160px}
#main-banner .logo-hero picture{flex: 0 0 auto;width:100px}
@media (max-width:969px){
    #main-banner h1{font-size:42px}
}
@media (max-width:768px){
    #main-banner{padding:112px 0 64px;margin:-64px 0 48px}
    #main-banner h1{font-size:36px;line-height:42px;height:auto;margin:0 0 32px;white-space:normal}
    #main-banner h1 .highlight{display:block}
    #main-banner .module-desc{font-size:20px}
    #main-banner .logo-hero .logo-hero-marquee{gap:80px}
}


#intro-banner{position:relative;padding:48px 0}
#intro-banner .cont{display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;gap:24px;margin:42px 0 0}
#intro-banner .item{width:200px;max-width:100%;text-align:center}
#intro-banner .item h3{color:#1880ff;font-size:36px;font-weight:400;white-space:nowrap}
#intro-banner .item h3 .number{font-size:96px}
#intro-banner .item p{font-size:18px;text-align:center;color:#606787}
@media (max-width:768px){
    #intro-banner .item{width:150px}
    #intro-banner .item h3{font-size:32px}
    #intro-banner .item h3 .number{font-size:32px}
    #intro-banner .item p{font-size:16px}
}


#focus-banner{position:relative;padding:48px 0}
#focus-banner .cont{position:relative;padding:48px;border-radius:24px;background:url(images/home/banner-purple-bg.webp) center;background-size:cover;overflow:hidden}
#focus-banner .cont-text{max-width:420px}
#focus-banner .cont h3{font-size:32px;font-weight:600;margin:0 0 8px}
#focus-banner .cont .desc{font-size:20px;margin:0 0 48px}
#focus-banner .cont .cards{position:absolute;right:0;bottom:-13%;width:54%;height:0;padding-bottom:27.7%}
#focus-banner .cont .cards picture{position:absolute;right:0;bottom:0;width:100%;transition:all .3s ease}
#focus-banner .cont .cards picture.card-1{right:-18%;bottom:55%;transform:rotate(3deg)}
#focus-banner .cont .cards picture.card-2{right:-10%;bottom:0}
#focus-banner .cont .cards:hover picture.card-1{transform:rotate(5deg) scale(1.05)}
#focus-banner .cont .cards:hover picture.card-2{transform:scale(1.05)}
@media (max-width:768px){
    #focus-banner .cont{padding:16px 24px 380px}
    #focus-banner .cont h3{font-size:24px}
    #focus-banner .cont h3,
    #focus-banner .cont .desc{margin-bottom:16px}
    #focus-banner .cont .cards{bottom:-6%;width:100%}
}
@media (max-width: 576px){
    #focus-banner .cont{padding:16px 24px 240px}
}


#potential-banner{position:relative;padding:48px 0}
#potential-banner .cont{position:relative;padding:48px;border-radius:24px;background:url(images/home/banner-green-bg.webp) center;background-size:cover;overflow:hidden}
#potential-banner .cont-text{max-width:420px}
#potential-banner .cont h3{font-size:32px;font-weight:600;margin:0 0 8px}
#potential-banner .cont .desc{font-size:20px}
#potential-banner .cont .sub-desc{font-size:16px;margin:16px 0 32px;color:#606787}
#potential-banner .cont .cards{position:absolute;right:0;top:50%;transform:translateY(-50%);width:43.3%;height:0;padding-bottom:43.3%;overflow:hidden}
#potential-banner .cont .cards video{position:absolute;right:0;bottom:0;width:100%}
@media (max-width:768px){
    #potential-banner .cont{padding:16px 24px 380px}
    #potential-banner .cont h3{font-size:24px}
    #potential-banner .cont h3,
    #potential-banner .cont .desc{margin-bottom:16px}
    #potential-banner .cont .cards{top:auto;right:50%;transform:translate(50%, 0);bottom:-5%;width:80%;padding-bottom:80%}
}
@media (max-width: 576px){
    #potential-banner .cont{padding:16px 24px 240px}
}


#customer-banner{position:relative;padding:48px 0}
#customer-banner .cont-grid{display:flex;justify-content:space-around;align-items:stretch;gap:48px;flex-wrap:wrap;margin:0 0 96px}
#customer-banner .cont-grid .item{position:relative;width:560px;max-width:100%;padding:48px;border-radius:24px;overflow:hidden}
#customer-banner .cont-grid .item:nth-child(odd){background:#f5faff}
#customer-banner .cont-grid .item:nth-child(even){background:#fefaf6}
#customer-banner .cont-grid .item h3{font-size:28px;font-weight:600;margin:0 0 12px}
#customer-banner .cont-grid .item p{margin:0 0 32px}
#customer-banner .cont-grid .item .cards{position:absolute;right:0;bottom:-8%;width:60%;height:0;padding-bottom:32.3%}
#customer-banner .cont-grid .item .cards picture{position:absolute;right:0;bottom:0;width:100%;transition:all .3s ease}
#customer-banner .cont-grid .item .cards picture.card-1{right:-18%;bottom:45%;transform:rotate(3deg)}
#customer-banner .cont-grid .item .cards picture.card-2{right:-10%;bottom:0%}
#customer-banner .cont-grid .item .cards:hover picture.card-1{transform:rotate(5deg) scale(1.05)}
#customer-banner .cont-grid .item .cards:hover picture.card-2{transform:scale(1.05)}
#customer-banner .cont{position:relative;padding:48px;border-radius:24px;background:#f1fcf9;overflow:hidden}
#customer-banner .cont-text{max-width:420px}
#customer-banner .cont h3{font-size:32px;font-weight:600;margin:0 0 8px}
#customer-banner .cont .desc{font-size:20px}
#customer-banner .cont .sub-desc{font-size:16px;margin:16px 0 32px;color:#606787}
#customer-banner .cont .cards{position:absolute;right:0;bottom:-9%;width:54%;height:0;padding-bottom:27.7%}
#customer-banner .cont .cards picture{position:absolute;right:0;bottom:0;width:100%;transition:all .3s ease}
#customer-banner .cont .cards picture.card-1{right:-18%;bottom:42%;transform:rotate(3deg)}
#customer-banner .cont .cards picture.card-2{right:-10%;bottom:0%}
#customer-banner .cont .cards:hover picture.card-1{transform:rotate(5deg) scale(1.05)}
#customer-banner .cont .cards:hover picture.card-2{transform:scale(1.05)}
@media (max-width:768px){
    #customer-banner .cont-grid .item{padding:16px 24px 380px}
    #customer-banner .cont-grid .item h3{font-size:24px}
    #customer-banner .cont-grid .item p{font-size:20px}
    #customer-banner .cont-grid .item h3,
    #customer-banner .cont-grid .item p{margin-bottom:16px}
    #customer-banner .cont-grid .item .cards{bottom:-8%;width:100%}
    #customer-banner .cont{padding:16px 24px 380px}
    #customer-banner .cont h3{font-size:24px}
    #customer-banner .cont h3,
    #customer-banner .cont .desc{margin-bottom:16px}
    #customer-banner .cont .cards{bottom:-3%;width:100%}
}
@media (max-width: 576px){
    #customer-banner .cont-grid .item{padding:16px 24px 240px}
    #customer-banner .cont{padding:16px 24px 240px}
}


#reviews-banner{position:relative;padding:96px 0 48px;background:url(images/home/banner-green-bg.webp) center;background-size:cover;overflow:hidden}
#reviews-banner ul.list-use{display:flex;justify-content:start;align-items:center;flex-wrap:wrap;column-gap:24px;row-gap:8px}
#reviews-banner ul.list-use li[class^="ai-"]{position:relative;padding-left:24px}
#reviews-banner ul.list-use li[class^="ai-"]::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);display:inline-block;width:20px;height:20px;background-size:cover}
#reviews-banner ul.list-use li.ai-call::before{background:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBzdHJva2U9IiMwNDBGNDIiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHBhdGggZD0iTTkuMDg4IDE2LjE0MmEzLjE1NiAzLjE1NiAwIDAgMS0zLjk1OC0uNDM2bC0uNDQ2LS40MzVhMS4wNjkgMS4wNjkgMCAwIDEgMC0xLjQ5NGwxLjg5LTEuODdhMS4wNTkgMS4wNTkgMCAwIDEgMS40ODQgMCAxLjA2OSAxLjA2OSAwIDAgMCAxLjQ5NSAwbDIuOTY4LTIuOTY5YTEuMDQ5IDEuMDQ5IDAgMCAwIDAtMS40OTQgMS4wNTkgMS4wNTkgMCAwIDEgMC0xLjQ4NGwxLjg4LTEuODhhMS4wNjkgMS4wNjkgMCAwIDEgMS40OTQgMGwuNDM2LjQ0NWEzLjE1NiAzLjE1NiAwIDAgMSAuNDM1IDMuOTU4IDI4LjYzNiAyOC42MzYgMCAwIDEtNy42NzggNy42NTl6IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48ZyBzdHJva2Utd2lkdGg9Ii44NCI+PHBhdGggZD0iTTUuMzMzIDYuNTN2LjVtMi4zMzQtLjV2LjVNNi41NTggM3YxIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz48cGF0aCBkPSJNNy41MyA0LjQ3OWMuNTY2IDAgMS4wNzguMjMgMS40NS42LjM3LjM3Mi42Ljg4NC42IDEuNDV2LjUyNGMwIC40MjItLjE3LjgwMy0uNDQ3IDEuMDhhMS41MjIgMS41MjIgMCAwIDEtMS4wOC40NDdINC45NDdjLS40MjIgMC0uODAzLS4xNy0xLjA4LS40NDdhMS41MjIgMS41MjIgMCAwIDEtLjQ0Ny0xLjA4di0uNTI0YzAtLjU2Ni4yMy0xLjA3OC42LTEuNDUuMzcyLS4zNy44ODQtLjYgMS40NS0uNnoiLz48L2c+PC9nPjwvc3ZnPg==")}
#reviews-banner ul.list-use li.ai-robot::before{background:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBzdHJva2U9IiMwNDBGNDIiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHBhdGggZD0iTTEwLjYxOSA0LjMzM2ExLjMzMyAxLjMzMyAwIDEgMS0yLjY2NyAwIDEuMzMzIDEuMzMzIDAgMCAxIDIuNjY3IDB6TTkuMjg2IDUuNjY3djIuNTcxTTExLjI4NiAxNC41cy0uNjI5LjY2Ny0yIC42NjdjLTEuMzcyIDAtMi0uNjY3LTItLjY2NyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PGcgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNNy4wNDggMTEuOTc2YS4yODYuMjg2IDAgMSAxIDAtLjU3MU03LjA0OCAxMS45NzZhLjI4Ni4yODYgMCAxIDAgMC0uNTcxIi8+PC9nPjxnIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTExLjUyNCAxMS45NzZhLjI4Ni4yODYgMCAxIDEgMC0uNTcxTTExLjUyNCAxMS45NzZhLjI4Ni4yODYgMCAxIDAgMC0uNTcxIi8+PC9nPjxwYXRoIGQ9Ik0xNS41NzEgMTMuNnYxLjU0M2EyLjI4NiAyLjI4NiAwIDAgMS0yLjI4NSAyLjI4NmgtOEEyLjI4NiAyLjI4NiAwIDAgMSAzIDE1LjE0M1YxMC41N2EyLjI4NiAyLjI4NiAwIDAgMSAyLjI4Ni0yLjI4NUgxMC42IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48cGF0aCBkPSJNMTUuNTMzIDUuNjUzbC4wMzUuMDkxYy4yOTkuNzY0LjY1IDEuMzEgMS4wOTIgMS43NDQuNDk4LjQ5IDEuMTE1Ljg0IDEuODAxIDEuMDEyYTMuOTk2IDMuOTk2IDAgMCAwLTIuOTI2IDIuOTlsLjAxNi0uMDYzLS4wMTQtLjA1OGE0LjE5IDQuMTkgMCAwIDAtLjkxOS0xLjY4N2wtLjE2LS4xN0EzLjkxNiAzLjkxNiAwIDAgMCAxMi42NjEgOC41YTMuOTc4IDMuOTc4IDAgMCAwIDIuOTEzLTMuMDA5bC0uMDQyLjE2MnoiIHN0cm9rZS13aWR0aD0iLjg0Ii8+PC9nPjwvc3ZnPg==")}
#reviews-banner ul.list-use li.ai-agent::before{background:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBzdHJva2U9IiMwNDBGNDIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTcuODU3IDEzLjcxNFY0LjU3MUEuNTcxLjU3MSAwIDAgMCAxNy4yODYgNEgzLjU3QS41ODguNTg4IDAgMCAwIDMgNC41NzF2OS4xNDNjMCAuMzAzLjI2OC41NzIuNTcxLjU3MmgxMy43MTVhLjU4OC41ODggMCAwIDAgLjU3MS0uNTcyek05LjI4NiAxNC4yODZsLTEuMTQzIDIuODU3TTExLjU3MSAxNC4yODZsMS4xNDMgMi44NTdNNyAxNy4xNDNoNi44NTciLz48cGF0aCBkPSJNNy42MzYgMTAuMzY3Yy41NDUuNTU0IDEuNTA2IDEuMDYxIDIuNzkzIDEuMDYxIDEuMjg2IDAgMi4yNDctLjUwNyAyLjc5Mi0xLjA2TTguNDI5IDcuNDNhLjI4Ni4yODYgMCAwIDEgMC0uNTczTTguNDI4IDcuNDNhLjI4Ni4yODYgMCAwIDAgMC0uNTczIi8+PGc+PHBhdGggZD0iTTEyLjQyOSA3LjQyOWEuMjg2LjI4NiAwIDAgMSAwLS41NzJNMTIuNDI4IDcuNDI5YS4yODYuMjg2IDAgMSAwIDAtLjU3MiIvPjwvZz48L2c+PC9zdmc+")}
#reviews-banner ul.list-use li.ai-agent-max::before{background:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBzdHJva2U9IiMwNDBGNDIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNOS4zODYgMy4wNjlhNy40IDcuNCAwIDAgMC01LjE0NSAxMS4zODNMMyAxNy43OTlsNC4xNTUtLjc1MmE3LjM4OCA3LjM4OCAwIDAgMCAxMC41OTgtNS44NzMiLz48cGF0aCBkPSJNMTQuOTUyIDguNjkyYTIuODQ2IDIuODQ2IDAgMSAwIDAtNS42OTIgMi44NDYgMi44NDYgMCAwIDAgMCA1LjY5MnoiLz48L2c+PC9zdmc+")}
#reviews-banner .cont{padding-bottom:80px;overflow:hidden}
#reviews-banner .cont .item{width:800px;max-width:100%;margin:0 auto}
#reviews-banner .cont .item .info{display:flex;justify-content:center;align-items:center;gap:48px;margin:0 0 32px}
#reviews-banner .cont .item .info .introduce{position:relative;padding-left:36px}
#reviews-banner .cont .item .info .introduce::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:62px;background:#040f42}
#reviews-banner .cont .item .info picture img{height:48px}
#reviews-banner .cont .item .info h3{font-size:18px;font-weight:400;margin:0 0 4px}
#reviews-banner .cont .item .info .use-product{font-size:12px;margin:0 0 12px}
#reviews-banner .cont .item .review{font-size:20px}
#reviews-banner .cont .swiper-button-prev,
#reviews-banner .cont .swiper-button-next{position:absolute;background-image:none;border:1px solid #cdcfd9;border-radius:50%;width:48px;height:48px;transition:all .2s ease}
#reviews-banner .cont .swiper-button-prev::before,
#reviews-banner .cont .swiper-button-next::before{content:"";position:absolute;left:45%;top:50%;transform:translateY(-50%);width:16px;height:3px;border-radius:3px;background:#666c8b}
#reviews-banner .cont .swiper-button-prev::after,
#reviews-banner .cont .swiper-button-next::after{content:"";position:absolute;left:25%;top:50%;transform:translateY(-50%) rotate(-45deg);transform-origin:center;width:15px;height:15px;border-left:3px solid #666c8b;border-top:3px solid #666c8b;}
#reviews-banner .cont .swiper-button-next{transform:scaleX(-1)}
#reviews-banner .cont .swiper-button-prev:hover,
#reviews-banner .cont .swiper-button-next:hover{border-color:#606787}
#reviews-banner .cont .swiper-pagination-bullet{opacity:1;background:#c9e3ff}
#reviews-banner .cont .swiper-pagination-bullet-active{background:#1880ff}
@media (max-width:768px){
    #reviews-banner .cont .item{padding:48px 32px}
    #reviews-banner .cont .item .info{flex-direction:column;gap:16px}
    #reviews-banner .cont .item .info .introduce{padding-left:0}
    #reviews-banner .cont .item .info .introduce::before{display:none}
    #reviews-banner .cont .item .info h3{text-align:center;margin:0 0 16px}
    #reviews-banner .cont .swiper-pagination{display:none}
    #reviews-banner .cont .swiper-button-prev,
    #reviews-banner .cont .swiper-button-next{top:auto;bottom:20px}
    #reviews-banner .cont .swiper-button-prev{left:40%;transform:translateX(-50%)}
    #reviews-banner .cont .swiper-button-next{right:40%;transform:translateX(50%) scaleX(-1)}
}


#why-banner{position:relative;padding:64px 0;overflow:hidden}
#why-banner ul.list-why li{position:relative;font-size:20px;font-weight:600;padding-left:80px}
#why-banner ul.list-why li:not(:last-child){margin-bottom:64px}
#why-banner ul.list-why li::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:68px;height:68px}
#why-banner ul.list-why li.why-knowledge::before{background:url(images/home/list-why-1.webp) center;background-size:cover}
#why-banner ul.list-why li.why-maintain::before{background:url(images/home/list-why-2.webp) center;background-size:cover}
#why-banner ul.list-why li.why-efficiency::before{background:url(images/home/list-why-3.webp) center;background-size:cover}
#why-banner ul.list-why li.why-iteration::before{background:url(images/home/list-why-4.webp) center;background-size:cover}
#why-banner .module-title{font-weight:400}
#why-banner .cont{display:flex;justify-content:space-around;align-items:center;gap:24px}
#why-banner .cont .lft{width:60%;flex:0 0 auto}
#why-banner .cont .rgt{width:40%;margin-left:-20%}
#why-banner .cont-grid{display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;gap:24px}
#why-banner .cont-grid .item{width:366px;max-width:100%;text-align:center;padding:24px 32px;border:12px solid #e7f2ff;border-radius:12px}
#why-banner .cont-grid .item picture{width:64px;height:64px;margin:0 auto 4px}
#why-banner .cont-grid .item h3{font-size:20px;font-weight:600;margin:0 0 16px}
#why-banner .cont-grid .item p{color:#606787}
#why-banner .cont-grid .item p:not(:last-child){margin:0 0 4px}
@media (max-width:768px){
    #why-banner ul.list-why li{font-size:14px;padding-left:46px}
    #why-banner ul.list-why li::before{width:40px;height:40px}
    #why-banner ul.list-why li:not(:last-child){margin-bottom:24px}
    #why-banner .module-title{font-weight:600}
    #why-banner .module-desc{margin-bottom:0}
    #why-banner .cont{margin-bottom:64px}
    #why-banner .cont .rgt video{width:360px;height:360px}
    #why-banner .cont-grid .item h3{margin:0 0 8px}
}


#recommend-banner{position:relative;padding:64px 0 210px;background:url(images/home/banner-green-bg.webp) center;background-size:cover;overflow:hidden}
#recommend-banner video{position:absolute;display:block;width:720px;height:720px;max-width:100%;left:50%;bottom:-5%;transform:translate(-50%, 50%)}
#recommend-banner .module-title{font-weight:400}
#recommend-banner .module-desc{font-size:24px}
#recommend-banner .btn-group{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px}
@media (max-width:768px){
    #recommend-banner .module-title{font-weight:600}
    #recommend-banner .module-desc{font-size:16px;margin-bottom:24px}
}