.zw-template-inner *,.zw-template-inner :after,.zw-template-inner :before {
    box-sizing: border-box
}
.zoho_logo p{
    display: inline-block;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    position: relative;
    top: -13px;
}
.right_fc{
    display: block!important;
    right: 14px;
}
.side-bar{
   display: none !important;
}
.zsiq_floatmain.zsiq_theme1.siq_bR{
    display: block !important;
}
.signupcontainer span.placeholder {
    color: #fff;
    font-size: 15px;
    line-height: 19px;
}
.mobile-container .placeholder, .za-rmobile-container .placeholder {
    position: absolute;
    top: -20px;
    left: 0;
}
/*.za-rmobile-container{
    padding-top: 25px;
}*/
.za-password-container span.zpassword-show:before {
   top: 50px;
}

.product-nav-links {
    display: none
}

.signup-box .sign_agree,.signup-box label,.signup-box .sign_agree a {
    color: #fff !important
}

.signup-box #signup-termservice {
    border: 1px solid #fff
}

.whitepaper-btn {
    background: #f5c32f;
    color: #fff;
    padding: 15px 30px;
    border-radius: 10px;
    width: 240px
}

.solution .inner a,.enterprise-btn {
    border-radius: 10px
}

.btn-area {
    text-align: center;
    width: auto;
    height: auto
}

.enterprise-btn {
    float: none;
    margin-right: 0;
    padding: 15px 30px
}

.signupNow a {
    margin-top: 10px;
    width: 304px
}

.signupNow span {
    padding: 0 40px 0 32px;
    line-height: 44px
}

.signupNow .free-try {
    color: #000
}

.signup-mid-btn {
    width: 380px
}

.solution .inner a {
    width: 50%;
    max-width: 375px
}

.ljhq {
    display: block
}

.features-section {
    height: 790px
}

.featuresDisplayContent {
    height: 530px
}

.list-item-4 {
    background-position: -418px -702px
}

.list-item-5 {
    background-position: -336px -702px
}

.list-item-6 {
    background-position: -87px -702px
}

.solution-td {
    max-width: 800px;
    margin: 0 auto
}

.solution .inner p.add-jjfa {
    font-size: 34px;
    padding-top: 56px
}

.solution .inner a {
    margin-top: 22px
}

.wchoose h2 {
    margin-bottom: 20px
}

.wchoose-td {
    text-align: center;
    font-size: 22px;
    color: #333
}

.choose-inner ul li {
    font-size: 16px;
    color: #2c2c2c;
    padding-bottom: 8px
}

.choose-inner ul li span {
    color: red
}

.fea-mark-1 i {
    background-position: -986px -88px
}

.fea-mark-3 i {
    background-position: -672px -180px
}

.list-item-2 {
    background-position: -117px -531px;
    width: 70px;
    height: 66px;
    background-size: 1000px
}

.choose-inner ul li::before {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: #3e3e3e;
    border-radius: 50%;
    position: absolute;
    top: 7px;
    left: 10px
}

.wchoose {
    width: 100%;
    background: #f0f0f0
}

.choose-inner {
    width: 90%;
    margin: 0 auto 50px;
    padding: 50px 0
}

.list-choose {
    padding-left: 56px
}

.choose-inner ul li {
    position: relative;
    padding-left: 30px
}

.list-choose-1,.list-choose-3 {
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

.list-choose-2,.list-choose-4 {
    border-bottom: 1px solid #ddd
}

.list-choose-5 {
    border-right: 1px solid #ddd
}

.list-choose-3,.list-choose-4 {
    height: 288px
}

.customer-section .inner {
    position: relative;
    width: 100%;
    margin: 0 auto;
    max-width: 1200px;
    padding: 40px 0 20px 0
}

.customer-section .inner ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    z-index: 10;
    position: relative;
    padding-bottom: 20px
}

.customer-section .inner ul li {
    width: 11%;
    text-align: center;
    margin: 0 2%
}

.customer-section .inner ul li img {
    -o-object-fit: contain;
    object-fit: contain
}

.customer-section .inner ul li.zhonghaida img,.customer-section .inner ul li.kuaishou img,.customer-section .inner ul li.huace img {
    width: 90px
}

.customer-section .inner ul li.wanda img {
    width: 125px
}

.customer-section .inner ul li.bmw img {
    width: 54px
}

.customer-section .inner ul li.bangde img {
    width: 100px
}

.customer-section .inner ul li.cloudwise img {
    width: 110px
}

.customer-section .inner ul li.guowei img {
    margin-left: 10px
}

.customer-testimonials .inner {
    width: 90%;
    margin: 0 auto;
    padding: 50px 0
}

.customer-testimonials .inner h3 {
    text-align: center;
    padding-bottom: 40px;
    color: #000;
    font-size: 40px
}

.customer-testimonials .inner ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: center
}

.customer-testimonials .inner ul li.cus-amphenol {
    margin: 0 5%
}

.customer-testimonials .inner ul li {
    background: #0067ff;
    color: #fff;
    padding: 30px 24px 20px 24px;
    border-radius: 8px;
    width: 30%;
    margin-bottom: 25px
}

.customer-testimonials .inner ul li p.tx {
    font-size: 20px;
    padding-bottom: 40px
}

.customer-testimonials .inner ul li p.tt {
    font-size: 16px
}

.customer-testimonials .inner ul li p.tt span {
    display: block;
    padding-bottom: 20px
}

.customer-testimonials .inner ul li img {
    width: 150px;
    filter: brightness(0) invert(1);
    padding-bottom: 30px
}

.ZPprivacy li {
    display: inline-block;
    border-right: 1px solid #ccc;
    padding: 0 10px;
    margin-bottom: 10px;
    font-size: 14px
}

.ZPprivacy li:last-child {
    border-right: 0
}

.ZPprivacy a:hover {
    color: #666
}

.banner-growth {
    background: url(//cdn.zoho.com.cn/sites/zweb/images/zh-hans/crm/sem/ztynew-crm-bannerbg.png);
    padding: 40px 4%;
    border-radius: 10px;
    display: flex
}

.banner-growth>div {
    width: 25%;
    position: relative;
    padding: 0 3%
}

.banner-growth>div.growth-sen01 {
    width: 28%
}

.banner-growth .growth-sen01 {
    padding-left: 0
}

.banner-growth .growth-sen05 {
    padding-right: 0
}

.banner-growth>div:before {
    content: '';
    position: absolute;
    right: 4px;
    border-right: 1px solid #ccc;
    height: 40%;
    width: 1px;
    top: 30px
}

.banner-growth>div.growth-sen05:before {
    content: none
}

.banner-growth>div .number {
    color: #ffe600;
    font-size: 34px;
    font-weight: bold;
    display: block
}

.banner-growth>div .number img {
    width: 10px;
    display: inline-block;
    position: relative;
    left: 5px;
    top: 2px
}

.banner-growth>div .cont {
    color: #fff;
    font-size: 16px;
    display: block
}

.growth-tips {
    padding-top: 20px;
    color: #fff;
    font-size: 12px;
    opacity: .8
}

@media only screen and (min-width: 1024px) and (max-width:1450px) {
    .featuresDisplayContent {
        height:540px
    }

    .features-section {
        height: 790px
    }

    .list-choose {
        height: 280px;
        padding-left: 88px
    }

    .wchoose {
        width: 100%
    }
}

@media only screen and (min-width: 768px) and (max-width:1024px) {
    .banner-growth>div .number {
        font-size:33px
    }
}

@media only screen and (max-width: 768px) {
    .features-section {
        height:836px
    }

    .solution .inner p.add-jjfa {
        font-size: 26px;
        line-height: 40px
    }

    .list-choose {
        padding-left: 0;
        height: 280px
    }

    .list-choose.list-choose-2 {
        height: 260px
    }

    .list-choose-3 {
        height: 250px
    }

    .list-choose-5 {
        height: 300px
    }

    .list-choose-6 {
        height: 186px
    }

    .list-item-2 {
        background-position: -104px -431px;
        width: 43px;
        height: 44px
    }

    .solution .inner {
        padding-top: 38px
    }

    .fea-mark-1 i {
        background-position: -652px -52px
    }

    .fea-mark-3 i {
        background-position: -446px -108px
    }

    .zp-home-banner-wrap {
        padding-bottom: 50px
    }

    .featuresDisplayContent {
        height: 600px
    }

    .fea-multi-1 i {
        background-position: 4px -102px
    }
}

@media only screen and (max-width: 767px) {
    .solution .inner a {
        width:100%
    }

    .banner-growth>div .number {
        font-size: 28px
    }
}

@media only screen and (max-width: 412px) {
    .banner-growth {
        display:block;
        padding: 30px 0
    }

    .banner-growth>div:before {
        content: none
    }

    .banner-growth>div {
        padding: 0;
        margin: 0 auto;
        margin-bottom: 20px
    }

    .banner-growth>div.growth-sen01 {
        width: 32%
    }
}

h1,h2,h3,h5,li,p,ul {
    margin: 0;
    padding: 0;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased
}

p {
    font-size: 16px
}

.signup-box {
    max-width: 340px
}

body,html {
    overflow-x: hidden
}

.content-wrap {
    overflow: visible
}

.cta-btn {
    position: relative
}

.cta-btn:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #eb4c49;
    z-index: -1;
    transition: all ease .3s
}

