/* Html5 Reset */
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
body{margin:0;padding:0;border:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline;}
audio:not([controls]){display:none;height:0;}
[hidden],template{display:none;}
a {background:transparent;}
a:focus{outline:thin dotted;}
a:active,a:hover{outline:0;}
abbr[title]{border-bottom:1px dotted;}
b,strong{font-weight:bold;}
dfn{font-style:italic;}
h1{font-size:2em;margin:.67em 0;}
mark{background:#ff0;color:#000;}
small{font-size:80%;}
img{border:0;}
svg:not(:root){overflow:hidden;}
figure{margin:0;}
figcaption {-webkit-nbsp-mode:normal;}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;}
button{overflow:visible;}
button,select{text-transform:none;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
button[disabled],html input[disabled]{cursor:default;}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}
input{line-height:normal}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto;}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
legend{border:0;padding:0;}
textarea{overflow:auto;}
optgroup{font-weight:bold;}
table{border-collapse:collapse;border-spacing:0;}
td,th{padding:0;}
menu,ol,ul{padding:0;list-style:none;list-style-image:none;}
.vh{visibility:hidden;}
a{color:inherit;text-decoration:none;}
h1,h2,h3,h4,h5,h6,dl,dd,ol,ul,menu,figure,blockquote,p,pre,form{margin:0;}
.hidden{ display:none;}
::-webkit-input-placeholder{color:#4b6983;}
:-moz-placeholder{color:#4b6983;}
::-moz-placeholder{color:#4b6983;}
:-ms-input-placeholder{color:#4b6983;}

body,html{background:#fff;font-family:"Heiti SC",Helvetica;width:100%;height:100%;-webkit-overflow-scrolling:touch;}
html{font-size:62.5%;line-height:1.8;}
body{font-size:1.4rem;overflow:hidden;}
.wrapper{position:absolute;left:50%;top:0;bottom:0;overflow:hidden;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);}
.page-wrap{position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden;}
.page{display:none;width:100%;height:100%;overflow:hidden;position:absolute;top:0;left:0;background:url(../img/body-bg.jpg) no-repeat 50% 50%;background-size:cover;}
.page img{width:100%;vertical-align:top;}
.contain{width:100%;height:100%;display:none;position:relative;margin:0 auto;overflow:hidden;}
.current .contain,.slide .contain{display:block;}
.current{display:block;z-index:1;}
.slide{display:block;z-index:2;}
.swipe{display:block;z-index:3;transition-duration:0ms!important;-webkit-transition-duration:0ms!important;}
.upBtn{background-position:0px 0px;width:31px;height:23px;position: absolute;bottom:2%;left:50%;margin-left:-15px;z-index:10;}
.upBtn img{width:100%;}
.cover{}
.cover-line{position:absolute;left:0;right:0;top:0;bottom:0;background:url(../img/cover-line.png) no-repeat 50% 50%;background-size:100% auto;}
.cover-title{position:absolute;left:50%;top:40%;width:70%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);opacity:0;}
.cover-title img.cover-logo{width:64%;margin-bottom:14%;}
.logo{position:absolute;right:20px;top:20px;width:25%;}

.sp-logo{position:absolute;left:10%;top:4%;width:45%;}
.btn-box{position:absolute;left:50%;top:50%;width:75%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);}
.list-btn{position:absolute;width:29%;opacity:0;}
.list-btn.btn-1{top:-27%;left:13%;}
.list-btn.btn-2{top:-27%;right:13%;}
.list-btn.btn-3{top:29%;left:-5%;}
.list-btn.btn-4{top:29%;right:-5%;}
.list-btn.btn-5{bottom:-27%;left:13%;}
.list-btn.btn-6{bottom:-27%;right:13%;}

.current .list-btn.btn-1{-webkit-animation:bounceIn .5s .5s forwards;animation:bounceIn .5s .5s forwards;}
.current .list-btn.btn-2{-webkit-animation:bounceIn .5s 1s forwards;animation:bounceIn .5s 1s forwards;}
.current .list-btn.btn-4{-webkit-animation:bounceIn .5s 1.5s forwards;animation:bounceIn .5s 1.5s forwards;}
.current .list-btn.btn-6{-webkit-animation:bounceIn .5s 2s forwards;animation:bounceIn .5s 2s forwards;}
.current .list-btn.btn-5{-webkit-animation:bounceIn .5s 2.5s forwards;animation:bounceIn .5s 2.5s forwards;}
.current .list-btn.btn-3{-webkit-animation:bounceIn .5s 3s forwards;animation:bounceIn .5s 3s forwards;}

.pop-wrap{position:absolute;left:0;top:0;bottom:0;width:100%;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);-webkit-transition:all .3s linear;transition:all .3s linear;}
.pop-wrap.pop-current{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:8;}
.pop-wrap .page1-1{background-color:aqua;}
.pop-wrap .page1-2{background-color:firebrick;}
.pop-wrap .page1-3{background-color:dodgerblue;}
.pop-wrap .contain{background-color:rgba(255,255,255,.3);}
.img-list{width:92%;margin:0 auto;opacity:0;}
/*.img-list img{width:22%;float:left;}
.img-list p{margin-left:24%;line-height:1.3em;}*/
.current .img-list-1{-webkit-animation:fadeInRight .5s .5s forwards;animation:fadeInRight .5s .5s forwards;}
.current .img-list-2{-webkit-animation:fadeInRight .5s 1s forwards;animation:fadeInRight .5s 1s forwards;}
.current .img-list-3{-webkit-animation:fadeInRight .5s 1.5s forwards;animation:fadeInRight .5s 1.5s forwards;}
.img-title{width:86%;margin:0 auto;margin-bottom:6%;margin-top:20%;position:relative;}
.img-title-txt{position:absolute;width:100%;}

.re-back{position:absolute;left:0;top:0;width:39%;display:none;z-index:9;}
.re-back.show{display:block;}
.re-back img{width:100%;}

.article-bg,.article-txt{position:absolute;left:50%;margin-left:-50%;width:100%;opacity:0;opacity:1\9\0;}
.article-bg{opacity:1;}
    
.emblem{position:absolute;left:0;right:0;top:8%;text-align:center;opacity:0;}
.current .emblem{-webkit-animation:fadeIn .5s linear forwards; animation:fadeIn .5s linear forwards;}
.emblem img{vertical-align:top;width:60%;}

.foot-goback{position:absolute;left:20px;top:20px;width:17%;}
.foot-goback img{width:100%;}
.foot-share{position:absolute;right:20px;top:20px;width:22%;}
.foot-share img{width:100%;}
.foot-top{width:100%;margin:0 auto;}
.foot-logo{width:46%;margin:0 auto;}
.foot-logo img{width:100%;}
.foot-qr{width:67%;margin:0 auto;margin-top:2%;}
.foot-qr img{width:40%;margin:0 4%;vertical-align:top;}
.foot-txt{margin-top:8%;text-align:center;}
.foot-txt img{width:41%;vertical-align:top;}
.foot-bt{position:absolute;left:0;right:0;bottom:5%;text-align:center;}
.foot-bt img{width:50%;vertical-align:top;}

.music{position:absolute;right:15px;top:15px;width:35px;height:35px;background-repeat:no-repeat;background-size:contain;background-position:50% 50%; z-index:10;overflow:hidden;}
.music.on{background-image:url(../img/play.png);}
.music.off{background-image:url(../img/stop.png);}
.cover-music .music{left:74%;top:39%;right:auto;}

.current .fadeInHeight{overflow:hidden;height:0;-webkit-animation:fadeInHeight 2s linear forwards;animation:fadeInHeight 2s linear forwards;}
.current .fadeIn{-webkit-animation:fadeIn 1000ms linear forwards;animation:fadeIn 1000ms linear forwards;}
.current .fadeInTop{-webkit-animation:fadeInTop 500ms linear forwards;animation:fadeInTop 500ms linear forwards;}
.current .fadeInBottom{-webkit-animation:fadeInBottom 500ms 300ms linear forwards;animation:fadeInBottom 500ms 300ms linear forwards;}
.current .fadeInLeft{-webkit-animation:fadeInLeft 500ms linear forwards;animation:fadeInLeft 500ms linear forwards;}
.current .fadeInRight{-webkit-animation:fadeInRight 500ms 500ms linear forwards;animation:fadeInRight 500ms 500ms linear forwards;}
.upBtnAnimate{-webkit-animation:upBtnAnimate 1.5s ease-in-out infinite;animation:upBtnAnimate 1.5s ease-in-out infinite;}

#navBar,#audioArea{display:none;}

/*** bounceIn ***/
@-webkit-keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
/*** zoomIn ***/
@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}
/**/
@-webkit-keyframes fadeIn{
    0%{opacity:0;}
    100%{opacity:1;}
}
@keyframes fadeIn{
    0%{opacity:0;}
    100%{opacity:1;}
}

