.nr .p1 ul li{
    width: 220px;

}
a:hover p{
    color: red !important;    
}
.clearfix::after{
    display: block;
    content: '';
    visibility: hidden;
    clear: both;    
}
.nr{
    padding: 20px;
}
.p1 {
    padding-bottom: 15px;
}
.nr   ul li a{
     display: block;   
     /* border: 1px solid #dfdfdf; */
}
.nr li{
   text-align: center;
   float: left;
   height: 330px;
   width: 20%;
}

.nr  ul li img{
    display: block;
    margin: 0 auto;
    width: 170px;
    height: 210px;
    padding: 10px;
    border: 1px solid #dfdfdf;
}
.nr   ul li p{
    font-size: 20px ;
    line-height: 32px;
    padding: 10px 0;
    color: #000;
    text-align: center;
    padding-bottom: 25px;
}
.nr   ul li p span{
    display: block;
}

@media (max-width:414px){
.nr li{
    width:50%;
}
}