@charset "utf-8";
/* css document */
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div{margin:0;padding:0;border:0;font-family:\5fae\8f6f\96c5\9ed1; }
body{color:#333;font-size:14px;font-family:"arial narrow",microsoftyahei,"微软雅黑","黑体","宋体",helvetica;background-color: #fff;} 
a:link,a:visited{ color:#333;text-decoration:none;}
a:hover,a:active,a:focus{text-decoration:underline;color:#333;} 
a img {border: none;}
ul, li {list-style: none; }
em { font-size:12px; color:#999;font-family:tahoma,microsoftyahei,"宋体"; font-style:normal;}
em a:link{ color:#fff;}
h3 {font-family:\5fae\8f6f\96c5\9ed1;/* color:#0d6e9f; */font-weight:normal;}
h3 a{ color:#0d6e9f;}
p{ color:#999;}
p a{ color:#999;}

a img,img{border:0px;}
.layout {width:100%; height:auto; margin:0 auto;}
.laycenter {width: 1200px;height:auto;margin:0 auto;background: #fff;}
.layfoot { width:1260px; height:auto; margin:0 auto;}


.tab-content>.tab-pane {display: none;margin-top: 8px;}
.tab-content>.active {
display: block;
}
#towns-matrix {/* padding: 16px; */width: 1240px;}
#towns-matrix ul {
clear: both;
}
#towns-matrix ul li {
box-sizing: border-box;
width: 25%;
float: left;
border: 1px solid #38aabf;
font-size: 16px;
line-height: 2;
text-align: center;
color: #38aabf;
}
#towns-matrix ul li span {
display: block;
width: 100%;
cursor: pointer;
}
#towns-matrix ul li span.active {
background-color: #37cbe5;
color: #fff;
}
.wrapper {
height: 126px;
}
.item {
height: 126px;
}
.item img {
height: 126px;
}

/*小镇矩阵*/
#container {width:1240px;}
.town-group{width:1240px;}
.wrapper {
	display:inline-block;
	width: 168px;
	height: 90px;
	vertical-align:top;
	/* margin: 10px 4px; */
	cursor:pointer;
	position:relative;
	font-family:tahoma, arial;
	-webkit-perspective:4000px;
	-moz-perspective:4000px;
	-ms-perspective:4000px;
	-o-perspective:4000px;
	perspective:4000px;
	/* padding: 0px 0px 0px 0px; */
}
.item {
	height:126px;
	-webkit-transform-style:preserve-3d;
	-moz-transform-style:preserve-3d;
	-ms-transform-style:preserve-3d;
	-o-transform-style:preserve-3d;
	transform-style:preserve-3d;
	-webkit-transition:-webkit-transform .6s;
	-moz-transition:-moz-transform .6s;
	-ms-transition:-ms-transform .6s;
	-o-transition:-o-transform .6s;
	transition:transform .6s;
}

.item img {display:block;position:absolute;top:0;border-radius:10px;-webkit-transform:translatez(60px);-moz-transform:translatez(60px);-ms-transform:translatez(60px);-o-transform:translatez(60px);transform:translatez(60px);-webkit-transition:all .6s;-moz-transition:all .6s;-ms-transition:all .6s;-o-transition:all .6s;transition:all .6s;width: 170px;height: 74px;}
.item .information {
	display:block;
	position:absolute;
	top:0; padding:10px;
	height:106px;
	width:174px;
	text-align:left;
	border-radius:10px;
	
	font-size:12px; 
	
	box-shadow:none; background-image:url(/uploads/image/wjtimages/res_bg.jpg);
	

}
.information strong {	display:block;	font-size:14px; text-align:center;	
}
.item:hover img {border-radius:10px;}
.item:hover .information {}