/***************案例页面样式**********************/
.w1120{margin: 0 auto;width: 1120px}
.modHd {
    text-align: center;
    padding: 40px 0;
}
.modHd h2 {
    font-size: 48px;
    color: #4f5b6c;
    font-weight: normal;
    border-bottom: 1px solid #d5dfe7;
    padding: 15px 0;
}
.modHd p {
    padding: 10px 0;
    color: #4f5b6c;
}
.caseSingle .hd ol li{display: inline-block;width: 150px;height: 60px;line-height: 60px;text-align: center;font-size: 18px;color: #919fb2;
background: url("../images/icons.png") no-repeat -850px -2131px;    margin: 0 5px;cursor: pointer;}

.caseSingle .hd ol li{*display: inline}

.caseSingle .hd ol li.on{background-position: -700px -2131px;color: #fff}



.caseSingle  ul{margin-right: -37px;position: relative}

.caseSingle  ul li{height: 330px;background: #fff;float: left;

    width: 252px;

    text-align: center;

    margin-right:37px;    margin-bottom: 34px;

    color: #fff;

    cursor: pointer;}

.caseSingle  ul li .topImg{height: 200px;position: relative}

.caseSingle  ul li .topImg .caseImg{width: 100%;height: 200px}

.caseSingle  ul li .code{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background:url("../images/darkrbga.png") repeat;text-align: center;display: none}

.caseSingle  ul li .code img{width: 140px;height: 140px;margin-top: 30px}

.caseSingle  ul li .desc{padding: 0 10px}

.caseSingle  ul li .tit{padding: 15px 0}

.caseSingle  ul li .tit a{width:69px;height: 26px;background: url("../images/icons.png") no-repeat 0 -60px}

.caseSingle  ul li .tit h3{font-size: 16px;color: #4f5b6c;text-align: left}

.caseSingle  ul li .desc p{font-size: 12px;color: #9d9d9d;text-align: left;line-height: 22px;height: 64px; overflow: hidden;}

.caseSingle  ul li:hover{box-shadow: 0 0px 10px 5px #C3C3C3;}

.caseSingle  ul li:hover .code{display: block}