body{
    padding-top: 100px;
}
ul,li{
    margin: 0;
    padding: 0;
    list-style: none;
}
/*发展历程*/
.history-box ul { position: relative; padding-top: 50px; }
.history-box ul:before { top: 0; content: ''; width: 4px; height: 100%; position: absolute; background: green; left: 170px; }
.history-box div.item>span { padding: 5px 20px; background: green; position: absolute; font-weight: bold; font-size: 24px; color: #fff; display: inline-block; vertical-align: top; left: 0; top: 0; }
.history-box div.item>span:after { content: ''; position: absolute; width: 50px; height: 1px; background: green; top: 16px; left: 120px; }
.history-box2 li>span { font-weight: bold; font-size: 30px; color: green; display: inline-block; margin-bottom: 20px; vertical-align: top; }
.history-box2 li { margin-bottom: 20px; }
.history-box div.item p>b { display: block; float: left; width: 12%; }
.history-box div.item p { font-size: 14px; line-height: 2; margin: 5px 0; }
.history-box div.item p:after { content: " "; clear: both; display: block; }
.history-box div.item p>span { display: block; width: 88%; }
.history-box li .item { padding: 20px 10px; border: 1px solid #eee; }
.history-box li:nth-child(even) div.item { }
.history-box li:nth-child(even) div.item p>span { }
.history-box li:nth-child(even) div.item p>b { display: block; float: left; width: 12%; }
.history-box li:before { position: absolute; content: ''; width: 0; z-index: 1; height: 0; left: 221px; top: 15px; border-style: solid; border-width: 8px 10px 8px 0px; display: block; border-color: transparent #fff transparent transparent; }
.history-box ul:after { content: ''; position: absolute; width: 20px; height:20px;  border-radius: 50%; background: green; top: -12px; border: 4px solid #fff; left: 162px; }
.history-box li:after { content: ''; position: absolute; /* border-radius: 50%; */ left: 219px; top: 13px; border-style: solid; border-width: 10px 12px 10px 0; border-color: transparent #eee transparent transparent; }
.history-box li { margin-bottom: 30px; position: relative; padding-left: 230px; }/*图片*/

@media only screen and (max-width: 1024px) {
    .history-box ul:before, .history-box ul:after, .history-box li:after, .history-box li:before, .history-box div>span:after { display: none; }
    .history-box ul div.item { padding: 40px 15px 20px; margin-bottom: 30px; width: auto; text-align: left; margin-left: 0 !important; border-bottom: 1px dashed #ddd; }
    .history-box div.item p>span { font-size: 14px; width: 90%; }
    .history-box div.item p>b, .history-box li:nth-child(even) div p>b { float: left; width: auto }
    .contact>ul li { float: none; width: 100%; margin: 15px 0 15px 0; }
    .member-img { width: 100%; margin-right: 0%; padding: 0; border: 0; border-radius: 0; }
    .member-img img { padding: 4px; border: 4px solid #ebebeb; border-radius: 50%; }
    .member-intro { width: 96%; padding: 2%; margin-top: 5%; }
    .equipment .honour-img:before, .equipment .honour-img:after, .page { display: none; }
    .news-box1 { top: 20vw; }
    .about-text { top: 20vw; width: 50%; }
    .more { display: block; }
    .history-box div.item>span { line-height: normal; padding: 3px 15px; font-size: 16px; }
    .history-box li { padding-left: 0; }
}
.para-title {
    border-left: 5px solid #e33333;
    padding-left: 20px;
}
span.stage {
    font-size: 14px;
    line-height: 25px;
    display: block;
    text-indent: 33px;
}
.mk-kingdee-honor-list .mk-kingdee-honor-li {
    position: relative;
    padding-left: 120px;
    border-bottom: 1px solid #cccccc;
}
#theme-page .mk-kingdee-honor-list .blog-title {
    position: absolute;
    left: 0;
    top: 32px;
    cursor: pointer;
    margin-bottom: 12px;
    font-size: 18px;
    font-weight: normal;
    color: #000;
}
#mk-main-navigation > ul > li.menu-item.menu-item-language a:hover {
    color: #ff4351;
}
.mk-kingdee-history-list .blog-title,
.mk-kingdee-history-circle-list .blog-title-sub,
.mk-kingdee-history-circle-list .blog-title{
    left: 0px;
    width: 120px;
}
.mk-kingdee-honor-list .entry-content {
    border-left: 1px solid  #358f01;
    padding: 30px 0 30px 40px;
    min-height: 288px;
}


.mk-kingdee-honor-list .entry-content p {
    margin-bottom: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 16px;
    color: #000;
    line-height: 22px;
}
.mk-kingdee-honor-list .mk-kingdee-honor-indicator,
.mk-kingdee-honor-circle-list .mk-kingdee-honor-indicator {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #358f01;
    position: absolute;
    top: 5px;
    left: 116px;
}
.mk-kingdee-history-list .mk-kingdee-honor-indicator,
.mk-kingdee-history-circle-list .mk-kingdee-honor-indicator {
    left: 115px;
}
.mk-kingdee-honor-circle-list .mk-kingdee-honor-indicator {
    background: #358f01;
}
.mk-kingdee-honor-circle-list .gray .mk-kingdee-honor-indicator {
    background: #a1a1a1;
}
.mk-kingdee-honor-circle-list {
    position: fixed;
    top: 130px;
    z-index: 0;
}
#theme-page .mk-kingdee-honor-circle-list .blog-title-sub,
.mk-kingdee-history-circle-list .blog-title{
    padding-bottom: 12px;
    margin-bottom: 0;
    position: relative;
    cursor: pointer;
    font-size: 18px;
    color: #000;
    font-weight: normal;
}
.mk-kingdee-history-circle-list .blog-title-sub,
.mk-kingdee-history-circle-list .blog-title{
    background-color: #fff;
}
.mk-kingdee-blog-subtitle {
    padding-left: 15px;
}
.mk-kingdee-honor-circle-list .gray h2 {
    color: #ccc !important;
}

.mk-kingdee-relative {
    position: relative;
}
.mk-kingdee-history-circle-list {
    margin-left: 0;
}
/*mk-page-title*/
#mk-page-title.left-align {
    padding-top: 118px;
    background-repeat: no-repeat;
    border-bottom: 1px solid #f0f0f0;
}
#mk-page-title.left-align #mk-breadcrumbs {
    padding-top: 0px;
    line-height: 50px;
}
#mk-page-title #mk-breadcrumbs.light-skin {
    color: #666;
}
#mk-page-title #mk-breadcrumbs.light-skin a {
    color: #666;
}
#mk-page-title.left-align .mk-page-heading {
    font-size: 24px;
    line-height: 30px;
    margin: 10px 0 10px 10px!important;
}
#mk-page-title.left-align .mk-page-heading {
    color: #333;
}
#mk-page-title .mk-grid {
    height: 50px;
}

