/* 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;background-color:#fff;}

/* load */
.loading-container{position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden;background-color:#fff;z-index:9;}
.loading-container .loading{position:absolute;left:50%;top:50%;width:60px;height:60px;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);}
.loading-container .loading img{vertical-align:top;width:100%;}
.loading-inner{text-align:center;}

.wrapper,.main{position:absolute;}
.wrapper{display:none;left:50%;opacity:0;width:640px;height:1136px;margin-left:-320px;-webkit-transform-origin:50% 0;transform-origin:50% 0;}
.wrapper.current{display:block;}
.main{left:0;right:0;top:0;bottom:0;background:#db1628 url(../img/page-bg.jpg) no-repeat 50% 0;background-size:cover;overflow:hidden;}
.m-page0{background-image:url(../img/cover-bg.jpg);}
.main-bottom{position:absolute;left:0;right:0;top:0;bottom:0;background:url(../img/page-bottom-bg.jpg) no-repeat 0 100%;background-size:100% auto;}
.m-page0 .main-bottom{background-image:url(../img/cover-bottom-bg.jpg);}

.cover{}
.cover-logo{position:absolute;left:55px;top:140px;width:206px;height:247px;background:url(../img/cover-logo.png) no-repeat 50% 50%;background-size:contain;}
.cover-img{position:absolute;width:612px;height:481px;top:325px;left:14px;background-image:url(../img/cover-img-1.png);background-size:cover;opacity:0;}
.current .cover-img{-webkit-animation:fadeIn .75s 1s linear forwards; animation:fadeIn .75s 1s linear forwards;}
/**/
@-webkit-keyframes fadeIn{
    0%{opacity:0;}
    100%{opacity:1;}
}
@keyframes fadeIn{
    0%{opacity:0;}
    100%{opacity:1;}
}
.cover-title{position:absolute;top:810px;left:50%;width:547px;height:70px;margin-left:-273px;background-image:url(../img/cover-title.png);background-size:cover;opacity:0;}
.current .cover-title{-webkit-animation:logoAn .5s 1.75s forwards; animation:logoAn .5s 1.75s forwards;}
/*** logoAn ***/
@-webkit-keyframes logoAn{
    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(2,2,2);
        transform:scale3d(2,2,2);
    }
    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 logoAn{
    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(2,2,2);
        transform:scale3d(2,2,2);
    }
    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);
    }
}
/**/
.page{}
/**/
.focus-area{position:absolute;left:50%;top:180px;width:490px;height:360px;padding:15px;margin-left:-260px;background-color:#fff;-webkit-box-shadow:0 0 30px #333;box-shadow:0 0 30px #333;overflow:hidden;}
.focus-area .focus-list{position:absolute;left:15px;top:15px;width:490px;height:360px;overflow:hidden;}
.focus-area .focus-list img{position:absolute;left:0;top:0;width:490px;height:360px;vertical-align:top;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);opacity:.5;-webkit-transition:-webkit-transform 1s ease-in,opacity 1s ease-in;transition:transform 1s ease-in,opacity 1s ease-in;}
.focus-area .focus-list img.current{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;}
.focus-area .focus-list img.zin1{z-index:1;}
.focus-txt{position:absolute;top:620px;left:50%;width:520px;margin-left:-260px;background:url('about:blank');}
.focus-txt .txt-bold{font-size:30px;font-weight:bold;color:#333;text-indent:2em;background:url('about:blank');}
.focus-txt .txt-normal{font-size:24px;color:#333;text-indent:2em;background:url('about:blank');}
.wf-a,.wf-t{opacity:0;}
.current .wf-a{-webkit-animation:fadeIn .5s .5s forwards; animation:fadeIn .5s .5s forwards;}
.current .wf-t{-webkit-animation:fadeInUp .5s 1s forwards; animation:fadeInUp .5s 1s forwards;}

/*** rotateIn ***/
@-webkit-keyframes rotateImg{
    0%{-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:rotate3d(1,0,0,90deg);transform:rotate3d(1,0,0,90deg);opacity:0;}
    100%{-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:none;transform:none;opacity:1;}
}
@keyframes rotateImg{
    0%{-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:rotate3d(1,0,0,90deg);transform:rotate3d(1,0,0,90deg);opacity:0;}
    100%{-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:none;transform:none;opacity:1;}
}
/*** fadeInUp ***/
@-webkit-keyframes fadeInUp{
    0%{opacity:0;-webkit-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0);}
    100%{opacity:1;-webkit-transform:none;transform:none;}
}
@keyframes fadeInUp{
    0%{opacity:0;-webkit-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0);}
    100%{opacity:1;-webkit-transform:none;transform:none;}
}
/**/
.map-area{position:absolute;left:50%;top:270px;margin-left:-320px;width:640px;height:571px;background:url(../img/map-line.png) no-repeat 0 0;}
.map-area li{position:absolute;left:50%;width:180px;color:#333;text-align:center;line-height:38px;/*-webkit-text-shadow:#fff 3px 0 0,#fff 0 3px 0,#fff -3px 0 0,#fff 0 -3px 0;text-shadow:#fff 3px 0 0,#fff 0 3px 0,#fff -3px 0 0,#fff 0 -3px 0;*/opacity:0;}
.map-area li i{position:absolute;top:-5px;width:60px;height:80px;background:url(../img/map-list-icon.png);opacity:1;}
.map-area li em{font-size:30px;font-weight:bold;font-style:normal;display:block;}
.map-area li span{font-size:29px;}
.map-area li.m-1{top:-50px;margin-left:-260px;}
.map-area li.m-2{top:45px;}
.map-area li.m-3{top:120px;margin-left:-300px;}
.map-area li.m-4{top:200px;margin-left:110px;}
.map-area li.m-5{top:265px;margin-left:-260px;}
.map-area li.m-6{top:410px;margin-left:80px;}
.current .map-area li{-webkit-animation:fadeIn .5s 1s forwards;animation:fadeIn .5s 1s forwards;}
.map-area li.m-1 i{right:-60px;background-position:0 0;}
.map-area li.m-2 i{left:-60px;background-position:-62px 0;}
.map-area li.m-3 i{right:-60px;background-position:-124px 0;}
.map-area li.m-4 i{left:-60px;background-position:-186px 0;}
.map-area li.m-5 i{right:-60px;background-position:-248px 0;}
.map-area li.m-6 i{left:-60px;background-position:-310px 0;}
.map-area li.current i{-webkit-animation:bounceInDown 1s forwards;}
/*** bounceInDown ***/
@-webkit-keyframes bounceInDown{
    0%,100%{-webkit-transform:none;transform:none;}
    50%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0);}
}
@keyframes bounceInDown{
    0%,100%{-webkit-transform:none;transform:none;}
    50%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0);}
}

