div.header div.nav li:nth-child(5){
    border-left: 1px solid #f7f7f7;
    border-right: 1px solid #f7f7f7;
}
div.header  div.nav li:nth-child(5) p:last-child{
    display: block;
}
div.header div.nav li:nth-child(5) p:first-child a{
    color:#197ed6;
}
div.bgPic{
    width:100%;
    height:300px;
    margin: 0 auto;
    /*background: url('../images/casesBg.jpg') center no-repeat;*/
}
div.nowPosition{
    margin-bottom: 30px;
}
div.cases{
    width:1200px;
    margin: auto;
    position: relative;
}
div.cases div.casesContent a{
    font-size: 14px;
    display: inline-block;
    margin:0 15px;
    border-bottom:3px solid transparent;
    text-align: center;
    color:#333;
    text-decoration: none;
    padding:5px 12px;

}
div.cases div.casesContent a:hover{
    border-bottom:3px solid #197ed6;
    color:#197ed6;
}
div.cases div.casesContent a.show{
    border-bottom:3px solid #197ed6;
    color:#197ed6;
}
div.cases div.casesContent p:nth-child(1){
    font-size:16px;
    padding-bottom: 40px;
}
div.cases div.casesContent p span.middleLine{
    display: inline-block;
    width: 18px;
    height:1px;
    background:black;
    vertical-align: middle;
}
div.cases div.casesBanner{
    width:1200px;
    margin-top:30px ;
}
div.cases div.casesBanner ul li{
    display: inline-block;
    width:370px;
    height:375px;
    list-style: none;
    border: 1px solid transparent;
    margin:15px 10px;
    transition: all 0.6s;
}
div.cases div.casesBanner ul li:hover{
    border:1px solid rgba(1,2,3,0.1);
    box-shadow: 0 0 20px #ccc ;
}
div.cases div.casesBanner ul li img{
    width:370px;
    height:212px;
}
div.cases div.casesBanner ul li  p{
    width:330px;
    margin-left: 10px;
}
div.cases div.casesBanner ul li h4{
    font-weight: normal;
}
div.cases div.casesBanner ul li h4 a{
    padding: 15px 0;
    margin-left: 10px;
    width:270px;
    color:#333;
    text-decoration: none;
    display: block;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
div.cases div.casesBanner ul li p{
    font-size: 14px;
    letter-spacing:1px;
    color:#999999;
    overflow:hidden;
    height:40px;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}
div.cases div.casesBanner ul li a:nth-child(4) {
    display: block;
    text-decoration: none;
    margin-left:10px;
    padding: 20px 0;
    width:90px;
    color:#197ed6;
}
div.cases div.time{
    width:60px;
    height:70px;
    line-height: 20px;
    background:#197ed6;
    position: absolute;
    text-align: center;
    top:-15px;

}
div.cases div.time span{
    display: block;
    color:white;
    font-size: 14px;
}
div.cases div.time span:first-child {
    margin-top: 15px;
    font-size: 16px;
}
div.cases-bottom{
    text-align: center;
    margin:20px 0 90px 0;
}
div.cases-bottom a{
    display: inline-block;
    width:40px;
    height:40px;
    line-height: 40px;
    text-decoration: none;
    color:#c0c0c0;
}
div.cases-bottom a:hover{
    color:white;
    background:#0e70f1;
}
div.cases-bottom span{
    display: inline-block;
    width:40px;
    height:40px;
    line-height: 40px;
    cursor: pointer;
    padding:0 10px;
}
div.cases-bottom a.show{
    color:white;
    background:#0e70f1;
}
div.cases-bottom span{
    background: white;
}
div.cases-bottom span:first-child img{
    transform: rotate(180deg);
}