.cta-btn:hover:before {
    transform: scaleX(1.03);
    -webkit-transform: scaleX(1.03)
}

.zp-home-banner-wrap:after {
    display: none
}

h1 {
    margin-bottom: 15px;
    font: 40px/1.1 var(--zf-primary-extrabold)
}

.cta-btn {
    border: none !important
}

@media only screen and (max-width: 992px) {
    h1 {
        font:36px/1.2 var(--zf-primary-extrabold);
        text-align: center !important
    }
}

@media only screen and (max-width: 767px) {
    h1 {
        max-width:90%;
        margin: 0 auto 10px
    }

    .act-btn.cta-btn {
        display: none !important
    }
}

@media only screen and (max-width: 500px) {
    h1 {
        font-size:32px
    }
}

.btn-mid-area {
    width: 500px;
    height: 55px;
    margin: 0 auto 45px
}

.signup-mid-btn {
    font-size: 18px;
    width: 420px;
    line-height: 55px;
    background: #ff4a4a;
    color: #fff;
    text-align: center;
    float: left;
    border-radius: 10px;
    margin-right: 20px
}

.btn-area {
    width: 500px;
    height: 55px;
    margin: 0 auto 45px
}

.enterprise-btn {
    width: 240px;
    background: #ff4a4a;
    color: #fff;
    text-align: center;
    margin-right: 20px
}

.features-section {
    background: #f0f0f0;
    width: 100%;
    height: 980px;
    padding: 4% 16% 0
}

.features-section h2 {
    text-align: center;
    margin-bottom: 4%
}

.fea-column-left {
    float: left;
    width: 16%
}

.fea-column-left li {
    line-height: 66px;
    text-align: center;
    margin-bottom: 8%;
    cursor: pointer
}

.fea-column-left li:first-child {
    color: #000
}

.fea-column-left li:hover {
    background-color: #fff
}

.featuresDisplayContent {
    height: 701px;
    overflow: hidden
}

.featuresDisplayContent li {
    display: none
}

.featuresDisplayContent li:nth-child(1) {
    display: block
}

.fea-column-left li:nth-child(1) {
    background-color: #fff
}

.fea-content {
    float: left;
    margin: 0 4% 40%
}

.fea-content h5 {
    font-size: 24px;
    margin-bottom: 1%
}

.line-segment {
    background: #ffc600;
    width: 120px;
    height: 3px
}

.fea-content p {
    margin-top: 3%;
    margin: 3% auto
}

.fea-points {
    margin-top: 5%;
    overflow: hidden
}

.fea-points 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;
    margin: 0 auto;
    background-size: 1000px auto
}

.fea-item {
    background: 0 200px;
    width: 20%;
    height: 218px;
    background: #fff;
    border: 1px solid #e2e8f2;
    float: left;
    text-align: center;
    margin: 0 1% 2% 0
}

.fea-item-title {
    color: #000;
    font-size: 20px
}

.fea-item-con {
    color: #000;
    font-size: 14px;
    padding: 0 7%
}

.fea-sale-1 i {
    background-position: -412px -446px;
    width: 76px;
    height: 90px
}

.fea-sale-2 i {
    background-position: -140px -374px;
    width: 74px;
    height: 75px
}

.fea-sale-3 i {
    background-position: -205px -446px;
    width: 74px;
    height: 75px
}

.fea-sale-4 i {
    background-position: -68px -371px;
    width: 74px;
    height: 75px
}

.fea-flow-1 i {
    background-position: -209px -375px;
    width: 74px;
    height: 75px
}

.fea-flow-2 i {
    background-position: -688px -375px;
    width: 74px;
    height: 75px
}

.fea-flow-3 i {
    background-position: -629px -448px;
    width: 74px;
    height: 75px
}

.fea-flow-4 i {
    background-position: -485px -371px;
    width: 74px;
    height: 75px
}

.fea-perm-1 i {
    background-position: -350px -375px;
    width: 74px;
    height: 75px
}

.fea-perm-2 i {
    background-position: -0 -375px;
    width: 74px;
    height: 75px
}

.fea-perm-3 i {
    background-position: -774px -519px;
    width: 74px;
    height: 75px
}

.fea-perm-4 i {
    background-position: -562px -448px;
    width: 74px;
    height: 75px
}

.fea-mark-1 i {
    background-position: -820px -301px;
    width: 74px;
    height: 75px
}

.fea-mark-2 i {
    background-position: -275px -373px;
    width: 74px;
    height: 75px
}

.fea-mark-3 i {
    background-position: -899px -445px;
    width: 74px;
    height: 75px
}

.fea-mark-4 i {
    background-position: -887px -307px;
    width: 74px;
    height: 75px
}

.fea-multi-1 i {
    background-position: -487px -524px;
    width: 74px;
    height: 75px
}

.fea-multi-2 i {
    background-position: 11px -298px;
    width: 74px;
    height: 75px
}

.fea-multi-3 i {
    background-position: -122px -298px;
    width: 74px;
    height: 75px
}

.fea-multi-4 i {
    background-position: -561px -524px;
    width: 74px;
    height: 75px
}

.fea-bi-1 i {
    background-position: -610px -307px;
    width: 74px;
    height: 75px
}

.fea-bi-2 i {
    background-position: -823px -372px;
    width: 74px;
    height: 75px
}

.fea-bi-3 i {
    background-position: -482px -444px;
    width: 74px;
    height: 75px
}

.fea-bi-4 i {
    background-position: -703px -519px;
    width: 74px;
    height: 75px
}

.wchoose {
    width: 100%;
    margin: 0 auto;
    overflow: hidden
}

.wchoose h2 {
    text-align: center;
    margin: 4% auto 2%
}

.choose-inner {
    overflow: hidden
}

.list-choose {
    padding: 4% 4%;
    width: 33%;
    float: left;
    height: 350px
}

.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-item-1 {
    background-position: -250px -702px;
    width: 80px;
    height: 66px
}

.list-item-2 {
    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*/
}

.zp-home-integration-wrap>.content-wrap {
    padding: 80px 0 0 !important
}

@media only screen and (min-width: 1024px) and (max-width:1450px) {
    .features-section {
        background:#f0f0f0;
        width: 100%;
        height: 900px;
        padding: 4% 16% 0
    }

    .featuresDisplayContent {
        height: 688px;
        overflow: hidden
    }

    .list-choose {
        width: 50%;
        float: left;
    }

    .features-section {
        padding: 4% 5% 0;
        height: 930px
    }

    .fea-content {
        margin: 0 0 40% 4%
    }

    .fea-item {
        width: 24%
    }

}

@media only screen and (min-width: 1450px) and (max-width:1920px) {
    .fea-content {
        margin:0 0 40% 4%
    }

    .fea-item {
        width: 24%
    }

    .wchoose {
        width: 96%
    }
}

