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





#page1{ 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");
}
.topic2{
	width: 50.67%;
	height: 2.52%;
	left: 24.67%;
	top: 28.06%;
	background-image:url("images/topic2.png");
}
.map1-box{
	width: 91.6%;
	height: 58.76%;
	left: 8.27%;
	top: 32.7%;
	position: absolute;
}
.map1{
	position: relative;
	width: 100%;
}
.map1 img{
	width: 100%;
	height: 100%;
}
.link{ 
	position: absolute;
	cursor: pointer;
}
.link1{
	width: 43.54%;
	height: 27.41%;
	left: 1.02%;
	top: 7.66%;
}
.link2{
	width: 21.97%;
	height: 32.95%;
	left: 51.77%;
	top: 0%;
}
.link3{
	width: 50.51%;
	height: 12.87%;
	left: 43.38%;
	top: 36.43%;
}
.link4{
	width: 31.1%;
	height: 21.57%;
	left: 7.28%;
	top: 43.16%;
}
.link5{
	width: 25.73%;
	height: 9.54%;
	left: 42.83%;
	top: 52.12%;
}
.link6{
	width: 50.95%;
	height: 27.38%;
	left: 0%;
	bottom: 0;
}

.biao{
	width:6.7%;
	height:5.34%;
	position:absolute;
	background:url(images/biao.png) no-repeat;
	background-size:100% 100%;
}
.biao1{ left:21.69%; top:20.42%;}
.biao2{ left:61.43%; top:17.8%;}
.biao3{ left:63.32%; top:41.63%;}
.biao4{ left:22.17%; top:53.71%;}
.biao5{ left:42.65%; top:52.9%;}
.biao6{ left:15.28%; top:79.93%;}
@-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{
  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{
  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;
}







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





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