.func{
    height: 188px;
    background: #f3f5f7;
    position: relative;
    overflow: hidden;
}
.funcWrap a{
    float: left;
    text-align: center;
    margin: 10px 20px;
}
.funcWrap{
    overflow: hidden;
    /*-webkit-transform: translate(-50%, -50%);*/
    /*-moz-transform: translate(-50%, -50%);*/
    /*-ms-transform: translate(-50%, -50%);*/
    /*-o-transform: translate(-50%, -50%);*/
    /*transform: translate(-50%, -50%);*/
    /*position: absolute;*/
    /*left: 50%;*/
    /*top: 50%;*/
    width: 600px;
    margin: 30px auto 0;
}
.funcWrap p{
    margin-top: 20px;
}
.funcWrap img{
    transition: all 0.2s;
    width: 60px;
    height: 60px;
    border-radius: 4px;
}

.funcWrap img:hover{
    transform: scale(1.2);

}
.funcWrap a:nth-child(1) img:hover{
    -webkit-box-shadow: 0 10px 16px rgba(235, 54, 58, 0.58);
    -moz-box-shadow: 0 10px 16px rgba(235, 54, 58, 0.58);
    box-shadow: 0 10px 16px rgba(235, 54, 58, 0.58);
}
.funcWrap a:nth-child(2) img:hover{
    -webkit-box-shadow: 0 10px 16px rgba(28, 94, 154, 0.58);
    -moz-box-shadow: 0 10px 16px rgba(28, 94, 154, 0.58);
    box-shadow: 0 10px 16px rgba(28, 94, 154, 0.58);
}
.funcWrap a:nth-child(3) img:hover{
    -webkit-box-shadow: 0 10px 16px rgba(156, 111, 61, 0.58);
    -moz-box-shadow: 0 10px 16px rgba(156, 111, 61, 0.58);
    box-shadow: 0 10px 16px rgba(156, 111, 61, 0.58);
}
.funcWrap a:nth-child(4) img:hover{
    -webkit-box-shadow: 0 10px 16px rgba(59, 62, 156, 0.58);
    -moz-box-shadow: 0 10px 16px rgba(59, 62, 156, 0.58);
    box-shadow: 0 10px 16px rgba(59, 62, 156, 0.58);
}
.funcWrap a:nth-child(5) img:hover{
    -webkit-box-shadow: 0 10px 16px rgba(170, 37, 37, 0.58);
    -moz-box-shadow: 0 10px 16px rgba(170, 37, 37, 0.58);
    box-shadow: 0 10px 16px rgba(170, 37, 37, 0.58);
}
.funcWrap a:nth-child(6) img:hover{
    -webkit-box-shadow: 0 10px 16px rgba(40, 165, 180, 0.58);
    -moz-box-shadow: 0 10px 16px rgba(40, 165, 180, 0.58);
    box-shadow: 0 10px 16px rgba(40, 165, 180, 0.58);
}