.section-title {
    font-size: 2.5rem;
    color: #333333;
    font-weight: bold;
    text-align: left;
    margin-bottom: 1.69rem
}

.line {
    width: 100%;
    height: .1rem;
    background-image: linear-gradient(to right, #97ebc6, #79aaf2, #79aaf2)
}

.dec {
    padding-top: 8.13rem;
    padding-bottom: 7.25rem
}

.dec .section-content {
    font-size: 1.13rem;
    color: #666666;
    line-height: 2rem
}

.service {
    background-color: #f9f9f9;
    padding-top: 8.13rem;
    padding-bottom: 8.25rem
}

.service .sub-title {
    font-size: 1.13rem;
    color: #666666;
    line-height: 2rem
}

.service .img-list {
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 3.13rem
}

.service .img-list .img-item {
    width: 23%;
    height: 18.75rem;
    margin-right: 1.25rem;
    background-color: #fff;
    transition: all .3s;
    margin-bottom: 1.25rem
}

.service .img-list .img-item .item-pic {
    width: 100%;
    height: 10.63rem;
    overflow: hidden
}

.service .img-list .img-item .item-pic img {
    transition: all .3s;
    height: 100%;
    object-fit: cover
}

.service .img-list .img-item .item-info {
    padding: 1.88rem 1.25rem
}

.service .img-list .img-item .item-info .info-title {
    font-size: 1.38rem;
    color: #000000;
    margin-bottom: 1.25rem
}

.service .img-list .img-item .item-info .info-dec {
    color: #999999;
    font-size: .88rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0.2rem;
}

.service .img-list .img-item:hover {
    box-shadow: 0 4px 26px 0 rgba(187,213,232,0.38)
}

.service .img-list .img-item:hover .item-pic img {
    transform: scale(1.1)
}

.service .img-list .img-item:nth-child(4n) {
    margin-right: 0
}

@media screen and (max-width: 992px) {
    .section-title {
        font-size: .54rem;
        text-align: center;
        margin-bottom: 0.4rem;
    }

    .dec {
        padding: 1rem .3rem;
    }

    .dec .section-content {
        font-size: .34rem;
        line-height: .64rem
    }

    .service {
        padding: 1rem .3rem;
    }

    .service .sub-title {
        font-size: .34rem;
        line-height: .64rem;
    }

    .service .img-list {
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start;
        margin-top: 0.4rem;
    }

    .service .img-list .img-item {
        width: 100%;
        height: auto;
        margin-right: 0;
        margin-bottom: .3rem
    }

    .service .img-list .img-item .item-pic {
        width: 100%;
        height: 4.4rem
    }

    .service .img-list .img-item .item-info {
        padding: .4rem .2rem;
    }

    .service .img-list .img-item .item-info .info-title {
        font-size: .38rem;
        margin-bottom: 0.2rem;
    }

    .service .img-list .img-item .item-info .info-dec {
        font-size: .28rem
    }

    .service .img-list .img-item:hover {
        box-shadow: 0 4px 26px 0 rgba(187,213,232,0.38)
    }

    .service .img-list .img-item:hover .item-pic img {
        transform: scale(1.1)
    }

    .service .img-list .img-item:nth-child(4n) {
        margin-right: 0
    }
}