@charset "utf-8";

/* CSS Document */

.content {
    display: inline-block;
    width: 100%;
    padding: 50px 0px 40px 0px;
}

.content .about {
    width: 1300px;
    height: 1058px;
    display: block;
    margin: 0 auto;
}

.content .about .zb {
    width: 218px;
    height: 290px;
    background-color: #f4f4f4;
    float: left;
}

.content .about .zb .bt {
    width: 218px;
    height: 60px;
}

.content .about .zb .nr ui {
    width: 218px;
    height: 41px;
    display: block;
}

.content .about .zb .nr li {
    font-family: "Microsoft Yahei";
    font-size: 14px;
    line-height: 41px;
    text-align: center;
}

.content .about .zb .nr li a {
    display: block;
    width: 218px;
    color: #666;
}

.content .about .zb .nr li a:hover,
.content .about .zb .nr li a.home {
    background: url(../../images/about/about_13.jpg) no-repeat;
    color: #fff;
    text-decoration: none;
}

.content .about .yb {
    width: 944px;
    height: 1300px;
    border: 1px solid #dfdfdf;
    float: right;
}

.content .about .yb .bt {
    width: 944px;
    height: 51px;
    border-bottom: 1px solid #dfdfdf;
}

.content .about .yb .bt .zb01 {
    float: left;
}

.content .about .yb .bt .yb01 {
    float: right;
    height: 50px;
    font-family: "微软雅黑";
    line-height: 50px;
    font-size: 12px;
    margin-right: 20px;
}

.content .about .yb .bt .yb01 a {
    color: #666;
}

.content .about .yb .bt .yb01 a:hover {
    color: #ff4400;
    text-decoration: none;
}

.content .about .yb .wz {
    font-family: "微软雅黑";
    font-size: 14px;
    width: 944px;
    height: 230px;
    padding: 30px 0 0 20px;
}

.content .about .yb .wz ui {
    width: 944px;
    height: 75px;
    float: left;
}

.content .about .yb .wz li {
    line-height: 25px;
    padding-left: 30px;
    width: 882px;
    color: #666666;
}

#caseWaterfall .cell {
    background: #ffffff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    border: 1px solid #cfcfcf;
    *border: 1px solid #cfcfcf;
}

#caseWaterfall {
    text-align: center
}

#caseWaterfall .cell {
    position: relative;
    z-index: 55;
    overflow: hidden;
    width: 230px;
    margin-top: 16px;
    margin-left: 3px;
    margin-bottom: 3px;
}

#caseWaterfall .cell .img {
    display: inline-block;
    width: 230px;
}

.cell .img img {
    z-indx: 0;
    width: 230px;
    background: #ffffff;
}

.cell .cellp1 {
    position: relative;
    display: inline-block;
    width: 230px;
    padding: 15px 20px;
    background: #f8f8f8;
    border-top: 1px solid #f2f2f2;
    text-align: left;
    color: #666
}

.cell .cellp1 .spana {
    float: left;
    overflow: hidden;
    margin-right: 20px;
    height: 20px;
    line-height: 20px
}

.cell .cellp1 .scompany {
    float: left;
    overflow: hidden;
    padding-left: 20px;
    height: 20px;
    line-height: 20px;
    background-position: 0px -5px;
    color: #666666;
    cursor: pointer
}

.cell .cellh2 {
    position: absolute;
    left: 0px;
    top: -30px;
    z-index: 60;
    display: block;
    overflow: hidden;
    width: 230px;
    padding: 0px 20px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    color: #333;
    text-align: left;
    font-weight: normal;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.cell .cellh2 a {
    color: #fff;
    font-weight: bold
}

.cell .cellh2 a:hover {
    color: #fff
}

.cell .spanbg {
    position: absolute;
    left: 0px;
    top: -30px;
    z-index: 56;
    display: block;
    overflow: hidden;
    width: 230px;
    padding: 0px 20px;
    height: 30px;
    line-height: 30px;
    background: #000000;
    opacity: 0.4;
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
}

#first_cell.cell {
    background: #f8f8f8
}

.cell .cellh1 {
    display: block;
    overflow: hidden;
    padding: 0px 15px;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    font-family: "Microsoft Yahei";
    color: #083272;
    text-align: left
}

.cell2 {
    padding: 0px 10px 0px 20px;
    text-align: left
}

.cell2 dt {
    display: block;
    border-top: 1px dotted #e0e0e0;
    overflow: hidden;
    padding: 6px 0px 0px 26px;
    height: 28px;
    line-height: 22px;
    color: #333
}

.cell2 .cityico1 {
    background-position: 0px -21px;
}

.cell2 .cityico2 {
    background-position: 0px -49px;
}

.cell2 .cityico3 {
    background-position: 0px -79px;
}

.cell2 .cityico4 {
    background-position: 0px -108px;
}

.cell2 .cityico5 {
    background-position: 0px -135px;
}

.cell2 .cityico6 {
    background-position: 0px -162px;
}

.cell2 dd {
    display: block;
    overflow: hidden;
    margin-left: 25px;
    margin-bottom: 12px
}

.cell2 dd a {
    float: left;
    overflow: hidden;
    *float: none;
    *overflow: auto;
    *display: inline-block;
    margin-right: 10px;
    line-height: 22px;
    color: #999999
}

.cell2 dd .active,
.cell2 dd a:hover {
    color: #00b7ee;
    text-decoration: none
}