@charset "utf-8";

*{margin:0;padding:0}
body{font-size:13px;font-family:arial;-webkit-text-size-adjust:none;line-height:1.62;background-color: #fff;}
body,html{width:100%;height:100%;overflow:hidden;}
table{border-collapse:collapse;border-spacing:0}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
ul,ol,li{list-style:none;}
ul,li{ padding:0; margin:0; width:100%;}
em{font-style:normal}
img{border:none;}
input,img{vertical-align:middle;}
input,select,textarea{outline:0;-webkit-appearance:none}
q:before, q:after { content:'' }
.fn-clear:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.fn-clear{*zoom:1}
a{color:#666;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
a:active{color:#333;-webkit-tap-highlight-color:rgba(0,0,0,0);}
section,aside,header,footer,hgroup,article{display:block}
.show{display: block}
.hide{display: none}
/*index*/
.p-index {height: 100%; width: 100%; overflow: hidden }
/*模块 m-*/
.m-page { position:absolute; left:0; top:0; max-height:100%; width:100%; overflow:hidden;}
.m-page.show { z-index:10; display:block; }
.m-page.hide { z-index:5; display:none; }
.m-page.active { z-index:15; display:block;}
/*音乐*/
.topCon{ display:block;position:absolute; z-index: 99999999999999; bottom:10px; width:100%; height:40px;background:rgba(204,204,204,0);}
.sound{ width:15px; height:15px; padding:5px; right:15px;  position: absolute;  border:2px solid #CCC;  border-radius: 15px;-webkit-border-radius: 15px;  background:url(../images/soundoff.png) center center no-repeat; background-size:50% 50%; }
.rotateAm{
  -webkit-animation-name: rotateAm;
  -webkit-animation-duration: 3s;
  -webkit-animation-timing-function:linear;
  -webkit-animation-iteration-count:infinite;
}
@-webkit-keyframes rotateAm {
	0%{ opacity:1;}
  25% { -webkit-transform: rotate(0deg) }
  25% { -webkit-transform: rotate(90deg) }
  50% { -webkit-transform: rotate(180deg) }
  75% { -webkit-transform: rotate(270deg) }
  100% { -webkit-transform: rotate(360deg) }
}
/*音乐end*/
.opacity{ opacity:0;}
.relative{ position:relative;}
.display{ display:none;}
.absolute{ position:absolute; width:100%; height:100%;}
.page_texts{ position:absolute; top:0%; left:0; width:100%; height:100%;}
.imgwidth{ width:100%;}
.redline{ position:absolute;width:100%; height:3%; background:#f00;}

	/*滑动共用云朵样式排版 start*/
	   .cloudimg1{position: absolute;top: 5%;left:0;}
	   .cloudimg2{position: absolute;top: 9%;left:0;}
	   .cloudimg3{position: absolute;top: 42%;left:0;}
	   .cloudimg4{position: absolute;bottom: 33%;left:0;}
	   .cloudimg5{position: absolute;bottom: 29%;left:0;}
	/*滑动共用云朵样式排版  end*/
	
	
	/*滑动第一页样式排版 start*/
	   .page01_detail1{position: absolute;top: 6%;left:0;}
	   .page01_detail2{position: absolute;top: 23%;left:0;}
	   .page01_detail3{position: absolute;top: 34%;left:0;}
	   .page01_detail4{position: absolute;bottom: 0;left:0;}
	/*滑动第一页样式排版  end*/

	/*滑动第二页样式排版 start*/
	   .page02_detail1{position: absolute;top:8%;left:0;}
	   .page02_detail2{position: absolute;top:16%;left:0;}
	   .page02_detail3{position: absolute;top:27%;left:0;}
	/*滑动第二页样式排版  end*/
	
	/*滑动第三页样式排版 start*/
       .page03_text_bg
	   {
		   position:absolute;
		   top:0;
		   left:0;
		   width:100%;
		   height:100%;
		   overflow:auto;
	   }
	   .page03_top
	   {
		   margin:5% auto 5%;
	   }
	   
.page_bg {
	margin-bottom: 100px;
}
.box-fixed {
	position: fixed;
	bottom: 0;
	height: auto;
	background: #ebebeb;
	border-top: 1px solid #fff;
	width: 100%;
}
.box-fixed .content {
	width: 100%;
	padding: 10px 0;
	float: left;
	position: relative;
}
.box-fixed input {
	height: 35px;
	border: 1px solid #d5d5d5;
	border-radius: 5px;
	width: 90%;
	padding: 0 6px;
	font-size: 14px;
	font-weight: 700;
}
.box-fixed ul li.width20 {
	width: 20%;
	text-align: left;
	float: left;
	margin-left: 3%;
}
.box-fixed ul li.width30 {
	width: 30%;
	text-align: left;
	float: left;
	margin-left: 3%;
}
.box-fixed ul li.width50 {
	width: 40%;
	text-align: left;
	float: left;
	margin-left: 3%;
}
.box-fixed button {
	background: #0564a7;
	border-radius: 4px;
	height: 37px;
	width: 90%;
	padding: 2px 0;
	border: none;
	color: #FFFFFF;
	font-weight: 700;
	font-size: 14px;
}
.box-fixed .tel {
	float: left;
	position: relative;
	width: 100%;
	margin-bottom: 10px;
	text-align: center;
}
.box-fixed .tel img {
	width: 29px;
	height: 29px;
	vertical-align: middle;
}
.box-fixed .tel a {
	color: #0564a7;
	border: none;
	font-size: 20px;
	line-height: 30px;
	height: 30px;
	vertical-align: middle;
}
	/*滑动第三页样式排版  end*/
	
	
	
	/*滑动第四页样式排版 start*/
	   .page04_detail1{position: absolute;top:8%;left:0;}
	   .page04_detail2{position: absolute;top:16%;left:0;}
	   .page04_detail3{position: absolute;top:27%;left:0;}
	/*滑动第四页样式排版  end*/
	
	/*滑动第五页样式排版 start*/
	   .page05_detail1{position: absolute;top:3%;left:0;}
	   .page05_detail2{position: absolute;top:13%;left:0;}
	   .page05_detail3{position: absolute;top:53%;left:0;}
	   .page05_detail4{position: absolute;bottom:6%;left:0;}
	/*滑动第五页样式排版  end*/

	/*滑动第六页样式排版 start*/
	   .page06_detail1{position: absolute;top:5%;left:0;}
	   .page06_detail2{position: absolute;top:11%;left:0;}
	   .page06_detail3{position: absolute;top: 16%;width: 90%;left: 5%;}
	   .page06_detail3 li{margin-top: -1.2%;}
	   
	.page02_manage_top{margin-top: 3%;}
	/*滑动第六页样式排版  end*/
.imgwidth1{ width:100%;}
.imgwidth2{ width:100%;}
  /*苹果4手机 start*/
@media screen and (min-height:400px) and (max-height:420px) {
	.imgwidth1{ width:90%; margin-left:5%;  margin-top: -2%;}
	.imgwidth2{ width:80%; margin-left:10%;}
	
	
	.page01_detail3 {position: absolute;top: 34%; left:0;}
	
	.page02_detail1 {position: absolute;top: 6%;left:0;}
	.page02_detail2 {position: absolute;top: 14%;left:0;}
	.page02_detail3 {position: absolute;top: 24%;left:0;}
	/*滑动第四页样式排版 start*/
	   .page04_detail1{position: absolute;top:4%;left:0;}
	   .page04_detail2{position: absolute;top:12%;left:0;}
	   .page04_detail3{position: absolute;top:20%;left:0;}
	/*滑动第四页样式排版  end*/
	.page05_detail4 {position: absolute;bottom: 3%;left:0;}
}
  /*邓先生手机样式*/  
@media screen and (width: 432px) and (height: 599px) {
}
/* global */
.p-index{display:none}
.m-tips{opacity:0;display:block;position:absolute;bottom:0;background:url(../images/arrow.png) no-repeat; background-size:100% 100%;left: 46%; width:8%; height:16px;-webkit-animation:tips ease-out 1s infinite;-webkit-animation-delay:2s}
@-webkit-keyframes tips{
	0%{
		opacity:0;
		-webkit-transform:translate(0,0px);
	}
	100%{
		opacity:1;
		-webkit-transform:translate(0,-30px);
	}
}

.dropUp{
  -webkit-animation-name: dropUp;
  -webkit-animation-duration: 5s;
  -webkit-animation-timing-function:linear;
	-webkit-animation-fill-mode: both;
}
@-webkit-keyframes dropUp {
0% {
-webkit-transform:translateX(-70%);
opacity:0;
}
60% {
-webkit-transform:translateX(10%);
opacity:1;
}
80% {
-webkit-transform:translateX(-3%);
opacity:1;
}
100% {
-webkit-transform:translateX(0%);
opacity:1;
}
}
.copyright{position:absolute;bottom:5px;left:0;width:100%;font-size:10px;color:#fff;text-align:center;}