@-webkit-keyframes fadeInTop{
    0%{opacity:0;-webkit-transform:translate3d(0,-10%,0);transform:translate3d(0,-10%,0);}
    100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
}
@keyframes fadeInTop{
    0%{opacity:0;-webkit-transform:translate3d(0,-10%,0);transform:translate3d(0,-10%,0);}
    100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
}

@-webkit-keyframes fadeInBottom{
    0%{opacity:0;-webkit-transform:translate3d(0,30%,0);transform:translate3d(0,30%,0);}
    100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);} 
}
@keyframes fadeInBottom{
    0%{opacity:0;-webkit-transform:translate3d(0,30%,0);transform:translate3d(0,30%,0);}
    100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}   
}
@-webkit-keyframes fadeInRight{
    0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);}
    100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
}
@keyframes fadeInRight{
    0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);}
    100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
}

@-webkit-keyframes fadeInHeight{
    0%{opacity:1;height:0;}
    100%{opacity:1;height:100%;}
}
@keyframes fadeInHeight{
    0%{opacity:1;height:0;}
    100%{opacity:1;height:100%;}
}

@-webkit-keyframes fadeInLeft{
    0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);}
    100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
}
@keyframes fadeInLeft{
    0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);}
    100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
}

@-webkit-keyframes upBtnAnimate{
    0% {opacity:0;}
    50% {opacity:0.8;}
    100% {opacity:0;-webkit-transform:translate3d(0px,-15px,0px);transform:translate3d(0px,-15px,0px);}
}
@keyframes upBtnAnimate{
    0% {opacity:0;}
    50% {opacity:0.8;}
    100% {opacity:0;-webkit-transform:translate3d(0px,-15px,0px);transform:translate3d(0px,-15px,0px);}
}