/* index-service */
.index-service {
    background: url('../images/index_service_bkg.jpg') no-repeat center;
    background-color: #fff;
    height:497px;
}

.index-service .service-lists ul {
    margin-left: -15px;
    margin-right: -15px;
}

.index-service .service-lists ul li {
    float: left;
    width: 23%;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
    margin-top:89px;
}

.index-service .service-lists ul li .service-item {
    background-color: #fff;
    box-shadow: 5px 5px 15px rgba(0, 0, 0, .1);
    padding: 60px 0;
}

.index-service .service-lists ul li .service-item .service-img {
    width: 89px;
    height: 92px;
    margin: 0 auto;
}

.index-service .service-lists ul li .service-item .service-img .img {
    width: 100%;
    height: 100%;
}

.index-service .service-lists ul li .service-item .service-img .img2 {
    display: none;
}

.index-service .service-lists ul li .service-item:hover {
    background-color: #012a88;
    color: #fff;
}

.index-service .service-lists ul li .service-item:hover .img1 {
    display: none;
}

.index-service .service-lists ul li .service-item:hover .img2 {
    display: block;
}

.index-service .service-lists ul li .service-item .service-txt .service-tit {
    font-size: 24px;
    margin: 15px 0;
}

.index-service .service-lists ul li .service-item .service-txt .service-c {
    font-size: 16px;
}