@media only screen and (max-width: 1024px) {
    .features-section {
        padding:4% 3%
    }

    .fea-item {
        width: 22%
    }

    .features-section {
        height: 1099px;
        overflow: hidden
    }

    .carousel-indicators {
        float: none
    }

    .fea-column-left {
        float: none;
        width: 100%;
        overflow: hidden
    }

    .fea-column-left li {
        float: left;
        width: 32%;
        margin-bottom: 2%
    }

    .fea-content {
        margin: 0 9% 50%;
        border-top: 1px solid #d6d6d6;
        padding-top: 2%
    }

    .wchoose {
        width: 100%
    }

    .wchoose h2 {
        margin: 4% auto
    }

    .choose-inner {
        margin: 2% 3%;
        padding: 50px 0 0
    }

    .list-choose {
        padding: 4%;
        width: 50%;
        float: left;
        height: 360px
    }


}

@media only screen and (max-width: 768px) {
    .list-title {
        line-height:50px
    }

    .list-title span {
        height: 44px;
        margin-left: 3%
    }

    .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;
        background-size: 800px auto;
        float: left
    }

    .list-choose {
        width: 100%;
        height: 220px
    }

    .list-choose-1,.list-choose-2,.list-choose-4,.list-choose-5 {
        border-right: 0
    }

    .list-choose-1,.list-choose-2,.list-choose-3 {
        border-bottom: 0
    }

    .list-choose-1,.list-choose-3,.list-choose-5 {
        background: #f7faff;
        border-radius: 5px
    }

    .fea-points 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;
        background-size: 800px auto;
        margin: 0
    }

    .fea-item {
        width: 100%;
        height: 69px;
        margin-bottom: 3%
    }

    .fea-item p {
        float: left;
        line-height: 70px;
        margin: 0 0 0 10%
    }

    .fea-sale-1 i {
        background-position: -335px -358px;
        width: 50px;
        height: 70px;
        float: left;
        margin-left: 10%
    }

    .fea-sale-2 i {
        background-position: -114px -301px;
        width: 50px;
        height: 54px;
        float: left;
        margin-left: 10%
    }

    .fea-sale-3 i {
        background-position: -173px -360px;
        width: 50px;
        height: 70px;
        float: left;
        margin-left: 10%
    }

    .fea-sale-4 i {
        background-position: -59px -299px;
        width: 50px;
        height: 70px;
        float: left;
        margin-left: 10%
    }

    .fea-flow-1 i {
        background-position: -170px -305px;
        width: 50px;
        height: 60px;
        float: left;
        margin-left: 10%
    }

    .fea-flow-2 i {
        background-position: -555px -297px;
        width: 50px;
        height: 70px;
        float: left;
        margin-left: 10%
    }

    .fea-flow-3 i {
        background-position: -509px -361px;
        width: 50px;
        height: 62px;
        float: left;
        margin-left: 10%
    }

    .fea-flow-4 i {
        background-position: -392px -297px;
        width: 50px;
        height: 70px;
        float: left;
        margin-left: 10%
    }

    .fea-perm-1 i {
        background-position: -279px -301px;
        width: 50px;
        height: 67px;
        float: left;
        margin-left: 10%
    }

    .fea-perm-2 i {
        background-position: 0 -297px;
        width: 50px;
        height: 63px;
        float: left;
        margin-left: 10%
    }

    .fea-perm-3 i {
        background-position: -624px -418px;
        width: 50px;
        height: 70px;
        float: left;
        margin-left: 10%
    }

    .fea-perm-4 i {
        background-position: -449px -360px;
        width: 50px;
        height: 67px;
        float: left;
        margin-left: 10%
    }

    .fea-mark-1 i {
        background-position: -662px -242px;
        width: 50px;
        height: 70px;
        float: left;
        margin-left: 10%
    }

    .fea-mark-2 i {
        background-position: -224px -297px;
        width: 50px;
        height: 70px;
        float: left;
        margin-left: 10%
    }

    .fea-mark-3 i {
        background-position: -721px -358px;
        width: 50px;
        height: 64px;
        float: left;
        margin-left: 10%
    }

    .fea-mark-4 i {
        background-position: -719px -242px;
        width: 50px;
        height: 70px;
        float: left;
        margin-left: 10%
    }

    .fea-multi-1 i {
        background-position: -394px -418px;
        width: 50px;
        height: 70px;
        float: left;
        margin-left: 10%
    }

    .fea-multi-2 i {
        background-position: 1px -242px;
        width: 50px;
        height: 70px;
        float: left;
        margin-left: 10%
    }

    .fea-multi-3 i {
        background-position: -106px -242px;
        width: 50px;
        height: 70px;
        float: left;
        margin-left: 10%
    }

    .fea-multi-4 i {
        background-position: -448px -419px;
        width: 50px;
        height: 70px;
        float: left;
        margin-left: 10%
    }

    .fea-bi-1 i {
        background-position: -495px -240px;
        width: 50px;
        height: 70px;
        float: left;
        margin-left: 10%
    }

    .fea-bi-2 i {
        background-position: -661px -299px;
        width: 50px;
        height: 70px;
        float: left;
        margin-left: 10%
    }

    .fea-bi-3 i {
        background-position: -391px -359px;
        width: 50px;
        height: 70px;
        float: left;
        margin-left: 10%
    }

    .fea-bi-4 i {
        background-position: -568px -417px;
        width: 50px;
        height: 70px;
        float: left;
        margin-left: 10%
    }

    .btn-mid-area {
        display: none
    }

    .features-section {
        height: 1132px
    }

    .featuresDisplayContent {
        height: 884px;
        overflow: hidden
    }

    .list-item-1 {
        background-position: -153px -431px;
        width: 43px;
        height: 44px
    }

    .list-item-2 {
        background-position: -104px -431px;
        width: 43px;
        height: 44px
    }

    .list-item-3 {
        background-position: 0 -431px;
        width: 43px;
        height: 44px
    }

    .list-item-4 {
        background-position: -50px -431px;
        width: 43px;
        height: 44px
    }

    .list-item-5 {
        background-position: -256px -431px;
        width: 43px;
        height: 44px
    }

    .list-item-6 {
        background-position: -205px -431px;
        width: 43px;
        height: 44px
    }

    .zp-home-integration-wrap>.content-wrap {
        padding: 4% 0 0 !important
    }

    .btn-area {
        display: none
    }
}

.integration-visual-wrap .content-wrap:before {
    background: url() no-repeat center center
}

