﻿
/*****************公用详情结构***************/
.layout-content
{
}

.layout-content .part-title-key
{
    position: relative;
}
.layout-content .part-title-key:before
{
    content: "";
    position: absolute;
    top: 7px;
    left: 2px;
    left: 2px;
    bottom: 7px;
    width: 1px;
    background: #BBBBBB;
    z-index: 1;
}

.layout-content .part-title-key ul
{
    position: relative;
    padding: 25px 15px 25px 14px;
    padding: 25px 15px\9;
    list-style: circle outside url("/upload/image/round-2.png");
    z-index: 10;
}
@media screen and (min-width:0\0)
{
    /* IE9 , IE10*/
    .layout-content .part-title-key ul
    {
        position: relative;
        padding: 25px 15px;
        list-style: circle outside url("/upload/image/round-2.png");
        z-index: 10;
    }
}
/* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)
{
    .layout-content .part-title-key ul
    {
        position: relative;
        padding: 25px 15px;
        list-style: circle outside url("/upload/image/round-2.png");
        z-index: 10;
    }
}
.layout-content .part-title-key ul:before
{
    content: "";
    position: absolute;
    top: 0;
    left: -1px;
    width: 7px;
    height: 7px;
    background: url("/upload/image/round-1.png") no-repeat;
}
.layout-content .part-title-key ul:after
{
    content: "";
    position: absolute;
    bottom: 0;
    left: -1px;
    width: 7px;
    height: 7px;
    background: url("/upload/image/round-1.png") no-repeat;
}
.layout-content .part-title-key li
{
    padding-left: 15px;
    line-height: 36px;
    font-size: 14px;
    color: #000;
    cursor: pointer;
}
.layout-content .part-title-key a
{
    color: #000;
}
.layout-content .part-title-key .part-title-active
{
    list-style-image: url("/upload/image/round-3.png");
}
.layout-content .part-title-key .part-title-active, .layout-content .part-title-key .part-title-active a
{
    color: #00a193;
}
.layout-content .part-title-key .part-title-active label
{
    display: inline-block;
    color: #00a193;
}
.layout-content .layout-content-header
{
    width: 100%;
    height: 210px;
}
.layout-content .layout-content-header img
{
    width: 100%;
    height: 210px;
}
.layout-content .layout-content-body
{
    position: relative;
    /*padding-top: 60px;*/
}
.layout-content .part-title-hint
{
    position: absolute;
    top: -70px;
    left: 0;
    width: 113px;
    height: 136px;
    text-align: center;
    color: #fff;
    background: url("/upload/image/product-hint.png") no-repeat;
}
.layout-content .part-title-hint h2
{
    padding-top: 40px;
    font-size: 22px;
}
.layout-content .part-title-hint p
{
    padding-top: 2px;
    font-size: 12px;
    font-family: Arial;
}
.layout-content .layout-content-left
{
    position: relative;
    padding: 26px 0 0 52px;
 
}
.layout-content .layout-content-left h5
{
   cursor:pointer;
}
div.selected
{
    color: #00a193;
}


.layout-content .layout-content-right
{
    /*width: 720px;*/
}
.layout-content .layout-content-title
{
    line-height: 50px;
    font-size: 24px;
    color: #00a193;
    border-bottom: 1px solid #C9C9C9;
}
.layout-content .layout-content-title label
{
    margin: 0 12px;
    font-size: 12px;
}
.layout-content .part-title
{
    padding: 10px 0 10px 15px;
    font-size: 15px;
    color: #323232;
    font-weight: bolder;
}
.layout-content .part-content
{
    padding: 0 0 5px 15px;
    line-height: 24px;
    font-size: 12px;
    color: #808080;
}
.layout-content .order-part-content
{
    margin-left: 32px;
    margin-bottom: 5px;
}
.layout-content .order-part-content li
{
    list-style: disc outside;
    line-height: 24px;
    font-size: 12px;
    color: #808080;
}
.layout-content .order-part-content li.order-no-round
{
    list-style-type: none;
}
.layout-content .part-content-layout
{
    padding-left: 15px;
    padding-bottom: 15px;
}
.layout-content .part-item-title
{
    padding-bottom: 5px;
    font-size: 12px;
    color: #242424;
}
.layout-content .part-item-content
{
    padding-bottom: 5px;
    line-height: 24px;
    font-size: 12px;
    color: #808080;
}
.layout-content .part-img
{
    max-width: 100%;
}
/*****************公用详情结构结束***************/

