@font-face{font-family:DINPro-Bold;src:url(../fonts/DINPro-Medium.48a3635c.otf)}.private:not(.is-mobile){min-width:1200px}.private:not(.is-mobile) .title{font-family:DINPro-Bold}.private:not(.is-mobile) .sec-1{max-height:1000px;min-height:600px;height:100vh;background-image:linear-gradient(152deg,#1d1d1d 1%,#121317 97%);position:relative}.private:not(.is-mobile) .sec-1 .caption{position:absolute;width:495px;right:calc(50% - 600px);top:42%;margin-top:-4%;color:#fff}.private:not(.is-mobile) .sec-1 .figure{position:absolute;width:51%;min-width:800px;left:7vw;top:42%;margin-top:-11%}.private:not(.is-mobile) .sec-1 h3.title{width:490px}.private:not(.is-mobile) .sec-1 h3.title img,.private:not(.is-mobile) .sec-1 h3.title picture{display:block;width:100%}.private:not(.is-mobile) .sec-1 .text{font-size:14px;margin:45px 0 17px;line-height:23px;letter-spacing:1.5px}.private:not(.is-mobile) .sec-1 .tips{font-size:14px;margin-bottom:100px;line-height:23px}.private:not(.is-mobile) .sec-1 .btns{width:400px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.private:not(.is-mobile) .sec-1 .btns a{width:168px;height:46px;border:1px solid #fff;text-align:center;line-height:46px;color:#fff;font-size:14px;position:relative;-webkit-transition:color .2s;transition:color .2s;letter-spacing:1px;cursor:pointer}.private:not(.is-mobile) .sec-1 .btns a:after{content:"";height:48px;width:0;position:absolute;z-index:-1;left:-1px;top:-1px;background:#fff;-webkit-transition:width .2s linear;transition:width .2s linear}.private:not(.is-mobile) .sec-1 .btns a:before{content:"";width:0;height:2px;background:#f02937;position:absolute;left:20px;top:22px;-webkit-transition:width .15s linear;transition:width .15s linear}.private:not(.is-mobile) .sec-1 .btns a:hover{color:#000}.private:not(.is-mobile) .sec-1 .btns a:hover:after{width:170px}.private:not(.is-mobile) .sec-1 .btns a:hover:before{width:14px}.private:not(.is-mobile) .sec-2{padding:145px 0 170px;background:#fafafa;position:relative}.private:not(.is-mobile) .sec-2 .title{position:relative;width:800px;left:calc(50% - 600px);font-size:34px;color:#000;letter-spacing:1.4px;font-weight:500}.private:not(.is-mobile) .sec-2 .text{position:relative;width:800px;left:calc(50% - 600px);margin:26px 0 119px;line-height:26px;font-size:14px;color:#000;letter-spacing:1px;text-align:left}.private:not(.is-mobile) .sec-2 .fetch-client{position:absolute;z-index:1;top:160px;right:calc(50% - 600px);width:300px;height:50px;text-align:center;border:1px solid #707070;font-size:16px;letter-spacing:1px;line-height:50px;color:#000;cursor:pointer}.private:not(.is-mobile) .sec-2 .fetch-client:after{content:"";height:100%;width:0;position:absolute;z-index:-1;left:0;background:#fff;-webkit-transition:width .2s linear;transition:width .2s linear}.private:not(.is-mobile) .sec-2 .fetch-client:before{content:"";width:0;height:2px;background:#f02937;position:absolute;top:25px;left:13px;-webkit-transition:width .15s linear;transition:width .15s linear}.private:not(.is-mobile) .sec-2 .fetch-client:hover:before{width:14px}.private:not(.is-mobile) .sec-2 .fetch-client:hover:after{width:100%}.private:not(.is-mobile) .sec-2 ul{width:1200px;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.private:not(.is-mobile) .sec-2 li{width:350px;height:207px;padding-top:193px;text-align:center}.private:not(.is-mobile) .sec-2 li:first-child{background:#fff url(../img/sever.53df8e36.svg) no-repeat center 53px;background-size:116px}.private:not(.is-mobile) .sec-2 li:nth-child(2){background:#fff url(../img/builder.4cc2e2f4.svg) no-repeat 104px 63px;background-size:106px}.private:not(.is-mobile) .sec-2 li:nth-child(3){background:#fff url(../img/sdk.9d240c61.svg) no-repeat center 63px;background-size:98px}.private:not(.is-mobile) .sec-2 li p{width:258px;margin:20px auto 0;font-size:14px;color:#262626;letter-spacing:.58px;text-align:center;line-height:26px}.private:not(.is-mobile) .sec-2 h4{font-size:24px;color:#262626;text-align:center}@media screen and (max-width:1440px){.private:not(.is-mobile) .sec-1 .caption{width:450px;margin-top:-6%;right:calc(50% - 550px)}.private:not(.is-mobile) .sec-1 .figure{width:49%;left:3vw;margin-top:-12%}.private:not(.is-mobile) .sec-1 h3.title{width:450px}.private:not(.is-mobile) .sec-1 .tips{margin-bottom:45px}.private:not(.is-mobile) .sec-2{padding-top:100px}.private:not(.is-mobile) .sec-2 .title{font-size:28px}.private:not(.is-mobile) .sec-2 .text{margin-bottom:80px}.private:not(.is-mobile) .sec-2 .text,.private:not(.is-mobile) .sec-2 .title{left:calc(50% - 550px)}.private:not(.is-mobile) .sec-2 .fetch-client{top:120px;right:calc(50% - 550px)}.private:not(.is-mobile) .sec-2 ul{width:1100px}.private:not(.is-mobile) .sec-2 ul li{width:340px}}.private.is-mobile section{position:relative}.private.is-mobile .sec-1{padding-bottom:4rem;background:#181818;overflow:hidden}.private.is-mobile .sec-1 img{position:relative;width:132vw;left:50%;margin-top:80px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.private.is-mobile .sec-1 .caption{margin-top:-.5rem;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 1rem;color:#fff}.private.is-mobile .sec-1 h3.title{font-size:24px;letter-spacing:1.6px;font-weight:550}.private.is-mobile .sec-1 .text{font-size:14px;margin:.7rem 0;line-height:20px;letter-spacing:.5px}.private.is-mobile .sec-1 .tips{font-size:14px;margin-bottom:2rem}.private.is-mobile .sec-1 .btns{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.private.is-mobile .sec-1 .btns a{width:8rem;height:2.4rem;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #fff;text-align:center;line-height:46px;color:#fff;font-size:14px;position:relative}.private.is-mobile .sec-1 .btns a:after{content:"";height:48px;width:0;position:absolute;z-index:-1;left:-1px;top:-1px;background:#fff;-webkit-transition:width .2s linear;transition:width .2s linear}.private.is-mobile .sec-1 .btns a:before{content:"";width:0;height:2px;background:#f02937;position:absolute;left:20px;top:22px;-webkit-transition:width .15s linear;transition:width .15s linear}@media screen and (max-width:361px){.private.is-mobile .sec-1 .btns a{width:7.5rem!important}}.private.is-mobile .sec-2{background:#fafafa;position:relative;padding:4.4rem 0}.private.is-mobile .sec-2 .title{font-size:24px;color:#000;letter-spacing:1.4px;padding:0 1rem;font-weight:550}.private.is-mobile .sec-2 .text{line-height:26px;font-size:14px;color:#000;letter-spacing:.5px;text-align:left;padding:0 1rem 3.15rem}.private.is-mobile .sec-2 ul{padding:0 1rem}.private.is-mobile .sec-2 li{height:10.35rem;padding:9.65rem 1rem 0;text-align:center}.private.is-mobile .sec-2 li+li{margin-top:1rem}.private.is-mobile .sec-2 li:first-child{background:#fff url(../img/sever.53df8e36.svg) no-repeat center 2.65rem;background-size:5.8rem}.private.is-mobile .sec-2 li:nth-child(2){background:#fff url(../img/builder.4cc2e2f4.svg) no-repeat 42% 3.15rem;background-size:5.3rem}.private.is-mobile .sec-2 li:nth-child(3){background:#fff url(../img/sdk.9d240c61.svg) no-repeat center 3.15rem;background-size:4.9rem}.private.is-mobile .sec-2 h4{font-size:24px;color:#262626;text-align:center}.private.is-mobile .sec-2 p{font-size:14px;color:#262626;letter-spacing:.58px;text-align:center;line-height:26px;margin-top:1rem}