.zw-product-header {
    background: #020514;
}
* {
    padding: 0;
    margin: 0;
    box-sizing: border-box
}

body,
html {
    font-size: 20px
}

.menu-icon-help-header>a img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

#mini-panel-product_menu .product-nav-links .menu>li>a,
#mini-panel-product_menu .menu-icon-help-header .product-title a,
#mini-panel-product_menu .product-nav-links li .nolink {
    color: #fff;
}

#mini-panel-product_menu .expanded.dropdown .caret {
    background: url(//cdn.zoho.com.cn/sites/zweb/images/zoho_general_pages/zgheader-footer-sprite.png) no-repeat -168px 0px/990px auto;
}

.projects-wrapper h1 {
    font-size: 2.5rem;
    font-size: 2.6rem;
    line-height: 1.2;
    font-family: var(--zf-secondary-bold)
}

.content-wrap {
    max-width: 1170px;
    margin: 0 auto
}

#block-panels-mini-product-menu,
.banner-wrap {
    background: #020514;
    color: #fff
}

.og-context-node-2835 #mini-panel-product_menu .menu-icon-help-header .product-title a,
.og-context-node-2835 #mini-panel-product_menu .menu-icon-help-header+.product-nav-links li a,
.og-context-node-2835 #mini-panel-product_menu .product-nav-links .menu>li>a,
.og-context-node-2835 #mini-panel-product_menu .product-nav-links .menu>li,
.og-context-node-77054 #mini-panel-product_menu .menu-icon-help-header .product-title a,
.og-context-node-77054 #mini-panel-product_menu .menu-icon-help-header+.product-nav-links li a,
.og-context-node-77054 #mini-panel-product_menu .product-nav-links .menu>li>a,
.og-context-node-77054 #mini-panel-product_menu .product-nav-links .menu>li {
    color: #fff
}

.og-context-node-2835 .expanded.dropdown .caret,
.og-context-node-77054 .expanded.dropdown .caret {
    background: url(//cdn.zoho.com.cn/sites/zweb/images/cliq-arrow-icon.png) no-repeat 0px -48px !important
}

.banner-wrap {
    padding: 60px 0
}

.banner-wrap .content-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1000px;
    width: 90%
}

.banner-left {
    max-width: 510px
}

.banner-left p:last-child {
    margin: 0;
    padding: 10px 0 0
}

.banner-right {
    max-width: 320px;
    width: 100%
}

.soutions-wrap {
    padding: 100px 0
}

.soutions-wrap ul {
    overflow: hidden;
    margin: 0 -10px;
    padding: 0;
    list-style: none
}

.soutions-wrap li {
    float: left;
    width: calc(25% - 20px);
    margin: 0 10px 20px 10px;
    padding: 60px 40px;
    text-align: center
}

.soutions-wrap li:nth-child(5n+1) {
    background: #ffeceb
}

.soutions-wrap li:nth-child(5n+2) {
    background: #eeefff
}

.soutions-wrap li:nth-child(5n+3) {
    background: #e0f7fa
}

.soutions-wrap li:nth-child(5n+4) {
    background: #fef3e4
}

.soutions-wrap li:nth-child(5n+5) {
    background: #e9fce7
}

.soutions-wrap li h3 {
    min-height: 70px;
    text-transform: capitalize;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center
}

.soutions-wrap li p:last-child {
    margin: 0
}

.soutions-wrap li p a {
    text-transform: capitalize
}

.solution-img {
    width: 110px;
    height: 80px;
    margin: 0px auto;
    background: url(//cdn.zoho.com.cn/sites/zweb/images/zh-hans/assist/assist-customers-sprite.png) no-repeat;
    background-size: 900px
}

.constr-img {
    background-position: -6px 0px
}

.software-img {
    background-position: -122px 0
}

.edu-img {
    background-position: -226px -8px
}

.realestate-img {
    background-position: -240px 0
}

.marketing-img {
    background-position: -320px 0
}

.consulting-img {
    background-position: -400px 0
}

.testing-img {
    background-position: -481px 0
}

.medicine-img {
    background-position: -558px 0
}

.hulianwang-img {
    background-position: -630px 0
}

.chanpin-img {
    background-position: -716px 0
}

.dangan-img {
    background-position: -807px 0
}

.qiye-img {
    background-position: -982px 0
}

.jindu-img {
    background-position: -894px 0
}

.jindu-img {
    background-position: -807px 0
}

.epc-img {
    background-position: -1069px 0
}

.pdm-img {
    background-position: -1152px 0
}

@supports(display:grid) {
    .soutions-wrap ul {
        display: grid;
        display: -ms-grid;
        -ms-grid-columns: repeat(3, 1fr);
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 20px;
        align-items: start;
        margin: 0
    }

    .soutions-wrap li {
        width: auto;
        min-height: auto;
        margin: 0;
        height: 100%
    }
}

@media only screen and (max-width:1280px) {
    .soutions-wrap li {
        padding: 40px 20px
    }
}

@media only screen and (max-width:992px) {

    body,
    html {
        font-size: 16px
    }

    .soutions-wrap li {
        width: calc(50% - 20px)
    }

    @ supports(display:grid) {
        .soutions-wrap ul {
            -ms-grid-columns: repeat(2, 1fr);
            grid-template-columns: repeat(2, 1fr)
        }

        .soutions-wrap li {
            width: auto;
            min-height: auto;
            margin: 0;
            height: 100%
        }
    }
}

@media only screen and (max-width:767px) {
    .banner-wrap .content-wrap {
        display: block;
        text-align: center
    }

    .banner-left {
        margin: 0 auto
    }

    .banner-right {
        margin: 40px auto 0;
        display: none
    }

    .workshop-heading {
        display: block
    }

    .soutions-wrap {
        padding: 60px 0
    }

    .soutions-wrap li {
        width: calc(100%);
        margin: 0 0 20px;
        padding: 40px 25px
    }

    @ supports(display:grid) {
        .soutions-wrap ul {
            -ms-grid-columns: repeat(1, 1fr);
            grid-template-columns: repeat(1, 1fr)
        }

        .soutions-wrap li {
            width: auto;
            min-height: auto;
            margin: 0;
            height: 100%
        }
    }

    .soutions-wrap li h3 {
        min-height: auto
    }
}

.projects-solution {
    position: relative
}

.zp-breadcrumb li {
    color: #fff
}

.zp-breadcrumb li a {
    color: rgb(255 255 255 / 60%)
}

.zp-breadcrumb li a:hover {
    color: #fff
}

.row {
    margin-top: -9px;
}

.zp-breadcrumb {
    display: none;
}

#mini-panel-product_menu {
    background: #020514;
}