@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;}
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-*/
.topCon{/* display:none;  */position:absolute; z-index: 1000; top:25px; width:100%; height:100px;}
.sound{ width:40px; height:40px; padding:5px; right:25px; position: absolute;  border:2px solid #fff;  border-radius: 40px;-webkit-border-radius: 40px;  background: url(../img/soundoff.png) center center no-repeat; background-size:80% 80%; 
  box-shadow: 0px 0px 4px #555;
}
.rotateAm{
  -webkit-animation-name: rotateAm;
  -webkit-animation-duration: 3s;
  -webkit-animation-timing-function:linear;
  -webkit-animation-iteration-count:infinite;
}
@-webkit-keyframes rotateAm {
  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) }
}

.m-page { position:absolute; left:0; top:0; height:100%; width:100%}
.m-page.show { z-index:10; display:block; }
.m-page.hide { z-index:5; display:none; }
.m-page.active { z-index:15; display:block; }
/*轮播样式*/
.swipe{  position:absolute; top:0; left:0; overflow:hidden; width:100%; height:100%; background:#fff;display:none;}
.swipe-wrap { overflow:hidden; position: relative; height:100%; }
/*.swipe-wrap > div {float:left; position: relative; width:100%;}*/
.swipe_pic{ width:100%; float:left;}
.page01 .pic_01{padding-top:20%; }
.page01 .pic_02{padding-top:15%;}
.page01 .ck01{width: 38%;padding-top: 78%;margin-left: 58%;}
.page01 .ck02{width: 38%;padding-top: 95%;margin-left: 58%;}

.page02 .pic_01{ padding-top:20%;}
.page02 .pic_02{ padding-top:20%;}
.page02 .pic_03{ padding-top:20%;}
.page02 .ck01{width: 38%;padding-top: 80%;margin-left: 58%;}
.page02 .ck02{width: 38%;padding-top: 80%;margin-left: 58%;}
.page02 .ck03{width: 38%;padding-top: 122%;margin-left: 58%;}

.page03 .pic_01{ padding-top:20%;}
.page03 .pic_02{ padding-top:20%;}
.page03 .pic_03{ padding-top:20%;}
.page03 .pic_04{ padding-top:20%;}
.page03 .ck01{width: 38%;padding-top: 89%;margin-left: 58%;}
.page03 .ck02{width: 38%;padding-top: 97%;margin-left: 58%;}
.page03 .ck03{width: 38%;padding-top: 122%;margin-left: 58%;}
.page03 .ck04{width: 38%;padding-top: 97%;margin-left: 58%;}

.page04 .pic_01{padding-top:20%;}
.page04 .pic_02{ padding-top:20%;}
.page04 .ck01{width: 38%;padding-top: 79%;margin-left: 58%;}
.page04 .ck02{width: 38%;padding-top: 79%;margin-left: 58%;}

.swipe_pic img{ width:100%;}
.swipe_num{background:rgba(0,0,0,0);bottom:0;left:0%;height:25px;width:100%;position:absolute;text-align:center;}
.swipe_num span{background:rgba(0,0,0,.5);border-radius:5px;cursor:pointer;display:inline-block;*display:inline;height:5px;margin:10px 4px;width:5px;}
.swipe_num span.active{background:#330f00;}

/*轮播样式end*/
/* page01 */
.m-page01 .m-img .hxjs_01a{ width: 75%;position: absolute;top: 6%;left: 12%;}
.m-page01 .m-img .hxjs_01b{ width: 81%;position: absolute;top: 13%;left: 8%;}
.m-page01 .m-img .hxjs_01c{ width: 46%;position: absolute;bottom: 13%;left: 28%;}

/* page02 */
.m-page02 .m-img .hxjs_02a{ width: 75%;position: absolute;top: 6%;left: 12%;}
.m-page02 .m-img .hxjs_02b{ width: 81%;position: absolute;top: 13%;left: 8%;}
.m-page02 .m-img .hxjs_02c{ width: 46%;position: absolute;bottom: 13%;left: 28%;}
/* page03 */
.m-page03 .m-img .hxjs_03a{ width: 75%;position: absolute;top: 6%;left: 12%;}
.m-page03 .m-img .hxjs_03b{ width: 69%;position: absolute;top: 13%;left: 16%;}
.m-page03 .m-img .hxjs_03c{ width: 46%;position: absolute;bottom: 13%;left: 28%;}

/* page04 */
.m-page04 .m-img .hxjs_04a{ width: 75%;position: absolute;top: 6%;left: 12%;}
.m-page04 .m-img .hxjs_04b{ width: 81%;position: absolute;top: 13%;left: 8%;}
.m-page04 .m-img .hxjs_04c{ width: 46%;position: absolute;bottom: 13%;left: 28%;}

.m-box{position:absolute;left:10%;top:50%;width:80%;margin:-120px auto 0;text-align: center;color:#fff;}
.m-img{ width:100%; height:100%;background-position: center;background-position: no-repeat;background-size: 100% 100%}
.m-ico{width:66px;height:66px;margin:0 auto;background-position: center;background-position: no-repeat;background-size: 66px}
/* global */
.p-index{display:none}
.m-page img{position:absolute}
.m-tips{opacity:0;display:block;position:absolute;bottom:0px;left:56%;margin-left:-29px;width:40px;height:20px;background:url(../img/arres.png) no-repeat;background-size:20px auto;
		-webkit-animation:tips ease-out 1s infinite;-webkit-animation-delay:1s}
@-webkit-keyframes tips{
	0%{
		opacity:0;
		-webkit-transform:translate(0,0px);
	}
	100%{
		opacity:1;
		-webkit-transform:translate(0,-20px);
	}
}
/*苹果4样式*/
@media screen and (max-height: 480px) {
.page01 .pic_01{margin-top:20%; }
.page01 .pic_02{ margin-top:15%;}
.page01 .ck01{width: 38%;margin-top: 78%;margin-left: 58%;}
.page01 .ck02{width: 38%;margin-top: 95%;margin-left: 58%;}

.page02 .pic_01{ margin-top:20%;}
.page02 .pic_02{ margin-top:20%;}
.page02 .pic_03{ margin-top:20%;}
.page02 .ck01{width: 38%;margin-top: 80%;margin-left: 58%;}
.page02 .ck02{width: 38%;margin-top: 80%;margin-left: 58%;}
.page02 .ck03{width: 38%;margin-top: 122%;margin-left: 58%;}

.page03 .pic_01{ margin-top:20%;}
.page03 .pic_02{ margin-top:20%;}
.page03 .pic_03{ margin-top:20%;}
.page03 .pic_04{ margin-top:20%;}
.page03 .ck01{width: 38%;margin-top: 89%;margin-left: 58%;}
.page03 .ck02{width: 38%;margin-top: 97%;margin-left: 58%;}
.page03 .ck03{width: 38%;margin-top: 122%;margin-left: 58%;}
.page03 .ck04{width: 38%;margin-top: 97%;margin-left: 58%;}

.page04 .pic_01{margin-top:20%;}
.page04 .pic_02{ margin-top:20%;}
.page04 .ck01{width: 38%;margin-top: 79%;margin-left: 58%;}
.page04 .ck02{width: 38%;margin-top: 79%;margin-left: 58%;}

}

/*苹果5样式*/
@media screen and (min-height: 481px)  and (max-height: 550px) {
.page01 .pic_01{margin-top:20%; }
.page01 .pic_02{ margin-top:15%;}
.page01 .ck01{width: 38%;margin-top: 78%;margin-left: 58%;}
.page01 .ck02{width: 38%;margin-top: 95%;margin-left: 58%;}

.page02 .pic_01{ margin-top:20%;}
.page02 .pic_02{ margin-top:20%;}
.page02 .pic_03{ margin-top:20%;}
.page02 .ck01{width: 38%;margin-top: 80%;margin-left: 58%;}
.page02 .ck02{width: 38%;margin-top: 80%;margin-left: 58%;}
.page02 .ck03{width: 38%;margin-top: 122%;margin-left: 58%;}

.page03 .pic_01{ margin-top:20%;}
.page03 .pic_02{ margin-top:20%;}
.page03 .pic_03{ margin-top:20%;}
.page03 .pic_04{ margin-top:20%;}
.page03 .ck01{width: 38%;margin-top: 89%;margin-left: 58%;}
.page03 .ck02{width: 38%;margin-top: 97%;margin-left: 58%;}
.page03 .ck03{width: 38%;margin-top: 122%;margin-left: 58%;}
.page03 .ck04{width: 38%;margin-top: 97%;margin-left: 58%;}

.page04 .pic_01{margin-top:20%;}
.page04 .pic_02{ margin-top:20%;}
.page04 .ck01{width: 38%;margin-top: 79%;margin-left: 58%;}
.page04 .ck02{width: 38%;margin-top: 79%;margin-left: 58%;}

}

.copyright{position:absolute;bottom:5px;left:0;width:100%;font-size:24px;color:#fff;text-align:center;}