body {
	font-family: "微软雅黑";
	font-size:14px;
	color:#323232;
	
}
a:link {
 color:#000; font-family:"微软雅黑"; text-decoration:none;
}

input {
	padding:0;
    margin:0;
	border:0;
}
.clear { clear:both;}
b {
	font-weight:normal;
	}

* {
    padding:0;
    margin:0;
	border:0;
}
.s1 {
	background:url(../images/bg03.jpg) no-repeat;
	background-size:100%;}
#s0,.s2,.s3 {
	background:url(../images/bg.jpg) no-repeat;
	background-size:100%;
	}
.s4,.s5,.s6,.s7,.s8,.s9{
	background:url(../images/bg01.jpg) no-repeat;
	background-size:100%;
	}

.car01,.car02,.car03,.car04,.car05,.car06 { top:0; width:100%;}
.section{
	max-width:640px;
	margin:0 auto;
	overflow:hidden;
	width:100%;
	}
#container {
	max-width:640px;
	margin:0 auto;
	width:100%;
	position:relative;
	}
	
	
img { position:absolute;}
.title {
	position:absolute;
	top:15%;
	width:100%;
	max-width:640px;
	}
.title img { width:100%;}
.video {
	position: absolute;
	top:28%;
	width:80%;
	margin-left:10%;
	opacity:0;
	}
.video img{	 width:100%; }
.di img{ width:100%; position:absolute; z-index:-1; top:0}
.reserveWrap form{
	width:80%;
	margin:0 auto;
	padding-top:38%;
	}
.reserveWrap form div {
	width:70%;
	background:#03324c;
	margin-bottom:10px;
	height:30px;
	line-height:30px;
	 border-radius:6px;
	 margin-left:30%;
	}
.reserveWrap form div:first-of-type {
	margin-left:1%;
	width:100%;
	background:none;
	}
.reserveWrap form div:first-of-type label {
	display:inline-block;
	color:#FFF;
	text-align:center;
	width:25%;
	background:#03324c;
	margin-right:3%;
	border-radius:6px;
	font-size:16px;
	}

.reserveWrap form div:first-of-type select {
	width:70%;
	padding-left:3%;
	background:#03324c;
	border-radius:6px;
	appearance:none;
 	-moz-appearance:none;
  	-webkit-appearance:none;
	}
.reserveWrap form div input,.reserveWrap form div select {
	width:98%;
	padding-left:5%;
	background:none;
	height:30px;
	line-height:30px;
	color:#FFF;
	appearance:none;
 	-moz-appearance:none;
  	-webkit-appearance:none;
	font-size:16px;
	}
