.box .con ul li{
	float:left;
	background-color: #fff;
	width: 380px;
/*设置li边框为圆角15px，文字对齐方式为居中。*/ 
	border-radius: 15px;
    text-align: center;
	overflow: hidden;
}
.box .con ul li:nth-child(2){
	margin:0 30px;
} 
.box .con ul li img{
	margin:50px auto 0;
/*此处设置图片的过渡效果为0.8秒*/
    transition-duration: 0.8s
}
.box .con ul li p{
/*设置内边距上下为0，左右为15px*/
	padding: 0 15px 0 15px;
	line-height: 140px;
	border-bottom:1px solid #ddd;
	font-weight: 600;
	color:#555;
}
.box .con ul li span{
	display: block;
	width: 100%;
	height:60px;
	line-height: 60px;
/*此处设置文字的过渡效果为0.8秒*/
    transition-duration: 0.8s;
}
/*用CSS3的实现鼠标经过图片旋转360度，放大1.3倍，离开再旋转还原。*/
.box .con ul li:hover img{
    transform: rotate(360deg);
    transform: scale(1.3);
}
.box .con ul li:hover span{
	background-color: #f7c324;
	font-weight: 600;
}