*{ margin: 0; padding: 0;}
html{ background: #f6f6f6; padding-top: 70px;}
.flex{ display: flex;}
.main{
    width: 1170px; margin: 0 auto;
}
.main .title{
    background: #fff;
    padding: 25px 30px;
    color: #3a2f2f;
    line-height: 1.2;
    margin-bottom: 40px;
}
.main .title span{
    color:#1fb7a6;
}
.main .main_content{
    flex-wrap: wrap;
}
.main .main_content .li{ box-sizing: border-box; width: 25%; padding: 30px; text-align: center; background: #fff;}
.main .main_content .li:hover{
    padding: 25px; border: 5px solid #409eff;
}
.main .main_content .img_icon{
    height: 97px; max-width:100%; display: block; margin: 0 auto;
}
.main .main_content .li .icon{
    border-radius: 100%;
    color: #fff;
    display: inline-block;
    font-size: 30px;
    height: 97px;
    line-height: 97px;
    width: 97px;
    position: relative;
}
.main .main_content .li .icon i{
    font-size: 40px;
    color: #fff;
}
.main .main_content .li .c_99cc33{ background: #99cc33; }
.main .main_content .li .c_855410{ background:#855410;}
.main .main_content .li .c_c406b4{ background: #c406b4; }
.main .main_content .li .c_0c1d6b{ background:#0c1d6b;}
.main .main_content .li .c_1fb7a6{ background:#1fb7a6;}

.main .main_content .li a{
    display: block;
    color: #000;
    text-decoration: none;
}
.main .main_content .li .name{
    font-size:30px ;
    font-weight: 600;
    line-height: 2;
    padding-top: 30px;
}