.case-content{overflow:hidden;margin:10px auto 0 auto;width:1150px; font-family: "yahei";height:450px;}
.case-item{float:left;margin:70px 70px;margin-bottom:20px}
.ih-item{position:relative;-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;transition:all .35s ease-in-out}
.ih-item,.ih-item *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.ih-item a{color:#333}
.ih-item a:hover{text-decoration:none}
.ih-item img{width:100%;height:100%}
.ih-item.circle,.ih-item.circle .img{position:relative;width:140px;height:140px;border-radius:50%}
.ih-item.circle .img:before{position:absolute;display:block;content:'';width:100%;height:100%;border-radius:50%;box-shadow:inset 0 0 0 16px rgba(255,255,255,.6),0 1px 2px rgba(0,0,0,.3);-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;transition:all .35s ease-in-out}
.ih-item.circle .img img{border-radius:50%}
.ih-item.circle .info{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	text-align:center;
	border-radius:50%;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	background-color: #F18101;
}
.ih-item.square{position:relative;width:316px;height:216px;border:8px solid #fff;box-shadow:1px 1px 3px rgba(0,0,0,.3)}
.ih-item.square .info{position:absolute;top:0;bottom:0;left:0;right:0;text-align:center;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.ih-item.circle.effect1 .spinner{width:150px;height:150px;border:10px solid #20659e;border-right-color:#dadada;border-bottom-color:#dadada;border-radius:50%;-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;transition:all .8s ease-in-out}

.ih-item.circle.effect1 .img{position:absolute;top:10px;bottom:0;left:10px;right:0;width:auto;height:auto}
.ih-item.circle.effect1 .img:before{display:none}
.ih-item.circle.effect1.colored .info{background:#1a4a72;background:rgba(26,74,114,.6)}
.ih-item.circle.effect1 .info{top:10px;bottom:0;left:10px;right:0;background:#333;background:rgba(0,0,0,.6);opacity:0;-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;-ms-transform:all .8s ease-in-out;-o-transform:all .8s ease-in-out;transition:all .8s ease-in-out}


.ih-item.circle.effect1 .info h3{
	color:#fff;
	text-transform:uppercase;
	position:relative;
	letter-spacing:2px;
	font-size:18px;
	margin:0 20px;
	padding:50px 0 0;
	height:100px;
	font-weight:normal;
	/*text-shadow:0 0 1px white,0 1px 2px rgba(0,0,0,.3)*/
}
.ih-item.circle.effect1 .info p{
	color:#bbb;
	padding:10px 5px;
	margin:0 30px;
	font-size:12px;
	border-top:1px solid rgba(255,255,255,.5);
	line-height:25px;
}
.ih-item.circle.effect1 a:hover .spinner{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
.ih-item.circle.effect1:hover .spinner{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}

.ih-item.circle.effect1 a:hover .info{opacity:1;}
.ih-item.circle.effect1 .info:hover {opacity:1;-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;-ms-transform:all .8s ease-in-out;-o-transform:all .8s ease-in-out;transition:all .8s ease-in-out;}