.integration-visual-wrap ul li.zp-main div:after {
    background: url(//cdn.zoho.com.cn/sites/zweb/images/zh-hans/crm/crm-integration-icon-2x.png) no-repeat left top;
    background-size: cover
}

.integration-visual-wrap ul li div:before {
    border: 1px solid #8fc9ff
}

.integration-visual-wrap ul li div:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 15px;
    margin-left: -25px;
    width: 50px;
    height: 50px;
    background: url(//cdn.zoho.com.cn/sites/zweb/images/zh-hans/crm/crm-home-sprite-new.png) no-repeat left top;
    box-sizing: border-box;
    background-size: 1250px auto
}

.integration-visual-wrap ul li:first-child div:after {
    background-position: -200px -977px
}

.integration-visual-wrap ul li:nth-child(2) div:after {
    background-position: 0 -973px
}

.integration-visual-wrap ul li:nth-child(3) div:after {
    background-position: -67px -975px
}

.integration-visual-wrap ul li:nth-child(4) div:after {
    background-position: -133px -975px
}

.integration-visual-wrap ul li:nth-child(6) div:after {
    background-position: -469px -975px
}

.integration-visual-wrap ul li:nth-child(7) div:after {
    background-position: -402px -975px
}

.integration-visual-wrap ul li:nth-child(8) div:after {
    background-position: -336px -976px
}

.integration-visual-wrap ul li:nth-child(9) div:after {
    background-position: -266px -976px
}

@media only screen and (max-width: 767px) {
    .integration-visual-wrap ul li div:after {
        content:'';
        position: absolute;
        left: 50%;
        top: 8px;
        margin-left: -25px;
        width: 50px;
        height: 50px;
        background: url(//cdn.zoho.com.cn/sites/zweb/images/zh-hans/crm/crm-home-sprite-new.png) no-repeat left top;
        box-sizing: border-box;
        background-size: 800px auto
    }

    .integration-visual-wrap ul li:first-child div:after {
        background-position: -119px -623px
    }

    .integration-visual-wrap ul li:nth-child(2) div:after {
        background-position: 11px -623px
    }

    .integration-visual-wrap ul li:nth-child(3) div:after {
        background-position: -32px -623px
    }

    .integration-visual-wrap ul li:nth-child(4) div:after {
        background-position: -77px -623px
    }

    .integration-visual-wrap ul li:nth-child(6) div:after {
        background-position: -290px -623px
    }

    .integration-visual-wrap ul li:nth-child(7) div:after {
        background-position: -248px -623px
    }

    .integration-visual-wrap ul li:nth-child(8) div:after {
        background-position: -207px -623px
    }

    .integration-visual-wrap ul li:nth-child(9) div:after {
        background-position: -162px -623px
    }
}

.zp-home-banner-wrap>.content-wrap {
    position: relative;
    padding: 55px 0 0 !important;
    max-width: 1170px
}

.signupNow {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: -50px;
    height: 60px;
    text-align: center;
    z-index: 49;
    background: #c60000
}

.signupNow span {
    font-size: 22px;
    height: 60px;
    display: inline-block;
    color: #fff
}

.signupNow a {
    text-decoration: none;
    font-size: 20px;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    background-color: #ffe600;
    color: #000;
    border-radius: 25px
}

.signupNow a:hover {
    background-color: #fff;
    color: red
}

.signup-box {
    float: right;
    display: inline-block;
    width: 24%;
    margin-top: 4.5%
}

.footer-wrapper {
    margin: 0 auto 60px;
    text-align: center;
    padding-bottom: 10px
}

.footer-wrapper span {
    display: inline-block;
    font-size: 14px;
    line-height: 30px
}

@media screen and (max-width: 768px) {
    .signup-box {
        float:none;
        width: 84% !important;
        margin: 0 auto !important
    }

    .signup-box {
        margin-right: 0;
        width: 100%;
        display: block !important
    }
}

.integration-visual-wrap ul li.zp-main div {
    font-family: var(--zf-primary-semibold),Arial,Helvetica,sans-serif
}

.zp-home-banner-wrap {
    position: relative;
    overflow: hidden;
    clear: both
}

.zp-home-banner-wrap>.content-wrap {
    position: relative;
    padding: 130px 0 0;
    max-width: 1170px
}

.zp-home-banner-wrap>.content-wrap>div.zp-home-left {
    padding: 30px 0 0
}

.zp-home-banner-wrap>.content-wrap>div {
    float: left;
    display: block;
    box-sizing: border-box;
    width: 60%;
    max-width: 1000px;
    margin: 0 auto
}

.zp-home-banner-wrap .content-wrap>div.zp-home-right {
    width: 35%
}

.zp-home-banner-wrap .content-wrap>div.zp-home-right .signup-box {
    max-width: 310px;
    float: right;
    width: 100%
}

.zp-home-banner-wrap:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 90%;
    z-index: -1;
    background: #ffe9eb;
    background: -moz-linear-gradient(top,#ffe9eb 0,#fff1e4 44%,#fef5e6 54%,#fff5e9 54%,#fff6e7 56%,#fff5eb 57%,#fff9ed 60%,#fff 82%,#fff 100%);
    background: -webkit-linear-gradient(top,#ffe9eb 0,#fff1e4 44%,#fef5e6 54%,#fff5e9 54%,#fff6e7 56%,#fff5eb 57%,#fff9ed 60%,#fff 82%,#fff 100%);
    background: linear-gradient(to bottom,#ffe9eb 0,#fff1e4 44%,#fef5e6 54%,#fff5e9 54%,#fff6e7 56%,#fff5eb 57%,#fff9ed 60%,#fff 82%,#fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe9eb',endColorstr='#ffffff',GradientType=0)
}

.zp-home-banner-wrap>.content-wrap .cta-btn {
    display: none
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .zp-home-banner-wrap>.content-wrap {
        text-align:center
    }

    .zp-home-banner-wrap>.content-wrap>div {
        float: none;
        display: block;
        width: 100%
    }

    .zp-home-banner-wrap>.content-wrap .cta-btn {
        display: inline-block
    }

    .zp-home-banner-wrap>.content-wrap>div.zp-home-left>p {
        max-width: 90%;
        margin: 0 auto 20px
    }

    .zp-home-banner-wrap>.content-wrap>div.zp-home-right {
        display: none
    }

    .customer-testimonials .inner ul li.cus-amphenol {
        margin: 0 auto 25px
    }

    .customer-testimonials .inner ul li {
        width: 45%
    }
}

@media only screen and (max-width: 767px) {
    .zp-home-banner-wrap>.content-wrap {
        text-align:center;
        padding: 80px 0 30px
    }

    .zp-home-banner-wrap>.content-wrap>div {
        float: none;
        display: block;
        width: 100%
    }

    .zp-home-banner-wrap>.content-wrap .cta-btn {
        display: inline-block
    }

    .zp-home-banner-wrap>.content-wrap>div.zp-home-left>p {
        max-width: 90%;
        margin: 0 auto 20px
    }

    .zp-home-banner-wrap>.content-wrap>div.zp-home-left>h1 {
        max-width: 90%;
        margin: 0 auto 10px
    }

    .zp-home-banner-wrap>.content-wrap>div.zp-home-right {
        display: none
    }

    .zp-home-banner-wrap:before {
        height: 60%
    }
}

.zp-home-integration-wrap {
    text-align: center
}

.zp-home-integration-wrap>.content-wrap {
    padding: 80px 0 40px
}

.integration-visual-wrap {
    position: relative;
    margin: 20px 0
}

.integration-visual-wrap .content-wrap {
    padding: 140px 0 120px
}

.zp-home-integration-wrap .content-wrap h2+p {
    max-width: 720px;
    margin: 0 auto 20px
}

.integration-visual-wrap .content-wrap:before {
    content: '';
    position: absolute;
    left: 5%;
    top: 5%;
    width: 90%;
    height: 90%;
    background: url(//cdn.zoho.com.cn/sites/zweb/images/zh-hans/crm/integration-bg.svg) no-repeat center center
}

.integration-visual-wrap ul {
    display: table;
    table-layout: fixed;
    width: 100%
}

.integration-visual-wrap ul li div {
    display: block;
    position: relative;
    text-align: center;
    padding: 90px 0 20px;
    box-sizing: border-box;
    font-size: 14px;
    text-align: center;
    height: 140px
}

.integration-visual-wrap ul li:nth-child(odd) {
    vertical-align: bottom
}

.integration-visual-wrap ul li.zp-main {
    width: 20%;
    vertical-align: middle;
    height: 260px
}

.integration-visual-wrap ul li.zp-main div {
    padding: 150px 20px 0;
    height: 160px
}

.integration-visual-wrap ul li div:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -40px;
    width: 80px;
    height: 80px;
    border-radius: 100%;
    background: #fff;
    border: 1px solid #ffb5cf;
    box-sizing: border-box;
    box-shadow: 0 0 20px rgba(0,0,0,0.06)
}

.integration-visual-wrap ul li.zp-main div:before {
    margin-left: -69px;
    width: 142px;
    height: 142px;
    top: 1px
}

.integration-visual-wrap ul li div:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 15px;
    margin-left: -25px;
    width: 50px;
    height: 50px;
    background: url(//cdn.zoho.com.cn/sites/zweb/images/zh-hans/crm/integration-icons-sprite-2x.png) no-repeat left top;
    box-sizing: border-box;
    background-size: 1250px auto
}

.integration-visual-wrap ul li.zp-main div:after {
    top: 22px;
    margin-left: -47px;
    width: 100px;
    height: 100px
}

.integration-visual-wrap ul li.zp-main div:after {
    background: url(//cdn.zoho.com.cn/sites/zweb/images/zh-hans/crm/integration-icon-2x.png) no-repeat left top;
    background-size: cover
}

.integration-visual-wrap ul li:first-child div:after {
    background-position: 0 0
}

.integration-visual-wrap ul li:nth-child(2) div:after {
    background-position: -50px 0
}

.integration-visual-wrap ul li:nth-child(3) div:after {
    background-position: -100px 0
}

.integration-visual-wrap ul li:nth-child(4) div:after {
    background-position: -150px 0
}

.integration-visual-wrap ul li:nth-child(6) div:after {
    background-position: -200px 0
}

.integration-visual-wrap ul li:nth-child(7) div:after {
    background-position: -250px 0
}

.integration-visual-wrap ul li:nth-child(8) div:after {
    background-position: -300px 0
}

.integration-visual-wrap ul li:nth-child(9) div:after {
    background-position: -350px 0
}

@media only screen and (min-width: 992px) {
    .integration-visual-wrap ul li {
        display:table-cell;
        vertical-align: top;
        opacity: 0;
        transform: scale(0.6,1)
    }

    .animated .integration-visual-wrap ul li {
        opacity: 1;
        transform: scale(1,1)
    }

    .animated .integration-visual-wrap ul li.zp-main {
        transition: .5s ease
    }

    .animated .integration-visual-wrap ul li:nth-child(4),.animated .integration-visual-wrap ul li:nth-child(6) {
        transition: .5s .5s ease
    }

    .animated .integration-visual-wrap ul li:nth-child(3),.animated .integration-visual-wrap ul li:nth-child(7) {
        transition: .5s .7s ease
    }

    .animated .integration-visual-wrap ul li:nth-child(2),.animated .integration-visual-wrap ul li:nth-child(8) {
        transition: .5s .9s ease
    }

    .animated .integration-visual-wrap ul li:nth-child(1),.animated .integration-visual-wrap ul li:nth-child(9) {
        transition: .5s 1.1s ease
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .zp-home-integration-wrap .content-wrap h2+p {
        max-width:80%
    }

    .integration-visual-wrap .content-wrap {
        width: 600px;
        height: 490px;
        padding: 40px 0
    }

    .integration-visual-wrap .content-wrap:before {
        height: 90%;
        background: url(//cdn.zoho.com.cn/sites/zweb/images/zh-hans/crm/mob-integration-bg.png) no-repeat center center;
        background-size: cover
    }

    .integration-visual-wrap ul li div {
        position: absolute;
        left: 50%;
        top: 50%;
        font-size: 12px;
        margin-left: -50px;
        margin-top: -35px;
        display: block;
        width: 100px;
        height: 100px;
        z-index: 1
    }

    .integration-visual-wrap ul li.zp-main div {
        z-index: 0;
        padding: 110px 0 0;
        top: 50%;
        margin-top: -50px;
        height: 100px
    }

    .integration-visual-wrap ul li div {
        padding: 80px 0 20px;
        height: 70px
    }

    .integration-visual-wrap ul li.zp-main div {
        height: 100px
    }

    .integration-visual-wrap ul li.zp-main {
        height: 100px;
        width: 100px;
        margin-left: -50px;
        margin-top: -50px
    }

    .integration-visual-wrap ul li.zp-main div:after {
        margin-left: -35px;
        width: 70px;
        height: 70px;
        top: 15px
    }

    .integration-visual-wrap ul li.zp-main div:before {
        width: 100px;
        height: 100px;
        margin-left: -50px
    }

    .integration-visual-wrap ul li div:before {
        margin-left: -35px;
        width: 75px;
        height: 75px
    }

    .integration-visual-wrap ul li div:after {
        width: 40px;
        height: 40px;
        margin-left: -20px;
        background-size: 1000px auto
    }

    .integration-visual-wrap ul li:first-child div {
        top: 80px;
        left: 220px
    }

    .integration-visual-wrap ul li:nth-child(2) div {
        top: 180px;
        left: 120px
    }

    .integration-visual-wrap ul li:nth-child(3) div {
        top: 320px;
        left: 120px
    }

    .integration-visual-wrap ul li:nth-child(4) div {
        top: 420px;
        left: 220px
    }

    .integration-visual-wrap ul li:nth-child(6) div {
        top: 80px;
        right: 180px;
        left: inherit
    }

    .integration-visual-wrap ul li:nth-child(7) div {
        top: 180px;
        right: 80px;
        left: inherit
    }

    .integration-visual-wrap ul li:nth-child(8) div {
        top: 320px;
        right: 80px;
        left: inherit
    }

    .integration-visual-wrap ul li:nth-child(9) div {
        top: 420px;
        right: 180px;
        left: inherit
    }

    .integration-visual-wrap ul li:first-child div:after {
        background-position: 0 0
    }

    .integration-visual-wrap ul li:nth-child(2) div:after {
        background-position: -40px 0
    }

    .integration-visual-wrap ul li:nth-child(3) div:after {
        background-position: -80px 0
    }

    .integration-visual-wrap ul li:nth-child(4) div:after {
        background-position: -120px 0
    }

    .integration-visual-wrap ul li:nth-child(6) div:after {
        background-position: -160px 0
    }

    .integration-visual-wrap ul li:nth-child(7) div:after {
        background-position: -200px 0
    }

    .integration-visual-wrap ul li:nth-child(8) div:after {
        background-position: -240px 0
    }

    .integration-visual-wrap ul li:nth-child(9) div:after {
        background-position: -280px 0
    }
}

@media only screen and (max-width: 767px) {
    .zp-home-integration-wrap .content-wrap h2+p {
        max-width:100%
    }

    .integration-visual-wrap .content-wrap {
        width: 280px;
        height: 340px;
        padding: 40px 0;
        margin: 40px auto 0
    }

    .integration-visual-wrap .content-wrap:before {
        height: 84%;
        background: url(//cdn.zoho.com.cn/sites/zweb/images/zh-hans/crm/mob-integration-bg.png) no-repeat center center;
        background-size: cover
    }

    .integration-visual-wrap ul li div {
        position: absolute;
        left: 50%;
        top: 50%;
        font-size: 10px;
        margin-left: -35px;
        margin-top: -35px;
        display: block;
        width: 70px;
        height: 70px;
        z-index: 1
    }

    .integration-visual-wrap ul li.zp-main div {
        z-index: 0;
        padding: 80px 0 0;
        top: 51%;
        margin-top: -50px;
        height: 80px
    }

    .integration-visual-wrap ul li div {
        padding: 55px 0 10px;
        height: 70px
    }

    .integration-visual-wrap ul li.zp-main {
        height: 70px;
        width: 70px;
        margin-left: -35px;
        margin-top: -35px
    }

    .integration-visual-wrap ul li.zp-main div:after {
        margin-left: -25px;
        width: 50px;
        height: 50px;
        top: 10px
    }

    .integration-visual-wrap ul li.zp-main div:before {
        width: 70px;
        height: 70px;
        margin-left: -35px
    }

    .integration-visual-wrap ul li div:before {
        margin-left: -25px;
        width: 50px;
        height: 50px
    }

    .integration-visual-wrap ul li div:after {
        width: 30px;
        height: 30px;
        margin-left: -15px;
        background-size: 750px auto;
        top: 10px
    }

    .integration-visual-wrap ul li:first-child div {
        top: 67px;
        left: 94px
    }

    .integration-visual-wrap ul li:nth-child(2) div {
        top: 130px;
        left: 33px
    }

    .integration-visual-wrap ul li:nth-child(3) div {
        top: 217px;
        left: 32px
    }

    .integration-visual-wrap ul li:nth-child(4) div {
        top: 279px;
        left: 90px
    }

    .integration-visual-wrap ul li:nth-child(6) div {
        top: 66px;
        right: 62px;
        left: inherit
    }

    .integration-visual-wrap ul li:nth-child(7) div {
        top: 130px;
        right: 0;
        left: inherit
    }

    .integration-visual-wrap ul li:nth-child(8) div {
        top: 220px;
        right: 0;
        left: inherit
    }

    .integration-visual-wrap ul li:nth-child(9) div {
        top: 280px;
        right: 60px;
        left: inherit
    }

    .integration-visual-wrap ul li:first-child div:after {
        background-position: 0 0
    }

    .integration-visual-wrap ul li:nth-child(2) div:after {
        background-position: -30px 0
    }

    .integration-visual-wrap ul li:nth-child(3) div:after {
        background-position: -60px 0
    }

    .integration-visual-wrap ul li:nth-child(4) div:after {
        background-position: -90px 0
    }

    .integration-visual-wrap ul li:nth-child(6) div:after {
        background-position: -120px 0
    }

    .integration-visual-wrap ul li:nth-child(7) div:after {
        background-position: -150px 0
    }

    .integration-visual-wrap ul li:nth-child(8) div:after {
        background-position: -180px 0
    }

    .integration-visual-wrap ul li:nth-child(9) div:after {
        background-position: -210px 0
    }
}

@media only screen and (max-width: 767px) {
    .act-btn.cta-btn {
        display:none !important
    }

    .customer-testimonials .inner ul li {
        width: 100%
    }

    .customer-testimonials .inner ul li.cus-amphenol {
        margin: 0 auto 25px
    }
}

.content-wrap {
    position: relative;
    width: 90%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0
}

@media only screen and (max-width: 1124px) {
    .signup-box {
        max-width:500px;
        margin: 80px 0 40px;
        width: 100%
    }
}

@media only screen and (max-width: 991px) {
    .signup-box {
        max-width:500px;
        display: block;
        margin: 60px auto 20px
    }
}

@media only screen and (max-width: 767px) {
    .signup-box {
        margin:50px auto 20px
    }
}

.zp-home-banner-wrap {
    background: url(//cdn.zoho.com.cn/sites/zweb/images/zh-hans/crm/new21_banner_bg.jpg) center center no-repeat;
    background-size: cover
}

.zp-home-left h1 {
    color: #fff
}

.zp-home-left .eff-con {
    height: 60px
}

.zp-home-banner-wrap .content-wrap .zp-home-left .effect {
    display: inline-block;
    position: relative;
    color: #84fdce;
    font: 400 50px/60px Roboto,Arial,Helvetica,sans-serif;
    height: 60px
}

.effect::after {
    content: '';
    position: absolute;
    right: -10px;
    top: 5px;
    height: 50px;
    width: 3px;
    background-color: #84fdce;
    animation: san .5s steps(1) infinite
}

@keyframes san {
    0%,100% {
        background-color: #84fdce
    }

    50% {
        background-color: transparent
    }
}

.cta-btn:before {
    border-radius: 8px;
    background: #fa3e3e
}

.signup-box h5 {
    color: #fff
}

.features-section {
    background: #f0f0f0;
    height: 950px;
    overflow: hidden
}

.features-section h2,.solution h2 {
    font-weight: bold;
    color: #000
}

.line-segment {
    background: #0183fc;
    width: 142px
}

.featuresDisplayContent {
    padding-top: 18px;
    height: 600px
}

.fea-column-left li,.fea-content h5 {
    font-size: 20px;
    color: #000
}

.fea-item {
    border: 0;
    padding-top: 30px;
    height: 320px;
    width: 24%
}

.fea-points i {
    background: url(//cdn.zoho.com.cn/sites/zweb/images/zh-hans/crm/new21_features_icon.png) no-repeat;
    background-size: 1180px auto;
    width: 74px;
    height: 74px
}

.fea-sale-1 i {
    background-position: -418px -174px
}

.fea-sale-2 i {
    background-position: -986px 0
}

.fea-sale-3 i {
    background-position: -336px -90px
}

.fea-sale-4 i {
    background-position: -842px -176px
}

.fea-flow-1 i {
    background-position: -819px 0
}

.fea-flow-2 i {
    background-position: -1022px -256px
}

.fea-flow-3 i {
    background-position: -1070px 0
}

.fea-flow-4 i {
    background-position: -1074px -170px
}

.fea-perm-1 i {
    background-position: -584px -88px
}

.fea-perm-2 i {
    background-position: -254px -90px
}

.fea-perm-3 i {
    background-position: -400px 2px
}

.fea-perm-4 i {
    background-position: -254px -174px
}

.fea-mark-1 i {
    background-position: -672px -180px
}

.fea-mark-2 i {
    background-position: -846px -260px
}

.fea-mark-3 i {
    background-position: -986px -88px
}

.fea-mark-4 i {
    background-position: -400px 3px
}

.fea-multi-1 i {
    background-position: 0 -164px
}

.fea-multi-2 i {
    background-position: -498px -260px
}

.fea-multi-3 i {
    background-position: -172px -88px
}

.fea-multi-4 i {
    background-position: -500px -176px
}

.fea-bi-1 i {
    background-position: -570px 0
}

.fea-bi-2 i {
    background-position: -672px -262px
}

.fea-bi-3 i {
    background-position: -738px 0
}

.fea-bi-4 i {
    background-position: -758px -176px
}

.fea-item-title {
    line-height: 50px;
    padding-top: 10px
}

.fea-item-con {
    line-height: 24px
}

.fea-content p {
    color: #000
}

.solution .inner {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 4%;
    padding-bottom: 50px
}

.solution h2,.solution .inner p,.wchoose h2 {
    color: #000;
    text-align: center
}

.solution .inner p {
    font-size: 17px
}

.solution h2 {
    padding-bottom: 20px
}

.solution .inner .con ul {
    overflow: hidden;
    padding-top: 30px
}

.solution .inner .con ul:nth-child(2) {
    padding-top: 40px
}

.solution .inner .con ul li {
    float: left;
    width: 18.4%;
    margin: 0 1%;
    border: 1px solid #b7b7b7;
    border-radius: 4px;
    height: 235px
}

.solution .inner .con ul li:first-child {
    margin-left: 0
}

.solution .inner .con ul li:last-child {
    margin-right: 0
}

.solution .inner .con ul li .tt {
    background: #366cf2;
    color: #fff;
    line-height: 40px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding: 10px 0;
    font-size: 18px
}

.solution .inner .con ul li .gr {
    background: #51ce66
}

.solution .inner .con ul li .tl {
    padding: 16px 10px;
    font-size: 16px;
    line-height: 28px
}

.solution .inner a {
    display: block;
    margin: 0 auto;
    background: #fa3e3e;
    color: #fff;
    border-radius: 4px;
    font-size: 18px;
    text-align: center;
    margin-top: 50px;
    line-height: 50px
}

.container-section {
    background: #fff
}

.list-title span {
    color: #000
}

.zp-home-integration-wrap {
    background: #284ca3
}

.zp-home-integration-wrap h2,.zp-home-integration-wrap p {
    color: #fff
}

.zp-home-integration-wrap .content-wrap h2+p {
    max-width: 780px;
    margin: 20px auto 20px
}

.integration-visual-wrap .content-wrap:before {
    background: url(//cdn.zoho.com.cn/sites/zweb/images/zh-hans/crm/new21_integration_bg.png) no-repeat center center;
    left: 7%;
    top: -22%;
    height: 100%
}

.integration-visual-wrap .content-wrap {
    padding: 70px 0 120px
}

.integration-visual-wrap ul li div {
    color: #fff
}

.integration-visual-wrap ul li div:after {
    background: url(//cdn.zoho.com.cn/sites/zweb/images/zh-hans/crm/new21_icon.png) no-repeat left top;
    background-size: 700px auto
}

.integration-visual-wrap ul li:first-child div:after {
    background-position: 4px -120px
}

.integration-visual-wrap ul li:nth-child(2) div:after {
    background-position: -46px -120px
}

.integration-visual-wrap ul li:nth-child(3) div:after {
    background-position: -109px -118px
}

.integration-visual-wrap ul li:nth-child(4) div:after {
    background-position: -154px -118px
}

.integration-visual-wrap ul li:nth-child(5) div:after {
    background-position: -200px -118px
}

.integration-visual-wrap ul li:nth-child(6) div:after {
    background-position: -248px -118px
}

.integration-visual-wrap ul li.zp-main div:after {
    background: url(//cdn.zoho.com.cn/sites/zweb/images/zh-hans/crm/new21_icon.png) no-repeat left top;
    background-position: -702px -112px
}

.integration-visual-wrap ul li:nth-child(8) div:after {
    background-position: -296px -112px
}

.integration-visual-wrap ul li:nth-child(9) div:after {
    background-position: -341px -112px
}

.integration-visual-wrap ul li:nth-child(10) div:after {
    background-position: -387px -116px
}

.integration-visual-wrap ul li:nth-child(11) div:after {
    background-position: -438px -114px
}

.integration-visual-wrap ul li:nth-child(12) div:after {
    background-position: -486px -114px
}

.integration-visual-wrap ul li:nth-child(13) div:after {
    background-position: -535px -114px;
}

.btn-mid-area {
    width: 420px;
    margin: 0 auto
}

.signupNow {
    left: 0
}

.zp-home-banner-wrap {
    padding-bottom: 40px
}

@media only screen and (min-width: 1024px) and (max-width:1450px) {
    .features-section {
        background:#f0f0f0;
        height: 850px
    }

    .list-choose {
        padding: 2% 4%;
    }

    .featuresDisplayContent {
        height: 570px
    }
}

@media only screen and (min-width: 768px) and (max-width:1024px) {
    .fea-item {
        width:49%;
        padding-top: 20px;
        height: 220px
    }

    .fea-points i {
        background-size: 1000px auto;
        width: 62px;
        height: 62px
    }

    .fea-item p {
        line-height: 30px;
        margin: 0 0 0 4%
    }

    .fea-item-con {
        padding-top: 4px
    }

    .fea-sale-1 i {
        background-position: -356px -152px
    }

    .fea-sale-2 i {
        background-position: -836px 0
    }

    .fea-sale-3 i {
        background-position: -284px -75px
    }

    .fea-sale-4 i {
        background-position: -712px -152px
    }

    .fea-flow-1 i {
        background-position: -695px 1px
    }

    .fea-flow-2 i {
        background-position: -864px -217px
    }

    .fea-flow-3 i {
        background-position: -902px 0
    }

    .fea-flow-4 i {
        background-position: -908px -140px
    }

    .fea-perm-1 i {
        background-position: -494px -80px
    }

    .fea-perm-2 i {
        background-position: -215px -77px
    }

    .fea-perm-3 i {
        background-position: -342px 2px
    }

    .fea-perm-4 i {
        background-position: -214px -148px
    }

    .fea-mark-1 i {
        background-position: -570px -152px
    }

    .fea-mark-2 i {
        background-position: -716px -220px
    }

    .fea-mark-3 i {
        background-position: -834px -78px
    }

    .fea-mark-4 i {
        background-position: -336px 2px
    }

    .fea-multi-1 i {
        background-position: 2px -140px
    }

    .fea-multi-2 i {
        background-position: -422px -224px
    }

    .fea-multi-3 i {
        background-position: -146px -78px
    }

    .fea-multi-4 i {
        background-position: -423px -148px
    }

    .fea-bi-1 i {
        background-position: -483px 0
    }

    .fea-bi-2 i {
        background-position: -568px -222px
    }

    .fea-bi-3 i {
        background-position: -625px 0
    }

    .fea-bi-4 i {
        background-position: -642px -148px
    }

    .fea-multi-1.fea-item,.fea-multi-2.fea-item,.fea-multi-3.fea-item,.fea-multi-4.fea-item {
        height: 180px
    }

    .featuresDisplayContent {
        height: 690px
    }

    .btn-mid-area {
        display: block
    }

    .features-section {
        height: 1058px
    }

    .solution .inner .con ul li {
        width: 30.4%;
        height: 200px;
        margin: 0 10px;
        margin-bottom: 30px
    }

    .solution .inner .con ul li:nth-child(4) {
        margin: 0
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .integration-visual-wrap ul li div:after {
        content:'';
        position: absolute;
        left: 50%;
        top: 13px;
        margin-left: -25px;
        width: 50px;
        height: 50px;
        background: url(//cdn.zoho.com.cn/sites/zweb/images/zh-hans/crm/new21_icon.png) no-repeat left top;
        box-sizing: border-box;
        background-size: 800px auto
    }

    .integration-visual-wrap ul li:first-child div:after {
        background-position: 2px -145px
    }

    .integration-visual-wrap ul li:nth-child(2) div:after {
        background-position: -56px -145px
    }

    .integration-visual-wrap ul li:nth-child(3) div:after {
        background-position: -128px -141px
    }

    .integration-visual-wrap ul li:nth-child(4) div:after {
        background-position: -178px -142px
    }

    .integration-visual-wrap ul li:nth-child(6) div:after {
        background-position: -285px -139px
    }

    .integration-visual-wrap ul li:nth-child(7) div:after {
        background-position: -523px -82px;
        background-size: 600px auto
    }

    .integration-visual-wrap ul li:nth-child(8) div:after {
        background-position: -340px -132px
    }

    .integration-visual-wrap ul li:nth-child(9) div:after {
        background-position: -392px -136px
    }

    .integration-visual-wrap ul li:nth-child(10),.integration-visual-wrap ul li:nth-child(11),.integration-visual-wrap ul li:nth-child(12) {
        display: none
    }
}

@media only screen and (max-width: 767px) {
    .signupNow {
        display:none
    }

    .zp-home-banner-wrap {
        overflow: inherit;
        padding-bottom: 75px
    }

    .zp-home-banner-wrap>.content-wrap>div {
        float: none;
        display: block;
        width: 100%
    }

    .zp-home-banner-wrap>.content-wrap>div.zp-home-right {
        display: block;
        width: 100%
    }

    .zp-home-banner-wrap .content-wrap>div.zp-home-right .signup-box {
        float: none
    }

    .zp-home-banner-wrap .content-wrap .zp-home-left .effect {
        font-size: 40px
    }

    .fea-column-left li {
        font-size: 15px
    }

    .features-section {
        height: 850px;
        padding-top: 30px
    }

    .fea-item {
        width: 100%;
        height: 69px;
        margin-bottom: 12px;
        padding-top: 0
    }

    .fea-content h5 {
        padding-top: 20px
    }

    .fea-item p {
        line-height: 50px;
        margin: 0 0 0 6%;
        font-size: 18px
    }

    .fea-item-con {
        display: none
    }

    .fea-points i {
        background-size: 790px auto;
        width: 60px;
        height: 66px
    }

    .fea-sale-1 i {
        background-position: -275px -108px
    }

    .fea-sale-2 i {
        background-position: -656px 10px
    }

    .fea-sale-3 i {
        background-position: -220px -52px
    }

    .fea-sale-4 i {
        background-position: -556px -108px
    }

    .fea-flow-1 i {
        background-position: -542px 10px
    }

    .fea-flow-2 i {
        background-position: -677px -163px
    }

    .fea-flow-3 i {
        background-position: -708px 10px
    }

    .fea-flow-4 i {
        background-position: -714px -106px
    }

    .fea-perm-1 i {
        background-position: -388px -50px
    }

    .fea-perm-2 i {
        background-position: -166px -50px
    }

    .fea-perm-3 i {
        background-position: -164px -106px
    }

    .fea-perm-4 i {
        background-position: -714px -106px
    }

    .fea-mark-1 i {
        background-position: -442px -110px
    }

    .fea-mark-2 i {
        background-position: -560px -166px
    }

    .fea-mark-3 i {
        background-position: -653px -48px
    }

    .fea-mark-4 i {
        background-position: -261px 8px
    }

    .fea-multi-1 i {
        background-position: 0 -102px
    }

    .fea-multi-2 i {
        background-position: -332px -166px
    }

    .fea-multi-3 i {
        background-position: -112px -51px
    }

    .fea-multi-4 i {
        background-position: -330px -110px
    }

    .fea-bi-1 i {
        background-position: -378px 10px
    }

    .fea-bi-2 i {
        background-position: -449px -169px
    }

    .fea-bi-3 i {
        background-position: -489px 6px
    }

    .fea-bi-4 i {
        background-position: -500px -108px
    }

    .solution .inner .con ul li {
        width: 100%;
        margin: 0 auto;
        margin-bottom: 10px;
        height: 148px
    }

    .solution .inner .con ul:nth-child(2) {
        padding-top: 0
    }

    .solution .inner a {
        width: 100%;
        max-width: 335px;
        font-size: 18px
    }

    .list-choose {
        height: 360px
    }

    .list-choose.list-choose-2 {
        height: 275px
    }

    .integration-visual-wrap .content-wrap:before {
        left: 12%
    }

    .integration-visual-wrap ul li:first-child div {
        top: 36px;
        left: -9px
    }

    .integration-visual-wrap ul li:nth-child(2) div {
        top: 80px;
        left: 50px
    }

    .integration-visual-wrap ul li:nth-child(3) div {
        top: 136px;
        left: -9px
    }

    .integration-visual-wrap ul li:nth-child(4) div {
        top: 180px;
        left: 50px
    }

    .integration-visual-wrap ul li:nth-child(5) div {
        top: 240px;
        left: -9px
    }

    .integration-visual-wrap ul li:nth-child(6) div {
        top: 280px;
        left: 52px
    }

    .integration-visual-wrap ul li:nth-child(7) div {
        z-index: 0;
        padding: 80px 0 0;
        top: 51%;
        margin-top: 0;
        height: 80px
    }

    .integration-visual-wrap ul li.zp-main div {
        z-index: 0;
        padding: 80px 0 0;
        top: 51%;
        margin-top: -50px;
        height: 80px;
        left: 50%
    }

    .integration-visual-wrap ul li:nth-child(8) div {
        top: 35px;
        left: 285px
    }

    .integration-visual-wrap ul li:nth-child(9) div {
        top: 80px;
        right: 18px
    }

    .integration-visual-wrap ul li:nth-child(10) div {
        top: 136px;
        left: 285px
    }

    .integration-visual-wrap ul li:nth-child(11) div {
        top: 180px;
        left: 228px
    }

    .integration-visual-wrap ul li:nth-child(12) div {
        top: 240px;
        left: 288px
    }

    .integration-visual-wrap ul li:nth-child(13) div {
        top: 280px;
        left: 228px
    }

    .zp-home-banner-wrap>.content-wrap>div.zp-home-left>p {
        margin-top: 10px
    }

    .integration-visual-wrap ul li div:after {
        height: 30px;
        background-size: 500px auto
    }

    .integration-visual-wrap ul li:first-child div:after {
        background-position: 0 -88px
    }

    .integration-visual-wrap ul li:nth-child(2) div:after {
        background-position: -34px -89px
    }

    .integration-visual-wrap ul li:nth-child(3) div:after {
        background-position: -81px -88px
    }

    .integration-visual-wrap ul li:nth-child(4) div:after {
        background-position: -112px -86px
    }

    .integration-visual-wrap ul li:nth-child(5) div:after {
        background-position: -146px -86px
    }

    .integration-visual-wrap ul li:nth-child(6) div:after {
        background-position: -180px -86px
    }

    .integration-visual-wrap ul li:nth-child(8) div:after {
        background-position: -215px -83px
    }

    .integration-visual-wrap ul li:nth-child(9) div:after {
        background-position: -247px -84px
    }

    .integration-visual-wrap ul li:nth-child(10) div:after {
        background-position: -280px -83px
    }

    .integration-visual-wrap ul li:nth-child(11) div:after {
        background-position: -313px -84px
    }

    .integration-visual-wrap ul li:nth-child(12) div:after {
        background-position: -351px -85px
    }

    .integration-visual-wrap ul li:nth-child(13) div:after {
        background-position: -385px -83px
    }

    .integration-visual-wrap ul li.zp-main div:before {
        width: 90px;
        height: 90px;
        margin-left: -46px;
        top: -16px
    }

    .integration-visual-wrap ul li.zp-main div:after {
        background: url(//cdn.zoho.com.cn/sites/zweb/images/zh-hans/crm/new21_icon.png) no-repeat;
        background-position: -574px -102px;
        background-size: 666px auto;
        margin-left: -46px;
        width: 90px;
        height: 59px;
        top: 0
    }

    .zp-home-banner-wrap>.content-wrap>div.zp-home-right {
        display: none
    }
}

@media only screen and (max-width: 480px) {
    .features-section {
        height:1015px
    }

    .fea-column-left li {
        width: 50%
    }
}

html,body {
    color: #333;
    margin: 0;
    height: 100%;
    font-family: 'Myriad Set Pro','Helvetica Neue',Helvetica,Arial,Verdana,sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: normal
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

a {
    text-decoration: none;
    color: #000
}

img {
    border: 0
}

body {
    background: #f5f5f5;
    /* color: #666; */
}

html,body,div,ul,li,h1,h2,h3,h5,p {
    margin: 0;
    padding: 0
}

a {
    text-decoration: none;
    color: #08acee
}

img {
    border: 0
}

li {
    list-style: none
}

a {
    color: #666
}

a:hover {
    color: #eee
}

.huace {
    background-position: -162px -194px
}
.ZPprivacy a{
    color: #000;
}
.fcclose_active {
    display: none!important;
}
.verifytitle, #mobileotp, .signupotpcontainer .change, .signupotpcontainer .resendotp {
    color: #fff;
}
.signup-box #signup-newsletter.checked::before, .signup-box #signup-termservice.checked::before, .signup-box #signup-newsletter.checked::after, .signup-box #signup-termservice.checked::after{
    background: #ffffff;
}

/*signup form*/
.signup-box #czone-signup .sgfrm{
    margin-bottom: 25px;
}
.signup-box #czone-signup .zcrm_placeholder{
    color: #666;
    font-size: 15px;
    left: 10px;
    position: absolute;
    top: 12px;
    transition: all .5s ease .1s;
    z-index: 7;
    pointer-events: none;
}
.signup-box #czone-signup .added-placeholder .zcrm_placeholder{top:-20px;font-size:11px;color:#00add5;left:0}
.signup-box #czone-signup .za-country-container.added-placeholder .zcrm_placeholder{top:-20px}
.signup-box #czone-signup input[type='text']:focus{
    border-color: #03a9f5;
}
.signup-box #czone-signup .pwd_eye::after{
    top: -10px;
}
.signup-box #czone-signup .zcrm_split, .signup-box #czone-signup .pwd_rules{
    display: none !important;
}
.signup-box #czone-signup .za-rmobile-container .zcrm_placeholder{
    padding-left: 80px;
}
.signup-box #czone-signup .za-rmobile-container .added-placeholder .zcrm_placeholder{
    left: -80px;
}
/*signup form end*/
/*signup form*/
.signupcontainer .zcrm_placeholder{
    color: #666;
    font-size: 15px;
    left: 10px;
    position: absolute;
    top: 12px;
    transition: all .5s ease .1s;
    z-index: 7;
    pointer-events: none;
}
.signup-box #czone-newsignup .added-placeholder .zcrm_placeholder{
    top:-20px;
    font-size:11px;
    color:#00add5;
    left:0
}
.signup-box #czone-newsignup .za-country-container.added-placeholder .zcrm_placeholder{top:-20px}
.signup-box #czone-newsignup input[type='text']:focus{
    border-color: #03a9f5;
}
.signup-box #czone-newsignup .pwd_eye::after{
    top: -10px;
}
.signup-box #czone-newsignup .zcrm_split, .signup-box #czone-newsignup .pwd_rules{
    display: none !important;
}
.signup-box #czone-newsignup .za-rmobile-container .zcrm_placeholder{
    padding-left: 80px;
}
.signup-box #czone-newsignup .za-rmobile-container .added-placeholder .zcrm_placeholder{
    left: -80px;
}
/*signup form end*/