.index_case {padding:40px 0;}
        .wrap {max-width:1200px;margin:0 auto;}
        .tit1{
    font-size: 30px;
    text-align: center;
    padding-bottom: 20px;
    position: relative;
}
.tit1::before{
    content: "";
    position: absolute;
    width: 40%;
    left: 50%;
    transform: translateX(-50%);
    height: 1px;
    background-color: #ccc;
    bottom: 0;
}
.tit1::after{
    content: "";
    position: absolute;
    width: 5%;
    left: 50%;
    transform: translateX(-50%);
    height: 3px;
    background-color: #e62129;
    bottom: -1px;
}
.desc1{
    margin: 20PX 0;
    color: #666;
    text-align: center;
}
.clearfix::after {content:"";display:block;height:0;visibility:hidden;clear:both;}
.clearfix {zoom:1;}

.img-list1 li{
    float: left;
    width: 30.666666%;
    margin-left: 2%;
    margin-bottom: 20px;
    box-sizing: border-box;
    border: 1px solid #e0e0e0;
}
.img-list1 li:nth-of-type(3n){

}
.img-list1 li .pic img{
    width: 100%;
    transition: all 0.3s;
    position: relative;
}

.img-list1 li .pic{
    position: relative;
}
.img-list1 li .pic::before{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #000;
    z-index: 1;
    opacity: 0;
    transition: all 0.3s;
}
.img-list1 li:hover .pic::before{
    opacity: 0.4;
}

.img-list1 li .pic:hover img{
    transform: scale(1.1);
}

.img-list1 li > a {display:block;text-align:center;padding:5px 0;font-size:16px;line-height:2em;transition:all 0.3s;color:#333;}
.img-list1 li:hover a{
    background-color: #e62129;
    color: #fff;
}
.img-list1 li .pic a{
    display: block;
    position: relative;
    overflow: hidden;
}
.img-list1 li .pic a::before,.img-list1 li .pic a::after{
    position: absolute;
    content: "";
    top: 50%;
    transition: all 0.3s;
    z-index: 10;
}
.img-list1 li .pic a::before{
    left: 0;
    width: 50px;
    height: 50px;
    margin-left: -50px;
    margin-top: -25px;
    background: url("../images/i5.png");
    background-size: 100%;
}
.img-list1 li:hover .pic a::before{
    left: 50%;
    margin-left: -25px;
}


.img-list1 li .pic a::after{
    right: 0;
    width: 30px;
    height: 30px;
    margin-right: -30px;
    margin-top: -15px;
    background: url("../images/i6.png");
    background-size: 100%;
}
.img-list1 li:hover .pic a::after{
    right: 50%;
    margin-right: -15px;
}

.more{
    text-align: center;
}

.more a{
    display: inline-block;
    padding: 5px 10px;
    font-size: 16px;
    color: #999;
    border: 1px solid #f0f0f0;
    transition: all 0.3s;
}
.more a:hover{
    color: #e62129;
    border-color: #e62129;
}