.case .zuobian {
    float: left;
    width: 20%;
    box-shadow: 0 0 2px 2px #eee;
    margin-bottom: 60px;
}

    .case .zuobian ul li {
        width: 80%;
        margin: 0 10%;
        padding-left: 10px;
        line-height: 50px;
        border-bottom: 1px solid #ccc;
    }

        .case .zuobian ul li a {
            display: block;
        }

            .case .zuobian ul li a span {
                font-size: 18px;
                color: #333333;
            }

            .case .zuobian ul li a img {
                margin-top: 10px;
                margin-right: 10px;
            }

        .case .zuobian ul li:hover a span {
            color: #008aff;
        }

.case .youbian {
    float: left;
    width: 80%;
}

    .case .youbian ul li {
        padding-left: 30px;
        margin-bottom: 30px;
    }

        .case .youbian ul li a {
            display: block;
            background: #f2f2f2;
            padding-bottom: 15px;
        }

            .case .youbian ul li a .caseimg {
                width: 100%;
                overflow: hidden;
            }

                .case .youbian ul li a .caseimg img {
                    width: 100%;
                }

        .case .youbian ul li h2 {
            font-size: 18px;
            color: #333;
            padding: 15px;
        }

        .case .youbian ul li p {
            font-size: 14px;
            color: #999999;
            padding: 0 15px;
        }

        .case .youbian ul li a:hover {
            background: #008aff;
        }

            .case .youbian ul li a:hover h2,
            .case .youbian ul li a:hover p {
                color: #fff;
            }

.case .zuobian .img1 {
    display: none;
}

.case .zuobian a:hover .img1 {
    display: inline-block;
}

.case .zuobian a:hover .img2 {
    display: none;
}

.sore_focus span {
    color: #008aff !important;
}

@media (max-width:1200px) and (min-width:1000px) {
.case .zuobian ul li a span {
    font-size: 12px;
    color: #333333;
}
}

@media (max-width:1000px) {
    .case .zuobian {
        float: none;
        width: 100%;
        box-shadow: 0 0 2px 2px #eee;
        margin-bottom: 60px;
    }

    .case .youbian {
        float: none;
        width: 100%;
    }

        .case .youbian ul li {
            padding-left: 0px;
            margin-bottom: 30px;
            padding:0 5px;
        }
}