/*------------ service ------------*/

.service-list {
}
.service-list .item {
    width: 33.33%;
}
.service-list .item:nth-child(n+4) {
    border-top: 1px dotted #736346;
    padding-top: 45px;
}
.service-list .item .item-box {
    border-left: 1px dotted #736346;
    margin-bottom: 45px;
    padding: 0 8% 20px;
}
.service-list .item:nth-child(3n+1) {
    clear: left;
}
.service-list .item:nth-child(3n+1) .item-box {
    border-left-width: 0;
}
.service-list .pic {
   position: relative;
    overflow: hidden;
    max-width: 260px;
    margin: 0 auto 10px;
    border-radius: 100%;
}
.service-list .title {
    color: #AA8C46;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.6;
    margin-bottom: 8px;
}

@media screen and (max-width: 1000px) {
    .service-list .item {
        width: 50%;
    }
    .service-list .item:nth-child(n+3) {
        border-top: 1px dotted #736346;
        padding-top: 45px;
    }
    .service-list .item:nth-child(3n+1) {
        clear: none;
    }
    .service-list .item:nth-child(3n+1) .item-box {
        border-left-width: 1px;
    }
    .service-list .item:nth-child(2n+1) {
        clear: left;
    }
    .service-list .item:nth-child(2n+1) .item-box {
        border-left-width: 0;
    }
}
@media screen and (max-width: 640px) {
    .service-list .item {
        width: auto;
        float: none;
    }
    .service-list .item:nth-child(n+2) {
        border-top: 1px dotted #736346;
        padding-top: 45px;
    }
    .service-list .item:nth-child(2n+1) {
        clear: none;
    }
    .service-list .item .item-box {
        border-left: 0;
        padding: 0 5% 20px;
    }
}