body {
}


.im-body {
    overflow: hidden;
}

.im-center {
    max-width: 1408px;
    width: 1408px;
    margin: 0 auto;
}

.im-section-01 {
    overflow: hidden;
    padding: 132px 0 110px 0;
    position: relative;
    background-size: 5px 5px;
    background-color: #e5e5e5;
    background-image: linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
}

.im-s1-title {
    color: #666666;
    font-size: 32px;
    font-weight: 800;
    line-height: 60px;
    width: 100%;
    text-align: center;
}

.im-s1-sub-title {
    color: #666666;
    font-size: 14px;
    line-height: 40px;
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
}

.im-s1-teams-block {
    overflow: hidden;
    padding: 30px 30px;
    border: 1px solid #53a062;
    background-size: 5px 5px;
    background-color: #d0d9d2;
    background-image: linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
}

.process-management {
    float: left;
    width: 960px;
  
}


.am-title {
    line-height: 40px;
    color: #666666;
    font-size: 23px;
    font-weight: 800;
    margin-bottom: 20px;
    text-align:center;
}


.amm-chart-menu {
    float: left;
    height: 240px;
    margin-top: 20px;
    box-sizing: border-box;
    width: 960px;
    position: relative;
    background: url(../../images/zenhrV2/pm20-mbg.png)
}

.common-tools {
    float: left;
    width: 386px;
    overflow: hidden;
    box-sizing: border-box;
}


.menu-block {
    line-height: 34px;
    padding: 0 10px;
 
}

    .menu-block .icon {
        margin-right: 10px;
    }

.mb1 {
    position: absolute;
    top: 100px;
    left: 0px;
}

.mb2 {
    position: absolute;
    top: 0;
    left: 160px;
}

.mb3 {
    position: absolute;
    top: 140px;
    left: 160px;
}

.mb4 {
    position: absolute;
    top: 50px;
    left: 360px;
}

.mb5 {
    position: absolute;
    top: 200px;
    left: 360px;
}


.mb6 {
    position: absolute;
    top: 0px;
    left: 610px;
}


.mb7 {
    position: absolute;
    top: 100px;
    left: 610px;
}

.mb8 {
    position: absolute;
    top: 200px;
    left: 610px;
}


.mb9 {
    position: absolute;
    top: 100px;
    left: 820px;
}

.tool-line {
    line-height: 40px;
    padding: 0 25px;
    
}

    .tool-line .icon {
        margin-right: 10px;
    }

.im-section-02 {
    overflow: hidden;
    padding-top: 50px;
    padding-bottom: 80px;
    background: linear-gradient(#022043, #183d68, #315176, #72787f);
}


.im-s2-title {
    color: #ffffff;
    font-size: 32px;
    font-weight: 800;
    line-height: 60px;
    width: 100%;
    text-align: center;
}

.im-s2-sub-title {
    color: #ffffff;
    font-size: 14px;
    line-height: 40px;
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
}

.im-s2-block {
    overflow:hidden;
   
}

.im-s2-line {
    overflow:hidden;
}

.im-s2l-25 {
    float: left;
    width: 25%;
    text-align: center;
    font-size: 24px;
    line-height: 50px;
    color: #666666;
    font-weight: 800;
    background-color:#e8e8e8;
    position:relative;
}

.im-s2-line .im-s2l-25:nth-child(odd) {
    background-color: #53a062;
    color: #ffffff;
}

.im-s2l-25 .im-s2-rt {
    width: 50px;
    height: 50px;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-left: 25px solid #53a062;
    position: absolute;
    top:0;
    right: -50px;
    z-index:10;
}


.im-s2-25 {
    overflow:hidden;
    float:left;
    width:25%;
    padding-top:10px;
    height:548px;
}

.im-s2-line .im-s2-25:nth-child(even) {
    background-color:rgba(255,255,255,0.3);
}
    .im-s2-1l {
        overflow: hidden;
        font-size: 16px;
        color: #ffffff;
        line-height: 34px;
    }

.im-s2-2l {
    overflow: hidden;
    font-size: 16px;
    color: #ffffff;
    line-height: 34px;
    padding-left:30%;
}

.im-s2-ilarge {
    text-align: center;
}
    .im-s2-ilarge .icon {
        font-size:60px;
        color:#ffffff;
        line-height:100px;
    }

.im-s2-tc {
    text-align:center;
}

    .im-s2-tc .icon {
        font-size: 30px;
        color: #ffffff;
        line-height:50px;
    }

.im-s2-2l .icon {
    font-size: 16px;
    color: #ffffff;
    line-height: 34px;
    margin-right: 10px;
}

.im-section-03 {
    overflow: hidden;
    padding-top: 50px;
    padding-bottom: 80px;
    background: linear-gradient(#cdcecf, #e8e8e8,#ffffff);
}

.im-s3-l33 {
    float:left;
    width:33.33333%;
    overflow:hidden;
}

.im-s3-block {
    padding:15px;
    overflow:hidden;
    height:230px;
}

.im-s3b-title {

    font-size: 24px;
    line-height: 50px;
    color: #666666;
    font-weight: 800;
    border-bottom:2px solid #53a062;
}
.im-s3b-title-tr {
    text-align:right;
}
    .im-s3b-content {
        overflow: hidden;
    }

    .im-s3b-content p {
        font-size: 16px;
        color: #666666;
        line-height: 30px;
        margin-bottom:0;
    }

.im-s3-img {
    text-align: center;
    padding-top:72px;
 
}

    .im-s3-img img {
        height:200px;
        width:200px;
        border-radius:50%;
    }

.s3-ready {
    border: 1px solid #53a062;
    overflow: hidden;
    margin-top: 50px;
    background: rgba(255,255,255,0.7)
}



.s3-50 {
    float: left;
    width: 50%;
    margin-top: -1px;
    border-top: 1px solid #53a062;
    text-align: center;
    font-size: 16px;
    color: #666666;
    line-height: 46px;
    border-left: 1px solid #53a062;
    margin-left: -1px;
}
}