/*****************产品中心***************/
.product-content .part-title
{
    padding: 15px 40px 5px 15px;
}
.product-content .product-apply-btn
{
    display: inline-block;
    margin-right: 40px;
    width: 110px;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    color: #fff;
    background: #3ABAAF;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}
.product-content .part-content
{
    padding: 0 40px 5px 15px;
}
.product-content .part-content-layout
{
    padding-right: 40px;
}
/*****************产品中心结束***************/


/*****************典型案例***************/
.classic-content .part-content-layout .order-part-content
{
    margin-left: 15px;
}

/*****************典型案例结束***************/

/*****************服务支持***************/
.service-content .part-title
{
    padding: 10px 30px 5px 15px;
}
.service-content .part-content
{
    padding: 0 30px 5px 15px;
}
.service-content .part-content-layout
{
    padding-right: 30px;
}
.service-content .order-part-content
{
    margin-left: 15px;
    margin-bottom: 5px;
}
.service-content .response-time
{
    font-size: 12px;
    color: #242424;
}
.service-content .response-describe .response-hint
{
    line-height: 24px;
    font-size: 12px;
    color: #808080;
}
.service-content .response-describe span
{
    font-size: 12px;
    color: #d67331;
}
.service-content .response-describe table
{
    width: 100%;
    text-align: center;
    border: 1px solid #EAEAEA;
    border-bottom: none;
}
.service-content table th
{
    line-height: 44px;
    font-size: 14px;
    color: #2a2a2a;
    background: #F9F9F9;
    border-bottom: 1px solid #EAEAEA;
}
.service-content table td
{
    line-height: 42px;
    font-size: 12px;
    color: #858585;
    border-bottom: 1px solid #EAEAEA;
}

/*****************服务支持结束***************/



/*****************解决方案与解决方案详情***************/
.solve-content .solve-item
{
    position: relative;
    padding: 32px 0 16px;
}
.solve-content .solve-item .solve-type
{
    float: left;
    display: inline-block;
    margin-top: 4px;
    width: 80px;
    height: 80px;
    vertical-align: top;
}
.organize-manage
{
    background: url("/upload/image/organization-management.png") no-repeat;
}
.employ-manage
{
    background: url("/upload/image/employ-manage.png") no-repeat;
}
.hr-manage
{
    background: url("/upload/image/hr-manage.png") no-repeat;
}
.salary-manage
{
    background: url("/upload/image/salary-manage.png") no-repeat;
}
.holiday-manage
{
    background: url("/upload/image/holiday-manage.png") no-repeat;
}
.train-manage
{
    background: url("/upload/image/train-manage.png") no-repeat;
}
.self-manage
{
    background: url("/upload/image/self-manage.png") no-repeat;
}
.flow-manage
{
    background: url("/upload/image/flow-manage.png") no-repeat;
}
.pfm-manage
{
    background: url("/upload/image/pfm-manage.png") no-repeat;
}
.solve-content .solve-item-content h4
{
    font-size: 15px;
    color: #000;
}
.solve-content .solve-item-content p
{
    padding-top: 5px;
    line-height: 20px;
    font-size: 12px;
    color: #808080;
}
.solve-content .solve-item-content .more-introduce
{
    float: right;
    display: inline-block;
    margin: 10px 20px 0 0;
    width: 50px;
    height: 10px;
    background: url("/upload/image/more-info2.png") no-repeat;
    cursor: pointer;
}
.solve-content .solve-item-describe
{
    padding-right: 50px;
}
.solve-content .solve-item-describe .part-item-title
{
    line-height: 24px;
}
.solve-content .solve-item-describe .part-content
{
    padding: 0 0 0 15px;
}
.solve-content .solve-item-describe .part-content-layout
{
    padding-bottom: 0;
}
.solve-content .solve-sheet-type span
{
    cursor: pointer;
    font-size: 14px;
    color: #f13009;
}

/*****************典型案例结束***************/

/*****************合作共赢***************/
.win-content .win-describe
{
    padding-bottom: 5px;
}
.win-content .win-describe span
{
    display: inline-block;
    margin-top: 30px;
    width: 70px;
    height: 60px;
}
.win-content .win-describe .win-prospect
{
    background: url("/upload/image/prospect.png") no-repeat;
}
.win-content .win-describe .excellent-products
{
    background: url("/upload/image/excellent-products.png") no-repeat;
}
.win-content .win-describe .core-technology
{
    background: url("/upload/image/core-technology.png") no-repeat;
}
.win-content .win-describe h4
{
    line-height: 24px;
    font-size: 14px;
    color: #323232;
    font-weight: bolder;
}
.win-content .win-describe p
{
    line-height: 24px;
    font-size: 14px;
    color: #585858;
}
.win-content .contact-us
{
    padding-bottom: 5px;
}
.win-content .contact-us .part-item-content
{
    padding-bottom: 0;
}
/*****************合作共赢结束***************/


/*****************博纳动态***************/
.bone-content .company-news li
{
    padding: 28px 0 5px 10px;
    list-style: square outside url("/upload/image/company-news-round.png");
}
.bone-content .company-news-list h3
{
    line-height: 24px;
    font-size: 15px;
    color: #323232;
    font-weight: bolder;
}
.bone-content .company-news-list label
{
    line-height: 18px;
    font-size: 12px;
    color: #aaaaaa;
}
.bone-content .company-news-list .more-info
{
    float: right;
    display: inline-block;
    margin: 10px 0 0 0;
    width: 50px;
    height: 10px;
    background: url("/upload/image/more-info2.png") no-repeat;
    cursor: pointer;
}
.bone-content .company-news-list p
{
    line-height: 24px;
    font-size: 12px;
    color: #808080;
}
.bone-content .company-news-list div
{
    line-height: 24px;
    font-size: 12px;
    color: #808080;
}
/*动态详情*/
.bone-content .layout-content-right .news-describe-title
{
    color: #333333;
}
.bone-content .company-news-describe .company-news-time
{
    line-height: 38px;
    font-size: 14px;
    color: #a2a2a2;
}
.bone-content .company-news-item p
{
    line-height: 30px;
    font-size: 13px;
    color: #808080;
}
.bone-content .company-news-item div
{
    line-height: 30px;
    font-size: 13px;
    color: #808080;
}
.bone-content .company-news-item img
{
    margin: 10px 0 5px;
}
.bone-content .bone-sheet-type
{
    margin: 25px 0 10px; 
}
.bone-content .bone-sheet-type span
{
    display: inline-block;
    max-width: 315px;
    font-size: 14px;
    color: #f13009;
    text-align: left;
    cursor: pointer;
}
/*****************博纳动态结束***************/

/*****************关于博纳***************/
.about-bone-content .part-title
{
    padding: 10px 40px 5px 15px;
}
.about-bone-content .part-content
{
    padding: 0 40px 5px 15px;
}
.about-bone-content .part-content-layout
{
    padding-right: 40px;
    padding-bottom: 5px;
}
.about-bone-content .our-culture .part-item-title
{
    padding-bottom: 5px;
}
.about-bone-content .contact-us .part-item-title
{
    padding: 10px 0 5px;
}
/*****************关于博纳结束***************/