@charset "iso-8859-2";
.box-diapo-index{
	width:960px;
	position:relative;
	margin:0px auto 0px auto;
}
.box-diapo-index-index{
	width:648px;
	position:relative;
	margin:0;
	margin-top:10px;
}		
.hs_container, .hs_container-index{
	position:relative;
	width:960px;
	height:384px;
	overflow:hidden;
	clear:both;
	cursor:pointer;
}
.hs_container-index{
	width:648px;
	height:260px;
}
.hs_container .hs_area, .hs_container-index .hs_area{
	position:absolute;
	overflow:hidden;
}
.hs_area img{
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
.hs_area img.hs_visible{
	display:block;
	z-index:9999;
}

.hs_area1, .hs_area2, .hs_area3, .hs_area4, .hs_area5, .hs_area1-index, .hs_area2-index, .hs_area3-index, .hs_area4-index, .hs_area5-index{
	border-right:2px solid #fff;
}
.hs_area2, .hs_area5, .hs_area7, .hs_area2-index, .hs_area5-index, .hs_area7-index{
	border-top:2px solid #fff;
}

.hs_area1, .hs_area1-index{
	width:190px;
	height:192px;
	top:0px;
	left:0px;
	/*background-color:#1197cf;*/
} 
.hs_area1-index{
	width:128px;
	height:130px;
} 
.hs_area2, .hs_area2-index{
	width:190px;
	height:190px;
	top:192px;
	left:0px;
	/*background-color:#1197cf;*/
}
.hs_area2-index{
	width:128px;
	height:128px;
	top:130px;
}
.hs_area3, .hs_area3-index{
	width:382px;
	height:384px;
	top:0px;
	left:192px;
	/*background-color:#1197cf;*/
}
.hs_area3-index{
	width:258px;
	height:260px;
	left:130px;
}
.hs_area4, .hs_area4-index{
	width:190px;
	height:192px;
	top:0px;
	left:576px;
	/*background-color:#1197cf;*/
}
.hs_area4-index{
	width:128px;
	height:130px;
	left:390px;
}
.hs_area5, .hs_area5-index{
	width:190px;
	height:190px;
	top:192px;
	left:576px;
	/*background-color:#1197cf;*/
}
.hs_area5-index{
	width:128px;
	height:128px;
	top:130px;
	left:390px;
}
.hs_area6, .hs_area6-index{
	width:191px;
	height:192px;
	top:0px;
	left:768px;
	/*background-color:#1197cf;*/
}
.hs_area6-index{
	width:129px;
	height:130px;
	left:520px;
}
.hs_area7, .hs_area7-index{
	width:191px;
	height:190px;
	top:192px;
	left:768px;
	/*background-color:#1197cf;*/
}
.hs_area7-index{
	width:129px;
	height:128px;
	top:130px;
	left:520px;
}
.hs_area1 img, .hs_area2 img, .hs_area4 img, .hs_area5 img, .hs_area6 img, .hs_area7 img{
	width:190px;
	/*min-height:190px;
	width:100%;
	background-size:cover;*/
}
.hs_area1-index img, .hs_area2-index img, .hs_area4-index img, .hs_area5-index img, .hs_area6-index img, .hs_area7-index img{
	width:128px;
}
.hs_area6 img, .hs_area7 img{
	width:191px;
	/*min-height:190px;
	width:100%;
	background-size:cover;*/
}
.hs_area6-index img, .hs_area7-index img{
	width:129px;
}
.hs_area3 img{
	width:384px;
}
.hs_area3-index img{
	width:258px;
}

@media (max-width:960px) {	
		
	.box-diapo-index-index{
		width:524px;
		margin-left:auto;
		margin-right:auto;
	}
	.box-diapo-index{
		width:742px;
		position:relative;
		margin:0px auto 0px auto;
	}
	.hs_container{
		width:742px;
		height:296px;
	}
	.hs_container-index{
		width:524px;
	}
	.hs_area1{
		width:147px;
		height:149px;
	} 
	.hs_area2{
		width:147px;
		height:147px;
		top:149px;
	}
	.hs_area3{
		width:294px;
		height:296px;
		left:149px;
	}
	.hs_area4{
		width:147px;
		height:149px;
		left:445px;
	}
	.hs_area5{
		width:147px;
		height:147px;
		top:149px;
		left:445px;
	}
	.hs_area6{
		width:148px;
		height:149px;
		left:594px;
	}
	.hs_area7{
		width:148px;
		height:147px;
		top:149px;
		left:594px;
	}
	.hs_area1 img, .hs_area2 img, .hs_area4 img, .hs_area5 img, .hs_area6 img, .hs_area7 img{
		width:147px;
	}
	.hs_area6 img, .hs_area7 img{
		width:148px;
	}
	.hs_area3 img{
		width:294px;
	}

	.hs_area1-index{
		width:102px;
		height:104px;
	} 
	.hs_area2-index{
		width:102px;
		height:102px;
		top:104px;
	}
	.hs_area3-index{
		width:212px;
		height:208px;
		left:104px;
	}
	.hs_area4-index{
		width:102px;
		height:104px;
		left:318px;
	}
	.hs_area5-index{
		width:102px;
		height:102px;
		top:104px;
		left:318px;
	}
	.hs_area6-index{
		width:103px;
		height:104px;
		left:422px;
	}
	.hs_area7-index{
		width:103px;
		height:102px;
		top:104px;
		left:422px;
	}
	.hs_area1-index img, .hs_area2-index img, .hs_area4-index img, .hs_area5-index img, .hs_area6-index img, .hs_area7-index img{
		width:102px;
	}
	.hs_area6-index img, .hs_area7-index img{
		width:103px;
	}
	.hs_area3-index img{
		width:212px;
	}

}

@media (max-width:780px) {
	.box-diapo-index-index{
		width:450px;
		margin-left:auto;
		margin-right:auto;
	}	
	.box-diapo-index{
		width:647px;
		margin-left:auto;
		margin-right:auto;
	}
	.hs_container-index{
		width:450px;
	} 
	.hs_container{
		width:647px;
		height:258px;
	} 
	.hs_area1{
		width:128px;
		height:130px;
	} 
	.hs_area2{
		width:128px;
		height:128px;
		top:130px;
	}
	.hs_area3{
		width:256px;
		height:258px;
		left:130px;
	}
	.hs_area4{
		width:128px;
		height:130px;
		left:388px;
	}
	.hs_area5{
		width:128px;
		height:128px;
		top:130px;
		left:388px;
	}
	.hs_area6{
		width:129px;
		height:130px;
		left:518px;
	}
	.hs_area7{
		width:129px;
		height:128px;
		top:130px;
		left:518px;
	}
	.hs_area1 img, .hs_area2 img, .hs_area4 img, .hs_area5 img, .hs_area6 img, .hs_area7 img{
		width:128px;
	}
	.hs_area6 img, .hs_area7 img{
		width:129px;
	}
	.hs_area3 img{
		width:256
		px;
	}

}

@media (max-width:670px) {	
	.box-diapo-index-index{
		width:452px;
		margin-left:auto;
		margin-right:auto;
	}
	.hs_container-index{
		width:452px;
		height:180px;
	} 
	.hs_area1-index{
		width:89px;
		height:91px;
	} 
	.hs_area2-index{
		width:89px;
		height:89px;
		top:91px;
	}
	.hs_area3-index{
		width:178px;
		height:180px;
		left:91px;
	}
	.hs_area4-index{
		width:89px;
		height:91px;
		left:271px;
	}
	.hs_area5-index{
		width:89px;
		height:89px;
		top:91px;
		left:271px;
	}
	.hs_area6-index{
		width:90px;
		height:91px;
		left:362px;
	}
	.hs_area7-index{
		width:90px;
		height:89px;
		top:91px;
		left:362px;
	}
	.hs_area1-index img, .hs_area2-index img, .hs_area4-index img, .hs_area5-index img, .hs_area6-index img, .hs_area7-index img{
		width:89px;
	}
	.hs_area6-index img, .hs_area7-index img{
		width:90px;
	}
	.hs_area3-index img{
		width:178px;
	}
	
	.box-diapo-index{
		width:452px;
		position:relative;
		margin:0px auto 0px auto;
	}
	.hs_container{
		width:452px;
		height:180px;
		background-color:#ccc;
	}
	.hs_area1{
		width:89px;
		height:91px;
	} 
	.hs_area2{
		width:89px;
		height:89px;
		top:91px;
	}
	.hs_area3{
		width:178px;
		height:180px;
		left:91px;
	}
	.hs_area4{
		width:89px;
		height:91px;
		left:271px;
	}
	.hs_area5{
		width:89px;
		height:89px;
		top:91px;
		left:271px;
	}
	.hs_area6{
		width:90px;
		height:91px;
		left:362px;
	}
	.hs_area7{
		width:90px;
		height:89px;
		top:91px;
		left:362px;
	}
	.hs_area1 img, .hs_area2 img, .hs_area4 img, .hs_area5 img, .hs_area6 img, .hs_area7 img{
		width:89px;
	}
	.hs_area6 img, .hs_area7 img{
		width:90px;
	}
	.hs_area3 img{
		width:178px;
	}

}

@media (max-width:460px) {	
	.box-diapo-index-index{
		width:316px;
		margin-left:auto;
		margin-right:auto;
	}
	.hs_container-index{
		width:316px;
		height:126px;
	} 
	.hs_area1-index{
		width:62px;
		height:64px;
	} 
	.hs_area2-index{
		width:62px;
		height:62px;
		top:64px;
	}
	.hs_area3-index{
		width:124px;
		height:126px;
		left:64px;
	}
	.hs_area4-index{
		width:62px;
		height:64px;
		left:190px;
	}
	.hs_area5-index{
		width:62px;
		height:62px;
		top:64px;
		left:190px;
	}
	.hs_area6-index{
		width:63px;
		height:64px;
		left:254px;
	}
	.hs_area7-index{
		width:63px;
		height:62px;
		top:64px;
		left:254px;
	}
	.hs_area1-index img, .hs_area2-index img, .hs_area4-index img, .hs_area5-index img, .hs_area6-index img, .hs_area7-index img{
		width:62px;
	}
	.hs_area6-index img, .hs_area7-index img{
		width:63px;
	}
	.hs_area3-index img{
		width:124px;
	}
	
	.box-diapo-index{
		width:322px;
		position:relative;
		margin:0px auto 0px auto;
	}
	.hs_container{
		width:322px;
		height:128px;
	}
	.hs_area1{
		width:63px;
		height:65px;
	} 
	.hs_area2{
		width:63px;
		height:63px;
		top:65px;
	}
	.hs_area3{
		width:126px;
		height:128px;
		left:65px;
	}
	.hs_area4{
		width:63px;
		height:65px;
		left:193px;
	}
	.hs_area5{
		width:63px;
		height:63px;
		top:65px;
		left:193px;
	}
	.hs_area6{
		width:64px;
		height:65px;
		left:258px;
	}
	.hs_area7{
		width:64px;
		height:65px;
		top:65px;
		left:258px;
	}
	.hs_area1 img, .hs_area2 img, .hs_area4 img, .hs_area5 img, .hs_area6 img, .hs_area7 img{
		width:63px;
	}
	.hs_area6 img, .hs_area7 img{
		width:64px;
	}
	.hs_area3 img{
		width:126px;
	}

}