.og-context-node-6180.node-type-features .main-container-wrapper:before,.header-top{background:0}.pagewrapper{overflow:hidden}.pagewrapper img{width:100%}.zsection{padding:120px 0 0}.feature-item .content-wrap{width:80%}.feature-item .cont-part{width:40%;display:inline-block;vertical-align:top}.feature-item-bottom.feature-item .cont-part{width:40%}.feature-item .img-part{width:50%;display:inline-block;margin:0 0 0 10%}.feature-item h4{font-family:var(--zf-primary-regular);font-size:26px}.zsection h2{font-size:42px;margin-bottom:30px}.header-top{padding:90px 0 60px}.header-top .content-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.header-top .cont-part{width:49%}.header-top h1{font-size:60px}.header-top .cont-part p{margin-bottom:30px}.act-btn{padding:15px 40px}.header-top .img-part{width:45%}.z-features .content-wrap,.feature-item .content-wrap{max-width:1280px}.features{overflow:hidden;display:flex;width:90%;flex-flow:row wrap;margin:0 auto}.features .feature-item{width:31.33%;padding:60px 0 120px;box-sizing:border-box;margin:0 2% 0 0}.features .feature-item img.first-feature{max-width:100px}.features .feature-item img{max-width:80px}.feature-cont{padding:30px 0 0 10px;max-width:100%}.feature-cont h4{font-size:28px;max-width:300px;font-family:var(--zf-secondary-bold)}.z-features,.feature-item{background:#e3f3ff;width:1400px;margin:0 auto}.zsection.features-sec{background:#3a3a3a;color:#fff;padding:180px 0;max-width:1400px;margin:0 auto}.features-sec .content-wrap{overflow:unset;max-width:80%}.features-sec .features-inner-sec{position:relative}.features-sec .features-inner-sec .fade-out-top{height:180px;position:-webkit-sticky;position:sticky;background:-o-linear-gradient(top,#e74346 90%,#e74346 100%);top:0;width:65%;margin-top:-180px;z-index:9;float:right}.features-flex{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}.features-flex .features-left{width:46%}.features-flex .features-right{width:40%}.features-flex .features-left .sticky-heading{max-width:80%;position:-webkit-sticky;position:sticky;top:300px;left:0;padding:0 0 0 7%}.features-flex .features-left h2{font-size:32px;margin-bottom:30px}.features-flex .features-right .single-features .single-features-inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:flex-start;margin-bottom:100px;flex-direction:column;max-width:420px}.features-flex .features-right .single-features .single-features-inner .content-sec{margin-top:20px;display:block;width:100%}.single-features .content-sec p{color:#fff}.zsection.zcreate-1{position:relative}.zsection.zcreate-1:before{position:absolute;content:'';width:90%;max-width:1400px;height:70%;background:#e3f3ff;bottom:30%;z-index:-1;left:0;right:0;margin:auto}.zcreate .content-wrap{max-width:980px}.zlearn{max-width:750px;margin:50px auto 50px}.animation-element{text-align:center}.zcreate-1 .first-image img{max-width:750px;width:100%}.zfloat{padding:120px 0;overflow:hidden}.zfloat .content-wrap{display:table;max-width:1080px}.zfloat.left-float .content-wrap .cont-part{padding-right:6%}.zfloat .content-wrap>div{display:table-cell;width:50%;vertical-align:middle}.zfloat .content-wrap>div{display:table-cell;width:50%;vertical-align:middle}.zfloat.zfloat-1{padding:0 0 160px}.zfloat.right-float .content-wrap .cont-part{padding-left:7%}.zfloat .animation-element.in-view .first-image img{max-width:750px;width:100%}.zsection.zhr{padding:120px 0;background:#3a3a3a;color:#fff;max-width:1400px;margin:0 auto}.left-content,.right-img{width:50%;display:inline-block}.right-img img{max-width:360px}.act-btn{padding:15px 50px}.zsection.zhr .content-wrap,.zsection.bottom-cta-wrap .content-wrap{max-width:75%}.feature-item-bottom{background:transparent}.zfloat h3{font-size:36px}.z-features{padding:0}.feature-item-single.feature-item .cont-part{width:46%}.bottom-cta-wrap .content-wrap{padding:100px 0 60px 0}p{font-size:18px}p.content-sec-no{display:inline-block;width:8%;vertical-align:top}p.content-sec-text{display:inline-block;width:90%}.single-features .cta-btn{margin-left:30px;margin-top:30px}#video-part .content-wrap{max-width:1170px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#video-part .img-wrap{cursor:pointer}.features-item .img-part{width:55%}#video-part .img-wrap span.zcpopup-controller{position:relative;display:inline-block;z-index:1}#video-part .img-wrap span.zcpopup-controller:before{content:'';position:absolute;top:10px;left:10px;background:url(//cdn.zoho.com.cn/sites/zweb/images/recruit/grey-bg.png);width:100%;height:100%;z-index:-1;background-size:50px}.play-btn{width:55px;height:55px;background:rgba(0,0,0,.2);border-radius:50%;position:relative;display:block;box-shadow:0 0 25px 3px rgba(255,255,255,0.2);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.play-btn-icon{content:"";position:absolute;left:50%;top:50%;-webkit-transform:translateX(-40%) translateY(-50%);transform:translateX(-40%) translateY(-50%);transform-origin:center center;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:15px solid #fff;z-index:100;-webkit-transition:all 400ms;transition:all 400ms}.play-btn:before{content:"";position:absolute;width:150%;height:150%;-webkit-animation-delay:0;animation-delay:0;-webkit-animation:pulsate1 2s;animation:pulsate1 2s;-webkit-animation-direction:forwards;animation-direction:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:steps;animation-timing-function:steps;opacity:1;border-radius:50%;border:5px solid rgba(0,0,0,0.4);top:-33%;left:-33%;background:rgba(0,0,0,0)}@-webkit-keyframes pulsate1{0%{-webkit-transform:scale(0.6);transform:scale(0.6);opacity:1;box-shadow:inset 0 0 25px 3px rgba(255,255,255,0.4),0 0 25px 10px rgba(255,255,255,0.4)}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0;box-shadow:none}}@keyframes pulsate1{0%{-webkit-transform:scale(0.6);transform:scale(0.6);opacity:1;box-shadow:inset 0 0 25px 3px rgba(255,255,255,0.4),0 0 25px 10px rgba(255,255,255,0.4)}100%{-webkit-transform:scale(1,1);transform:scale(1);opacity:0;box-shadow:none}}#video-part .img-wrap span.zcpopup-controller:after{content:'';position:absolute;top:0;left:0;background:rgba(0,0,0,0.2);width:100%;height:100%;transition:all 500ms ease-out}#video-part .cont-part img{max-width:50px;margin:0 0 20px 0}.other-lang #video-part{display:none}#video-part{color:#fff;background:#313131;padding:140px 0}.z-accordian{max-width:1000px;margin:90px auto 20px;text-align:left}.z-accordian h2{text-align:center}.z-accordianBox{border-bottom:1px solid #ccc}.z-accordianBox-head{padding:20px 0;cursor:pointer;position:relative}.z-accordianBox .z-accordianBox-head:before{content:'+';position:absolute;top:0;right:20px;bottom:0;font-size:18px;font-weight:600;height:25px;margin:auto}.z-accordianBox .z-accordianBox-head.active:before{content:'-';right:20px}.z-accordianBox .z-accordianBox-head.active h4{color:#03a9f5}.z-accordianBox h4{margin:0;padding:0 35px;position:relative;cursor:pointer;font-size:18px}ul.list{padding-left:25px}.list li{list-style:disc}.z-accordianBox>ul{padding:0 35px 20px;display:none}.z-accordianBox ul{margin:15px 0 20px}.z-accordianBox>ul>li{position:relative}@media only screen and (min-width:1025px){#video-part{max-width:1400px;background:#313131;padding:140px 0;margin:140px auto 0 auto}#video-part .cont-part{width:55%}}@media screen and (max-width:1399px) and (min-width:992px){#video-part .content-wrap{-ms-flex-pack:distribute;justify-content:space-around}}@media screen and (min-width:1400px){.header-top .cont-part p{max-width:490px;font-size:18px}}@media screen and (min-width:1200px){.feature-item-single.feature-item .cont-part{max-width:480px}.zlearn p{max-width:600px}.feature-item-single.feature-item .cont-part{max-width:100%}.feature-item .cont-part{max-width:400px}.feature-item .img-part{max-width:460px}}@media screen and (min-width:992px){#video-part .img-part{width:35%}#video-part .cont-part{width:50%}#video-part .cont-part p{font-size:20px;max-width:75%}.feature-item-bottom.feature-item .cont-part h2{font-family:var(--zf-primary-regular)}.zsection.zhr .content-wrap{max-width:75%}.right-img{text-align:right}.zsection.bottom-cta-wrap{padding:20px 0 80px 0;max-width:1280px;margin:0 auto}.zsection.bottom-cta-wrap h2{margin:0 0 10px 0}}@media screen and (max-width:1400px){.z-features,.feature-item{width:100%}.header-top{padding:90px 0 120px}.header-top .img-part{width:45%;text-align:right}}@media screen and (max-width:1200px){.zsection.zcreate-1:before{width:100%}.header-top{padding:90px 0 90px}.header-top .cont-part{width:80%;text-align:center;margin:0 auto}.header-top h1{font-size:50px}.header-top .img-part{display:none}.header-top img{max-width:100%;height:auto}}@media screen and (max-width:1199px){.zsection h2{font-size:40px}.zcreate .content-wrap{text-align:center}.features-flex .features-left,.features-flex .features-right{width:100%}.single-features .content-sec p{margin:0 0 60px 0}}@media screen and (max-width:991px){#video-part .img-part img{max-width:100%}.zsection{padding:80px 0 0}.header-top{padding:40px 0 90px}.feature-item h4{font-size:22px}.zsection h2{font-size:34px}.header-top h1{font-size:42px}.zfloat.zfloat-1{padding:0 0 90px}#video-part{padding:70px 0 80px 0}#video-part .img-part{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}#video-part .img-part,#video-part .cont-part{max-width:600px;margin:0 auto;text-align:center;width:100%}.zfloat.right-float .content-wrap .cont-part{padding-left:0}.zsection.bottom-cta-wrap .content-wrap{padding:0 0 90px 0}.zsection.zhr .content-wrap{max-width:100%;margin:0 auto}.zfloat.zfloat-2{padding:80px 0 60px}.zfloat.zfloat-1 .content-wrap,.zfloat.zfloat-4 .content-wrap{display:flex;flex-wrap:wrap;flex-direction:column-reverse}.zfloat .content-wrap{text-align:center;max-width:560px;margin:0 auto}.zfloat .content-wrap>div{display:block;width:100%;margin-bottom:30px}.zfloat.left-float .content-wrap .cont-part{padding-right:0}.zlearn{max-width:85%;margin:0 auto}.features{width:95%}}@media screen and (max-width:768px){.zfloat.right-float .content-wrap .cont-part{padding-left:0}.feature-item-single.feature-item .cont-part{width:100%}.features .feature-item{width:80%;padding:20px 0 60px;box-sizing:border-box;margin:0 auto;text-align:center}.feature-cont h4{max-width:100%}.feature-item .cont-part{width:100%;display:inline-block;vertical-align:top;text-align:center}.feature-item .img-part{width:100%;display:inline-block;margin:0;text-align:center}.features-flex{display:block;text-align:center}.features-flex .features-right .single-features .single-features-inner{max-width:100%;margin-bottom:0;text-align:left}p.content-sec-no{width:10%}.zsection.features-sec{padding:100px 0 80px 0}.features-flex .features-left .sticky-heading{max-width:100%;padding:0}.feature-item-bottom.feature-item .cont-part{width:100%}.left-content,.right-img{width:90%;display:block;text-align:center;margin:0 auto}.right-img img{max-width:300px}}@media screen and (max-width:767px){#video-part p{margin-bottom:35px}.zcreate-1 .first-image img{max-width:500px}section.zsection.feature-item.feature-item-single{padding:60px 0 0 0}.feature-item .cont-part h2{max-width:100%;margin:0 auto 30px}.zsection.zcreate-1:before{background:transparent}.mobile-hidden{display:none}.zhr .content-wrap>div{max-width:610px;margin:0 auto}.left-content,.right-img{width:100%;display:block;text-align:center}.zhr .content-wrap>div h2{width:100%;max-width:470px;margin:0 auto 15px}.zhr .content-wrap>div{max-width:610px;margin:0 auto}.right-img img{max-width:240px}.features .feature-item{width:100%;padding:0 0 60px;text-align:center;max-width:400px;margin:0 auto}.feature-cont{padding:30px 10px 0 10px;max-width:100%}.feature-cont h4{max-width:100%}}@media screen and (max-width:480px){.play-btn{width:40px;height:40px}.zfloat.zfloat-1{padding:0}.header-top h1{font-size:38px}.zsection h2{font-size:38px}.zfloat.right-float .content-wrap .cont-part{padding-left:0}}@media screen and (max-width:1366px) and (min-width:1201px){.header-top .cont-part p{max-width:480px}}