@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}
.loader { position: relative; width: 100%; height: 100%; background: white; text-align: center; }
/*index*/
.p-index {height: 100%; width: 100%; overflow: hidden }
/*模块 m-*/

/*#pageLoad{width:100%; height:100%; background-color:#fff;}
#div1{ position:absolute; top:10%; left:-6%;}
*/.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; }

.m-box{position:absolute;left:10%;top:50%;width:80%;margin:-120px auto 0;text-align: center;color:#000;}
.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:47%;width:30px;height:20px;background:url(../images/arrow.png) no-repeat;background-size:30px 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);
	}
}
.musicRound{ -webkit-animation:musicRound linear 2s infinite; border:1px solid #fff; border-radius:30px; padding:2px;}
@-webkit-keyframes musicRound{
  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) }
}
/* page01 */
.m-page01 .m-img{background-image:url(../images/dzxc_bg01.jpg)}
@-webkit-keyframes slideUp{
	0%{
		opacity:0;
		-webkit-transform:translate(0,20px);
	}
	100%{
		opacity:1;
		-webkit-transform:translate(0,0);
	}
}
@-webkit-keyframes slideDown{
	0%{
		opacity:0;
		-webkit-transform:translate(0,-20px);
	}
	100%{
		opacity:1;
		-webkit-transform:translate(0,0);
	}
}
/* page02 */
.m-page02 .m-img{background-image:url(../images/dzxc_bg02.jpg)}

/* page03 */
.m-page03 .m-img{background-image:url(../images/dzxc_bg03.jpg)}

/* page04 */
.m-page04 .m-img{background-image:url(../images/dzxc_bg04.jpg)}


/* page05 */
.m-page05 .m-img{background-image:url(../images/dzxc_bg05.jpg)}

/* page06 */
.m-page06 .m-img{background-image:url(../images/dzxc_bg06.jpg)}

/* page07 */
.m-page07 .m-img{background-image:url(../images/dzxc_bg07.jpg)}

/* page08 */
.m-page08 .m-img{background-image:url(../images/dzxc_bg08.jpg)}

/* page09 */
.m-page09 .m-img{background-image:url(../images/dzxc_bg09.jpg)}

/* page10 */
.m-page10 .m-img{background-image:url(../images/dzxc_bg10.jpg)}

/* page11 */
.m-page11 .m-img{background-image:url(../images/dzxc_bg11.jpg)}

/* page12 */
.m-page12 .m-img{background-image:url(../images/dzxc_bg12.jpg)}

/* page13 */
.m-page13 .m-img{background-image:url(../images/dzxc_bg13.jpg)}

/* page14 */
.m-page14 .m-img{background-image:url(../images/dzxc_bg14.jpg)}

/* page15 */
.m-page15 .m-img{background-image:url(../images/dzxc_bg15.jpg)}

/* page16 */
.m-page16 .m-img{background-image:url(../images/dzxc_bg16.jpg)}

/* page17 */
.m-page17 .m-img{background-image:url(../images/dzxc_bg17.jpg)}

/* page18 */
.m-page18 .m-img{background-image:url(../images/dzxc_bg18.jpg)}

/* page19 */
.m-page19 .m-img{background-image:url(../images/dzxc_bg19.jpg)}

/* page20 */
.m-page20 .m-img{background-image:url(../images/dzxc_bg20.jpg)}

/* page21 */
.m-page21 .m-img{background-image:url(../images/dzxc_bg21.jpg)}

/* copyright */
.copyright{position:absolute;bottom:2px;left:0%;width:100%;font-size:10px;color:#000;text-align:center;}
.copyright a{color:#fff}
/* loading */
.loading {
    position: fixed;
    top: 30%;
    left: 50%;
    margin: -14px 0 0 -42px;
    padding: 10px;
}
.loading-dot {
    float: left;
    width: 8px;
    height: 8px;
    margin: 0 4px;
    background: #000;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    opacity: 0;
    -webkit-box-shadow: 0 0 2px black;
    -moz-box-shadow: 0 0 2px black;
    -ms-box-shadow: 0 0 2px black;
    -o-box-shadow: 0 0 2px black;
    box-shadow: 0 0 2px black;
    -webkit-animation: loadingFade 1s infinite;
    -moz-animation: loadingFade 1s infinite;
    animation: loadingFade 1s infinite;
}
.loading-dot:nth-child(1) {
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    animation-delay: 0s;
}
.loading-dot:nth-child(2) {
    -webkit-animation-delay: 0.1s;
    -moz-animation-delay: 0.1s;
    animation-delay: 0.1s;
}
.loading-dot:nth-child(3) {
    -webkit-animation-delay: 0.2s;
    -moz-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
.loading-dot:nth-child(4) {
    -webkit-animation-delay: 0.3s;
    -moz-animation-delay: 0.3s;
    animation-delay: 0.3s;
}
@-webkit-keyframes loadingFade {
    0% { opacity: 0; }
    50% { opacity: 0.8; }
    100% { opacity: 0; }
}
@-moz-keyframes loadingFade {
    0% { opacity: 0; }
    50% { opacity: 0.8; }
    100% { opacity: 0; }
}
@keyframes loadingFade {
    0% { opacity: 0; }
    50% { opacity: 0.8; }
    100% { opacity: 0; }
}