.zvideo-inner{position:absolute;top:0;left:0;width:430px;height:640px}.zvideo-inner.right{right:0;left:unset;z-index:-1}.zsection.zbanner{position:relative}picture.image-part img{width:100%;max-width:500px}.zsection .content-wrap{padding:160px 0}.zrow-inner.zcenter{max-width:600px;margin:0 auto;padding:60px 0}h1{font-size:56px}.zrow-inner.zcenter p{max-width:430px}a.zcomp{padding:12px 30px;margin-left:20px;border:1px solid;color:#000;border-radius:4px}.act-btn{padding:12px 30px;border-radius:4px}.zfeature-wrap{max-width:680px;margin:0 auto;overflow:hidden}.zfeature-list ul{background-image:url(//cdn.zoho.com.cn/sites/zweb/images/workdrive/folder-img.png);width:160px;height:150px;background-size:contain;background-repeat:no-repeat}.zfeature-list li span{display:inline-block;opacity:0;position:relative;top:15px;transition:all .6s ease-in;left:13px}.zfeature-list li:last-child span{position:relative;left:15px}.zfeature-list li.zactive span{opacity:1}.zfeature-list{margin-top:40px;width:20%;float:left;transition:margin-top 0s ease}.zfeature-content{width:65%;float:right}.zfeature-content>div{margin-bottom:90px}.zfeature-content>div:last-child{margin-bottom:0}.makefixed{position:fixed;top:0;margin-top:240px;z-index:1}.zfeature-list ul{position:relative}.zfeature-list ul li{position:absolute;top:28px;opacity:0;left:33px}.zfeature-list ul li.zactive{opacity:1}[class|=zicon]{background-image:url(//cdn.zoho.com.cn/sites/zweb/images/zh-hans/workdrive/seamless-file-syncing/seamless-sprite.png);background-size:300px auto;display:inline-block;width:75px;height:60px}.zfeature-list li span.zicon-workdrive{background-position:0 0;width:60px;left:18px}.zicon-nointernet{background-position:-66px -5px}.zicon-sync{background-position:-122px -5px;background-size:250px}.zicon-securely{background-position:-244px -1px;width:56px;left:10px}.zcircle{border:.05rem solid #000;top:84px;right:-29px;width:30px;height:30px;border-radius:50%;position:relative;left:unset;border-left:.05rem solid #0095d9;transform:rotate(33deg);background:#66ba39;box-shadow:0 -1px 10px 1px rgba(000,000,000,0.2)}.zfeature-list li span.zcircle{top:84px;position:relative;left:unset}.zcircle:after,.zcircle:before{content:'';position:absolute;width:6px;height:2px;background:#fff;top:61%;left:38%}.zcircle:after{width:12px;transform:rotate(98deg);left:40%;top:43%}.mobile-image{display:none}.zsection.zaccord h2{text-align:center}.zaccordian{padding-top:120px;display:table;text-align:left;width:100%}.zaccordian .content-part{width:40%;display:table-cell;vertical-align:middle;padding-left:6%}.zaccordian .content-part ul li{padding:10px 0 0}.zaccordian .content-part ul li img{display:none}.zaccordian .content-part p{max-width:300px;display:none}.zaccordian .content-part p.active{display:block}.zaccordian .img-part .image-part{display:none;align-items:center}picture.image-part.first-image img{max-width:400px}.zaccordian .img-part .image-part.first-image{display:inline}.zsection.zaccord .content-wrap{max-width:1170px}.zaccordian .content-part ul li h4{cursor:pointer}.zaccordian .img-part{position:relative;width:100%;min-height:550px;max-width:580px;display:flex;justify-content:center;align-items:center}.zaccordian .img-part:before{content:'';width:100%;max-width:580px;height:100%;background:#f1f6f9;position:absolute;top:-5px;z-index:-1}.zsection.zmanage{background:#183a6f;color:#fff}.zsection.zfoot{text-align:center}.zsection.zfoot h2{max-width:635px;margin:0 auto 30px}.ztesti{max-width:660px;margin:0 auto}.ztesti>p{font-family:"Roboto Slab";font-size:26px;font-weight:300}.ztesti>div{max-width:460px}.ztesti-name p:first-child{font-weight:600;font-size:22px}.ztesti>div{display:inline-flex;justify-content:center;align-items:center}.ztesti-image{width:80px;height:80px;margin-right:30px}.ztesti-image img{border-radius:100px}.ztesti>div>span .ztesti-company{display:inline}.zsection.ztestimonial .content-wrap{padding:0}.ztestimonial{display:none}span.ztesti-name>p{display:block;margin-bottom:0}@media screen and (max-width:1300px){h1{font-size:48px}.zvideo-inner{width:400px}.zrow-inner.zcenter{max-width:500px}}@media screen and (max-width:1100px){h1{font-size:46px}.zvideo-inner.left{display:none}.zrow-inner.zcenter{margin-left:0}}@media screen and (max-width:991px){.zsection .content-wrap{padding:120px 0}h1{font-size:42px}.zvideo-inner{top:0}.zaccordian{padding-top:60px}.zaccordian .img-part:before{width:100%}.zaccordian .content-part{padding-left:0;padding-right:3%}.zrow-inner.zcenter{padding-top:20px}.zsection.zfoot h2{max-width:460px}.ztesti>p{font-size:22px}.ztesti{max-width:580px}.zfeature-list li:last-child span{left:16px}}@media screen and (max-width:768px){.zaccordian .img-part{min-height:470px}picture.image-part img{max-width:400px}picture.image-part.first-image img{max-width:350px}}@media screen and (max-width:767px){h1{font-size:36px}.ztesti>p{font-size:18px}.zaccordian .content-part ul li img{display:block;width:100%;max-width:450px;margin:0 auto}.zvideo-inner.right,.zfeature-list{display:none}.zaccordian{padding-top:0}.mobile-image{display:block;position:relative;width:150px;margin:0 auto 10px}.mobile-image [class|=zicon]{position:absolute;top:30%;right:30%;left:auto}.mobile-image .zcircle{top:auto;right:-9px;bottom:-2px;position:absolute}.zaccordian .img-part{display:none}.zaccordian .content-part{text-align:center;width:100%;display:block;padding:0}.zaccordian .content-part p{max-width:360px;display:block;margin:0 auto 20px}.zrow-inner.zcenter{margin:0 auto;text-align:center;padding:0}.zsection .content-wrap{padding:80px 0}.zaccordian .content-part ul li{padding:25px 0}.zfeature-content{width:100%;text-align:center}}@media screen and (max-width:480px){a.zcomp{display:block;max-width:140px;margin:30px auto 0}.mobile-image [class|=zicon]{position:absolute;top:25%;right:22%;left:unset;transform:scale(0.8)}.zsection.zbanner .content-wrap{padding-top:50px}.mobile-image .zicon-securely{right:30%}.mobile-image{width:130px}.mobile-image .zicon-nointernet{right:20%}.mobile-image .zicon-workdrive{right:27%;width:58px}}@media only screen and (max-width:320px){h1{font-size:30px}}