.body-umain .act-btn.boo{display:none !important}.zsection{padding:100px 0}.zsection.header-top{color:#fff;background:#75cce8;padding:120px 0 184px;box-sizing:border-box;margin:0 auto;max-width:90%}.product-header-top .content-wrap{box-sizing:unset;padding:0}.content-wrap{width:100%;max-width:1477px;padding:0 30px;box-sizing:border-box}.header-top h1{color:#fff;margin-bottom:30px}.zsection.header-top p{width:400px;margin-bottom:40px}.left-sec,.right-sec{display:inline-block;vertical-align:top}.integration .left-sec,.integration .right-sec{vertical-align:bottom}.left-sec{width:40%;margin-top:48px;margin-left:30px}.right-sec{width:50%;position:relative;margin-left:50px}.header-top .right-sec span{position:absolute;bottom:-90px;width:100%;height:100%}.right-sec span img{max-width:115%;position:relative;bottom:140px}.tab-wrap{display:table;width:80%;table-layout:fixed;margin:0 auto}.tab-wrap .left-sec{width:35%}.tab-wrap .right-sec{width:60%}.zsection.construction{padding:160px 0 80px}.const-wrap{display:table;width:100%;table-layout:fixed}.const-wrap .const-head,.const-wrap .const-desc{display:inline-block;width:50%;vertical-align:top;box-sizing:border-box}.const-wrap .const-head{width:30%}.const-wrap .const-desc{width:70%}.const-wrap div{display:inline-block;width:49%;vertical-align:top;padding:0 20px;box-sizing:border-box}.const-desc div:nth-child(1),.const-desc div:nth-child(2){margin-bottom:50px}.construction h4 span{font-size:50px;font-family:var(--zf-primary-bold);line-height:46px}.tab-sec{max-width:960px;margin:0 auto 100px;display:table;width:100%;table-layout:fixed}.tab-list{position:relative}.tab-list{display:inline-block;width:30%;vertical-align:top;box-sizing:border-box;text-transform:uppercase}.tab-cont{display:inline-block;width:70%;vertical-align:top;box-sizing:border-box}.zsection.whyneed{background:#fafafa;max-width:90%;margin:0 auto}.tab-list ul li{margin-bottom:50px;font-size:15px;font-family:var(--zf-primary-semibold);cursor:pointer;line-height:30px}.tab-sec h2{text-align:center;margin-bottom:50px}.tab-list,.tab-desc{margin-top:40px}.tab-list ul{position:relative}.tab-list ul:before{position:absolute;top:-13px;right:-20px;background:#ccc;width:1px;height:106%;content:''}.customer-review{background:#eadefd;padding:90px 0;position:relative;max-width:90%;margin:300px auto 0}.customer-wrap{max-width:700px;margin:0 auto;color:#000;text-align:center;position:relative}.customer-review:before{content:'';position:absolute;top:-70px;left:50%;background:url('//cdn.zoho.com.cn/sites/zweb/images/projects/ps-integration-sprite.png') no-repeat;background-size:auto 310px;background-position:-5px -174px;width:124px;height:124px;transform:translate(-50%)}span.customer-name{display:block;position:relative;margin-top:40px}.bottom-cta-wrap .content-wrap h2{font-size:34px;font-family:var(--zf-primary-bold)}.customer-wrap p{font-family:"Roboto Slab";font-size:20px}span.customer-name:before{content:'';position:absolute;top:-20px;background:#ff8a7b;width:70px;height:3px;left:50%;transform:translate(-50%,-50%)}span.customer-details{font-size:14px}.tab-desc.active{visibility:visible;opacity:1}.slide-wrap ul li div{display:inline-block;vertical-align:top;box-sizing:border-box;padding:0 20px}.slide-wrap ul li div:nth-child(1){width:69%}.slide-wrap ul li div:nth-child(2){width:30%}.tab-desc img{max-width:380px;margin-bottom:30px}.slide-section{overflow:visible;max-width:100%;position:relative;margin:0 auto}.slide-wrap{width:70%}.slide-img{display:inline-block}.slick-next:after,.slick-next:before,.slick-prev:after,.slick-prev:before{height:8px}.slick-prev:after{bottom:8px;left:13px}.slick-prev:before{left:13px}.slick-next:before{right:13px}.slick-next:after{right:13px;bottom:8px}.slick-next:before,.slick-prev:before{top:10px}.slide-wrap{width:69%;display:inline-block;vertical-align:top}.slide-wrap-txt{width:24%;display:inline-block;vertical-align:top;box-sizing:border-box;margin-left:20px;margin-top:80px}.tab-list .indicator{background:#00a7f8;position:absolute;bottom:0;right:-22px;width:4px;opacity:0}.const-desc h5{font-family:var(--zf-primary-bold)}.tab-list ul li.selected{color:#00a7f8;font-family:var(--zf-primary-bold)}.projects-logo-wrap{display:block;max-width:100px;margin:40px auto 20px;position:relative}span.projects-logo-wrap span{position:absolute;top:0;left:0;z-index:2;display:block;width:100px}.bottom-cta-wrap .content-wrap{padding-top:90px}.slick-next{left:13%}.slick-next,.slick-prev{top:unset;bottom:-70px;border:1px solid #ccc;border-radius:3px}.slidepart{position:relative;margin-bottom:50px}.slidepart:before{content:'';position:absolute;width:100%;height:100%;background:#fafafa;left:5%;max-width:90%}.more-link{font-family:var(--zf-primary-semibold);position:relative}.more-link:before{content:'';position:absolute;bottom:-5px;left:50%;background:#03a9f5;height:2px;transition:all 500ms ease-in;width:0}.more-link:hover:before{width:100%;left:0}.more-link.mobile-only{display:none}.slide-wrap-txt h2{font-family:var(--zf-primary-bold);margin-bottom:30px}.slick-next:hover,.slick-prev:hover{background:#edf6fd;border:1px solid #edf6fd}.tab-desc p{line-height:1.8;max-width:520px}.path{stroke-dasharray:3680;stroke-dashoffset:3680}.animated .path{animation:dash 2s linear}@keyframes dash{from{stroke-dashoffset:0}to{stroke-dashoffset:3680}}.zintegration-list li{display:inline-block;position:absolute;min-width:100px;transition:all 1s linear}.zintegration-list li div{position:relative;height:80px}ul.zintegration-list{position:relative;display:inline-block;vertical-align:bottom;width:100%}.zintegration-list li:first-child{transform:translate(0,190px)}.zintegration-list li:nth-child(2){transform:translate(160px,80px)}.zintegration-list li:nth-child(3){transform:translate(-160px,100px)}.zintegration-list li:nth-child(5){transform:translate(0,-180px)}.zintegration-list li:nth-child(6){transform:translate(160px,-100px)}.zintegration-list li:nth-child(7){transform:translate(-160px,-100px)}.integration .animated .zintegration-list li{transform:translate(0,0)}.zintegration-list li:first-child{top:-300px;left:230px}.zintegration-list li:nth-child(2){top:-210px;left:80px}.zintegration-list li:nth-child(3){top:-210px;right:50px}.zintegration-list li:nth-child(4){top:-140px;left:38%;z-index:3}.zintegration-list li:nth-child(5){top:70px;left:230px}.zintegration-list li:nth-child(6){top:-10px;left:80px}.zintegration-list li:nth-child(7){top:-10px;right:50px}.zintegration-list li div:before{content:'';position:absolute;left:50%;top:0;margin-left:-40px;width:80px;height:80px;border-radius:100%;background:#edf6fd}.zintegration-list li.zp-main div:before{width:150px;height:150px;left:44%}li.zp-main:before{border:1px solid #edf6fd;width:190px;height:190px;position:absolute;top:-21px;left:-18px;content:'';border-radius:50%}.zintegration-list li div:after{content:'';position:absolute;width:50px;height:50px;background:url('//cdn.zoho.com.cn/sites/zweb/images/projects/ps-integration-sprite.png') no-repeat;background-size:auto 240px;top:15px;left:0;right:0;bottom:0;display:block;margin:0 auto}.prd-name{position:absolute;bottom:-24px;left:0;width:100%;text-align:center;font-size:14px;font-family:var(--zf-primary-semibold)}.zintegration-list li:nth-child(1) div:after{background-position:-60px -6px}.zintegration-list li:nth-child(2) div:after{background-position:3px -3px}.zintegration-list li:nth-child(3) div:after{background-position:-243px -6px}.zintegration-list li:nth-child(4) div:after{background-size:auto 330px;background-position:-193px 20px;width:100px;height:100px;left:25%}.zintegration-list li:nth-child(5) div:after{background-position:-303px -3px}.zintegration-list li:nth-child(6) div:after{background-position:-227px -69px}.zintegration-list li:nth-child(7) div:after{background-position:-285px -72px}.zplus{position:absolute;color:#d6d6d6;font-size:26px;font-family:var(--zf-primary-semibold);animation:spinPulse 8s infinite linear;background:#fff;line-height:21px;border-radius:50%;width:20px;height:20px;top:-30px;left:65px;display:block;margin:0 auto;text-align:center}.zplus2{left:-20px;top:25px}.zplus3{left:unset;right:-75px;top:25px}.zplus4{left:153px;top:110px}.zplus5{left:-15px;top:110px}.zplus6{left:65px;top:160px}@-webkit-keyframes spinPulse{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinPulse{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.const-desc div span{width:50px;height:60px;background:url(//cdn.zoho.com.cn/sites/zweb/images/projects/ps-integration-sprite.png);background-size:auto 310px;display:block;margin-bottom:15px;background-position:0 -80px}.const-desc div:nth-child(1) span{background-position:-10px -100px}.const-desc div:nth-child(2) span{background-position:-75px -100px}.const-desc div:nth-child(3) span{background-position:-140px -100px}.const-desc div:nth-child(4) span{background-position:-200px -100px}.tab-desc h4,.zfaq-wrap{display:none}.zfaq{padding:80px 0;background:#fafafa}.zfaq h3{text-align:center;font-family:var(--zf-primary-bold);margin-bottom:50px;font-size:32px}.zfaq-wrap{width:100%}.zfaq-wrap>div{display:block;width:100%;box-sizing:border-box;margin-bottom:0}.faq-content ul{margin:0 0 30px}.faq-content ul li{margin-bottom:32px;position:relative}.faq-content>ul>li{position:relative;padding:0 0 10px 0;border-bottom:1px solid #ececec}.faq-content .item-list>ul>li{position:relative;padding:0;background:#fff;box-shadow:0 3px 10px 0 rgba(0,0,0,.06)}.faq-content>ul li{margin:10px 0 0 20px}.faq-content .field-faq-question{color:#000;font-size:18px;cursor:pointer;margin-bottom:0;display:inline-block;vertical-align:text-top;width:100%;padding:20px 35px 20px 25px;position:relative;z-index:2;box-sizing:border-box;border-bottom:1px solid #eee}.faq-content .field-faq-answer{display:none;margin-bottom:10px;padding:25px 25px;background:#fafafa}.field-faq-answer>p{margin-bottom:8px}.field-faq-answer>p:nth-child(2){margin-top:22px}.faq-nav{width:25%;float:left;padding-right:20px;transition:all 800ms ease;position:absolute;max-width:260px}.faq-content{max-width:900px;float:none;margin:0 auto 50px}.faq-nav+.faq-content{float:left;width:75%;padding-left:50px;margin-left:25%;margin-bottom:30px}.faq-nav li{position:relative}.faq-nav li a{color:#666;padding:15px 0 14px 20px;width:100%;font-size:16px;line-height:1.3;display:inline-block;border-bottom:1px solid #ececec}.faq-nav li.active a,.faq-nav li.active::before{color:#03a9f5}.faq-nav li.active::before{background:#03a9f5}.faq-nav li::before{content:'';background:#cecece;font-size:34px;line-height:1;position:absolute;top:50%;left:0;margin-top:-3px;width:6px;height:6px;border-radius:100%}.faq-content ul li .arrow{position:absolute;right:22px;top:34px;width:4px;height:4px;background:#fff;cursor:pointer;font-size:16px}.faq-content ul li .arrow:before{content:'';position:absolute;width:100%;height:100%;border-top:1px solid #989898;border-right:1px solid #989898;transform:rotate(135deg);-ms-transform:rotate(45deg);right:8px}.faq-content ul li.active .arrow:before{transform:rotate(315deg);border-top:1px solid #00a7f8;border-right:1px solid #00a7f8;top:1px;-ms-transform:rotate(135deg)}.faq-content ul li.active h4{color:#00a7f8}.faq-content ul li .arrow:after{content:'';width:20px;height:20px;border:1px solid;position:absolute;top:-8px;right:0;border:1px solid #d8d8d8;-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px}.faq-content ul li.active .arrow:after{border:1px solid #00a7f8}.field-faq-question span{font-style:italic}@media only screen and (max-width:767px){.zfaq-wrap>div{max-width:600px;margin:0 auto}.zfaq h3{font-size:26px}}@media only screen and (max-width:600px){.zfaq-wrap>div{width:100%;display:block;max-width:600px;margin:0 auto}}@media screen and (min-width:1700px){.slide-wrap-txt{width:20%}.slick-next{left:11%}}@media screen and (min-width:1600px) and (max-width:1700px){.right-sec span img{max-width:130%}.header-top .right-sec span{bottom:-90px}.zsection.header-top{padding:120px 0 260px}.header-top h1{margin-top:40px}}@media screen and (min-width:1300px) and (max-width:1500px){.zsection.header-top{padding:80px 0;height:auto}}@media screen and (min-width:992px) and (max-width:1300px){.right-sec span img{max-width:110%;bottom:14px}.header-top .right-sec span{bottom:-5px}.zsection.header-top{padding:120px 0;max-width:95%}.left-sec{margin-left:0;margin-top:20px}.right-sec{margin-left:66px}}@media screen and (max-width:1024px){.zsection.header-top p{width:320px}.tab-wrap .left-sec{width:30%}.tab-wrap .right-sec{width:70%}.tab-sec{margin-bottom:0}.right-sec span img{bottom:-80px}}@media screen and (min-width:992px){.tab-desc{visibility:hidden;opacity:0;position:absolute;transition:all 500ms ease-in}.tab-cont{padding-left:100px}.customer-wrap:before{content:'';position:absolute;background:url(//cdn.zoho.com.cn/sites/zweb/images/projects/zp-quote.png);width:20px;height:20px;top:0;left:10px;background-repeat:no-repeat;background-size:48px auto}.customer-wrap:after{content:'';position:absolute;background:url(//cdn.zoho.com.cn/sites/zweb/images/projects/zp-quote.png);width:20px;height:20px;top:68px;right:120px;background-repeat:no-repeat;background-size:48px auto;background-position:-30px 0}.const-wrap div.const-head{padding-left:0}}@media screen and (max-width:991px){.zsection{padding:60px 0 0}.zsection.header-top{padding:70px 0 100px}.left-sec{width:50%}.header-top h1{font-size:30px}.right-sec{width:50%}.header-top .right-sec span{bottom:-30px}.right-sec span img{max-width:110%;position:relative}.projects-logo-wrap{margin:0 auto 20px}.const-wrap .const-head{width:100%;text-align:center}.construction h4 span{font-size:40px;display:block;margin-bottom:60px}.const-wrap .const-desc{width:100%}.zfaq-wrap{display:block}.faq-content img{max-width:60%;margin:auto;display:block}.tab-cont{display:none}.tab-desc h4{display:block}.tab-desc{text-align:center;margin:0 auto}.tab-list{display:none}.slide-wrap{width:90%;display:block;margin:0 auto 20px}.slide-wrap-txt{width:80%;display:block;margin:0 auto}.slidepart:before{height:100%}.tab-cont{width:100%}.slick-next{left:7%}.tab-desc{max-width:70%;margin:0 auto 60px;display:block}.tab-desc.active{display:block}.faq-content ul li{margin-bottom:10px}.tab-wrap .left-sec{width:100%}.tab-wrap .right-sec{width:100%}.tab-wrap .left-sec,.tab-wrap .right-sec{width:100%;text-align:center}ul.zintegration-list{width:100%;max-width:540px;margin:340px auto 40px}}@media screen and (max-width:800px) and (min-width:768px){.header-top .right-sec span{bottom:-80px}}@media screen and (min-width:768px) and (max-width:991px){.tab-desc img{max-width:300px}.const-wrap div{padding:0 15px}}@media screen and (max-width:767px){.header-top h1{margin-bottom:20px}.zsection.header-top p{margin-bottom:30px}.zsection.header-top{padding:50px 0 0;max-width:100%}.zph-sticky .main-container-wrapper #mini-panel-product_menu{background:#eadefd}.right-sec span img{bottom:0;max-width:100%}.header-top .right-sec span{position:relative}.zsection.construction{padding:140px 0 80px}.tab-desc img{max-width:100%}.left-sec,.right-sec{display:block;width:100%}.tab-wrap .left-sec,.tab-wrap .right-sec{display:block;width:100%}.const-wrap .const-head,.const-wrap .const-desc,.const-wrap div{width:100%;display:block}ul.zintegration-list{max-width:100%;margin:0 auto;text-align:center}.zintegration-list li:nth-child(4){left:5%;top:-50px;display:none}.zintegration-list li.zp-main div:before{width:120px;height:120px}.tab-wrap{width:100%}.integration .zintegration-list li{transform:translate(0,0);top:0;left:0;margin:20px;position:relative;text-align:center}li.zp-main:before{width:160px;height:160px}.customer-review{margin:180px auto 0}li.zp-main:before,.zplus{display:none}.more-link{display:none}.more-link.mobile-only{display:block;text-align:center;margin:40px 0 0}.faq-content img{max-width:80%}.zsection.integration{padding:0}.customer-wrap p{font-size:18px}.const-head h4{margin-bottom:30px}.const-desc div,.const-desc div:nth-child(1),.const-desc div:nth-child(2){margin-bottom:30px}.bottom-cta-wrap .content-wrap h2{max-width:320px}}@media screen and (max-width:480px){.construction h4 span{font-size:30px}.tab-desc{max-width:90%}.zsection.header-top{max-width:100%;padding:40px 0 10px}.zsection.whyneed{max-width:100%}.header-top .right-sec span{position:relative;bottom:-60px}.const-wrap div{padding:0}.projects-logo-wrap{margin:0 auto 20px}.integration .zintegration-list li{transform:translate(0,0);top:0;left:0;margin:20px 10px;min-width:80px}.prd-name{font-size:12px}.slick-next{left:12%}.zsection.construction{padding:100px 0 40px}.construction h4 span{margin-bottom:30px}.tab-sec{margin:0 auto}.zsection.whyneed{padding:50px 0 0}.slidepart:before{top:-40px;height:100%;max-width:100%;left:0}.slide-section h2{max-width:80%;margin:30px auto;display:block}.faq-content img{max-width:100%}}.boo{margin:0 8px 0 0}.big-z{font-size:28px}.wchoose{width:72%;margin:0 auto;overflow:hidden}.wchoose h2{text-align:center;margin:4% auto}.choose-inner{margin:3% 3% 3%;overflow:hidden}.list-choose{padding:4% 4%;width:33%;float:left;height:280px}.list-title{line-height:66px}.list-title span{font-size:20px;height:80px;text-align:center}.list-choose i{background-image:url(//cdn.zoho.com.cn/sites/zweb/images/zh-hans/crm/crm-home-sprite-new.png);display:inline-block;background-repeat:no-repeat;float:left}.list-choose p{margin-top:2%}.list-item-1{background-position:-250px -702px;width:80px;height:66px}.list-item-2{background-position:-162px -702px;width:80px;height:66px}.list-item-3{background-position:0 -702px;width:80px;height:66px}.list-item-4{background-position:-87px -702px;width:80px;height:66px}.list-item-5{background-position:-418px -702px;width:80px;height:66px}.list-item-6{background-position:-336px -702px;width:80px;height:66px}.list-choose-1,.list-choose-2,.list-choose-4,.list-choose-5{border-right:1px solid #ebebeb}.list-choose-1,.list-choose-2,.list-choose-3{border-bottom:1px solid #ebebeb}@media only screen and (min-width:1600px){.left-sec{width:40%;margin-top:48px;margin-left:29px}.wchoose{width:80%}}@media only screen and (min-width:1024px) and (max-width:1450px){.wchoose{width:96%}}@media only screen and (max-width:1024px){.wchoose{width:100%}.wchoose h2{margin:4% auto}}@media only screen and (max-width:768px) .features-section{height:1132px}@media only screen and (max-width:1024px) .features-section{height:1099px;overflow:hidden}@media only screen and (max-width:1024px) .features-section{padding:4% 3%}@media only screen and (min-width:1024px) and (max-width:1450px) .features-section{background:#f0f0f0;width:100%;height:832px;padding:4% 16% 0}.require_list{margin:10px auto;max-width:850px}.require_list li{font-size:14px;display:inline-block;width:32%;height:20px;padding:2% 0}.wrap-c{background-color:#fafafa;width:100%;max-width:90%}.cta-btn{margin-top:8px}.why-choose-section{padding:0}.content-wrap{max-width:1170px}.content-wrap{position:relative;width:90%;max-width:1280px;margin:0 auto}.why-choose-section .startup-flex-wrap{align-items:center;margin-bottom:150px}.startup-flex-wrap{display:flex;align-items:center;justify-content:space-between}.why-choose-section .wrap-p{padding-right:90px}.startup-flex-wrap .left-wrap{width:100%}.img-parent{max-width:945px;position:relative}.why-choose-section .right-wrap p{max-width:490px}.new-add,.new-add .content-wrap{background:#e0f2ff}.new-add h2{text-align:center;margin-bottom:30px !important}.add_list{max-width:1120px;margin:0 auto;overflow:hidden}.add_list li{background:#fff;display:block;float:left;width:32%;margin-bottom:30px;text-align:left;padding:16px 22px;border-radius:6px}.add_list li:nth-child(2),.add_list li:nth-child(5){margin:0 2%}.add_list li:nth-child(4){clear:both}.add_list li .p_tt{font-weight:bold;font-size:20px;line-height:32px;padding-bottom:10px}.add_list li .p_tx{font-size:16px;line-height:28px}.add_list li a{font-size:18px;line-height:38px}@media screen and (max-width:767px){.content-wrap>div{margin:0}}@media only screen and (max-width:991px){.left-sec{width:100%;margin-left:0}.zsection.header-top p{width:100%}.left-sec,.right-sec{display:block;text-align:center}.zsection.header-top{padding:70px 0 350px}.right-sec span img{transform:scale(1.3);bottom:-30px}}@media only screen and (max-width:767px){.why-choose-section .content-wrap:nth-child(4) .startup-flex-wrap,.why-choose-section .content-wrap:nth-child(5) .startup-flex-wrap{flex-direction:column-reverse;align-items:flex-start}.add_list li{width:100%}.list-choose{width:100%;height:auto;border:0}.list-title{line-height:normal}.add_list li:nth-child(2),.add_list li:nth-child(5){margin:0 0 30px 0}.right-sec span img{transform:scale(1.0);bottom:-30px}.zsection.header-top{padding:70px 0 150px}.why-choose-section .startup-flex-wrap{flex-wrap:wrap;margin-bottom:70px}.why-choose-section .wrap-p{padding-right:0}}@media only screen and (max-width:480px){.cta-btn{width:60%;display:block;margin:10px auto}}