@charset "utf-8";
/* CSS Document */
#demo { margin: 0px auto; border: 0px dashed #CCCCCC; width: 1400px; height: 688px; overflow: hidden; }
#indemo { margin: 0px auto; width: 1484px; }
#demo1 { height: auto; float: left; }
#demo2 { height: auto; float: left; }
.move { width: 286px; height: 344px; margin: 0px 85px 0px 0px; float: left; display: inline; }
.move .images { padding: 2px; border: 1px solid #ddd; line-height: 0px; }
.move .images  a { width: 280px; height: 280px; display: block; text-align:center; margin: 0px auto; }
.move .images  a img { vertical-align: middle; max-width: 280px; max-height: 280px; _width: expression((this.offsetWidth > 280) ? "280px" : this.offsetWidth + "px" ); _height: expression((this.offsetHeight > 280) ? "280px" : this.offsetHeight + "px" ); }
.move .images  a i { display: inline-block; height: 100%; width: 0; vertical-align: middle; }

.move .name { text-align: center; }
.move .name a { color: #333; font-size: 14px; text-decoration: none; width: 286px; display: block; padding: 10px 0px; height: 38px; }
.move .name a:hover { text-decoration: none; color:#0b7844; }

@media screen and (max-width: 1400px){
	#demo { margin: 0px auto; border: 0px dashed #CCCCCC; width: 1198px; height: 688px; overflow: hidden; }
	#indemo { margin: 0px auto; width: 1216px; }
	.move { width: 286px; height: 344px; margin: 0px 18px 0px 0px; float: left; display: inline; }
	}