@charset "utf-8";
/* CSS Document */
#demo { margin: 0px auto; border: 0px dashed #CCCCCC; width: 1398px; height: 988px; overflow: hidden; }
#indemo { margin: 0px auto; width: 1398px; }
#demo1 { height: auto; float: left; }
#demo2 { height: auto; float: left; }
.move { width: 436px; height: 494px; margin: 0px 30px 0px 0px; float: left; display: inline; }
.move .images { padding: 2px; border: 1px solid #ddd; line-height: 0px; }
.move .images  a { width: 430px; height: 430px; display: block; text-align:center; margin: 0px auto; }
.move .images  a img { vertical-align: middle; max-width: 430px; max-height: 430px; _width: expression((this.offsetWidth > 430) ? "430px" : this.offsetWidth + "px" ); _height: expression((this.offsetHeight > 430) ? "430px" : 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: 436px; display: block; padding: 10px 0px; height: 38px; }
.move .name a:hover { text-decoration: none; color:#F08519; }

@media screen and (max-width: 1400px){
	#demo { margin: 0px auto; border: 0px dashed #CCCCCC; width: 1200px; height: 856px; overflow: hidden; }
	#indemo { margin: 0px auto; width: 1245px; }
	.move { width: 370px; height: 428px; margin: 0px 45px 0px 0px; float: left; display: inline; }
	
	.move .images  a { width: 364px; height: 364px; display: block; text-align:center; margin: 0px auto; }
	.move .images  a img { vertical-align: middle; max-width: 364px; max-height: 364px; _width: expression((this.offsetWidth > 364) ? "364px" : this.offsetWidth + "px" ); _height: expression((this.offsetHeight > 364) ? "364px" : this.offsetHeight + "px" ); }
	
	.move .name a { color: #333; font-size: 14px; text-decoration: none; width: 370px; display: block; padding: 10px 0px; height: 38px; }
	}