/* 首页轮播图 */
.banner-carousel-slide{width:100%;height:46.875vw;position:relative;overflow:hidden}
.banner-carousel-slide:hover .swiper-button-next-wrap,.banner-carousel-slide:hover .swiper-button-prev-wrap{opacity:1;visibility:visible}
.banner-carousel-slide .swiper-slide{height:46.875vw}
.banner-carousel-slide .swiper-slide .banner{width:100%;height:100%;object-fit:cover;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}
.banner-carousel-slide .swiper-slide-active .banner-carousel-title h4{animation:ease-right .5s ease-in-out both;-webkit-animation:ease-right .5s ease-in-out both}
.banner-carousel-slide .swiper-slide-active .banner-carousel-title h3{animation:ease-right .5s ease-in-out .2s both;-webkit-animation:ease-right .5s ease-in-out .2s both}
.banner-carousel-slide .swiper-slide-active .banner-carousel-title p{animation:ease-right .5s ease-in-out .4s both;-webkit-animation:ease-right .5s ease-in-out .4s both}
.banner-carousel-slide .swiper-slide-active .banner-carousel-title .list{animation:ease-right .7s ease-in-out .5s both;-webkit-animation:ease-right .7s ease-in-out .5s both}
.banner-carousel-slide .banner-carousel-title{position:absolute;width:calc(80% - 10.4167vw);top:52%;transform:translateY(-50%);left:5%;z-index:100;color:#fff;z-index:2}
.banner-carousel-slide .banner-carousel-title h3{position:relative;font-size:60px;line-height:1.5;margin-bottom:10px;margin-left:-.3125vw;opacity:0;color:#fff;font-weight:700}
.banner-carousel-slide .banner-carousel-title p{position:relative;font-size:20px;line-height:1.5;opacity:0;color:#fff}
.banner-carousel-slide .banner-carousel-title .text{margin-bottom:7%;}
.banner-carousel-slide .banner-carousel-title p a{display:black;padding:10px 20px;font-size:16px;border-radius:10px;background-color:#fff;line-height:1.5;color:#000000;}
.banner-carousel-slide .banner-carousel-title p a:hover{border-color:#4e70b6;background: linear-gradient(to bottom, #4e70b6, #1b2753);color:#ffffff;transform: translateY(-4px);}
.banner-carousel-slide #g4-g4mini .list{width:fit-content;border-radius:.5208vw;overflow:hidden}
.banner-carousel-slide #g4-g4mini .list a{flex:0 0 auto;display:inline-block;width:12.5vw;height:2.6042vw;line-height:2.6042vw;white-space:nowrap;background-color:#000;color:#000;font-size:.9375vw;text-align:center;display:flex;align-items:center;justify-content:center}
.banner-carousel-slide #g4-g4mini .list a:first-of-type img{height:1.0417vw}
.banner-carousel-slide #g4-g4mini .list a:nth-of-type(2){color:#fff;background-color:#fff}
.banner-carousel-slide #g4-g4mini .list a:nth-of-type(2) img{height:1.0417vw}
.banner-carousel-slide #g4-g4mini .list a:nth-of-type(3) img{height:1.5625vw}
.banner-carousel-slide h3{opacity:0;animation:fadeIn 1s ease forwards;animation-delay:.4s;animation-play-state:running}
.banner-carousel-slide p{opacity:0;animation:fadeIn 1s ease forwards;animation-delay:.6s;animation-play-state:running}
@keyframes fadeIn{
from{opacity:0;transform:translateY(10px)}
to{opacity:1;transform:translateY(0)}
}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next::after{content:"";display:block;right:0;width:50px;height:50px;background-image:url('data:image/svg+xml;utf8,');background-size:contain;background-repeat:no-repeat;background-position:center;transition:filter .2s}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev::after{content:"";display:block;left:0;width:50px;height:50px;background-image:url('data:image/svg+xml;utf8,');background-size:contain;background-repeat:no-repeat;background-position:center;transition:filter .2s}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:auto}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:auto}
@keyframes ease-right{
0%{opacity:0;transform:translateX(-100px)}
to{opacity:1;transform:translateX(0)}
}
@-webkit-keyframes ease-right{
0%{opacity:0;transform:translateX(-100px)}
to{opacity:1;transform:translateX(0)}
}
@-webkit-keyframes reveal{
0%{-webkit-transform-origin:left;transform-origin:left;-webkit-transform:translateZ(0) skew(45deg) scaleX(0);transform:translateZ(0) skew(45deg) scaleX(0)}
0.0001%{-webkit-transform-origin:left;transform-origin:left}
50%{-webkit-transform-origin:left;transform-origin:left;-webkit-transform:translateZ(0) skew(45deg) scaleX(1);transform:translateZ(0) skew(45deg) scaleX(1)}
50.0001%{-webkit-transform-origin:right;transform-origin:right}
to{-webkit-transform-origin:right;transform-origin:right;-webkit-transform:translateZ(0) skew(45deg) scaleX(0);transform:translateZ(0) skew(45deg) scaleX(0)}
}
@keyframes reveal{
0%{-webkit-transform-origin:left;transform-origin:left;-webkit-transform:translateZ(0) skew(45deg) scaleX(0);transform:translateZ(0) skew(45deg) scaleX(0)}
0.0001%{-webkit-transform-origin:left;transform-origin:left}
50%{-webkit-transform-origin:left;transform-origin:left;-webkit-transform:translateZ(0) skew(45deg) scaleX(1);transform:translateZ(0) skew(45deg) scaleX(1)}
50.0001%{-webkit-transform-origin:right;transform-origin:right}
to{-webkit-transform-origin:right;transform-origin:right;-webkit-transform:translateZ(0) skew(45deg) scaleX(0);transform:translateZ(0) skew(45deg) scaleX(0)}
}
.warning{position:fixed;top:0;left:0}
@keyframes upDown{
from{margin-bottom:0}
to{margin-bottom:10px}
}
.container-fluid{position:relative;z-index:2;background-color:#000}
.container-fluid.fixed::after{position:fixed}
.argusnolimitsTan{z-index:99999;position:fixed;top:0;left:0;width:100%;height:100%;overflow-y:hidden;background:rgba(0,0,0,.8)}
.argusnolimitsTan .bgBox{width:700px;height:350px;background-image:url(../images/argusnolimits-n.webp);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.argusnolimitsTan .bgBox .closeBtn{position:absolute;top:20px;right:25px;font-size:20px;color:#fff}
.argusnolimitsTan .bgBox .closeBtn:hover{opacity:.9}
.argusnolimitsTan .info{width:510px;position:absolute;top:190px;left:90px;font-size:20px;line-height:26px;text-align:center}
.argusnolimitsTan .info .btnList{display:flex;justify-content:center;align-items:center;margin-top:20px}
.argusnolimitsTan .info .btnList a{margin:0 30px;background-image:linear-gradient(to left,#0ed0ff,#2f66ff);font-size:20px;color:#fff;display:inline-block;min-width:130px;height:40px;line-height:40px;padding:0 10px;border-radius:40px;box-shadow:5px 10px 25px #3ed9ff;text-shadow:2px 2px 1px rgba(6,69,161,.3)}
.argusnolimitsTan .info .btnList a:hover{opacity:.9}
@media (max-width:768px){
.container-fluid{position:relative}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next::after{right:0;width:30px;height:30px}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev::after{left:0;width:30px;height:30px}
.banner-carousel-slide .banner-carousel-title{left: 10%;}
.banner-carousel-slide .banner-carousel-title h3{font-size: 20px;}
.banner-carousel-slide .banner-carousel-title p{font-size: 14px;}
.banner-carousel-slide .banner-carousel-title p a{padding: 5px 15px;font-size: 14px;border-radius: 10px;line-height: normal;}
}
/* 首页内容 */
.idx-page{background:#020810;color:#fff}
.idx-page main{overflow:hidden}
.idx-page h1,.idx-page h2,.idx-page h3,.idx-page p{margin-top:0}
.idx-header{background:rgba(2,10,22,.4);border-bottom:1px solid rgba(255,255,255,.06)}
.idx-badge{display:inline-block;margin:0 0 20px;padding:6px 18px;border-radius:10px;background:linear-gradient(180deg,rgba(49,140,255,.35),rgba(31,111,235,.15));border:1px solid rgba(77,157,255,.35);color:#7eb8ff;font-size:16px;font-weight:500;letter-spacing:.02em;text-transform:capitalize}
.idx-badge--dark{background:linear-gradient(180deg,#1a3a6c,#0d2244);border-color:rgba(31,111,235,.4);color:#5aabff}
.idx-btn{display:inline-flex;align-items:center;gap:10px;padding:0 26px;height:44px;border-radius:999px;font-size:13px;font-weight:500;transition:background .25s,border-color .25s,color .25s,transform .25s}
.idx-btn:hover{transform:translateY(-2px)}
.idx-btn--white{background:#fff;color:#0a1628;border:0}
.idx-btn--white:hover{background:#e8f0ff}
.idx-btn--ghost{border:1px solid rgba(255,255,255,.45);color:#fff;background:0 0}
.idx-btn--ghost:hover{background:rgba(255,255,255,.1)}
.idx-hero{position:relative;min-height:min(100vh,920px);display:flex;align-items:center;overflow:hidden;background:#020d1d}
.idx-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center}
.idx-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,10,22,.75) 0,rgba(2,10,22,.25) 45%,transparent 70%);pointer-events:none}
.idx-hero-grid{position:relative;z-index:2;padding-top:80px;padding-bottom:60px}
.idx-hero-copy{max-width:480px}
.idx-hero-copy h1{margin:0 0 22px;font-size:clamp(48px,6vw,80px);line-height:1;font-weight:600;letter-spacing:-.03em}
.idx-hero-copy p{margin:0 0 34px;color:rgba(255,255,255,.72);font-size:14px;line-height:1.75;max-width:400px}
.idx-products{padding:120px 0 14px;background:linear-gradient(180deg,#000 0,#17204b 30%,#4669b1 65%,#4869ad 100%);overflow:hidden}
.idx-products-head{margin-bottom:78px}
.idx-products-body{display:grid;grid-template-columns:minmax(220px,450px) minmax(0,1fr);column-gap:64px;align-items:start;width:100%;padding-left:max(40px,calc((100vw - 1806px)/ 2 + 40px));padding-right:40px}
.idx-products-side{display:grid;gap:52px;align-content:start}
.idx-badge{display:inline-block;margin:0 0 20px;padding:6px 18px;border-radius:10px;background: linear-gradient(to bottom, #4e70b6, #1b2753);border:0;color:#fff;font-size:16px;font-weight:500;letter-spacing:.02em;text-transform:capitalize}
.idx-products-head h2{margin:0;font-size:46px;line-height:1.22;font-weight:600;letter-spacing:-.02em;color:#fff}
.idx-cat-nav{display:grid;gap:60px;align-self:start;margin-top:8.5%;z-index:2;}
.idx-cat-nav button{position:relative;display:block;width:100%;padding:0;border:0;background:0 0;text-align:left;color:#a2a4a7;font-size:20px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:color .25s}
.idx-cat-nav button:hover{color:rgba(255,255,255,.65)}
.idx-cat-nav button.is-active{color:#fff}
.idx-carousel{display:flex;align-items:flex-start;gap:24px;min-width:0;width:100%;z-index:1;}
.idx-carousel-main{flex:0 0 689px;width:689px;max-width:100%}
.idx-product-card{display:none;text-align:center}
.idx-product-card.is-active{display:block;animation:idxFadeUp .35s ease both}
@keyframes idxFadeUp{from{opacity:0;transform:translateY(8px)}
to{opacity:1;transform:translateY(0)}
}
.idx-slider{position:relative;border-radius:26px;user-select:none;touch-action:pan-y;}
.idx-slider-track{display:flex;gap:67px;transition:transform .45s cubic-bezier(.4,0,.2,1);will-change:transform}
.idx-slider-track .idx-slide{flex:0 0 50%;box-sizing:border-box;transition:opacity .45s cubic-bezier(.4,0,.2,1),filter .45s cubic-bezier(.4,0,.2,1)}
.idx-slider-track .idx-slide .img-wrap{border-radius:20px;overflow:hidden}
.idx-slider-track .idx-slide img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;pointer-events:none;transition:transform .5s ease}
.idx-slider-track .idx-slide:hover img{transform:scale(1.05)}
.idx-slider-dots{display:flex;justify-content:center;gap:8px;margin:22px 0 0;padding-left:6%}
.idx-tit{width:55%;margin-top:30px;}
.idx-slider-dots button{width:8px;height:8px;border-radius:50%;border:0;background:rgba(255,255,255,.2);cursor:pointer;transition:all .25s;padding:0}
.idx-slider-dots button.is-active{background:#ff6a1a;width:24px;border-radius:4px}
.idx-slider-arrow{position:absolute;top:183px;transform:translateY(-50%);width:40px;height:40px;border:0;background:rgba(0,0,0,.45);backdrop-filter:blur(6px);color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .25s,background .25s;z-index:5}
.idx-slider:hover .idx-slider-arrow{opacity:1}
.idx-slider-arrow:hover{background:rgba(0,0,0,.7)}
.idx-slider-arrow.prev{left:14px}
.idx-slider-arrow.next{right:14px}
.idx-product-card h3{margin:0;padding-bottom:20px;font-size:32px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#fff}
.idx-btn--ghost{display:inline-flex;align-items:center;justify-content:center;min-width:161px;height:41px;font-size:13px;letter-spacing:.02em;color:#fff;border:1px solid rgba(255,255,255,.28);border-radius:10px;text-decoration:none;transition:transform .25s,box-shadow .25s}
.idx-btn--ghost:hover{border-color:#4e70b6;background: linear-gradient(to bottom, #4e70b6, #1b2753);color:#ffffff;transform: translateY(-4px);}
.idx-btn--ghost span{margin-left:6px;font-size:18px;line-height:1}
@media (max-width:1100px){
.idx-products-body{grid-template-columns:1fr;row-gap:40px}
.idx-cat-nav{flex-direction:row;flex-wrap:wrap;display:flex;gap:16px}
.idx-cat-nav button.is-active::before{display:none}
.idx-carousel{flex-wrap:wrap}
.idx-carousel-main{width:100%;flex-basis:100%}
}
@media (max-width:600px){
.idx-badge{font-size:14px;}
.idx-products-head{margin-bottom:10px;}
.idx-products-head h2{font-size:20px}
.idx-product-card h3{font-size:16px;}
.idx-cat-nav button{font-size:16px;}
.idx-btn--ghost{font-size:14px;}
.idx-carousel-main{width:100%}
.idx-slider-track{gap:20px;}
.idx-slider-track .idx-slide .img-wrap{height:auto;border-radius:5px;}
.idx-slider-arrow{top:130px}
}
.idx-scenarios{position:relative;min-height:1044px;display:flex;align-items:stretch;overflow:hidden;background:#050c18}
.idx-scenarios-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .4s ease}
.idx-scenarios-overlay{position:absolute;inset:0;}
.idx-scenarios-inner{width:100%;padding:170px 0 60px;position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:space-between;min-height:780px;text-align:center;background: linear-gradient(180deg, #4869ad 0, #4869add9 10%, #ffffff00 65%, #ffffff00 100%)}
.idx-scenarios-head h2{margin:0;font-size:clamp(32px,4vw,50px);font-weight:600;letter-spacing:-.02em;white-space:nowrap;color:#ffffff;}
.idx-scenario-tabs{width:20%;display:flex;gap:0;flex-wrap:wrap;justify-content:center}
.idx-scenario-tabs button{flex:1;position:relative;padding:15px 0 0;border:0;background:0 0;color:rgba(255,255,255,.55);font-size:16px;font-weight:500;cursor:pointer;transition:color .25s}
.idx-scenario-tabs button.is-active{color:#fff}
.idx-scenario-tabs button::after{content:"";position:absolute;left:0;top:0;height:2px;width:100%;background:rgba(255,255,255,.15)}
.idx-scenario-tabs button::before{content:"";position:absolute;left:0;top:0;height:2px;width:0%;background:#fff;z-index:1;transition:none}
.idx-scenario-tabs button.is-active.is-running::before{animation:scenarioLine 5s linear forwards}
@keyframes scenarioLine{from{width:0%}
to{width:100%}
}
.idx-features{padding:110px 0 120px;background-image:url('../images/index/why-choose-us-bg.png');background-size: cover;background-position: center;background-repeat: no-repeat;}
.idx-features-layout{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.59fr);gap:60px;align-items:start}
.idx-features-intro h2{margin:0;font-size:clamp(32px,3.5vw,50px);line-height:1.2;font-weight:600;letter-spacing:-.02em;color:#ffffff;}
.idx-feature-grid{display:flex;gap:28px;align-items:flex-start}
.idx-feature-col{flex:1;min-width:0;display:flex;flex-direction:column;gap:33px}
.idx-feature-col--offset{margin-top:88px}
.idx-feature-card{height:295px;display:flex;flex-direction:column;padding:30px;border-radius:10px;box-shadow:0 10px 36px rgba(0,0,0,.18);transition:transform .25s,box-shadow .25s}
.idx-feature-card:hover{transform:translateY(-3px);box-shadow:0 16px 44px rgba(0,0,0,.24)}
.idx-feature-card--light{position:relative;background:linear-gradient(180deg,#dddee1,#dcdcdd);color:#000;overflow:hidden;z-index:1;transition:color .5s ease}
.idx-feature-card--light::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#dddee1,#dcdcdd);opacity:1;transition:opacity 1s ease .2s;z-index:-1}
.idx-feature-card--light::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#000 0,#11173a 30%,#304481 65%,#6d94cd 100%);opacity:0;transition:opacity 1s ease .1s;z-index:-1}
.idx-feature-card--light:hover{color:#fff}
.idx-feature-card--light:hover::before{opacity:0}
.idx-feature-card--light:hover::after{opacity:1}
.idx-feature-card--light:hover p{color:#ffffff;}
.idx-feature-card--light:hover hr{margin:0 0 18px;border:0;border-top:1px solid #4e4e4e;width:100%}
.idx-feature-card--light:hover .idx-feature-icon{background-color:#ffffff;}
.idx-feature-card--light:hover .idx-feature-icon img{filter: brightness(0) invert(0);}
.idx-feature-head{display:flex;align-items:center;gap:16px;margin-bottom:18px}
.idx-feature-icon{flex:0 0 55px;width:55px;height:55px;display:grid;place-items:center;border-radius:10px;background:#0c1f3d}
.idx-feature-icon img{width:32px;height:32px;object-fit:contain}
.idx-feature-icon--on-dark img{filter:brightness(0) saturate(100%)}
.idx-feature-card--light .idx-feature-icon img{filter:brightness(0) invert(1)}
.idx-feature-head h3{margin:0;flex:1;min-width:0;font-size:16px;font-weight:600;line-height:1.35}
.idx-feature-card hr{margin:0 0 18px;border:0;border-top:1px solid rgba(15,31,56,.12);width:100%}
.idx-feature-card--dark hr{border-color:rgba(255,255,255,.14)}
.idx-feature-card p{margin:0;font-size:16px;line-height:22px;color:rgba(15,31,56,.68)}
.idx-feature-card--dark p{color:rgba(255,255,255,.62)}
.idx-supply{padding:70px 0 86px;background-image:url('../images/index/why-choose-us-bt-bg.png');background-size: cover;background-position: center;background-repeat: no-repeat;}
.idx-supply-head{text-align:center;margin-bottom:90px}
.idx-supply-head h2{margin:0 auto;font-size:clamp(30px,3.5vw,50px);font-weight:600;letter-spacing:-.02em;color:#ffffff;}
.idx-bento{display:grid;grid-template-columns:1.15fr 1fr;gap:18px;align-items:stretch}
.idx-bento-col{display:flex;flex-direction:column;gap:18px;}
.idx-bento-col--left .idx-bento-img,.idx-bento-col--right .idx-bento-img{flex:7}
.idx-bento-col--left .idx-bento-card,.idx-bento-col--right .idx-bento-card{flex:3}
.idx-bento-img{border-radius:10px;overflow:hidden;background:#0a1e3a;min-height:0}
.idx-bento-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.idx-bento-img:hover img{transform:scale(1.05);}
.idx-bento-card{padding:25px 45px 0;border-radius:10px;background:#fff;color:#0a1628;display:flex;flex-direction:column;justify-content:flex-start;min-height:0}
.idx-bento-card small{display:block;color:#1a2332;font-size:24px;font-weight:400}
.idx-bento-card h3{padding-bottom:25px;font-size:clamp(24px,2.6vw,24px);font-weight:600;letter-spacing:-.02em}
.idx-bento-card a{color:#8a94a3;font-size:16px;transition:color .2s}
.idx-bento-card a:hover{color:#304a8e;font-weight:600;}
.idx-bento-card a span{padding-left:24px;}
.idx-community{position:relative;padding:136px 0 200px;}
.idx-community-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.idx-community-overlay{position:absolute;inset:0;}
.idx-community-inner{position:relative;z-index:2;text-align:center}
.idx-community-inner h2{margin:0 auto 78px;max-width:none;font-size:clamp(30px,3.5vw,50px);font-weight:600;letter-spacing:-.02em;white-space:nowrap;color:#ffffff;}
.idx-social-grid{display:flex;justify-content:center;gap:142px;flex-wrap:wrap}
.idx-social-card{width:182px;height:182px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border-radius:38%;color:#fff;transition:transform .25s,box-shadow .25s}
.idx-social-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(0,0,0,.35)}
.idx-social-card img{width:36px;height:36px;filter:brightness(0) invert(1);object-fit: contain;}
.idx-social-card strong{font-size:22px;}
.idx-social-card small{font-size:16px;opacity:.75}
.idx-social-card--yt{background:linear-gradient(180deg,#de0000,#de0000)}
.idx-social-card--ig{background:linear-gradient(135deg,#f58529,#dd2a7b,#8134af)}
.idx-social-card--tt{background:linear-gradient(180deg,#222,#000)}
.idx-social-card--fb{background:linear-gradient(180deg,#000,#4267b2)}
.idx-about{padding:110px 0 120px;background-image:url("../images/page/about-us-bg.png");background-size: cover;background-position: center;background-repeat: no-repeat;}
.idx-about-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:60px;align-items:start}
.idx-about-left h2{margin:0 0 366px;font-size:clamp(30px,3.5vw,50px);line-height:1.2;font-weight:600;letter-spacing:-.02em;color:#ffffff;}
.idx-about-text{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:28px}
.idx-about-text p{margin:0;font-size:16px;line-height:25px;color:#ffffff;}
.idx-about-photo{overflow:hidden}
.idx-about-photo img{width:100%;height:auto;display:block;object-fit:cover;transition:transform .5s ease}
.idx-about-photo:hover img{transform:scale(1.05)}
.idx-testimonials{padding:110px 0 120px;background:linear-gradient(180deg, #020304 0, #0b0f26 30%, #293c79 65%, #6d94cd 100%);overflow:hidden;}
.idx-testimonials .content{max-width:100%;margin:0;padding:0;overflow:hidden;}
.idx-testimonials-head{text-align:center;margin-bottom:50px}
.idx-testimonials-head h2{margin:0;font-size:clamp(30px,3.5vw,50px);font-weight:600;letter-spacing:-.02em;color:#ffffff;}
.idx-testimonial-rows{display:grid;gap:30px;overflow:hidden}
.idx-testimonial-row{display:flex;gap:30px;width:max-content;will-change:transform}
.idx-testimonial-row .idx-tcard{flex:0 0 auto}
.idx-testimonial-row:first-child{animation:scrollLeft 40s linear infinite}
.idx-testimonial-row.idx-testimonial-row--offset{animation:scrollLeft 50s linear infinite}
.idx-tcard{width:525px;height:270px;position:relative;padding:20px 30px 16px;background:rgba(12,34,62,.55);border:1px solid rgba(77,157,255,.05);border-radius:10px;transition:border-color .25s,transform .25s}
.idx-tcard:hover{transform:translateY(-1px)}
.idx-quote{display:block;margin-bottom:20px;}
.idx-quote::after{content:'';width:29px;height:26px;background-image:url('../images/index/66.png');background-repeat:no-repeat;background-position:center;background-size:24px;pointer-events:none;display:block;}
.idx-tcard p{margin:0 0 50px;font-size:18px;line-height:25px;color:#f8f8f8;}
.idx-tcard-user{position: absolute;width:90%;bottom:16px;display:flex;align-items:center;gap:10px;padding-top:16px;border-top:1px solid rgba(255,255,255,.09)}
.idx-tcard-user img{width:52px;height:52px;border-radius:50%;object-fit:cover}
.idx-tcard-user b{font-size:18px;color:#ffffff;font-weight:600}
@keyframes scrollLeft {
0% { transform: translateX(0); }
100% { transform: translateX(-50%); }
}
@keyframes scrollRight {
0% { transform: translateX(-50%); }
100% { transform: translateX(0); }
}
.idx-testimonial-row:hover{animation-play-state:paused}
.idx-blog{padding:140px 0 124px;background-color:#ffffff;color:#0a1628}
.idx-blog-head{text-align:center;margin-bottom:50px}
.idx-blog-head h2{margin:0;font-size:clamp(30px,3.5vw,50px);font-weight:600;letter-spacing:-.02em}
.idx-blog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.idx-blog-card{background:#fff;border-radius:12px;overflow:hidden;transition:box-shadow .25s,transform .25s}
.idx-blog-thumb{display:block;overflow:hidden;border-radius:10px;}
.idx-blog-thumb img{width:100%;height:266px;border-radius:10px;object-fit:cover;display:block;transition:transform .45s}
.idx-blog-card .image{overflow:hidden;border-radius:10px;}
.idx-blog-card:hover .idx-blog-thumb img{transform:scale(1.05)}
.idx-blog-card h3{margin:0;padding:30px 0 20px;font-size:18px;line-height:25px;font-weight:600}
.idx-blog-card h3 a{color:inherit;transition:color .2s}
.idx-blog-card h3 a:hover{color:#1f6feb}
.idx-blog-card:hover h3{color:#5176be;}
.idx-blog-card p{margin:0;padding:0 0 30px;font-size:16px;line-height:25px;color:#666666}
.idx-blog-card time{display:block;padding:0 0 20px;font-size:14px;color:#888888}
.idx-contact{position:relative;padding:160px 0 116px;overflow:hidden;background:#043354}
.idx-contact-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.idx-contact-layout{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,0.91fr);gap:60px;align-items:start}
.idx-contact-layout h2{margin:0;font-size:clamp(30px,3.5vw,42px);line-height:1.2;font-weight:600;letter-spacing:-.02em;color:#fff}
.idx-from-right{padding:30px 40px;background: rgba(0, 0, 0, 0.4);margin-top:9%;}
.idx-inquiry-form{padding:0;background:0 0;border:0;backdrop-filter:none}
.idx-inquiry-form h3{margin:0 0 22px;font-size:clamp(20px,2.2vw,26px);font-weight:600;color:#fff}
.idx-form-row{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-bottom:25px}
.idx-inquiry-form label{display:flex;}
.idx-field{position:relative}
.idx-field-req{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#848484;font-size:16px;pointer-events:none}
.idx-field-req em{color:#e74c3c;font-style:normal}
.idx-field-req--textarea{top:14px;right:16px;transform:none;line-height:1.5}
.idx-field-req--select{display:none}
.idx-field select:invalid+.idx-field-req--select{display:block}
.idx-field input:focus+.idx-field-req,.idx-field input:not(:placeholder-shown)+.idx-field-req,.idx-field select:valid+.idx-field-req--select,.idx-field textarea:focus+.idx-field-req,.idx-field textarea:not(:placeholder-shown)+.idx-field-req{display:none}
.idx-form-full{margin-bottom:25px}
.idx-inquiry-form input,.idx-inquiry-form select,.idx-inquiry-form textarea{width:100%;padding:13px 16px;border:0;border-radius:6px;background:#fff;color:#0a1628;font-size:16px;outline:0;resize:none}
.idx-inquiry-form textarea{min-height:132px;line-height:1.5}
.idx-inquiry-form select{appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%238a94a3' d='M1 1l5 5 5-5'/%3E%3C/svg%3E") no-repeat right 14px center;padding-right:36px;cursor:pointer;color:#848484}
.idx-inquiry-form select:invalid{color:transparent}
.idx-inquiry-form select option{color:#0a1628}
.idx-field--optional select:has(option[value=""]:checked){color:#848484}
.idx-inquiry-form input::placeholder,.idx-inquiry-form textarea::placeholder{color:#848484}
.idx-form-check{display:flex;align-items:flex-start;gap:10px;margin:4px 0 22px}
.idx-form-check input{width:14px;height:14px;margin-top:2px;flex:0 0 auto;accent-color:#5b72b1}
.idx-form-check span{font-size:14px;line-height:22px;color:rgba(255,255,255,.88);display:block;width:50%;}
.idx-inquiry-form button[type=submit]{display:inline-flex;align-items:center;gap:8px;padding:0 30px;height:41px;border:0;border-radius:6px;background:#4b6cb3;color:#ffffff;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s}
.idx-inquiry-form button[type=submit]:hover{background: linear-gradient(to bottom, #4e70b6, #1b2753);color:#ffffff;border-color:0;}
.idx-footer{background:#030912}
.idx-footer .to-top img{width:15px}
@media (max-width:1100px){
.idx-products-body{grid-template-columns:220px minmax(0,1fr);column-gap:48px}
.idx-carousel-main{flex:0 0 480px;width:480px}
.idx-product-visual img{height:270px}
.idx-carousel-peek .idx-product-visual{height:270px}
.idx-features-layout{gap:40px}
.idx-about-layout{gap:40px}
.idx-blog-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:900px){
.idx-products-body{padding-left:40px;padding-right:40px;grid-template-columns:1fr;row-gap:36px}
.idx-products-head h2 br{display:none}
.idx-carousel{flex-direction:column;align-items:center}
.idx-carousel-main{flex:none;width:100%;max-width:600px}
.idx-carousel-peek{display:none}
.idx-about-layout,.idx-contact-layout,.idx-features-layout{grid-template-columns:1fr}
.idx-feature-grid{flex-direction:column;gap:20px}
.idx-feature-col--offset{margin-top:0}
.idx-bento{grid-template-columns:1fr}
.idx-bento-col{min-height:0}
.idx-bento-card{padding:20px;}
.idx-bento-card small{font-size:16px;}
.idx-bento-card h3{font-size:16px;}
.idx-bento-card a{font-size:14px;}
.idx-bento-col--left .idx-bento-img,.idx-bento-col--right .idx-bento-img{flex:none;min-height:auto}
.idx-bento-col--left .idx-bento-card,.idx-bento-col--right .idx-bento-card{flex:none}
.idx-about-text{grid-template-columns:1fr}
.idx-testimonial-row,.idx-testimonial-row--offset{grid-template-columns:1fr;padding-left:0}
.idx-scenarios{height:auto;min-height:auto;}
.idx-scenarios-inner{min-height:650px;padding:80px 24px 48px}
.idx-scenarios-head h2{font-size:20px;white-space:normal}
.idx-community-inner h2{margin:0 auto 30px;white-space:normal}
.idx-scenario-tabs{gap:0;width:100%;}
}
@media (max-width:768px){
.idx-hero{min-height:680px;align-items:flex-end}
.idx-hero::after{background:linear-gradient(0deg,rgba(2,10,22,.92) 30%,rgba(2,10,22,.3) 100%)}
.idx-hero-grid{padding-bottom:60px}
.idx-features-intro h2{font-size:20px;}
.idx-feature-head h3{font-size:15px;}
.idx-feature-card{height:auto;}
.idx-feature-card p{font-size:14px;}
.idx-feature-icon{width:40px;height:40px;flex:0 0 40px;}
.idx-supply-head h2{font-size:20px;}
.idx-community-inner h2{font-size:20px;}
.idx-social-grid{gap:30px;}
.idx-about-text{gap:20px;}
.idx-about-left h2{font-size:20px;margin:0 0 30px;}
.idx-about-text p{font-size:14px;}
.idx-testimonials-head h2{font-size:20px;}
.idx-tcard{width:350px;height:226px;}
.idx-tcard p{font-size:14px;line-height:normal;}
.idx-blog-head h2{font-size:20px;}
.idx-blog-thumb img{height:auto;}
.idx-blog-card h3{font-size:16px;}
.idx-blog-card p{font-size:14px;}
.idx-blog-card time{font-size:13px;}
.idx-contact-layout{gap:0;}
.idx-contact-layout h2{font-size:20px;text-align:center;}
.idx-inquiry-form h3{font-size:16px;}
.idx-inquiry-form input, .idx-inquiry-form select, .idx-inquiry-form textarea{font-size:14px;}
.idx-field-req{font-size:14px;}
.idx-form-check span{width:100%;font-size:14px;}
.idx-inquiry-form button[type=submit]{font-size:14px;}
.idx-about,.idx-blog,.idx-community,.idx-contact,.idx-features,.idx-products,.idx-supply,.idx-testimonials{padding:40px 0}
.idx-form-row{grid-template-columns:1fr}
.idx-inquiry-form{padding:0}
.idx-social-card{width:170px;height:140px;border-radius:22px}
.idx-header .btn-contact{display:none}
.idx-social-card strong{font-size:16px;}
.idx-social-card small{font-size:14px;}
.idx-blog-grid{grid-template-columns:repeat(2,1fr)}
}