select { color:#FFF;}
.btnInfo {
	margin-top:5%;
	width:100%;
	padding-bottom:2%;
	}
.textWrap { position:absolute; height:800px;  top:0; width:100%; z-index:10000; background:rgba(255,255,255,0.9); color:#000;}
.s1-wz { position:absolute; top:20%;  width:100%; opacity:0;}
.btnInfo a img{
	position:static;
	overflow:hidden;
	display:inline-block;
	width:35%;
	}
.btnInfo a:first-of-type{
	margin-left:12%;
	}
.btnInfo a:last-of-type{
	margin-left:10%;
	}
img.qr { position:static; width:100%;}
#web01 { margin-left:33%; width:33%;  }
#web01 img { position:static; width:100%; }
.logo { top:100px; }
.s-next { bottom:0px; opacity:0; width:100%;}
#menu {
	margin: 0;
	padding: 0;
	position: fixed;
	left: 10px;
	list-style-type: none;
	z-index:70;
	width:100%;
	bottom:10%;
	position:relative;
	max-width:640px;
	}
.logoleft img{ position: absolute;  width:30%; display:inline-block; left:0;bottom:5.5%;}
.logoright img { position: absolute;  width:30%; display:inline-block; right:0;bottom:5.5%;}
.btn-swth {
	position:absolute;
	display:block;
	z-index:111111111;
	bottom:6%;
	width:100%;
	text-align:center;
	}
.btn-swth a {
	display: inline-block;
	width:30%;
	}
.btn-swth a img{
	position:static;
	display:block;
	width:100%;
	}

.btnReserve { margin-right:8%;}
.btnWeb {}

.newsWrap { width:90%; list-style:none; margin-left:5%; font-size:12px;  overflow:hidden; position:absolute; top:22%;}
.newsWrap a { color:#000;}
.newsWrap li{ width:46%;float:left; margin:1% 2%;}
.newsWrap li img { position:static; width:100%;}



/*input radio start*/
/* 调查问卷 */

.ques-main { width:100%; position:absolute; top:20%; }
.ques_tit{margin-bottom:1.5%;color:#1b1b1b;line-height:160%;}
.ques_tit b { color:#f22844;}
.ques_tit span { color:red;}
.ques h4 { color:#00aaad; font-size:16px;}

.ques { margin-top:30%;}




#up { -webkit-animation: up 1s linear 2s infinite alternate;}

@-webkit-keyframes up /* Safari 和 Chrome */
{
0%   {-webkit-transform: translate(0,0); }
50%  {-webkit-transform: translate(0,-20px);}
100% {-webkit-transform: translate(0,0);}
}

/*响铃动画*/
.Tada { -webkit-animation: Tada 1s linear 2s infinite alternate;}
.Tada1 { -webkit-animation: Tada 0.3s ease 1;}
@-webkit-keyframes Tada {
0%{-webkit-transform:translate(10px, 10px) rotate(-1deg);}
25%{-webkit-transform:translate(-10px, -10px) rotate(1deg);}
50%{-webkit-transform:translate(0px, 0px) rotate(-1deg);}
75%{-webkit-transform:translate(10px, -10px) rotate(1deg);}
100%{-webkit-transform:translate(-10px, 10px) rotate(0deg);}
}

.Beat { -webkit-animation: Beat 3s linear infinite alternate; opacity:1; left:10%;}
@-webkit-keyframes Beat {
0%{ -webkit-transform:scale(1);}
50%{ -webkit-transform:scale(1.1);}
100%{ -webkit-transform:scale(1);}
}
.s4-1 { top:-500px;}
.Da { -webkit-animation: Da 0.5s ease 1; }
@-webkit-keyframes Da {
0%{ -webkit-transform:scale(10); }

70%{ -webkit-transform:scale(0.9);  opacity:1;}
100%{ -webkit-transform:scale(1); opacity:1;}
}


#gelatine {   -webkit-animation: gelatine 1s linear 2s infinite alternate; } 
@-webkit-keyframes gelatine 
{
0%   {-webkit-transform:scale(1, 1) ; }
15%  {-webkit-transform:scale(0.9, 1.1);}
30% {-webkit-transform:scale(1.1, 0.9) translate(0,-20px);}
40% {-webkit-transform:scale(0.95, 1.05);}
50% {-webkit-transform:scale(1, 1);}
100% {-webkit-transform:scale(1, 1);}
}
.wrap-info {
	position:absolute;
	z-index:100;
	margin-left:10%;
	 width:74%;
	 background:rgba(240,136,47,0.9);
	 border-radius:10px;
	 padding:6% 3%;
	 text-align:center;
	 box-shadow:0 0 10px rgba(0,0,0,0.5)
	 
	}
.wrap-info h4 {
	font-size:16px;
	color:#fff;
	}
.wrap-info h4 strong {
	background:#FFF;
	color:#ce3b19;
	border-radius:6px;
	padding:0% 4%;
	font-size:24px;
	margin:0 2%;
	font-weight:bolder
	}
.wrap-info span {
	font-size:12px;
	color:#fff;
	margin-top:10px;
	display:block;
	font-weight:bold;
	}
.btn-tc { position:absolute; z-index:200; bottom:15%; margin-left:30%; width:100%;}
.btn-tc img { width:40%;}

div.in {
	height:30px;
	line-height:30px;
	font-size:15px;
	font-weight:bold;
	}
div.in label {
	height:25px;
	line-height:25px;
	vertical-align:middle;
	color:#FFF;
	}
.ip1 {
	height:25px;
	line-height:25px;
	vertical-align:middle;
	border-radius:10px;
	width:60%;
	padding-left:5%;
	font-size:14px;
	}
.wrap-input {
	position:absolute;
	z-index:100;
	top:33%;
	margin-left:10%;
	 width:74%;
	 background:rgba(240,136,47,0.9);
	 border-radius:12px;
	 padding:5% 3%;
	 text-align:center;
	 box-shadow:0 0 10px rgba(0,0,0,0.5)
	 }
.rule {
	width:80%;
	margin-left:10%;
	position:absolute;
	z-index:200;
	top:73%;
	font-weight:bold;
	font-size:12px;
	color:#FFF;
	}
.btn-df {
	position:absolute;
	bottom:0px;
	margin-left:31%;
	width:100%;
	}
.btn-df img{
	width:40%;}	
	
.newsDetail { width:92%; margin:0 auto; font-size:14px; color:#666;  padding:10% 0; text-align:justify; text-justify:distribute-all-lines; padding-bottom:100px; line-height:1.5; font-size:14px;}
.newsDetail h4 { font-size:25px; margin-bottom:3%;}
.newsDetail img{ text-align:center; width:100%; position:static; margin-top:20px;}
.btnConBack a{ position:fixed; z-index:111; bottom:0; font-size:20px; border-top:1xp solid #CCC; color:#666; padding:3% 0; text-align:center; background:rgba(255,255,255,0.95); width:100%; box-shadow:0 0 5px rgba(0,0,0,0.5); font-weight:bold;}
/*css3*/

.LightSpeedIn { -webkit-animation:LightSpeedIn 0.5s ease-out 1; opacity:1; left:10%; }
@-webkit-keyframes LightSpeedIn {
0% {
-webkit-transform:translateX(100%) skewX(-30deg);
transform:translateX(100%) skewX(-30deg);
opacity:1;
}
60% {
-webkit-transform:translateX(-20%) skewX(30deg);
transform:translateX(-20%) skewX(30deg);
opacity:1;
}
80% {
-webkit-transform:translateX(0%) skewX(-15deg);
transform:translateX(0%) skewX(-15deg);
opacity:1;
}
100% {
-webkit-transform:translateX(0%) skewX(0deg);
transform:translateX(0%) skewX(0deg);
opacity:1;
}
}


.Da { -webkit-animation: Da 1s ease 1;left:0}
@-webkit-keyframes Da {
0%{ -webkit-transform:scale(10) rotate(36deg); z-index:999;}

70%{ -webkit-transform:scale(0.9); opacity:1; z-index:1}
100%{ -webkit-transform:scale(1) rotate(0deg); opacity:1; z-index:1;}
}