/* 工程案例 begin */
.case{
    padding-bottom:200px;
    background: url('../images/cases-bgleft1.jpg') no-repeat left top,url('../images/cases-bgleft1.jpg') no-repeat left 1666px,
                url('../images/cases-bgright1.jpg') no-repeat right 520px,url('../images/cases-bgright1.jpg') no-repeat right 2245px;
}
.case ul{
    width:1200px;
    margin:100px auto;
    list-style-type: none;
    padding:0;
}
.case li{
    height: 420px;
    margin-bottom:60px;
    
}
.case li::after{
    display: block;
    height: 0;
    content:'';
    clear: both;
}
.case li img{
    float: left;
    width:710px;
    height: 100%;
}
.case li .txt{
    transition: .5s;
    float: left;
    width:490px;
    height: 100%;
    box-sizing: border-box;
    padding:30px 30px 0;
    background-color: #eee;
}
.case li .txt h3{
    margin:0;
    font-size:24px;
    line-height: 42px;
    color:#666;
}
.case li .txt hr{
    display: inline-block;
    height: 7px;
    width: 45px;
    border:none;
    background-color: #fe8415;
    margin:12px 5px;
}
.case li .txt p{
    margin:5px 0;
    font-size:18px;
    line-height: 28px;
    color:#999;
}
.case li:hover .txt{
    background-color: #0085d1;
}
.case li:hover .txt>h3{
    color:#fff;
}
.case li:hover .txt>p{
    color:#fff;
}

    /* 查看更多+ */
.casemore{
    float: right;
    width:230px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    font-size:24px;
    color:#fff;
    background-color: #0085d1;
    text-decoration: none;
}
.casemore:hover{
    text-decoration: underline;
}
/* 工程案例 end */