@media only screen and (max-width:1045px){


.index-map{width:100%; max-width:1025px; overflow:hidden;}
.index-map img.pic{ width:1025px;}
.index-map ul.mapbox{width:1025px;height:544px;}

.index-map li.li1{ width:473px; height:341px;left:552px; top:34px;}
.index-map li.li2{ width:226px; height:178px; left:450px; top:61px;}
.index-map li.li3{ width:196px; height:216px; left:429px; top:231px;}
.index-map li.li4{ width:445px; height:304px; left:0px; top:18px;}
.index-map li.li5{ width:133px; height:215px; left:247px; top:307px; bottom:auto;}
.index-map li.li6{ width:187px; height:115px; right:auto; bottom:auto; top:373px;left:802px;}
.index-map li.li7{ width:157px; height:36px; left:510px; top:30px;}
}


@media only screen and (max-width:657px){


.index-map{width:100%; max-width:640px; overflow:hidden; }
.index-map img.pic{ width:640px;}
.index-map ul.mapbox{width:640px;height:340px;background:none; }

.index-map li.li1{ width:296px; height:214px;left:344px; top:21px;}
.index-map li.li2{ width:143px; height:112px; left:280px; top:38px;}
.index-map li.li3{ width:124px; height:136px; left:267px; top:144px;}
.index-map li.li4{ width:278px; height:191px; left:0px; top:11px;}
.index-map li.li5{ width:84px; height:136px; left:154px; top:191px; bottom:auto;}
.index-map li.li6{ width:118px; height:71px; right:auto; bottom:auto; top:233px;left:500px;}
.index-map li.li7{ width:99px; height:24px; left:318px; top:18px;}

}


@media (min-width: 1046px) and (max-width: 1199px) {
	.index-map{width:100%; max-width:1025px; overflow:hidden;}
	.index-map img.pic{ width:1025px;}
	.index-map ul.mapbox{width:1025px;height:544px;}

	.index-map li.li1{ width:473px; height:341px;left:552px; top:34px;}
	.index-map li.li2{ width:226px; height:178px; left:450px; top:61px;}
	.index-map li.li3{ width:196px; height:216px; left:429px; top:231px;}
	.index-map li.li4{ width:445px; height:304px; left:0px; top:18px;}
	.index-map li.li5{ width:133px; height:215px; left:247px; top:307px; bottom:auto;}
	.index-map li.li6{ width:187px; height:115px; right:auto; bottom:auto; top:373px;left:802px;}
	.index-map li.li7{ width:157px; height:36px; left:510px; top:30px;}
}
@media (min-width: 658px) and (max-width: 1025px) {
	.index-map{width:100%; max-width:658px; overflow:hidden;}
	.index-map img.pic{ width:658px;}
	.index-map ul.mapbox{width:658px;height:349px;}

	.index-map li.li1{ width:303px; height:218px;left:354px; top:21px;}
	.index-map li.li2{ width:145px; height:114px; left:288px; top:39px;}
	.index-map li.li3{ width:125px; height:138px; left:288px; top:148px;}
	.index-map li.li4{ width:285px; height:195px; left:0px; top:11px;}
	.index-map li.li5{ width:85px; height:138px; left:158px; top:197px; bottom:auto;}
	.index-map li.li6{ width:120px; height:73px; right:auto; bottom:auto; top:239px;left:514px;}
	.index-map li.li7{ width:100px; height:23px; left:327px; top:19px;}
}

@media (max-width: 639px) {
	.index-map{width:100%; max-width:320px; overflow:hidden; }
	.index-map img.pic{ width:320px;}
	.index-map ul.mapbox{width:320px;height:170px;background:none; }

	.index-map li.li1{ width:148px; height:107px;left:172px; top:10px;}
	.index-map li.li2{ width:71px; height:56px; left:140px; top:19px;}
	.index-map li.li3{ width:62px; height:68px; left:133px; top:72px;}
	.index-map li.li4{ width:139px; height:95px; left:0px; top:5px;}
	.index-map li.li5{ width:42px; height:68px; left:77px; top:95px; bottom:auto;}
	.index-map li.li6{ width:59px; height:35px; right:auto; bottom:auto; top:116px;left:250px;}
	.index-map li.li7{ width:49.5px; height:12px; left:159px; top:9px;}
}