@font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, 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");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,rgba(0,0,0,.5),transparent)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,rgba(0,0,0,.5),transparent)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(0deg,rgba(0,0,0,.5),transparent)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,rgba(0,0,0,.5),transparent)}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper:after{content:"";position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:normal;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:"next"}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:opacity .3s;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity,.2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity,1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,left .2s}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:"";background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;backface-visibility:hidden}.swiper-creative .swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;backface-visibility:hidden;overflow:hidden}
/*! autoprefixer: on */*{font-family:manrope,Helvetica Neue,Helvetica,Arial,PingFang SC,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,"sans-serif";color:#333;box-sizing:border-box}html{scroll-behavior:smooth}p{font-size:1.125rem;color:#666}.hero{background-image:url(/static/pc/en/iot/product/milesight-iot-cloud/cloud/background.jpg?t=1760174121688);background-size:cover;background-position:50%;height:600px;position:relative}.hero .text{position:absolute;color:#fff;left:50%;top:50%;transform:translateX(-47.5rem) translateY(-50%);width:49.938rem}.hero .text h1{color:#fff;font-size:3.5rem;margin-bottom:.78vw}.hero .text p{color:#fff}.hero .text .btns{display:flex;width:100%;height:3rem;margin-top:3.125rem}.hero .text .btns .btn{transition-duration:.3s;width:10rem;height:100%;background-color:hsla(0,0%,100%,.2392156863);border-radius:1.563rem;border:1px solid #fff;display:flex;justify-content:space-between;align-items:center;margin-right:1.875rem;cursor:pointer}.hero .text .btns .btn .label{color:#fff;font-size:1.5rem;padding-left:1.25rem;flex-grow:0;flex-shrink:0}.hero .text .btns .btn .icon{width:2.375rem;height:2.375rem;margin-right:.313rem;position:relative;border-radius:50%;background-color:#0d58c9}.hero .text .btns .btn .icon svg{width:2.375rem;height:2.375rem;fill:#fff;padding-left:.05rem}.hero .text .btns .btn .icon.ebook svg{padding:0 .125rem .313rem .25rem;box-sizing:border-box}.hero .text .btns .btn:hover{transform:translateY(-.313rem)}.section{padding:5.625rem 0}.section .container{width:92.688rem;margin:0 auto}.section .container .header{text-align:center}.section .container .header h1{font-size:3rem;line-height:1}.section .container .header .desc{width:64.25rem;font-size:1.125rem;margin:auto;margin-top:2.188rem}.section .context{margin-top:4.563rem}.section .context.left-right{display:flex;align-items:center;justify-content:space-between}.section .context .left{width:70.625rem;height:20.938rem;border-radius:.875rem;transform:translateX(1.875rem)}.section .context .right{width:20.75rem;height:17.813rem;background-color:#fff;box-shadow:.25rem .375rem .875rem rgba(33,33,33,.15);border-radius:.625rem;border:1px solid #fff;transform:translateX(-1.875rem)}.section .context .right svg{width:100%;height:100%;transform:scale(1.2)}.section .context .right svg text{font-weight:700;color:#666;fill:#666}.section.functionalities{background-color:#f7fbff}.section.functionalities .context .icons{display:flex;align-items:center;justify-content:space-around;fill:#666;width:53.25rem;margin:auto}.section.functionalities .context .icons-item{width:6.813rem;height:6.688rem;cursor:pointer;display:flex;align-items:center;flex-flow:column nowrap}.section.functionalities .context .icons-item .icon{width:4.375rem;height:4.375rem;flex-grow:0;flex-shrink:0}.section.functionalities .context .icons-item .icon svg{border-radius:50%;width:100%;height:100%;padding:.625rem;fill:#666;box-sizing:border-box;transition-duration:.3s}.section.functionalities .context .icons-item .label{text-align:center;margin-top:.625rem}.section.functionalities .context .icons-item.active svg{background-color:#0d58c9;border-radius:50%;fill:#fff;box-shadow:.188rem .25rem .438rem 0 rgba(33,33,33,.15)}.section.functionalities .context .icons-item:hover svg{transform:translateY(-.625rem)}.section.functionalities .context .stage{margin:auto;margin-top:4.375rem}.section.functionalities .context .stage .swiper-button-next:after,.section.functionalities .context .stage .swiper-button-prev:after{color:#909090;font-size:1.25rem;font-weight:bolder}.section.functionalities .context .stage-item{display:flex;align-items:center;justify-content:space-between;width:68.625rem;height:28.125rem;margin:auto}.section.functionalities .context .stage-item img{width:38.5rem;height:21.875rem;object-fit:contain}.section.functionalities .context .stage-item .item-text{width:21.875rem}.section.functionalities .context .stage-item .item-text .title{font-size:2rem;margin-bottom:.625rem}.section.functionalities .context .stage-item .item-text ul li{margin-bottom:.625rem;display:flex}.section.functionalities .context .stage-item .item-text ul li svg{margin-right:.625rem;margin-top:-.125rem;width:1.875rem;fill:#333;height:1.875rem;flex-shrink:0}.section.functionalities .context .stage-item .item-text ul .li-btn{display:inline-block;cursor:pointer;line-height:2.5rem;height:2.5rem;padding:0 .938rem;padding-right:1.875rem;color:#0d58c9;background-color:#fff;background-blend-mode:normal,normal;box-shadow:.188rem .313rem .625rem 0 rgba(33,33,33,.15);border-radius:.5rem;border:1px solid #0d58c9;transition-duration:.3s;position:relative;margin-top:1.25rem}.section.functionalities .context .stage-item .item-text ul .li-btn:after{transition-duration:.3s;content:"";display:block;position:absolute;right:-2.188rem;top:1.875rem;width:3.125rem;height:3.125rem;background-size:contain;background-image:url(/static/pc/en/click.png?t=1760174121688);opacity:0}.section.functionalities .context .stage-item .item-text ul .li-btn:hover{transform:translateY(-.125rem);box-shadow:.313rem .5rem .625rem 0 rgba(33,33,33,.15)}.section.functionalities .context .stage-item .item-text ul .li-btn:hover:after{right:-1.563rem;top:.938rem;opacity:1}.section.highlights{background-image:url(/static/pc/en/iot/product/milesight-iot-cloud/cloud/background-earth.jpg?t=1760174121688);height:41.875rem;background-size:cover;background-position:50%;padding-top:5.313rem}.section.highlights .container h1,.section.highlights .container p{color:#fff}.section.highlights .container .context{display:flex;justify-content:space-between;margin-top:2.813rem}.section.highlights .container .context .item{width:19.375rem;height:23.75rem;border-radius:.625rem;display:flex;flex-flow:column;align-items:center;justify-content:center;box-sizing:border-box;padding:.625rem;border:2px solid hsla(0,0%,76%,0);background-color:rgba(85,85,85,0);backdrop-filter:blur(0)}.section.highlights .container .context .item h1,.section.highlights .container .context .item p,.section.highlights .container .context .item svg{transition-duration:.3s;transform:translateY(3.125rem)}.section.highlights .container .context .item .desc{height:6.25rem;font-weight:400}.section.highlights .container .context .item h1{font-weight:500}.section.highlights .container .context .item p{width:13.563rem;text-align:center;line-height:1.2;opacity:0;margin-top:1.25rem}.section.highlights .container .context .item svg{fill:#f7fbff;width:6.25rem;height:6.25rem;transform-origin:center}.section.highlights .container .context .item:hover{box-shadow:0 .5rem .688rem 0 rgba(0,0,0,.2);border:2px solid hsla(0,0%,76%,.4117647059);backdrop-filter:blur(.625rem)}.section.highlights .container .context .item:hover h1,.section.highlights .container .context .item:hover p,.section.highlights .container .context .item:hover svg{transform:translateY(1.25rem)}.section.highlights .container .context .item:hover svg{transform:scale(1.4);fill:url("#icon-highlights")}.section.highlights .container .context .item:hover p{opacity:1}.section.cloud .context .video{width:57.563rem;height:31.875rem;background-color:#f0f0f0;margin:auto;overflow:hidden;border-radius:.625rem;position:relative}.section.cloud .context .video:before{content:"";background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg class='icon' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cpath d='M170.624 545.786a343.03 343.03 0 1 0 682.72-67.603 343.03 343.03 0 1 0-682.72 67.603z' fill='%23FFF' opacity='.569'/%3E%3Cpath d='M425.472 354.816V680.96c0 12.8 14.336 19.968 24.576 12.288l214.528-159.744a15.36 15.36 0 0 0 0-24.576L450.048 343.04c-10.24-7.68-24.576-.512-24.576 11.776z' fill='%23FFF'/%3E%3C/svg%3E");width:7.5rem;height:7.5rem;background-size:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;transition:all .2s;opacity:1;pointer-events:none}.section.cloud .context .video img{width:100%;height:100%;object-fit:cover}.section.online-demo .context{display:flex;align-items:center;justify-content:center}.section.online-demo .context .grid{display:grid;grid-template-columns:repeat(4,21.25rem);grid-gap:1.25rem;grid-template-rows:repeat(2,11.25rem)}.section.online-demo .context .grid .cell{transition-duration:.3s;box-shadow:0 0 15px 0 rgba(0,0,0,.2);border-radius:1.25rem;padding:1.75rem;background-repeat:no-repeat;background-position:50%;background-size:110%;color:#fff;display:flex;flex-flow:column nowrap;justify-content:space-around;align-items:center}.section.online-demo .context .grid .cell a,.section.online-demo .context .grid .cell div,.section.online-demo .context .grid .cell h1,.section.online-demo .context .grid .cell p{color:#fff;font-weight:400}.section.online-demo .context .grid .cell a,.section.online-demo .context .grid .cell p{font-size:1.5rem}.section.online-demo .context .grid .cell a svg,.section.online-demo .context .grid .cell p svg{width:1.5rem;height:1.5rem;vertical-align:-.375rem;fill:#fff}.section.online-demo .context .grid .cell .desc{font-size:1rem;line-height:1.5rem}.section.online-demo .context .grid .cell h1{font-size:1.875rem}.section.online-demo .context .grid .cell.start{grid-area:1/1/3/2}.section.online-demo .context .grid .cell.end{grid-area:1/4/3/5}.section.online-demo .context .grid .cell.one{justify-content:space-between;padding-right:.625rem;background-image:url(/static/pc/en/iot/product/milesight-iot-cloud/cloud/iot-cloud.jpg?t=1760174121688)}.section.online-demo .context .grid .cell.one .flex-start{align-self:flex-start}.section.online-demo .context .grid .cell.one .flex-end{align-self:flex-end}.section.online-demo .context .grid .cell.two{background-image:url(/static/pc/en/iot/product/milesight-iot-cloud/cloud/indoor-air-quality-demo.jpg?t=1760174121688)}.section.online-demo .context .grid .cell.three{background-image:url(/static/pc/en/iot/product/milesight-iot-cloud/cloud/waste-management-demo.jpg?t=1760174121688)}.section.online-demo .context .grid .cell.four{background-image:url(/static/pc/en/iot/product/milesight-iot-cloud/cloud/smart-agriculture-demo.jpg?t=1760174121688)}.section.online-demo .context .grid .cell.five{background-image:url(/static/pc/en/iot/product/milesight-iot-cloud/cloud/smart-city-demo.jpg?t=1760174121688)}.section.online-demo .context .grid .cell.six{background-image:url(/static/pc/en/iot/product/milesight-iot-cloud/cloud/smart-building-demo.jpg?t=1760174121688)}.section.online-demo .context .grid .cell:hover{background-size:125%}.section.success-stories{background-color:#ecf6ff;background-image:url(/static/pc/en/iot/product/milesight-iot-cloud/cloud/pure-background.jpg?t=1760174121688);background-size:cover}.section.success-stories .context{text-align:center}.section.success-stories .context img{width:47rem;height:23.5rem;background-color:#e6e6e6;box-shadow:.25rem .375rem .875rem 0 rgba(0,0,0,.15);border-radius:.875rem}.section.why .container{width:98.75rem}.section.why .container .context .item{width:47.25rem;height:23.125rem;border-radius:.75rem;overflow:hidden;position:relative}.section.why .container .context .item>img{width:100%;height:100%}.section.why .container .context .item .btns{position:absolute;left:2.813rem;top:11.25rem;display:flex;flex-flow:column nowrap}.section.why .container .context .item .btns img{width:15.875rem;height:4.063rem;margin-bottom:.5rem;transition-duration:.3s}.section.why .container .context .item .btns img:hover{transform:translateY(-.188rem)}.section.why .container .context .item .btns span{font-size:1.5rem;color:#dce7f2;vertical-align:.188rem;opacity:.29}.section.package .container{width:98.75rem}.section.package .context{position:relative;background-color:#fff;box-shadow:0 .375rem .875rem 0 rgba(0,0,0,.15);border-radius:.75rem;display:flex;padding:8.125rem 0 15rem;justify-content:center;margin-top:12.5rem}.section.package .context .temp{display:flex;justify-content:space-between}.section.package .context .temp .object-list{flex-shrink:0;flex-grow:0}.section.package .context .temp .object-list .object{display:flex;flex-flow:column nowrap;margin-top:1.25rem;position:relative}.section.package .context .temp .object-list .object img{position:absolute;left:1.875rem;top:0;transform:translateY(-100%);width:11.688rem;height:13.875rem}.section.package .context .temp .object-list .object h1{border-top:.125rem solid #90c3ff;color:#0d58c9;font-size:1.125rem;font-weight:400;padding-left:1.625rem;line-height:3.75rem}.section.package .context .temp .object-list .object .list .row{display:flex}.section.package .context .temp .object-list .object .list .row:nth-of-type(2n -1) .cell{background-color:#f6f9fc}.section.package .context .temp .object-list .object .list .row .cell,.section.package .context .temp .object-list .object .list .row .item{font-size:1.125rem;box-sizing:border-box;color:#333;height:2.688rem;flex-shrink:0;display:flex;align-items:center}.section.package .context .temp .object-list .object .list .row .cell{z-index:2;width:12.5rem}.section.package .context .temp .object-list .object .list .row .item{padding-left:1.625rem;width:19.375rem;margin-right:8.125rem}.section.package .context .temp .object-list .object .list .row .norm{justify-content:center;text-align:center}.section.package .context .temp .object-list .object .list .row .norm.norm0{margin-right:.188rem}.section.package .context .temp .object-list .object:first-of-type .row:nth-of-type(2n - 1) .cell{background-color:transparent}.section.package .context .temp .object-list .object:first-of-type .row:nth-of-type(2n) .cell{background-color:#f6f9fc}.section.package .context .table-head{width:58.75rem;height:65.25rem;border-radius:.75rem;border:2px solid #e7e7e7;position:absolute;box-shadow:0 0 0 4.188rem #fff,inset 0 -1.25rem 0 4.063rem #fff;left:33.75rem;top:6.875rem;display:flex;justify-content:space-between;padding:0 3.75rem;box-sizing:border-box;pointer-events:none}.section.package .context .table-head .head{transform:translateY(-3.125rem);color:#333;font-weight:700;width:12.5rem;text-align:center;font-size:1.25rem}.section.package .context .down-btn{width:17.563rem;height:3.188rem;text-align:center;line-height:3.188rem;background-color:#0d58c9;box-shadow:.375rem .5rem .625rem 0 rgba(33,33,33,.15);border-radius:.5rem;position:absolute;bottom:4.063rem;transition-duration:.3s;left:50%;transform:translateX(-50%);color:#fff;font-weight:600;font-size:1.25rem}.section.package .context .down-btn:after{transition-duration:.3s;content:"";display:block;position:absolute;right:-3.438rem;top:1.25rem;width:3.125rem;height:3.125rem;background-size:contain;background-image:url(/static/pc/en/click.png?t=1760174121688);opacity:1}.section.package .context .down-btn:hover:after{right:-1.563rem;top:.938rem}