.service-banner{
    background: url(../img/chacha-farm.jpg) center top no-repeat;
    height: 160px;
}
.c-bottom a{
    text-decoration: none;
    color: #333;
}
.btm-itm{
    position: relative;
    width: 250px;
    margin: 15px;
    display: inline-block;
    overflow: hidden;
}
.btm-itm:first-child{

}
.btm-itm span:nth-child(2){
    color: #666;
}

.btm-itm:hover span{
    color: #fff;
}
.btm-itm span{
    display: block;
    text-align: center;
}
.btm-itm .btm-cont-txt{
    position: relative;
    width: 250px;
    display: inline-block;
    border: 1px solid #e6dada;
    z-index: 2;
}
.c-bottom{
    margin-bottom: 30px;
}

.a-c-btm-item{
    margin: 0 auto;
    padding: 0;
}
.btm-sub-title{
    position: relative;
    padding-bottom: 20px
}
.btm-sub-title:before{
    position: absolute;
    content: '';
    bottom: 0;
    left: 50%;
    height: 1px;
    background: #212529;
    width: 30px;
    margin-left: -15px;
    -webkit-transition: 0.3s linear;
    -moz-transition: 0.3s linear;
    -ms-transition: 0.3s linear;
    -o-transition: 0.3s linear;
    transition: 0.3s linear;
}
.btm-itm:hover .btm-sub-title:before{
    background: #fff;
    width: 80%;
    left: 10%;
    margin-left: 0;
}

.dl1{
    -webkit-animation-delay: 1ms;
    -moz-animation-delay: 1ms;
    animation-delay: 1ms;
}
.dl2{
    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
    animation-delay: 2s;
}
.dl3{
    -webkit-animation-delay: 4s;
    -moz-animation-delay: 4s;
    animation-delay: 4s;
}
.dl4{
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    animation-delay: 6s;
}

.bg1{
    background-image: linear-gradient(to bottom, #6bb8fc,#5e86d7);
}
.bg2{
    background-image: linear-gradient(to bottom, #fdbc56,#ff6d1d);
}
.bg3{
    background-image: linear-gradient(to bottom, #44f8cb,#31d8ad);
}
.bg4{
    background-image: linear-gradient(to bottom, #ff8db5,#fc65a5);
}