@charset "utf-8";
body{
	font-family:"Microsoft Yahei","SimSun";
	font-size:16px;
	color:#000;
}

@media (max-width: 380px) {
	body{ font-size:14px; }
}

@media (max-width: 325px) {
	body{ font-size:12px; }
}

@media (min-width: 760px) {
	body{ font-size:22px; }
}

a{
	color:#000;
}

a:hover{
	text-decoration: none;
	color: #c00 !important;
}

img{
	display:block;
	max-width: 100%;
	max-height: 100%;
}

a,input,textarea{
	outline: none;
}

table{
	font-size: 1em;
}

p,li{
	overflow: hidden;
}

.photo{
	position: relative;
}

.fw{
	color: #fff;
}

.fw a{
	color: #fff;
}

.fw a:hover{
	color: #dfdfdf !important;
}

.abs1{
	position: absolute;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
}
.abs{
	position: absolute;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
}

.page{
	position: relative;
	width: 100%;
	height:100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size:cover;
	overflow: hidden;
	background-image:url("images/page.jpg");
}

i{
	position: absolute;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	left: 0px;
	top: 0px;
}





#page0{ background-image:url("images/page1.jpg");}






a{
	width: 100%;
	height: 100%;
	display: block;
}


.topic1{
	width: 74.93%;
	height: 15.88%;
	left: 12.8%;
	top: 8.16%;
	background-image:url("images/topic1.png");
}
.map0-box{
	width: 98.27%;
	height: 31.9%;
	right: 0%;
	top: 40.15%;
	position: absolute;
}
.map0{
	position: relative;
	width: 100%;
}
.map0 img{
	width: 100%;
	height: 100%;
}
.link{ 
	position: absolute;
	cursor: pointer;
}
.link0-1{
	width: 4.61%;
	height:14.96%;
	left: 27.41%;
	top: 32.69%;
}
.link0-2{
	width: 7.46%;
	height:12.61%;
	left: 64.72%;
	top: 37.39%;
}
.link0-3{
	width: 4.61%;
	height:8.12%;
	left: 37.86%;
	top: 42.74%;
}
.link0-4{
	width: 7.19%;
	height: 11.97%;
	left: 29.44%;
	top: 82.69%;
}
.link0-5{
	width: 7.33%;
	height: 13.68%;
	left: 44.64%;
	top: 10.68%;
}
.link0-6{
	width: 10.18%;
	height: 10.68%;
	left: 71.91%;
	top: 20.73%;
}
.link0-7{
	width: 10.72%;
	height: 12.18%;
	left: 48.03%;
	top: 39.53%;
}
.link0-8{
	width: 12.62%;
	height: 9.83%;
	left: 18.72%;
	top: 68.16%;
}
.link0-9{
	width: 9.09%;
	height:9.83%;
	left: 23.61%;
	top: 54.27%;
}
.link0-10{
	width: 8.55%;
	height:13.03%;
	left: 88.74%;
	top: 24.79%;
}
.link0-11{
	width: 8.41%;
	height:9.83%;
	left: 50.61%;
	top: 64.96%;
}
.link0-12{
	width: 6.51%;
	height:11.97%;
	left: 35.28%;
	top: 14.1%;
}
.link0-13{
	width: 6.78%;
	height:11.54%;
	left: 19.4%;
	top: 23.93%;
}
.link0-14{
	width: 10.58%;
	height:11.32%;
	left: 8.68%;
	top: 41.67%;
}
.link0-15{
	width: 10.04%;
	height:19.02%;
	left: 37.99%;
	top: 70.09%;
}
.link0-16{
	width: 9.1%;
	height:14.96%;
	left: 7.19%;
	top: 73.29%;
}
a{
	width: 100%;
	height: 100%;
	display: block;
}


