.clearfix:after {
    content: "";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}

h1.tit {
    height: 4.7rem;
    text-align: center;
    font-family: 'ALIMAMA';
    font-size: 2.2rem;
    color: #000000;
    line-height: 4.7rem;
    overflow: hidden;
    font-weight: normal;
    margin-bottom: 2rem;
    margin-top: 3rem;
}

.proColumn 
{
    
  margin-bottom:3rem;    
    }


.proColumn li {
    float: left;
    width: 31.5%;
    border: 1px solid #ccc;
    border-radius: 11px;
    margin-right: 2.2%;
    box-shadow: 0px 4px 8px #e4e9f1;
    margin-bottom: 2rem;
    overflow: hidden;
}

.proColumn li em {
    display: block;
    line-height: 0px;
    overflow: hidden;
}

.proColumn li em img {
    width: 100%;
    transition: 1s;
}
.proColumn li:hover em img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);

}
.proColumn li span {
    font-size: 22px;
    display: block;
    padding: 1.3rem 7% 1rem;
    color: #000;
    font-family: 'ALIMAMA';
}

.proColumn li .p {
    font-size: 15px;
    padding: 0.2rem 7%;
    line-height: 24px;
    height: 76px;
    overflow: hidden;
}
.proColumn li:hover .p {

 color:#333;
}
.proColumn li b {
    border: 1px solid #000;
    border-radius: 50px;
    width: 34%;
    display: block;
    margin: 1rem 7%;
    padding: 8px 0;
    font-size: 15px;
    text-align: center;
    color: #000;
}

.proColumn li:nth-child(3n) {
    margin-right: 0px;
}
.proColumn li:hover span,
.proColumn li:hover b{
 color: #00a0e8;
}

.proColumn li:hover b{ border: 1px solid #00a0e8;}