section{position:relative}section .details-banner{height:768px;z-index:3}section .details-banner .swiper-pagination{left:50%;-webkit-transform:translate(-600px,110px) scale(2);transform:translate(-600px,110px) scale(2)}section .details-banner #index_swiper{position:absolute;inset:0;margin:auto;overflow:hidden;z-index:-1}section .details-banner #index_swiper .swiper-slide{position:relative;z-index:2}section .details-banner #index_swiper .swiper-slide .container{position:absolute;z-index:1;color:#1d2129;inset:0;margin:auto;display:grid;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center}section .details-banner #index_swiper .swiper-slide .container p{width:46%}section .details-banner #index_swiper .swiper-slide .container i{margin-top:64px;margin-bottom:32px;gap:16px;display:-webkit-box;display:-ms-flexbox;display:flex}@media (max-width:768px){section .details-banner #index_swiper .swiper-slide .container i{-ms-flex-pack:distribute;justify-content:space-around}}section .details-banner #index_swiper .swiper-slide video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center}section .entries-wrap{position:relative;z-index:5;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;max-width:1200px;margin:-57px auto 0}@media (max-width:1260px){section .entries-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap;gap:16px;padding:16px}}section .entries-wrap .entry{-webkit-transition:.5s;transition:.5s;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:1px;background:linear-gradient(-45deg,#c1c7d4,#fff);border:4px solid #eaedf1;-webkit-box-shadow:-10px -10px 20px rgba(255,255,255,.3),12px 12px 24px rgba(0,0,0,.1);box-shadow:-10px -10px 20px rgba(255,255,255,.3),12px 12px 24px rgba(0,0,0,.1);border-radius:16px;display:grid}@media (min-width:1260px){section .entries-wrap .entry{width:384px;height:114px}}section .entries-wrap .entry>div{background-color:#eaedf1;border-radius:11px;padding:20px 12px;display:-webkit-box;display:-ms-flexbox;display:flex}section .entries-wrap .entry>div>div{display:grid}section .entries-wrap .entry>div>div:first-of-type{-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;z-index:1;-webkit-transform:translateY(-19px);transform:translateY(-19px);margin-right:10px}section .entries-wrap .entry>div>div:first-of-type img{position:absolute;inset:0;width:100%;margin:auto;z-index:-1;-webkit-transition:.15s ease-in-out;transition:.15s ease-in-out}section .entries-wrap .entry>div>div:first-of-type img:first-of-type{opacity:1}section .entries-wrap .entry:hover div>div img:first-of-type,section .entries-wrap .entry>div>div:first-of-type img:last-of-type{opacity:0}section .entries-wrap .entry>div>div:first-of-type i{font-size:18px;width:48px;height:48px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:.15s ease-in-out;transition:.15s ease-in-out}section .entries-wrap .entry>div>div h3{font-style:normal;font-weight:400;font-size:20px;line-height:28px}section .entries-wrap .entry>div>div p{font-weight:400;font-size:14px;line-height:22px;color:#86909c;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;word-break:break-all}section .entries-wrap .entry:hover{-webkit-box-shadow:-16px -16px 32px rgba(255,255,255,.5),16px 16px 32px rgba(0,0,0,.2);box-shadow:-16px -16px 32px rgba(255,255,255,.5),16px 16px 32px rgba(0,0,0,.2)}section .entries-wrap .entry:hover div>div i{font-size:20px}section .entries-wrap .entry:hover div>div img:last-of-type{opacity:1}section .entries-wrap .entry:hover h3{color:#287aff}section .seciton1{color:#1d2129}section .seciton1 .hd{-webkit-padding-before:80px;padding-block-start:80px;-webkit-padding-after:40px;padding-block-end:40px;display:grid;justify-items:center;gap:24px}section .seciton1 .hd h2{font-style:normal;font-weight:400;font-size:36px;line-height:44px}section .seciton1 .hd p{font-style:normal;font-weight:400;font-size:14px;line-height:22px;color:#86909c}section .seciton1 .hd p a,section .seciton1 .product-wrap .tab li.active span,section .seciton1 .product-wrap .tab li:hover span{color:#287aff}@media (max-width:1260px){section .seciton1 .hd{padding:40px 16px}section .seciton1 .hd p{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}section .seciton1 .hd p a svg{-webkit-transition:.5s ease;transition:.5s ease}section .seciton1 .hd p a:hover svg{-webkit-transform:translateX(5px);transform:translateX(5px)}section .seciton1 .product-wrap .tab{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media (max-width:1260px){section .seciton1 .product-wrap .tab{-ms-flex-wrap:wrap;flex-wrap:wrap;padding:40px 16px}}section .seciton1 .product-wrap .tab li{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:142px;cursor:pointer}section .seciton1 .product-wrap .tab li i{display:block;width:120px;height:120px;-webkit-transform:scale(.5);transform:scale(.5)}section .seciton1 .product-wrap .tab li span{font-style:normal;font-weight:400;font-size:14px;line-height:22px;padding-top:5px;padding-bottom:24px}section .seciton1 .product-wrap .tab li::after{content:"";position:absolute;bottom:0;left:0;right:0;height:12px;width:24px;margin:auto;clip-path:polygon(50% 0,0 100%,100% 100%)}@media (max-width:1260px){section .seciton1 .product-wrap .tab li::after{display:none}}section .seciton1 .product-wrap .tab li.active::after{background:#d8d9dc}section .seciton1 .product-wrap .product-content__wrap{background:#ebecf0;-webkit-box-shadow:inset 0 -12px 24px rgba(255,255,255,.3),inset 0 12px 24px rgba(0,0,0,.1);box-shadow:inset 0 -12px 24px rgba(255,255,255,.3),inset 0 12px 24px rgba(0,0,0,.1);display:-webkit-box;display:-ms-flexbox;display:flex;padding:80px 0}@media (max-width:1260px){section .seciton1 .product-wrap .product-content__wrap{padding:40px 16px}}section .seciton1 .product-wrap .product-content__wrap .product-main{display:none;gap:24px}section .seciton1 .product-wrap .product-content__wrap .product-main.active{display:grid}section .seciton1 .product-wrap .product-content__wrap .product-item{-webkit-transition:.5s;transition:.5s;min-height:160px;background:linear-gradient(135deg,#f0f1f5 0,#ebecf0 100%);-webkit-box-shadow:12px 12px 24px rgba(0,0,0,.1);box-shadow:12px 12px 24px rgba(0,0,0,.1);backdrop-filter:blur(20px);border:1px solid #fff;border-radius:16px;padding:24px 15vw;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}@media (min-width:768px){section .seciton1 .product-wrap .product-content__wrap .product-main{grid-template-columns:repeat(2,1fr)}section .seciton1 .product-wrap .product-content__wrap .product-item{padding:24px 8vw}}@media (min-width:1260px){section .seciton1 .product-wrap .product-content__wrap .product-main{grid-template-columns:repeat(3,1fr)}section .seciton1 .product-wrap .product-content__wrap .product-item{padding:24px}}section .seciton1 .product-wrap .product-content__wrap .product-item:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px)}section .seciton1 .product-wrap .product-content__wrap .product-item:hover .bg:first-of-type{opacity:0}section .seciton1 .product-wrap .product-content__wrap .product-item:hover .bg:last-of-type{opacity:1}section .seciton1 .product-wrap .product-content__wrap .product-item .bg{position:absolute;inset:0;margin:auto;z-index:-1;background-position:center center;background-repeat:no-repeat;-webkit-transition:.5s ease;transition:.5s ease}section .seciton1 .product-wrap .product-content__wrap .product-item .bg:first-of-type{background-image:url(/static/images/card-index.png);opacity:1}section .seciton1 .product-wrap .product-content__wrap .product-item .bg:last-of-type{background-image:url(/static/images/card-index-hover.png);opacity:0}section .seciton1 .product-wrap .product-content__wrap .product-item h2{font-style:normal;font-weight:400;font-size:20px;line-height:28px;text-align:center}section .seciton1 .product-wrap .product-content__wrap .product-item p{color:#4e5969;font-weight:400;font-size:14px;line-height:22px;text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;word-break:break-all;padding-top:8px}section .seciton1 .product-wrap .product-content__wrap .product-item .actions{margin-top:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;gap:16px}@media (max-width:1260px){section .seciton1 .product-wrap .product-content__wrap .product-item .actions{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}section .solution-wrap{background:-webkit-gradient(linear,left top,left bottom,from(#272a30),to(#34393f));background:linear-gradient(180deg,#272a30 0,#34393f 100%);padding:80px;display:grid;gap:80px;justify-items:center}@media (max-width:672px){section .solution-wrap{padding:16px;gap:16px}}section .solution-wrap h2{font-style:normal;font-weight:400;font-size:36px;line-height:44px;color:#fff}section .solution-wrap .solution-main{display:-webkit-box;display:-ms-flexbox;display:flex;gap:28px}section .solution-wrap .solution-main .solution-content{padding:24px;width:300px;overflow:hidden;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;background:linear-gradient(152deg,#343840,#2c3037);border:2px solid #373c44;-webkit-box-shadow:20px 20px 40px rgba(0,0,0,.2),inset 8px 8px 16px rgba(0,0,0,.1),inset -8px -8px 16px rgba(255,255,255,.02);box-shadow:20px 20px 40px rgba(0,0,0,.2),inset 8px 8px 16px rgba(0,0,0,.1),inset -8px -8px 16px rgba(255,255,255,.02);border-radius:16px;color:#fff}@media (max-width:1260px){section .solution-wrap .solution-main{-ms-flex-wrap:wrap;flex-wrap:wrap}section .solution-wrap .solution-main .solution-content{width:100%}}section .solution-wrap .solution-main .solution-content h3{font-style:normal;font-weight:400;font-size:24px;line-height:32px;padding-bottom:16px}section .solution-wrap .solution-main .solution-content p,section .solution-wrap .solution-main .solution-content ul li{font-size:14px;line-height:22px;font-style:normal;font-weight:400}section .solution-wrap .solution-main .solution-content ul{padding-top:33px}section .solution-wrap .solution-main .solution-content ul li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-bottom:16px}section .solution-wrap .solution-main .solution-content ul li svg{margin-right:8px}section .solution-wrap .solution-main .solution-content .all{background:#2e3239;-webkit-box-shadow:inset -4px -4px 8px rgba(255,255,255,.04),inset 4px 4px 8px rgba(0,0,0,.25);box-shadow:inset -4px -4px 8px rgba(255,255,255,.04),inset 4px 4px 8px rgba(0,0,0,.25);border-radius:8px;padding:4px 16px;color:#287aff;position:absolute;z-index:8;bottom:40px;-webkit-transition:.15s ease-in-out;transition:.15s ease-in-out}section .solution-wrap .solution-main .solution-content .all:hover{background:-webkit-gradient(linear,left top,left bottom,color-stop(-.19%,#32363d),color-stop(99.81%,#2a2e34));background:linear-gradient(180deg,#32363d -.19%,#2a2e34 99.81%);-webkit-box-shadow:-4px -4px 8px rgba(255,255,255,.04),4px 4px 8px rgba(0,0,0,.25);box-shadow:-4px -4px 8px rgba(255,255,255,.04),4px 4px 8px rgba(0,0,0,.25)}section .solution-wrap .solution-main .solution-content .dan-naka{position:absolute;right:0;bottom:0;width:300px;height:500px;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:right bottom;transform-origin:right bottom}section .solution-wrap .solution-main .solution-left,section .solution-wrap .solution-main .solution-right{display:grid;justify-items:center;grid-template-columns:repeat(3,1fr);gap:37px 16px;width:422px}@media (max-width:1260px){section .solution-wrap .solution-main .solution-left,section .solution-wrap .solution-main .solution-right{width:100%}}@media (max-width:482px){section .solution-wrap .solution-main .solution-left,section .solution-wrap .solution-main .solution-right{grid-template-columns:repeat(2,1fr);gap:16px}}section .solution-wrap .solution-main .solution-left .solution-item,section .solution-wrap .solution-main .solution-right .solution-item{width:120px;padding-top:33px}section .solution-wrap .solution-main .solution-left .solution-item a,section .solution-wrap .solution-main .solution-right .solution-item a{position:relative;padding-top:38px;display:block;text-align:center;padding-bottom:16px;background-image:linear-gradient(151deg,#343840,#2c3037);border:1px solid #373c44;-webkit-box-shadow:10px 10px 20px rgba(0,0,0,.14),inset 8px 8px 16px rgba(0,0,0,.1),inset -8px -8px 16px rgba(255,255,255,.02);box-shadow:10px 10px 20px rgba(0,0,0,.14),inset 8px 8px 16px rgba(0,0,0,.1),inset -8px -8px 16px rgba(255,255,255,.02);border-radius:16px;-webkit-transition:.15s ease-in-out;transition:.15s ease-in-out}section .solution-wrap .solution-main .solution-left .solution-item a:hover,section .solution-wrap .solution-main .solution-right .solution-item a:hover{background-image:linear-gradient(151deg,#1965df,#0b4bb3);-webkit-box-shadow:20px 20px 40px rgba(0,0,0,.2);box-shadow:20px 20px 40px rgba(0,0,0,.2);border-color:rgba(66,139,255,.2)}section .solution-wrap .solution-main .solution-left .solution-item a:hover p,section .solution-wrap .solution-main .solution-right .solution-item a:hover p{color:#fff}section .solution-wrap .solution-main .solution-left .solution-item a:hover>div:first-of-type,section .solution-wrap .solution-main .solution-right .solution-item a:hover>div:first-of-type{padding:8px}section .solution-wrap .solution-main .solution-left .solution-item a h3,section .solution-wrap .solution-main .solution-right .solution-item a h3{color:#fff;font-size:18px;line-height:1;padding-top:6px;padding-bottom:2px;font-weight:400}section .solution-wrap .solution-main .solution-left .solution-item a p,section .solution-wrap .solution-main .solution-right .solution-item a p{padding-top:8px;font-style:normal;font-weight:400;font-size:12px;line-height:20px;color:#c9cdd4;-webkit-transition:.15s ease-in-out;transition:.15s ease-in-out}section .solution-wrap .solution-main .solution-left .solution-item a>div:first-of-type,section .solution-wrap .solution-main .solution-right .solution-item a>div:first-of-type{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:absolute;left:50%;top:-40px;width:64px;height:64px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:2px;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:linear-gradient(-45deg,#191d24 0,#656a73 100%);-webkit-box-shadow:6px 6px 12px rgba(0,0,0,.3);box-shadow:6px 6px 12px rgba(0,0,0,.3);border-radius:50%;-webkit-transition:.15s ease-in-out;transition:.15s ease-in-out}section .solution-wrap .solution-main .solution-left .solution-item a>div:first-of-type div,section .solution-wrap .solution-main .solution-right .solution-item a>div:first-of-type div{-webkit-box-flex:1;-ms-flex:auto;flex:auto;border-radius:50%;background:linear-gradient(-45deg,#5a5e64 0,#16191d 100%)}section .solution-wrap .solution-main .solution-left .solution-item a>div:first-of-type div i,section .solution-wrap .solution-main .solution-right .solution-item a>div:first-of-type div i{position:absolute;top:-8px;left:50%;-webkit-transform:translateX(-50%) scale(.5);transform:translateX(-50%) scale(.5);width:80px;height:80px}