
/* 动态 */
.main-div .dynamic-div {
    max-height: 288px;
    display: flex;
    margin-top: 7px;
    justify-content: space-between;
    align-items: flex-start;
    /*background-color: #fff;*/
    color: #666;
    overflow: hidden;
}
.main-div .dynamic-div > div {
    width: 475px;
    /*border: 1px dashed grey;*/
    background-color: #fff;
    /*flex: 1;*/
}
.main-div .dynamic-div .box-title,
.bussiness-range .company-aptitude .box-title,
.bussiness-range .bussiness-div .box-title {
    height: 46px;
    border-bottom: 1px solid #ddd;
    line-height: 46px;
}
.main-div .dynamic-div .box-title .b-t-div,
.bussiness-range .company-aptitude .box-title .b-t-div,
.bussiness-range .bussiness-div .box-title .b-t-div {
    display: flex;
    justify-content: space-between;
}
.main-div .dynamic-div .box-title .b-t-div .left-title,
.bussiness-range .company-aptitude .box-title .b-t-div .left-title,
.bussiness-range .bussiness-div .box-title .b-t-div .left-title {
    width: 82px;
    height: 45px;
    padding-left: 11px;
    border-bottom: 1px solid #076ce0;
    color: #076ce0;
    font-weight: 500;
}
.main-div .dynamic-div .box-title .b-t-div .right-btn,
.bussiness-range .bussiness-div .box-title .b-t-div .right-btn {
    width: 60px;
    height: 46px;
}
.main-div .dynamic-div .box-title .b-t-div .right-btn > a,
.bussiness-range .bussiness-div .box-title .b-t-div .right-btn > a {
    width: 60px;
    display: inline-block;
    text-align: center;
    color: #999;
    font-size: 14px;
}
.main-div .dynamic-div .content-div {
    margin: 5px;
}
.main-div .dynamic-div .content-div .one-item {
    padding: 5px;
    height: 46px;
    border-bottom: 1px dashed #ddd;
    font-weight: normal;
}
.main-div .dynamic-div .content-div .one-item:last-child {
    border-bottom-width: 0;
}
.main-div .dynamic-div .content-div .one-item > a {
    display: block;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    font-weight: 500;
}
.main-div .dynamic-div .content-div .one-item .left-content {
    float: left;
    width: 360px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.main-div .dynamic-div .content-div .one-item .right-date {
    float: right;
    width: 90px;
}
.main-div .dynamic-div .content-div .one-item > a:hover .left-content,
.main-div .dynamic-div .content-div .one-item > a:hover .right-date {
    color: #076ce0;
}


/* 案例 */
.main-div .fine-cases {
    margin-top: 7px;
    background-color: #fff;
}
.main-div .fine-cases .big-title {
    height: 42px;
    padding-left: 20px;
    background-color: #0172c2;
    color: #fff;
    line-height: 42px;
    font-size: 16px !important;
    font-weight: bold;
}
.main-div .fine-cases .cases-div {
    display: flex;
    margin-left: 5px;
    flex-wrap: wrap;
}
.main-div .fine-cases .cases-div .case {
    width: 215px;
    margin: 7px 11px 8px;
    padding: 0px;
    height: 172px;
}
.main-div .fine-cases .cases-div .case .top-image {
    width: 215px;
    height: 145px;
    background-size: cover;
    background-position: center;
}
.main-div .fine-cases .cases-div .case .bottom-title {
    margin-top: 10px;
    line-height: 17px;
    text-align: center;
    font-size: 12px;
}

/* 业务范围 */
.main-div .bussiness-range {
    /*height: 296px;*/
    margin-top: 7px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    color: #666;
}
.bussiness-range .bussiness-div {
    width: 315px;
    max-height: 276px;
    /*padding-right: 10px;*/
    overflow: hidden;
    background-color: #fff;
}
.bussiness-range .bussiness-div .box-title {
    border-bottom: 1px solid #ddd;
}
.bussiness-range .bussiness-div .box-title .b-t-div .left-title {
    border-bottom: 0;
}
.bussiness-range .bussiness-div .content-div .one-item {
    height: 46px;
    padding: 5px;
    margin-left: 5px;
    border-bottom: 1px dashed #ddd;
    font-weight: normal;
}
.bussiness-range .bussiness-div .content-div .one-item:last-child {
    border-bottom-width: 0;
}
.bussiness-range .bussiness-div .content-div .one-item > a {
    display: block;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    font-weight: 500;
}
.bussiness-range .bussiness-div .content-div .one-item .left-content {
    float: left;
    width: 200px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.bussiness-range .bussiness-div .content-div .one-item .right-date {
    float: right;
    width: 90px;
}
.bussiness-range .bussiness-div .content-div .one-item > a:hover .left-content,
.bussiness-range .bussiness-div .content-div .one-item > a:hover .right-date {
    color: #076ce0;
}


.bussiness-range .company-aptitude {
    width: 635px;
    height: 240px;
    border: 1px dashed #ddd;
    background-color: #fff;
}
#scroll_div {
    height: 141px;
    overflow: hidden;
    white-space: nowrap;
}
.bussiness-range .company-aptitude .scroll-view,
#scroll_end {
    display: inline-block;
    height: 141px;
    margin: 20px 5px;
}
.bussiness-range .company-aptitude ul,
.bussiness-range .company-aptitude ul > li {
    display:inline-block;
    height: 141px;
}
.bussiness-range .company-aptitude ul > li > a {
    display: inline-block;
    /*height: 141px;*/
    margin-right: 30px;
}





