@media (max-width: 767px) {
    #theme-page .mk-kingdee-honor-list .blog-title {
        font-size: 14px;
        width: auto;
    }
    .mk-kingdee-history-circle-list .blog-title {
        font-size: 14px;
    }
    span.stage {
        font-size: 12px;
        text-indent: 20px;
    }
    .mk-kingdee-honor-list .entry-content {
        padding: 30px 0 30px 20px;
    }
    .mk-kingdee-honor-list .mk-kingdee-honor-li {
        padding-left: 80px;
    }
    .mk-kingdee-history-circle-list .blog-title-sub, .mk-kingdee-history-circle-list .blog-title {
        background: none;
    }
    .mk-kingdee-history-list .mk-kingdee-honor-indicator, .mk-kingdee-history-circle-list .mk-kingdee-honor-indicator {
        left: 75px;
    }
    #mk-page-title .mk-grid {
        background-color: #f8f8f8;
    }
    #mk-page-title.left-align .mk-page-heading {
        margin: 5px 0 5px 0px!important;
        font-size: 16px;
    }
    #mk-page-title.left-align {
        padding-top: 40px;
    }
    #mk-page-title .mk-grid {
        height: 40px;
        background-color: #f8f8f8;
    }
    #mk-page-title.left-align {
        background-position: top center;
    }
}