/**/
.map-wrap{position:absolute;left:0;top:0;width:100%;height:100%;display:none;overflow:hidden;}
.map-wrap.current{display:block;}
.map-page-move{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);-webkit-transition:all 1s ease-in;transition:all 1s ease-in;}
.map-page-move.current{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.map-img,.map-txt{position:absolute;left:0;top:0;right:0;bottom:0;}
.map-txt{}
.map-roll{position:absolute;left:50%;top:50%;width:600px;height:733px;background:url(../img/map-txt-bg.png) no-repeat 50% 50%;background-size:cover;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);}
.map-roll h2{padding-bottom:40px;text-align:center;font-size:22px;color:#333;}
.map-roll .map-roll-txt{font-size:22px;color:#333;}
.map-roll .map-roll-txt p{text-indent:2em;padding-bottom:20px;}
.map-up i,.map-down i,.updown{display:block;width:80px;height:80px;background-image:url(../img/updown.png);background-repeat:no-repeat;}
.map-up,.map-down{position:absolute;left:0;width:100%;z-index:2;}
.map-up i,.map-down i{margin:0 auto;}
.map-up{top:0;padding-top:80px;}
.map-up i{background-position:0 0;}
.map-down{bottom:0;padding-bottom:80px;}
.map-down i{background-position:-82px 0;}
.updown{position:absolute;bottom:80px;left:50%;margin-left:-40px;background-position:0 0;}
.map-sum{position:absolute;z-index:2;right:60px;bottom:0;width:66px;height:115px;background:url(../img/map-sum.png) no-repeat 50% 50%;opacity:.9;}
.current .map-sum{-webkit-animation:mapsumMove 1s infinite;animation:mapsumMove 1s infinite;}
/*** mapsumMove ***/
@-webkit-keyframes mapsumMove{
    0%,100%{-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);}
    50%{-webkit-transform:none;transform:none;}
}
@keyframes mapsumMove{
    0%,100%{-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);}
    50%{-webkit-transform:none;transform:none;}
}
/**/
.vertical{overflow:hidden;position:absolute;top:170px;left:110px;right:0;padding-right:110px;height:480px;}
.scroller_vertical{background-color:#ea4730;position:absolute;opacity:1;width:30px;right:55px;top:0;height:30px;}
.v-r{position:absolute;right:55px;top:170px;width:30px;height:480px;background-color:#ccc;}
/**/
.music{position:absolute;right:15px;top:20px;width:24px;height:24px;background-image:url(../img/music-bg.png);background-size:48px auto;background-repeat:no-repeat;z-index:6;overflow:hidden;}
.music.on{background-position:-24px 0;}
.music.off{background-position:0 0;}
.music-audio{width:24px;height:24px;overflow:hidden;opacity:0;}
/**/
.share-bg{background-image:url(../img/share-bg.png);background-size:cover;background-position:50% 30%;z-index:5;}
.s-goon{position:absolute;left:6%;top:4%;width:35%;}
.s-goon img{width:100%;vertical-align:top;}
.s-wx{position:absolute;right:6%;top:4%;width:21%;}
.s-wx img{width:100%;vertical-align:top;}
.s-qr{position:absolute;top:43%;left:0;width:100%;text-align:center;}
.s-qr img{width:32%;vertical-align:top;margin:0 2%;}
.suona{position:absolute;left:75%;top:86%;width:26px;height:26px;background:url(../img/suona.png) no-repeat 50% 50%;background-size:contain;z-index:4;}