#page0 .biao{
	width: 2.85%;
	height: 4.49%;
	position:absolute;
	background:url(images/biao.png) no-repeat;
	background-size:100% 100%;
}
#page0 .biao1{ left: 34.33%; top: 15.17%;}
#page0 .biao2{ left: 43.69%; top: 16.67%;}
#page0 .biao3{ left: 19.27%; top: 27.99%;}
#page0 .biao4{ left: 72.18%; top: 27.14%;}
#page0 .biao5{ left: 88.06%; top: 29.27%;}
#page0 .biao6{ left: 28.63%; top: 32.05%;}
#page0 .biao7{ left: 10.18%; top: 47.44%;}
#page0 .biao8{ left: 39.08%; top: 47.01%;}
#page0 .biao9{ left: 47.76%; top: 45.73%;}
#page0 .biao10{ left: 64.04%; top: 42.95%;}
#page0 .biao12{ left: 25.24%; top: 59.19%;}
#page0 .biao13{ left: 19.27%; top: 73.08%;}
#page0 .biao14{ left: 49.8%; top: 69.87%;}
#page0 .biao15{ left: 6.78%; top: 79.91%;}
#page0 .biao16{ left: 38.67%; top: 78.42%;}
#page0 .biao11{ left: 31.25%; top: 88.25%;}


@-ms-keyframes b1 {
  0% { opacity: 0.5;}
  50% { opacity: 1;}
  100% {opacity: 1;}
}
@-moz-keyframes b1 {
  0% { opacity: 0.5;}
  50% { opacity: 1;}
  100% {opacity: 1;}
}
@-o-keyframes b1 {
  0% { opacity: 0.5;}
  50% { opacity: 1;}
  100% {opacity: 1;}
}
@-webkit-keyframes b1 {
  0% { opacity: 0.5;}
  50% { opacity: 1;}
  100% {opacity: 1;}
}
@keyframes b1 {
  0% { opacity: 0.55;}
  50% { opacity: 1;}
  100% {opacity: 1;}
}
.biao1,.biao4,.biao7,.biao10,.biao13,.biao16{
  animation:'b1' 1.2s linear 0s infinite alternate;
  -ms-animation:b1 1.2s linear 0s infinite alternate;
  -moz-animation:b1 1.2s linear 0s infinite alternate;
  -o-animation:'b1' 1.2s linear 0s infinite alternate;
  -webkit-animation:'b1' 1.2s linear 0s infinite alternate;
}
.biao2,.biao5,.biao8,.biao11,.biao14{
  animation:'b1' 1.2s linear 0.6s infinite alternate;
  -ms-animation:b1 1.2s linear 0.6s infinite alternate;
  -moz-animation:b1 1.2s linear 0.6s infinite alternate;
  -o-animation:'b1' 1.2s linear 0.6s infinite alternate;
  -webkit-animation:'b1' 1.2s linear 0.6s infinite alternate;
}
.biao3,.biao6,.biao9,.biao12,.biao15{
  animation:'b1' 1.2s linear 1.2s infinite alternate;
  -ms-animation:b1 1.2s linear 1.2s infinite alternate;
  -moz-animation:b1 1.2s linear 1.2s infinite alternate;
  -o-animation:'b1' 1.2s linear 1.2s infinite alternate;
  -webkit-animation:'b1' 1.2s linear 1.2s infinite alternate;
}




.music{
	position: absolute;
	right: 1.93%;
	top: 1.86%;
	width:1.8em;
	height: 1.8em;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	z-index: 99;
}
.music.on{ background-image: url("images/music-on.png"); }
.music.off{ background-image: url("images/music-off.png"); }
.music img{display: inline-block;}
.music.on{
	animation:'music' 1.5s linear 0s infinite;
	-ms-animation:music 1.5s linear 0s infinite;
	-moz-animation:music 1.5s linear 0s infinite;
	-o-animation:'music' 1.5s linear 0s infinite;
	-webkit-animation:'music' 1.5s linear 0s infinite;
}









@media only screen and (orientation: landscape) {
	.page{ width:26vw !important; margin: 0px auto;}
	.tc{ width:26vw !important; left: 50%; margin-left: -13vw;}
	.text-k .zi p{ font-size: 13px;}
	.text-k .ewm p{ font-size: 12px;}
	.text-k .news1 .zi1 p{ font-size: 15px;}
	.music{ right: 38%;}
}