@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,lable,textarea,p,blockquote,img{margin: 0;padding: 0;}
img{border:none;}
ol,ul{list-style:none;}
html{font-size:62.5%;}
body{color:#2d2d2d;word-break:break-all;font-family: "微软雅黑", Verdana, Arial, Helvetica, sans-serif;font-size: 1.4rem;background-color: #73cfff;}
select,input{vertical-align:middle; padding:1px 0;}
label {cursor:hand;}
.model {cursor:pointer;}  
a:link, a:visited{color:#2d2d2d;text-decoration:none;}
a:hover, a:active{color:#0193e8;text-decoration:none;}
*{margin:0;padding:0;list-style-type:none;}

.top{
	background-image: url(../images/top.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 177px;
}
.end{
	background-image: url(../images/end.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	height: 195px;
	padding-top: 160px;
	text-align: center;
	line-height: 2.6rem;
}
.case-content{overflow:hidden;width:80%;margin-right: auto;margin-left: auto;max-width：1400px;min-width:1200px;}
.case-item{
	float:left;
	margin-bottom:30px;
	width: 20%;
}
.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:190px;
	height:190px;
	border-radius:50%;
	margin-right: auto;
	margin-left: auto;
}
.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}
.ih-item.square{position:relative;width:296px;height:196px;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:200px;height:200px;border:10px solid #c3eaff;border-right-color:#052e5d;border-bottom-color:#052e5d;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;transition:all .8s ease-in-out}
.ih-item.circle.effect1 .info h3{
	color:#fff;
	text-transform:uppercase;
	position:relative;
	letter-spacing:2px;
	font-size:24px;
	height:100px;
	text-shadow:0 0 1px white,0 1px 2px rgba(0,0,0,.3);
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 10px;
	padding-top: 55px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
.ih-item.circle.effect1 .info p{
	color:#bbb;
	font-style:normal;
	font-size:14px;
	border-top:1px solid rgba(255,255,255,.5);
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 10px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}
.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 a:hover .info{opacity:1}

.wball{
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	line-height: 3rem;
	color: #2c2c2c;
	text-decoration: none;
	background-color: #9dddff;
	width: 72%;
	padding: 4%;
}
.wball .wbtou{
	font-size: 2rem;
	line-height: 3.5rem;
	color: #000000;
	text-align: center;
	font-family: "����";
	font-weight: bold;
	padding-bottom: 3rem;
}
.link{
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	text-align: right;
	padding-bottom: 1rem;
}
.link a{
	background-color: #1f81cd;
	line-height: 3rem;
	color: #fff;
	text-align: center;
	border-radius: 1.5rem;
	font-size: 1.3rem;
	padding-right: 2rem;
	padding-left: 2rem;
	height: 3rem;
	display: inline-block;
}