@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; height:100%}
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}
.imgwidth{ width:100%;}
.imgwidth1{ width:100%;}
/*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) }
}
.musicOn{ position:absolute; right:13%; bottom:9%; display:none; font-size:10px; color:#fff; z-index:55;}
/*音乐end*/
.opacity{ opacity:0;}
.relative{ position:relative;}
.display{ display:none;}
.absolute{ position:absolute; width:100%; height:100%;}
	
	/*滑动 m-page01 start*/
	.page01_img01{position: absolute;top: 25%;width: 30%;left: 35%;}
    .page01_img02{position: absolute;top: 42%;width: 60%;left: 20%;}
	
	.logotxt1{width: 5%;position: absolute;top: 43%;left: 14%; opacity:0}
	.logotxt2{width: 60%;position: absolute;top: 43%;left:16%;}
	.logotxt3{width: 44%;position: absolute;top: 54%;left: 27%;}
	/*滑动 m-page01 end*/

	/*滑动 m-page02 start*/
	.page02_img01{ margin-top:10%;}
	.page02_img02{ margin-top:3%;}
	.page02_img03{ margin-top:10%;}
    .page02_texts{ margin-top: 5%;}
	.page02_texts li{ margin-top:2%;}
	.page02_img04{ position:absolute; bottom:3%;}
	
	/*滑动 m-page02 end*/

	/*滑动 m-page03 start*/
	.page03_img01{width: 80%;margin:8% auto 0;}
	.page03_img02{margin-top:2%;}
	.page03_img04{margin-top: 2%;}
	/*滑动 m-page03 end*/

	/*滑动 m-page08 start*/
	.page08_img01{width: 80%;margin: 8% auto 0;}
	.page08_img02{margin-top: 5%;}
	.page08_img03{margin-top:1%;}
	.page08_img04{margin-top: 5%;}
	.page8_tel{width: 16%;margin: 5% 41% 0;}
	/*滑动 m-page08 end*/
	.pagetxt{ width:100%; position:absolute; top:0; left:0;}
	
	.page09_img01{margin-top: 15%;}
	.page09_img02{margin-top:8%;}
	.page09_img03{margin-top:5%;}
	
 /*************苹果六样式 start********************/
@media screen and (min-height: 603px) and (max-height: 672px) {
	/*滑动 m-page03 start*/
		.page03_img01{width: 80%;margin:3% auto 0;}
		.page03_img02{margin-top:2%;}
		.page03_img04{margin-top:0%;}
	/*滑动 m-page03 end*/
	}
 /*************苹果六样式 end********************/

/*************虚拟按键样式 start********************/
@media screen and (min-height:510px) and (max-height: 550px) {
	.imgwidth1{width: 90%;margin-left: 5%;}

}
/*************虚拟按键样式 end********************/

/*************苹果四样式 start********************/
@media only screen and (min-device-width: 100px) and (max-device-width:320px) and (max-device-height:567px){
	.imgwidth1{width: 80%;margin-left: 10%;}
	/*滑动 m-page01 start*/
    .page01_img02{position: absolute;top:42%;width: 60%;left: 20%;}
	.page01_img01{position: absolute;top:20%;width: 30%;left:35%;}
	
	.logotxt1{width: 5%;position: absolute;top: 43%;left: 14%; opacity:0}
	.logotxt2{width: 60%;position: absolute;top: 43%;left:16%;}
	logotxt3 {width: 44%;position: absolute;top: 54%;left: 27%;}
	/*滑动 m-page01 end*/
	
	/*滑动 m-page02 start*/
	.page02_img01{ margin-top:8%;}
	.page02_img02{ margin-top:1%;}
	.page02_img03{ margin-top:6%;}
    .page02_texts{ margin-top: 5%;}
	.page02_texts li{ margin-top:2%;}
	.page02_img04{ position:absolute; bottom:3%;}
	/*滑动 m-page02 end*/
	
	/*滑动 m-page03 start*/
	.page03_img01{width: 80%;margin:8% auto 0;}
	.page03_img02{margin-top:2%;}
	.page03_img04{margin-top:0%;}
	/*滑动 m-page03 end*/
	
	/*滑动 m-page08 start*/
	.page08_img01{width: 80%;margin:5% auto 0;}
	.page08_img02{margin-top:2%;}
	.page08_img03{margin-top:5%;}
	.page08_img04{margin-top:1%;}
	/*滑动 m-page08 end*/
	
	.page09_img01{margin-top: 10%;}
	.page09_img02{margin-top:5%;}
	.page09_img03{margin-top:5%;}
}
/*************苹果四样式 end********************/

/* 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:4s}
@-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;}