.sd-h1,.sd-banner,.sd-font-32{font-size:32px;line-height:48px}.sd-h2,.sd-font-24{font-size:24px;line-height:36px}.sd-h3,.sd-font-20{font-size:20px;line-height:30px}.sd-h4,.sd-font-18{font-size:18px;line-height:27px}.sd-h5,.sd-font-16{font-size:16px;line-height:24px}.sd-p,.sd-font-14{font-size:14px;line-height:28px;color:#475669}@media screen and (max-width:1080px){.sd-h1,.sd-banner,.sd-font-32{font-size:24px;line-height:36px}.sd-h2,.sd-font-24{font-size:20px;line-height:30px}.sd-h3,.sd-font-20{font-size:18px;line-height:27px}.sd-h4,.sd-font-18{font-size:16px;line-height:24px}.sd-h5,.sd-font-16{font-size:14px;line-height:28px}.sd-p,.sd-font-14{font-size:12px;line-height:24px}}button{border:0;outline:0;background-color:transparent;margin:0;padding:0}.sd-button-default,.sd-button{display:inline-block;min-width:80px;padding:11px 34px;border:1px solid transparent;color:#04CB94;background-color:#fff;border-color:#fff;font-size:16px;line-height:1em;border-radius:2px;text-align:center;cursor:pointer}.sd-button-default:hover,.sd-button:hover,.sd-button-default:active,.sd-button:active{background-color:#DEFFF6;border-color:#DEFFF6}.sd-button-main,.sd-button-primary{display:inline-block;min-width:80px;padding:11px 34px;border:1px solid transparent;color:#fff;background-color:#04CB94;border-color:#04CB94;font-size:16px;line-height:1em;border-radius:2px;text-align:center;cursor:pointer}.sd-button-main:hover,.sd-button-primary:hover,.sd-button-main:active,.sd-button-primary:active{background-color:#03A276;border-color:#03A276}.sd-button-glass{display:inline-block;min-width:80px;padding:11px 34px;border:1px solid transparent;color:#fff;background-color:rgba(255,255,255,.26);border-color:#fff;font-size:16px;line-height:1em;border-radius:2px;text-align:center;cursor:pointer}.sd-button-glass:hover,.sd-button-glass:active{background-color:#fff;color:#04CB94}.sd-button-transparent{display:inline-block;min-width:80px;padding:11px 34px;border:1px solid transparent;color:#04CB94;background-color:transparent;border-color:#04CB94;font-size:16px;line-height:1em;border-radius:2px;text-align:center;cursor:pointer}.sd-button-transparent:hover,.sd-button-transparent:active{color:#fff;background:#04CB94}.sd-button-secondary{display:inline-block;min-width:80px;padding:11px 34px;border:1px solid transparent;color:#04CB94;background-color:rgba(4,203,148,.1);border-color:#04CB94;font-size:16px;line-height:1em;border-radius:2px;text-align:center;cursor:pointer}.sd-button-secondary:hover,.sd-button-secondary:active{color:#fff;background-color:#04CB94}.sd-button-group .sd-button:not(:last-child){margin-right:10px}@media screen and (max-width:1080px){.sd-button-default,.sd-button-main,.sd-button-glass,.sd-button-transparent,.sd-button-secondary{padding:11px 34px}.sd-button-group .sd-button-default,.sd-button-group .sd-button-main,.sd-button-group .sd-button-glass,.sd-button-group .sd-button-transparent,.sd-button-group .sd-button-secondary{padding:11px 15px}}.sd-button-default[size=small],.sd-button-main[size=small],.sd-button-glass[size=small],.sd-button-transparent[size=small],.sd-button-secondary[size=small]{padding:6px 15px}.sd-button-default[type=round],.sd-button-main[type=round],.sd-button-glass[type=round],.sd-button-transparent[type=round],.sd-button-secondary[type=round]{border-radius:5em}.sd-button-default:disabled,.sd-button-main:disabled,.sd-button-glass:disabled,.sd-button-transparent:disabled,.sd-button-secondary:disabled{background-color:#DFDFDF;color:#fff;border-color:#DFDFDF;cursor:not-allowed}body{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-repeat:no-repeat;font-family:"PingFang SC","Source Sans Pro","Helvetica Neue",Arial,"Microsoft YaHei","WenQuanYi Micro Hei",sans-serif!important}body,body *{padding:0;margin:0;-moz-box-sizing:border-box;box-sizing:border-box}a{text-decoration:none}ul,li{list-style:none}a[href]{cursor:pointer}img{border:0}.share-logo{position:absolute;left:-1000px;opacity:0}.clearfix::after{display:block;content:"";clear:both}.buttons .btn[name=area_banner]:nth-of-type(2){margin-left:20px}@media screen and (max-width:1000px){.buttons .btn[name=area_banner]:nth-of-type(2){margin-left:0;margin-top:20px}}main{margin-top:-1;overflow-x:hidden;position:relative}main .bottom-laptop{position:absolute;right:-189px;bottom:327px}main section{position:relative;padding:90px 0}@media screen and (max-width:1000px){main section{padding:50px 0}}main section article{text-align:center;position:relative;margin:0 auto;max-width:1440px;font-size:0}@media screen and (max-width:1000px){main section article{max-width:600px;margin:0 auto}}@media screen and (max-width:640px){main section article{margin:0 20px}}main section .center{text-align:center}main section .numbers{width:33%;display:inline-block;background:#FFFBE0}main section .numbers li{padding:10px}main section.main-footer{background-color:#04cb94;background-image:url(///assets/img/home/footer_b89cca6.png);background-attachment:fixed;background-repeat:no-repeat;background-size:100%;padding:60px 0}main section.main-footer .line-title{color:#fff}main section.main-footer .line-title::after{background:0 0;margin:25px auto 0}main .page-bottom{background-color:#04cb94;background-image:url(///assets/img/home2021/page-bottom-bg_7989161.png);background-repeat:no-repeat;background-size:1200px 431px;background-position-x:center;background-position-y:-45px;padding:60px 0;margin:0;height:270px}main .page-bottom .line-title{color:#fff;font-size:28px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;line-height:40px}main .page-bottom .line-title::after{background:0 0;display:none}main .page-bottom .line-title-sub{font-size:16px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#FFF;line-height:16px;margin-top:10px}main .page-bottom .sd-button-group{margin-top:30px}main .page-bottom .sd-button-group .sd-button:not(:last-child){margin-right:20px}@media screen and (max-width:1080px){main .page-bottom{padding:50px 0}main .page-bottom::before{content:'';display:block;position:absolute;top:-13px;right:14px;width:138px;height:60px;background:url(///assets/img/home2021/bottom-icon-mb_9e2a616.png) no-repeat center;background-size:100% 100%}main .page-bottom::after{content:'';display:block;position:absolute;bottom:0;left:26px;width:138px;height:60px;background:url(///assets/img/home2021/bottom-icon-mb_9e2a616.png) no-repeat center;background-size:100% 100%}main .page-bottom .line-title{font-size:20px}main .page-bottom .line-title-sub{margin-top:10px;font-size:14px;padding:0 30px}main .page-bottom .sd-button-group{margin-top:20px}}footer{background-color:#2f3939;color:#fff;position:relative}footer .bottom-laptop{position:absolute;right:0;top:-376px;pointer-events:none}@media screen and (max-width:1170px){footer .bottom-laptop{width:650px;top:-344px}}@media screen and (max-width:1110px){footer .bottom-laptop{width:600px;top:-318px}}@media screen and (max-width:1080px){footer .bottom-laptop{display:none}}footer section{padding:65px 0 42px;max-width:1300px;margin:0 auto;text-align:right;position:relative}@media screen and (max-width:1080px){footer section{text-align:center;padding:32px 0 42px}}footer section nav{text-align:center;margin-left:280px}@media screen and (max-width:1080px){footer section nav{max-width:600px;margin:0 auto}}@media screen and (max-width:640px){footer section nav{margin:0 20px}}footer section nav .cards{font-size:0}@media screen and (max-width:519px){footer section nav .cards{text-align:left;padding-left:17px}}footer section nav .cards .product{width:270px}@media screen and (max-width:1080px){footer section nav .cards .product{width:210px}footer section nav .cards .product .h4{font-size:13px}}@media screen and (max-width:370px){footer section nav .cards .product{width:200px}}footer section nav .cards .product>ul{display:inline-block;vertical-align:top;width:135px}@media screen and (max-width:1080px){footer section nav .cards .product>ul{padding:0;width:105px}}@media screen and (max-width:370px){footer section nav .cards .product>ul{width:100px}}footer section nav .cards>li{vertical-align:top;display:inline-block;text-align:left;min-width:135px}footer section nav .cards>li h3::before{content:'';width:100%;border-top:solid 1px #a6a8ab;display:inline-block;-webkit-transform:translate(-2px,45px);-ms-transform:translate(-2px,45px);transform:translate(-2px,45px)}@media screen and (max-width:1080px){footer section nav .cards>li h3::before{-webkit-transform:translate(-2px,39px);-ms-transform:translate(-2px,39px);transform:translate(-2px,39px)}}footer section nav .cards>li:nth-of-type(1){width:270px}@media screen and (max-width:1080px){footer section nav .cards>li:nth-of-type(1){width:210px}}@media screen and (max-width:370px){footer section nav .cards>li:nth-of-type(1){width:200px}}@media screen and (max-width:1080px){footer section nav .cards>li{min-width:105px;margin:0;text-align:left}}@media screen and (max-width:370px){footer section nav .cards>li{min-width:100px}}@media screen and (max-width:320px){footer section nav .cards>li{width:87px}}footer section nav .cards>li h3{font-weight:300;color:#fff}@media screen and (max-width:1080px){footer section nav .cards>li h3{font-weight:500}}footer section nav .cards>li ul{margin-top:25px}footer section nav .cards>li ul li{list-style:none;margin-bottom:14px}footer section nav .cards>li ul li a{color:#a6a8ab}@media screen and (max-width:1080px){footer section nav .cards>li ul li a{font-weight:500}}footer section nav .cards>li ul li a:hover{color:#fff}footer section nav .cards>li ul li.active a{color:#fff;pointer-events:none}footer section nav .left{position:absolute;left:30px;top:65px;text-align:left}@media screen and (max-width:1080px){footer section nav .left{position:relative;left:0;top:0}}footer section nav .left .mp{display:inline-block;vertical-align:top}footer section nav .left .mp .qrcode{width:122px;height:auto}footer section nav .left .mp p{margin-top:0}footer section nav .left .mp p:nth-of-type(1){margin-top:0}footer section nav .left p{color:#a6a8ab}footer section nav .left p a{color:#a6a8ab}footer section nav .left p:nth-of-type(1){font-weight:300;margin-top:20px}@media screen and (max-width:1080px){footer section nav .left p:nth-of-type(1){margin-top:17px}}footer section nav .left p:nth-of-type(2){font-weight:300}@media screen and (max-width:1080px){footer section nav .left p:nth-of-type(2){margin-top:16px}}footer section nav .left p .mp img{margin-top:13px}footer section nav .left .logo svg,footer section nav .left .logo img{width:140px;height:44px}footer section nav .left .website-filling{line-height:20px}footer section nav .left .website-filling img{vertical-align:middle}footer section nav .left .website-filling a{font-size:14px}footer section nav .left .website-filling p{margin:0;display:inline}@media screen and (max-width:1080px){footer section nav .left{border-top:solid 1px #505254;float:none;text-align:left;padding-top:22px;padding-left:17px}}footer.footer-new{background-color:#1f2d3d;color:#fff;position:relative;text-align:center}footer.footer-new .sensors-footer{display:block;border-top:1px solid #354352}footer.footer-new .sensors-footer>span{font-size:14px;font-weight:400;color:#99a9bf;line-height:90px;padding:0 6px}footer.footer-new .sensors-footer>span img{vertical-align:middle}footer.footer-new .sensors-footer>span a{color:#99a9bf}@media screen and (max-width:1080px){footer.footer-new .sensors-footer{display:none}}footer.footer-new article{padding-top:40px;min-height:630px;display:inline-block;white-space:nowrap;position:relative;text-align:left}footer.footer-new article>div{display:inline-block;white-space:normal;vertical-align:top}footer.footer-new article .footer-left{width:255px;position:absolute;top:40px;left:0}footer.footer-new article .footer-left .footer-logo{width:133px;height:39px}footer.footer-new article .footer-left ul{margin-top:30px}footer.footer-new article .footer-left ul li{margin:5px 0;font-size:14px;font-weight:400;color:#99a9bf;line-height:28px}footer.footer-new article .footer-left ul li a{color:#99a9bf}footer.footer-new article .footer-left .qrcode-list{margin-top:20px;white-space:nowrap;vertical-align:top}footer.footer-new article .footer-left .qrcode-list>div{display:inline-block;width:120px;white-space:normal;vertical-align:top}footer.footer-new article .footer-left .qrcode-list>div img{width:100%;margin:0;padding:0;vertical-align:top}footer.footer-new article .footer-left .qrcode-list>div p{font-size:14px;font-weight:400;color:#99a9bf;line-height:28px;margin-top:5px}footer.footer-new article .footer-left .qrcode-list>div:first-child{margin-right:5px}footer.footer-new article .footer-left>p{display:none;font-size:14px;font-weight:400;color:#99a9bf;line-height:28px;margin:10px 0}footer.footer-new article .footer-left>p img{vertical-align:middle}footer.footer-new article .footer-left>p a{color:#99a9bf}footer.footer-new article .footer-right{margin-left:265px}footer.footer-new article .footer-right>nav>ul{font-size:0}footer.footer-new article .footer-right>nav>ul>li{min-width:84px;max-width:113px;display:inline-block;-moz-box-sizing:content-box;box-sizing:content-box;padding-right:40px;vertical-align:top;white-space:nowrap}footer.footer-new article .footer-right>nav>ul>li:last-child{width:84px;padding-right:0}footer.footer-new article .footer-right>nav>ul>li:last-child .divider-line{margin-right:0}footer.footer-new article .footer-right>nav>ul>li h3{min-width:43px;height:30px;font-size:20px;font-weight:400;color:#fff;line-height:30px}footer.footer-new article .footer-right>nav>ul>li h3.sub-title{min-width:50px;height:27px;font-size:18px;font-weight:400;color:#99a9bf;line-height:27px;margin-top:10px}footer.footer-new article .footer-right>nav>ul>li .divider-line{height:1px;background:#fff;margin-top:10px;margin-right:-40px}footer.footer-new article .footer-right>nav>ul>li ul{margin-top:30px}footer.footer-new article .footer-right>nav>ul>li ul li{margin:14px 0}footer.footer-new article .footer-right>nav>ul>li ul li a{font-size:14px;font-weight:400;color:#99a9bf;line-height:20px}footer.footer-new article .footer-right>nav>ul>li ul li a:hover{color:#fff}@media screen and (max-width:1080px){footer.footer-new{padding:0 20px;-moz-box-sizing:border-box;box-sizing:border-box}footer.footer-new article{width:100%;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;padding-bottom:20px}footer.footer-new article>div{display:block;width:100%}footer.footer-new article .footer-left{width:100%;position:relative;top:0;left:0;border-top:1px solid #fff;padding-top:19px}footer.footer-new article .footer-left>p{display:block}footer.footer-new article .footer-right{margin-left:0}footer.footer-new article .footer-right>nav>ul{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}footer.footer-new article .footer-right>nav>ul li{max-width:none;padding-right:0;width:50%;margin-bottom:40px}footer.footer-new article .footer-right>nav>ul li .divider-line{margin-right:0}footer.footer-new article .footer-right>nav>ul li>ul{margin-top:20px}footer.footer-new article .footer-right>nav>ul li:nth-child(5),footer.footer-new article .footer-right>nav>ul li:nth-child(6),footer.footer-new article .footer-right>nav>ul li:nth-child(7){width:auto;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1}footer.footer-new article .footer-right>nav>ul li:nth-child(5) .sub-title,footer.footer-new article .footer-right>nav>ul li:nth-child(6) .sub-title,footer.footer-new article .footer-right>nav>ul li:nth-child(7) .sub-title{height:auto}footer.footer-new article .footer-right>nav>ul li:nth-child(5) li,footer.footer-new article .footer-right>nav>ul li:nth-child(6) li,footer.footer-new article .footer-right>nav>ul li:nth-child(7) li{width:100%}}.sf-popup{position:fixed;top:170px;right:-405px;z-index:1000;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;width:325px}.sf-popup .sf-popup-content{display:block}.sf-popup .sf-popup-content img{width:100%;height:auto;position:relative;z-index:1;vertical-align:middle}.sf-popup.sf-show{right:-2px}.sf-popup.sf-hide{right:-410px}.sf-popup .icon-close{width:16px;height:16px;position:absolute;top:32px;right:32px;z-index:10;display:block;cursor:pointer;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.sf-popup .icon-close::before{content:'';width:100%;height:2px;background-color:#475669;position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);border-radius:2px}.sf-popup .icon-close::after{content:'';width:2px;height:100%;background-color:#475669;position:absolute;left:50%;top:0;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);border-radius:2px}@media screen and (max-width:1080px){.sf-popup{top:182px;right:-410px;-webkit-transition:none;transition:none}.sf-popup.sf-show{right:50%;-webkit-transform:translateX(50%);-ms-transform:translateX(50%);transform:translateX(50%);display:block}.sf-popup.sf-hide{right:-410px;display:none}}.btnGreen2,.btnGreen,.btnWhite,.btnMore,.btnMoreInCard{border-radius:2px;font-size:16px;border:solid 1px #fff;cursor:pointer;padding:7px 25px;display:inline-block}@media screen and (max-width:1000px){.btnGreen2,.btnGreen,.btnWhite,.btnMore,.btnMoreInCard{padding:4px 13px}}.btnGreen{background-color:rgba(255,255,255,.2);color:#fff}.btnGreen:hover{background-color:#fff;color:#00b27a}.btnGreen2{background-color:rgba(0,197,135,.1);border:solid 1px #00c587;color:#00c587}.btnGreen2:hover{color:#fff;background-color:#00c587;border:solid 1px #00c587}.btnWhite{background-color:#fff;color:#00b27a}.btnMore{padding:7px 36px;background-color:rgba(0,197,135,.1);border:solid 1px #00c587;font-size:16px;color:#00c587}.btnMore:hover{background-color:#00c587;color:#fff}.btnMoreInCard{background-color:rgba(255,255,255,.2);border:solid 1px #fff;font-size:18px;color:#fff}.btnMoreInCard:hover{background-color:#fff;border:solid 1px #fff;color:#00c587}.line-title,.line-title-left{font-size:32px;line-height:1.5;text-align:center;color:#2E4446}.line-title::after,.line-title-left::after{content:'';width:85px;height:3px;border-radius:4px;background-color:#57db9b;display:block;margin:25px auto 0}.line-title a,.line-title-left a{color:#52645e}.line-title a:hover,.line-title-left a:hover{color:#169f74}@media screen and (max-width:1000px){.line-title,.line-title-left{font-size:20px;line-height:1.5}}.line-title-special{margin-top:50px;margin-bottom:45px}@media screen and (max-width:1000px){.line-title-special{margin-top:30px;margin-bottom:35px}}.line-title-sub,.line-title-left-sub{display:inline-block;width:100%;max-width:778px;font-size:18px;line-height:1.89!important;text-align:center;color:rgba(125,139,134,.7);margin-top:25px}@media screen and (max-width:1000px){.line-title-sub,.line-title-left-sub{font-size:14px;line-height:2}}.line-title-sub-student{font-size:0;margin-top:19px!important}.line-title-sub-student>a{font-size:0}@media screen and (max-width:1000px){.line-title-sub-student{font-size:18px;line-height:1.89;height:34px}}.line-title-left{text-align:left}.line-title-left::after{margin:25px 0 0}.line-title-left-sub{text-align:left}.moreThan{display:inline-block;width:100%;text-align:right;color:#a1a1a1;font-size:12px;line-height:18px;text-decoration:underline}.nameplate{border-radius:2px;background-color:#fff;box-shadow:0 0 20px 0 rgba(26,52,45,.1);display:inline-block;position:relative}.nameplate svg{position:absolute;left:31px;top:38.6px}.nameplate p{padding-left:139px;padding-right:41px;text-align:left}.nameplate p:nth-of-type(1){font-size:24px;font-weight:500;color:#95e0f9;margin-top:39px}.nameplate p:nth-of-type(2){margin-top:13px;opacity:.7;font-size:14px;line-height:1.79;text-align:justify;color:#7d8b86}.tabbar{padding:0}.tabbar article{font-size:0}.tabbar article ul.tabs{font-size:0}.tabbar article ul.tabs li{text-align:center;color:#869aa3;padding:18px 0;max-width:228px;width:50%;font-size:16px;font-weight:500;line-height:1.12;display:inline-block}@media screen and (max-width:1080px){.tabbar article ul.tabs li{font-size:14px}}.tabbar article ul.tabs li a{color:inherit}.tabbar article ul.tabs li.active{pointer-events:none;color:#00c587;background-color:#FFF;border-bottom:solid 3px #00c587}.layout-center{position:absolute;left:50%;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0)}.pointer{cursor:pointer}.hoverMove{-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out}.hoverMove:hover{box-shadow:0 25px 60px -20px rgba(155,165,163,.45);-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}.flex{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.nowrap{-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.flex-column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.flex-x-center,.flex-y-center{-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}.flex-x-between{-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.flex-x-start{-webkit-box-pack:start;-webkit-justify-content:flex-start;-moz-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.flex-y-start{-webkit-box-align:start;-webkit-align-items:flex-start;-moz-box-align:start;-ms-flex-align:start;align-items:flex-start}.flex-y-end{-webkit-box-align:end;-webkit-align-items:flex-end;-moz-box-align:end;-ms-flex-align:end;align-items:flex-end}.flex1{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1}.flex2{-webkit-box-flex:2;-webkit-flex:2;-moz-box-flex:2;-ms-flex:2;flex:2}.flex3{-webkit-box-flex:3;-webkit-flex:3;-moz-box-flex:3;-ms-flex:3;flex:3}.flex4{-webkit-box-flex:4;-webkit-flex:4;-moz-box-flex:4;-ms-flex:4;flex:4}.flex5{-webkit-box-flex:5;-webkit-flex:5;-moz-box-flex:5;-ms-flex:5;flex:5}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tac{text-align:center}h1,.h1{font-size:32px;line-height:48px}h2,.h2{font-size:24px;line-height:36px}h3,.h3{font-size:20px;line-height:30px}h4,.h4{font-size:18px;line-height:27px}h5,.h5{font-size:16px;line-height:24px}h6,.h6{font-size:14px;line-height:28px;color:#475669}@media screen and (max-width:1080px){h1,.h1{font-size:24px;line-height:36px}h2,.h2{font-size:20px;line-height:30px}h3,.h3{font-size:18px;line-height:27px}h4,.h4{font-size:16px;line-height:24px}h5,.h5{font-size:14px;line-height:28px}h6,.h6{font-size:12px;line-height:24px}}.btn{display:inline-block;border-radius:2px;cursor:pointer;text-align:center}.btn-standard1{display:inline-block;min-width:80px;padding:11px 34px;border:1px solid transparent;color:#04CB94;background-color:rgba(4,203,148,.1);border-color:#04CB94;font-size:16px;line-height:1em;border-radius:2px;text-align:center;cursor:pointer}.btn-standard1:hover,.btn-standard1:active{color:#fff;background-color:#04CB94}.btn-standard2{display:inline-block;min-width:80px;padding:11px 34px;border:1px solid transparent;color:#fff;background-color:#04CB94;border-color:#04CB94;font-size:16px;line-height:1em;border-radius:2px;text-align:center;cursor:pointer}.btn-standard2:hover,.btn-standard2:active{background-color:#03A276;border-color:#03A276}.btn-standard3{display:inline-block;min-width:80px;padding:11px 34px;border:1px solid transparent;color:#fff;background-color:rgba(255,255,255,.26);border-color:#fff;font-size:16px;line-height:1em;border-radius:2px;text-align:center;cursor:pointer}.btn-standard3:hover,.btn-standard3:active{background-color:#fff;color:#04CB94}.btn-standard4,.btn-standard5{display:inline-block;min-width:80px;padding:11px 34px;border:1px solid transparent;color:#04CB94;background-color:#fff;border-color:#fff;font-size:16px;line-height:1em;border-radius:2px;text-align:center;cursor:pointer}.btn-standard4:hover,.btn-standard5:hover,.btn-standard4:active,.btn-standard5:active{background-color:#DEFFF6;border-color:#DEFFF6}@media screen and (max-width:1080px){.btn-standard1,.btn-standard2,.btn-standard3,.btn-standard4,.btn-standard5{padding:11px 34px}.sd-button-group .btn-standard1,.sd-button-group .btn-standard2,.sd-button-group .btn-standard3,.sd-button-group .btn-standard4,.sd-button-group .btn-standard5{padding:11px 15px}}.btn-standard1[size=small],.btn-standard2[size=small],.btn-standard3[size=small],.btn-standard4[size=small],.btn-standard5[size=small]{padding:6px 15px}.btn-standard1[type=round],.btn-standard2[type=round],.btn-standard3[type=round],.btn-standard4[type=round],.btn-standard5[type=round]{border-radius:5em}nav .btn-standard5{padding:3px 18px 3px 12px;border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}nav .btn-standard5:hover{border:solid 1px #fff;background-color:#fff}main section{}main section.banner{padding:0;background-size:cover;background-repeat:no-repeat}main section.banner h1,main section.banner .h1{font-weight:500;line-height:1.46;padding:2px 0}main section.banner h2,main section.banner h3,main section.banner .h2,main section.banner .h3{line-height:1.75;padding:2px 0}@media screen and (max-width:1080px){main section.banner h2,main section.banner h3,main section.banner .h2,main section.banner .h3{max-width:inherit}}main section.banner-shape{background-image:url(///assets/img/feature_bg_d405138.png);height:450px}@media screen and (max-width:1080px){main section.banner-shape{background-image:url(///assets/img/feature_bg_m_2b86ae7.png);height:586px}}main section.banner-shape h1,main section.banner-shape h2,main section.banner-shape h3,main section.banner-shape h4,main section.banner-shape .h1,main section.banner-shape .h2,main section.banner-shape .h3,main section.banner-shape .h4{text-align:left}@media screen and (max-width:1080px){main section.banner-shape h1,main section.banner-shape h2,main section.banner-shape h3,main section.banner-shape h4,main section.banner-shape .h1,main section.banner-shape .h2,main section.banner-shape .h3,main section.banner-shape .h4{text-align:center}}@media screen and (max-width:1080px){main section.banner-shape article{padding-top:84px}}main section.banner-shape h2,main section.banner-shape h3,main section.banner-shape .h2,main section.banner-shape .h3{max-width:460px}main section.banner-shape .slogen{text-align:left;position:absolute;left:159px;top:140px}@media screen and (max-width:1080px){main section.banner-shape .slogen{text-align:center}}main section.banner-shape .slogen p:nth-child(1){font-weight:500;line-height:1.33}@media screen and (max-width:1080px){main section.banner-shape .slogen p:nth-child(1){line-height:1.46}}main section.banner-shape .slogen p:nth-child(2){line-height:1.88;margin-top:14px;max-width:460px}@media screen and (max-width:1080px){main section.banner-shape .slogen p:nth-child(2){margin-top:11px;line-height:1.75;margin:14px auto 0;text-align:left}}main section.banner-shape .slogen .buttons{margin-top:25px}@media screen and (max-width:1080px){main section.banner-shape .slogen .buttons{margin-top:20px}}@media screen and (max-width:1080px){main section.banner-shape .slogen{position:static}}main section.banner-shape .show .grid{left:538px;top:56px;width:858px;position:absolute}@media screen and (max-width:1000px){main section.banner-shape .show .grid{left:50%;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);top:381px;height:60%;width:auto}}main section.banner-shape .show .shape{position:absolute;left:819px;top:138px}@media screen and (max-width:1000px){main section.banner-shape .show .shape{left:50%;top:381px;height:8rem;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0)}}main section.banner-poto{height:450px;background-image:url(///assets/img/feature_bg_d405138.png)}@media screen and (max-width:1080px){main section.banner-poto{background-image:url(///assets/img/feature_bg_m_2b86ae7.png)}}main section.banner-poto article{padding-top:140px}@media screen and (max-width:1080px){main section.banner-poto article{padding-top:96px}}main section.banner-poto h1,main section.banner-poto .h1{margin:0 auto}main section.banner-poto h2,main section.banner-poto h3,main section.banner-poto .h2,main section.banner-poto .h3{max-width:593px;margin:19px auto 0;font-weight:100}@media screen and (max-width:1080px){main section.banner-poto h2,main section.banner-poto h3,main section.banner-poto .h2,main section.banner-poto .h3{margin:13px auto 0}}main section.banner-poto .buttons{margin:46px}main section.banner-simple{background-color:#257c4f;height:350px}main section.banner-simple article{padding-top:140px}@media screen and (max-width:1080px){main section.banner-simple article{padding-top:96px}}main section.banner-simple h1,main section.banner-simple .h1{margin:0 auto}main section.banner-simple h2,main section.banner-simple h3,main section.banner-simple .h2,main section.banner-simple .h3{max-width:593px;margin:19px auto 0;font-weight:100}@media screen and (max-width:1080px){main section.banner-simple h2,main section.banner-simple h3,main section.banner-simple .h2,main section.banner-simple .h3{margin:13px auto 0}}main section.banner-simple .buttons{margin:46px}main section.banner-home{background-image:url(///assets/img/recommend/recommend_bg_f1d2de3.png);background:-webkit-linear-gradient(270deg,#01c0b7 0,#04cb94 100%);background:linear-gradient(180deg,#01c0b7 0,#04cb94 100%);height:700px}@media screen and (max-width:1080px){main section.banner-home{background-image:url(///assets/img/recommend/recommend_bg_m_daa5557.png);background:-webkit-linear-gradient(270deg,#01c0b7 0,#04cb94 100%);background:linear-gradient(180deg,#01c0b7 0,#04cb94 100%);height:865px}}main section.banner-home h1,main section.banner-home h2,main section.banner-home h3,main section.banner-home h4,main section.banner-home .h1,main section.banner-home .h2,main section.banner-home .h3,main section.banner-home .h4{text-align:left}@media screen and (max-width:1080px){main section.banner-home h1,main section.banner-home h2,main section.banner-home h3,main section.banner-home h4,main section.banner-home .h1,main section.banner-home .h2,main section.banner-home .h3,main section.banner-home .h4{text-align:center}}@media screen and (max-width:1080px){main section.banner-home article{padding-top:100px}}main section.banner-home h2,main section.banner-home h3,main section.banner-home .h2,main section.banner-home .h3{max-width:460px}main section.banner-home .slogen{text-align:left;position:absolute;left:159px;top:200px}main section.banner-home .slogen>span.h4{display:inline-block;font-size:18px;font-weight:700;line-height:27px;margin-bottom:10px}@media screen and (max-width:1080px){main section.banner-home .slogen{text-align:center}}main section.banner-home .slogen p:nth-of-type(1){font-weight:500;line-height:1.33}@media screen and (max-width:1080px){main section.banner-home .slogen p:nth-of-type(1){line-height:1.46}}main section.banner-home .slogen p:nth-of-type(2){line-height:1.88;margin-top:14px;max-width:460px}@media screen and (max-width:1080px){main section.banner-home .slogen p:nth-of-type(2){margin-top:11px;line-height:1.75;margin:14px auto 0}}main section.banner-home .slogen .buttons{margin-top:40px;float:left}@media screen and (max-width:1080px){main section.banner-home .slogen .buttons{margin-top:40px;float:none}}@media screen and (max-width:1080px){main section.banner-home .slogen{position:static}}main section.banner-home .show .grid{left:538px;top:56px;width:858px;position:absolute}@media screen and (max-width:1000px){main section.banner-home .show .grid{left:50%;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);top:381px;height:60%;width:auto}}main section.banner-home .show .shape{position:absolute;right:20px;top:138px}@media screen and (max-width:1000px){main section.banner-home .show .shape{left:50%;top:381px;height:8rem;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0)}}section article{margin:0 20px}.h1,.h2,.h3,.h4,.h5,.h6{color:#2E4446}.h1 a,.h2 a,.h3 a,.h4 a,.h5 a,.h6 a{color:#2E4446}.h1.detail,.h2.detail,.h3.detail,.h4.detail,.h5.detail,.h6.detail{color:#6C7C7D}.dark .h1,.dark .h2,.dark .h3,.dark .h4,.dark .h5,.dark .h6{color:#FFF}.dark .h1 a,.dark .h2 a,.dark .h3 a,.dark .h4 a,.dark .h5 a,.dark .h6 a{color:#FFF}.mobile-only{display:none}@media screen and (max-width:1080px){.mobile-only{display:block}}@media screen and (max-width:1080px){.desktop-only{display:none}}main section.start{background-color:#02e894;background-image:-webkit-linear-gradient(344deg,#02e894,#00ab75);background-image:linear-gradient(106deg,#02e894,#00ab75);background-size:cover;padding-bottom:0;overflow:hidden}main section.start::before{content:'';width:100%;height:70%;background-image:url(///assets/img/index/drawbridge_3e59876.svg);background-repeat:no-repeat;background-position:bottom;background-size:contain;display:inline-block;position:absolute;bottom:-2px;right:-5px;z-index:0}@media screen and (max-width:1080px){main section.start::before{background-position:center bottom;right:0}}main section.start .footer{height:24px;background:#2f3939}main section.start .bottom-laptop{position:absolute;right:0;bottom:-124px}@media screen and (max-width:1080px){main section.start .bottom-laptop{display:none}}main section.start article{text-align:left;height:270px;position:relative;padding-top:40px;z-index:1}@media screen and (max-width:1080px){main section.start article{padding-top:26px;text-align:center;height:200px}}main section.start article p{margin-left:173px;color:#fff;font-weight:500}@media screen and (max-width:1080px){main section.start article p{margin-left:0}}main section.start article p:nth-of-type(1){line-height:1.5}main section.start article p:nth-of-type(2){margin-top:10px;line-height:1.71}@media screen and (max-width:1080px){main section.start article p:nth-of-type(2){margin-top:9px}}main section.start article .buttons{margin-left:175px;margin-top:25px;position:relative;font-size:0}@media screen and (max-width:1080px){main section.start article .buttons{margin-left:0}}main section.start article .buttons .btn{margin:0 5px}main section.start article .buttons .btn:first-child{margin-left:0}main section.start article .buttons .btn:last-child{margin-right:0}main section.start article .drawbridge{position:absolute;height:50%;bottom:-2px;right:0}main section.customer article{position:relative}main section.customer article>img{margin-top:99px}main section.customer article .arrow{display:inline-block;cursor:pointer;width:49px;height:32px;background-image:url(///assets/img/index/arrow_0933766.svg);background-repeat:no-repeat;background-size:contain;top:50%;position:absolute}@media screen and (max-width:1080px){main section.customer article .arrow{width:34.3px;height:22.4px}}main section.customer article .arrow.arrow-prev{left:50px}@media screen and (max-width:1080px){main section.customer article .arrow.arrow-prev{left:-10px}}main section.customer article .arrow.arrow-next{right:50px;-webkit-transform:scale(-1,1);-ms-transform:scale(-1,1);transform:scale(-1,1)}@media screen and (max-width:1080px){main section.customer article .arrow.arrow-next{right:-10px}}main section.customer article .arrow:hover{background-image:url(///assets/img/index/arrow-h_6d248cf.svg)}main section.customer .message{margin:112px auto 0;padding:52px 53px 27px 55px;max-width:874px;border-radius:4px;background-color:#FFF;box-shadow:0 15px 30px 0 rgba(26,52,45,.1);position:relative;white-space:nowrap}main section.customer .message .talk{-webkit-transition:all .7s;transition:all .7s}main section.customer .message .talk.nav-index-1{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}main section.customer .message .talk.nav-index-2{-webkit-transform:translate3d(-200%,0,0);transform:translate3d(-200%,0,0)}main section.customer .message .talk.nav-index-3{-webkit-transform:translate3d(-300%,0,0);transform:translate3d(-300%,0,0)}main section.customer .message .talk.nav-index-4{-webkit-transform:translate3d(-400%,0,0);transform:translate3d(-400%,0,0)}main section.customer .message .talk.nav-index-5{-webkit-transform:translate3d(-500%,0,0);transform:translate3d(-500%,0,0)}main section.customer .message::before{content:'';background:url(///assets/img/index/quoted_2204b74.svg);background-repeat:no-repeat;background-size:contain;width:113px;height:98px;position:absolute;top:-50px;left:40px}@media screen and (max-width:1080px){main section.customer .message::before{width:83px;height:72px;left:0}}main section.customer .message li{-webkit-transition:all .7s;transition:all .7s;display:inline-block;white-space:normal;opacity:0;position:relative}main section.customer .message li.active{opacity:1}main section.customer .message li img{width:78px;height:78px;position:absolute;top:-88px;left:50%;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0)}main section.customer .message p:nth-of-type(1){font-size:18px;font-weight:500;line-height:1.5;text-align:center;color:#7d8b86}@media screen and (max-width:1080px){main section.customer .message p:nth-of-type(1){font-size:16px;line-height:2}}main section.customer .message p:nth-of-type(2){margin-top:30px;font-size:16px;line-height:1.69;text-align:justify;color:rgba(125,139,134,.8)}@media screen and (max-width:1080px){main section.customer .message p:nth-of-type(2){font-size:14px;line-height:2;color:#7d8b86}}main section.customer .nav{margin-top:62px}main section.customer .nav li{margin:9px;border-radius:50%;display:inline-block;width:8px;height:8px;background-color:rgba(125,139,134,.2)}main section.customer .nav li.active{background-color:#00c587}@media screen and (max-width:1080px){.figure{width:100%;max-width:335px;margin:0 auto}}main section.banner-shape .slogen p:nth-child(2){max-width:540px}main section.banner-shape .show .grid{display:none}main section.banner-shape .show .shape{width:300px;top:58px}@media screen and (max-width:1080px){main section.banner-shape .show .shape{top:300px;width:350px;height:auto}}main section.banner-shape .slogen{top:140px}.line-title{margin-bottom:56px}@media screen and (max-width:1080px){.line-title{font-size:20px!important;line-height:1.5!important;margin-bottom:36px}}main section.matrix{padding:90px 0 32px}@media screen and (max-width:1320px){main section.matrix{-webkit-transform:scale(0.85);-ms-transform:scale(0.85);transform:scale(0.85)}}@media screen and (max-width:1080px){main section.matrix{padding:28px 0 5px;display:none;visibility:hidden}}main section.matrix article{max-width:1240px}main section.matrix>.title{margin-top:25px;width:100%;color:#2e4446;font-size:32px;text-align:center;font-weight:500}@media screen and (max-width:1080px){main section.matrix>.title{font-size:26px;margin-bottom:24px;color:#2e4446}}main section.matrix .matrix-line{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;position:relative;width:100%;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around;margin:5px 0}main section.matrix .matrix-line img{width:-webkit-calc(100% - 80px);width:calc(100% - 80px);height:90px}main section.matrix .matrix-line img.matrix-line-mobile{display:none;height:auto}@media screen and (max-width:1080px){main section.matrix .matrix-line{height:0;margin:0;position:relative}main section.matrix .matrix-line img{display:none}main section.matrix .matrix-line img.matrix-line-mobile{position:absolute;top:42px;width:72px;display:block;margin:0 auto;-webkit-transform:translate(-53%,0);-ms-transform:translate(-53%,0);transform:translate(-53%,0)}}main section.matrix .matrix-productions{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;position:relative;width:100%;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}main section.matrix .matrix-productions .matrix-title{margin-top:16px;font-size:18px;color:#2e4446;font-weight:400}@media screen and (max-width:1080px){main section.matrix .matrix-productions{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:18px 0 0 38px;margin:0 auto;width:360px}main section.matrix .matrix-productions li{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:start;-moz-box-align:start;-ms-flex-align:start;align-items:start;margin-bottom:29px}main section.matrix .matrix-productions li .matrix-title,main section.matrix .matrix-productions li .matrix-sub-title{display:inline-block;line-height:50px}main section.matrix .matrix-productions li .matrix-title{margin:0 0 0 20px}main section.matrix .matrix-productions li img{width:50px;margin-right:84px;-webkit-transform:translate(-15px,0);-ms-transform:translate(-15px,0);transform:translate(-15px,0)}}@media screen and (max-width:374px){main section.matrix .matrix-productions{padding-left:10px}}main section.demos{padding-top:100px;padding-bottom:54px}@media screen and (max-width:1080px){main section.demos{padding-top:60px;padding-bottom:15px}}main section.demos .line-title{font-weight:400}main section.demos .line-title.hidden-m{display:block}@media screen and (max-width:1080px){main section.demos .line-title.hidden-m{display:none}}main section.demos .line-title.hidden-pc{display:none}@media screen and (max-width:1080px){main section.demos .line-title.hidden-pc{display:block}}@media screen and (max-width:1080px){main section.demos .line-title{font-size:23px;line-height:65px;color:#2e4446;font-weight:500}}main section.demos .cards{margin:30px 0 0;padding:0 70px;font-size:0;text-align:left;position:relative;width:100%;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-moz-box-orient:horizontal;-moz-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}main section.demos .cards.show-when-mobile{display:none}@media screen and (max-width:1320px){main section.demos .cards{max-width:1200px;margin:0 auto;padding:0}}@media screen and (max-width:1250px){main section.demos .cards{max-width:880px;margin:0 auto}}@media screen and (max-width:1080px){main section.demos .cards{width:auto;margin:0 auto}main section.demos .cards.not-show-when-mobile{display:none}main section.demos .cards.show-when-mobile{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}main section.demos .cards.show-when-mobile .desc a{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-moz-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;height:58px}main section.demos .cards.show-when-mobile .arrow::after{content:'';width:13px;height:13px;border-left:1.5px solid #828f90;border-bottom:1.5px solid #828f90;-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg);display:inline-block;position:absolute;top:37%;right:20px}}main section.demos .cards li{text-align:center;vertical-align:top;display:inline-block;padding:0 16px;margin:22px 16px;position:relative;width:289px;height:270px;background:#fff;border-radius:2px;border:0;box-shadow:0 2px 10px 0 rgba(155,165,163,.15)}main section.demos .cards li.upgrading{pointer-events:none}main section.demos .cards li.upgrading .buttons{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}main section.demos .cards li.upgrading .buttons .btn{background-color:rgba(188,195,196,.2);border-color:#cfd7d5;color:#828f90}main section.demos .cards li.upgrading .buttons .btn.active{pointer-events:auto;background-color:#00c587;border:solid 1px #00c587;color:#fff}main section.demos .cards li.upgrading .arrow::after{display:none}main section.demos .cards li.upgrading .show-when-mobile .info{display:inline}main section.demos .cards li.card-holder{background:transparent;box-shadow:none}@media screen and (max-width:1320px){main section.demos .cards li.card-holder{display:none}}main section.demos .cards li.card-more .more-demo{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;height:inherit;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}main section.demos .cards li.card-more .more-demo .card-title{padding:12px 60px;border-top:0}@media screen and (max-width:1080px){main section.demos .cards li.card-more .more-demo{display:inline-block;width:100%;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-moz-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-webkit-align-items:start;-moz-box-align:start;-ms-flex-align:start;align-items:start;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-moz-box-orient:horizontal;-moz-box-direction:normal;-ms-flex-direction:row;flex-direction:row;height:58px}}@media screen and (max-width:374px){main section.demos .cards li.card-more .more-demo .card-title{font-size:16px}}main section.demos .cards li>.buttons .btn.upgrading{pointer-events:none;background-color:rgba(188,195,196,.2);border-color:#cfd7d5;color:#828f90}@media screen and (max-width:1080px){main section.demos .cards li{height:58px;width:100%;margin:4px 0;border-radius:4px;max-width:330px;padding:0 3px 0 17px}}@media screen and (max-width:1080px){main section.demos .cards li .icon-wrapper{display:inline-block;width:70px;text-align:left;-webkit-transform:scale(0.8);-ms-transform:scale(0.8);transform:scale(0.8)}}main section.demos .cards li .icon{height:46px;margin-top:23px}@media screen and (max-width:1080px){main section.demos .cards li .icon{margin:7px 17px 0 -5px}}main section.demos .cards li .card-title{margin-top:19px;color:#2e4446;font-size:20px;border-top:1px solid #e7e7e7;padding-top:14px}@media screen and (max-width:1080px){main section.demos .cards li .card-title{display:inline-block;padding:0!important;margin:0!important;vertical-align:top;line-height:58px}}main section.demos .cards li .card-short-title{display:none}@media screen and (max-width:1080px){main section.demos .cards li .card-short-title{display:inline-block;color:#2e4446;font-size:20px;padding-top:14px}}@media screen and (max-width:374px){main section.demos .cards li .card-short-title{font-size:16px}}main section.demos .cards li .card-desc{margin-top:10px;text-align:justify;color:#828f90;line-height:1.785;font-weight:300}@media screen and (max-width:1080px){main section.demos .cards li .card-desc{display:none}}main section.demos .cards li .card-btn{position:absolute;bottom:33.2px;left:50%;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);padding:6px 10px;min-width:57px;font-size:14px}@media screen and (max-width:1080px){main section.demos .cards li .card-btn{margin-top:25px;position:static;-webkit-transform:none;-ms-transform:none;transform:none}}main section.demos .cards li .buttons{padding:6px 0}main section.demos .cards li .buttons .btn{position:static;-webkit-transform:none;-ms-transform:none;transform:none;margin:0 5px 5px}@media screen and (max-width:1080px){main section.demos .cards li .buttons{margin-top:25px;position:static;-webkit-transform:none;-ms-transform:none;transform:none}}main section.demos .cards li:not(.card-holder):not(.card-more):hover{box-shadow:0 25px 60px -20px rgba(155,165,163,.45);cursor:pointer;-webkit-transform:translateY(-8px);-ms-transform:translateY(-8px);transform:translateY(-8px);-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out}@media screen and (max-width:1080px){main section.demos .cards li:not(.card-holder):not(.card-more):hover{box-shadow:none;-webkit-transform:none;-ms-transform:none;transform:none;-webkit-transition:none;transition:none}}main section.other-demos{padding-bottom:50px}main section.other-demos .boards{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0 90px;-webkit-box-pack:start;-webkit-justify-content:flex-start;-moz-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}main section.other-demos .boards a,main section.other-demos .boards p{color:#fff}@media screen and (max-width:1080px){main section.other-demos .boards{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0}}main section.other-demos .boards .board{height:420px;background:#04cb94;width:350px;padding-top:28px;margin-top:30px;border-radius:4px;position:relative;margin-right:80px}@media screen and (min-width:1410px){main section.other-demos .boards .board:nth-of-type(3n){margin-right:0}}main section.other-demos .boards .board.upgrading{pointer-events:none}main section.other-demos .boards .board.upgrading .buttons .btn{background-color:#f5f8fc;border-color:#cfd7d5;color:#828f90!important}main section.other-demos .boards .board.upgrading .arrow::after{display:none!important}main section.other-demos .boards .board.upgrading .show-when-mobile .info{display:inline}@media screen and (max-width:1080px){main section.other-demos .boards .board>a{width:100%;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}}main section.other-demos .boards .board:not(.nolink):hover{box-shadow:0 25px 60px -20px rgba(155,165,163,.45);cursor:pointer;-webkit-transform:translateY(-8px);-ms-transform:translateY(-8px);transform:translateY(-8px);-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out}@media screen and (max-width:1080px){main section.other-demos .boards .board{height:58px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-webkit-justify-content:end;-moz-box-pack:end;-ms-flex-pack:end;justify-content:end;padding:0!important;max-width:330px;margin-bottom:13px;margin-right:0}main section.other-demos .boards .board:not(.nolink):hover{box-shadow:none;-webkit-transform:none;-ms-transform:none;transform:none;-webkit-transition:none;transition:none}main section.other-demos .boards .board img{-webkit-transform:scale(0.65);-ms-transform:scale(0.65);transform:scale(0.65);margin-right:10px;margin-left:5px}}@media screen and (max-width:374px){main section.other-demos .boards .board img{-webkit-transform:scale(0.75);-ms-transform:scale(0.75);transform:scale(0.75)}}main section.other-demos .boards .board .board-title{font-weight:400;font-size:25px;line-height:25px;text-align:left;padding:19px 0 25px;margin:0 20px;text-align:center;border-bottom:1px solid #e7e7e7}@media screen and (max-width:1080px){main section.other-demos .boards .board .board-title{padding:0;margin:0;border:0;font-size:20px}}@media screen and (max-width:374px){main section.other-demos .boards .board .board-title{font-size:16px;margin-left:-10px}}main section.other-demos .boards .board .board-desc-area{padding-top:25px}main section.other-demos .boards .board .board-desc-area .board-desc{font-family:PingFangSC-Light;font-weight:300;font-size:14px;text-align:left;line-height:25px;padding:0 26px 0 52px}main section.other-demos .boards .board .board-desc-area .board-desc::before{content:'';background-image:url(///assets/img/demo/matrix/demo-desc-icon_674a0ab.svg);background-repeat:no-repeat;width:18px;height:14px;display:inline-block;vertical-align:middle;margin-left:-23px}@media screen and (max-width:1080px){main section.other-demos .boards .board .board-desc-area{display:none}}main section.other-demos .boards .board .buttons{position:absolute;left:0;right:0;bottom:26px}main section.other-demos .boards .board .buttons .board-btn{color:#04cb94!important}main section.other-demos .boards .board .buttons .nolink-btn{padding:6px 35px 6px 34px;color:#fff!important;font-size:18px;cursor:default}@media screen and (max-width:1080px){main section.other-demos .boards .board .buttons{display:none}}main section.other-demos .boards .board .show-when-mobile{display:none;visibility:none}@media screen and (max-width:1080px){main section.other-demos .boards .board .show-when-mobile{display:inline-block;position:absolute;right:5px}main section.other-demos .boards .board .show-when-mobile .arrow::after{content:'';width:13px;height:13px;border-left:1.5px solid #fff;border-bottom:1.5px solid #fff;-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg);display:inline-block;position:absolute;top:3px;right:20px}main section.other-demos .boards .board .show-when-mobile .info{display:none}main section.other-demos .boards .board .show-when-mobile>span{font-size:14px;color:#fff;padding:0 10px}}@media screen and (max-width:374px){main section.other-demos .boards .board .show-when-mobile>span{padding:0 3px}}main section.other-demos .temp{width:340px;height:450px}@media screen and (max-width:1080px){main section.other-demos .temp{display:none}}main section.other-demos .line-title-sub{margin-top:47px}@media screen and (max-width:1080px){main section.other-demos .line-title-sub{width:79%}}main section.document{background-color:rgba(244,248,251,.6)}main section.document p{line-height:2;text-align:center;color:#7d8b86}main section.document p:nth-of-type(2){margin-top:36px}main section.document .btn{color:#00c587}main section.document .btn:hover{color:#fff}main section.document .cards{margin:8px auto 0;font-size:0}main section.document .cards li{vertical-align:top;display:inline-block;position:relative;line-height:1.56;padding:6px 18px;border-radius:2px;border:solid 1px #e7e7e7;margin:17px 10px}main section.document .cards li a{color:#7d8b86}@media screen and (max-width:1080px){main section.document .cards li{margin:8.5px 10px}}main section.document .cards li:hover{border-color:#00c587}main section.document .cards li:hover a{color:#00c587}.buttons-multiple{height:36px}.buttons-multiple a{-moz-box-sizing:border-box;box-sizing:border-box;width:120px}.buttons-multiple a:nth-child(2){margin-right:10px}