@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;
}





#page13{ 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");
}
.topic14{
	width: 50.67%;
    height: 2.52%;
    left: 24.67%;
    top: 28.06%;
	background-image:url("images/topic14.png");
}
.map13-box{
	width: 83.2%;
	height: 46.76%;
	left: 6.27%;
	top: 39.95%;
	position: absolute;
}
.map13{
	position: relative;
	width: 100%;
}
.map13 img{
	width: 100%;
	height: 100%;
}
.link{ 
	position: absolute;
	cursor: pointer;
}
.link13-1{
	width: 17.15%;
	height: 10.79%;
	left: 5.77%;
	top: 5.25%;
}
.link13-2{
	width: 11.86%;
	height: 13.56%;
	left: 29.65%;
	top: 10.06%;
}
.link13-3{
	width: 10.27%;
	height: 8.75%;
	left: 45.83%;
	top: 19.97%;
}
.link13-4{
	width: 12.18%;
	height: 8.89%;
	left: 58.81%;
	top: 18.66%;
}
.link13-5{
	width: 16.19%;
	height: 11.52%;
	left: 77.4%;
	top: 18.66%;
}
.link13-6{
	width: 10.58%;
	height: 14.14%;
	left: 21.15%;
	top: 33.67%;
}
.link13-7{
	width: 9.62%;
	height: 12.24%;
	left: 36.06%;
	top: 29.88%;
}
.link13-8{
	width: 20.67%;
	height: 7.43%;
	left: 60.1%;
	top: 37.03%;
}
.link13-9{
	width: 13.3%;
	height: 14.43%;
	left: 16.98%;
	top: 52.33%;
}
.link13-10{
	width: 13.46%;
	height: 7%;
	left: 33.65%;
	top: 60.2%;	
}
.link13-11{
	width: 12.98%;
	height: 11.22%;
	left: 64.42%;
	top: 73.32%;
}


#page13 .biao{
	width: 7.37%;
	height: 6.71%;
	position:absolute;
	background:url(images/biao.png) no-repeat;
	background-size:100% 100%;
}
#page13 .biao1{ left: 7.21%; top: 10.35%;}
#page13 .biao2{ left: 26.12%; top: 16.62%;}
#page13 .biao3{ left: 46.96%; top: 26.82%;}
#page13 .biao4{ left: 56.41%; top: 22.16%;}
#page13 .biao5{ left: 75.32%; top: 19.53%;}
#page13 .biao6{ left: 22.5%; top: 35.57%;}
#page13 .biao7{ left: 37.02%; top: 37.46%;}
#page13 .biao8{ left: 57.69%; top: 38.19%;}
#page13 .biao9{ left: 14.9%; top: 58.16%;}
#page13 .biao10{ left: 42.79%; top: 59.18%;}
#page13 .biao11{ left: 66.5%; top: 75.36%;}


@-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,.biao6,.biao7,.biao9{
  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,.biao3,.biao5,.biao8{
  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;
}



.tc{
	width:100%;
	height:100%;
	position:fixed;
	z-index:100;
	display:none;
}
.tc .textbg{
	width:100%;
	height:100%;
	background:#000;filter:alpha(opacity=30);-moz-opacity:0.30;opacity:0.30;
}
.tc .pic-box{
	width:86.67%;
	height:63.05%;
	left:6.67%;
	top:25.29%;
	position: absolute;
}
.tc .close{
	width:12.53%;
	position:absolute;
	right:3.33%;
	top:6.97%;
}
.prve,.next{
	width: 13.33%;
	height: 4.91%;
	bottom: 5.73%;
	cursor: pointer;
}
.prve{
	background-image: url("images/prve.png");
	left: 31.87%;
}
.next{
	background-image: url("images/next.png");
	right: 27.73%;
}


.pic{
	width: 100%;
    height: 100%;
    text-align: center;
	position: relative;
}
.pic img{
	width: auto;
    height: 100%;
    display: inline;
}
.tel{
	position: absolute;
	cursor: pointer;
	width: 22.31%;
	height: 5.84%;
	top: 73.95%;
	left: 62.62%;
}





.tc .text-box{
	width:86.67%;
	height:78.05%;
	left:6.67%;
	top:9.29%;
	position: absolute;
	background: url("images/text-box1.png") no-repeat;
	background-size:100% 100%;
}
.text-k{
	width: 81.08%;
	height: 76.98%;
	margin:5.51% 0 0 9.54%;
	overflow-x: hidden;
	overflow-y: scroll;
	color: #000;
	font-size: 0.9em;
}
.text-k h5{
	font-size: 1.35em;
	text-align: center;
	line-height: 1.4em;
	margin: 0.9em 0 0.5em 0;
}
.focus{
	position: relative;
    overflow: hidden;
	width: 100%;
	height: 10em;
	margin-bottom: 1.2em;
}
.focus img{ 
	width:100%; height:100%;
	border-radius: 0.5em;
}
.arrow1{
	background:url(images/arrow1.png) no-repeat;
	background-size:100%;
	left:2%;
}
.arrow2{
	background:url(images/arrow2.png) no-repeat;
	background-size:100%;
	right:2%;
}

.arrow1,.arrow2{
	width: 1em;
	height: 2em;
	top:  40%;
	position: absolute;
}
.text-k .zi{
	width: 72.57%;
	float: left;
}
.text-k .zi p{
	font-size: 0.7em;
	line-height: 1.4em;
	text-indent: 2em;
}
.text-k .ewm{
	width: 24.43%;
	float: right;
}
.text-k .ewm p{
	font-size: 0.8em;
	text-align: center;
	line-height: 2em;
	height: 2em;
}
.text-k .news1{
	border: 1px dotted #46d298;
	background: #f4fcf9;
	width: 99%;
	border-radius: 0.6em;
	overflow: hidden;
	margin: 0.8em 0 1em 0;
	padding: 0.4em 0;
}
.text-k .news1 .zi1{
	width: 55.03%;
	float: left;
	margin: 0 4.74% 0 5.27%;
}
.text-k .news1 .zi1 p{
	font-size: 0.8em;
	line-height: 1.6em;
}
.text-k .news1 .line{
	width: 1px;
	height: 4em;
	border-left: 2px dotted #3cd093;
	float: left;
}
.text-k .news1 .tel1{
	width: 22.2%;
	float: right;
	margin: 1.5em 6.26% 0 0;
}






@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%;}
}





.text-k .ewm{ display: none;}
.text-k .zi{ width: 100%; float: none;}