.service-container {
    margin: 30px auto;
    border-top: 10px solid #00ADD3;
    background: #F7F7F7;
    min-height: 600px;
}

.service-item {
    padding: 20px 30px;
    border-bottom: 1px solid #eaeaea;
    cursor: pointer;
    transition: .5s;
}
.service-item:hover h2{
    color:#00ADD3;
}
.service-item.active h2{
    color:#00ADD3;
}
.service-item.active p{
    height: auto;
    opacity: 1;
    margin-top:10px;
}
.service-item h2{
    color:#525151;
    font-size:18px;
    transition: .5s;
}
.service-item p {
    transition: .5s;
    height: 0;
    overflow: hidden;
    opacity: 0;
    color:#6E6E6E;
    font-size:14px;
     
}
@media (max-width: 1408px) {
    /* 宽屏电脑 */

}

@media (max-width: 1216px) {

    /* 桌面电脑 */

}

@media (max-width: 1024px) {
    /* 平板电脑 */

}

@media (max-width: 768px) {

    /* 移动端 */

    .service-container{
        min-height:300px;
        margin:15px auto 0 auto;
        border-top:4px solid #00ADD3
    }
    .service-item{
        padding:10px 30px;
    }
    .service-item h2{
        font-size:14px;
    }
    .service-item p{
        font-size:12px;
    }

}