html,body,div,span,h1,h2,h3,h4,h5,h6,p,a,em,img,strong,dl,dt,dd,ol,ul,li,form,label,table,tbody,tfoot,thead,tr,th,td,article,aside,canvas,hgroup,menu,footer,header,nav,section{margin:0;padding:0;border:0}img,a{-webkit-touch-callout:none}li{list-style:none}h1,h2,h3,h4,h5,h6,strong{font-weight:bold}body{font:.875em/1.5 "Helvetica Neue",Helvetica,STHeiTi,sans-serif;color:#FFF;background:#f0f1f2}a{text-decoration:none}a:hover{text-decoration:none}a:focus{outline:0 none}a:active,a:hover{outline:0}::selection{background:#ffff9e}img::selection{background:transparent}img::-webkit-selection{background:transparent}form *::placeholder{color:#999}form *::-webkit-placeholder{color:#999;font-weight:300}table{border-collapse:collapse;border-spacing:0}a,button,input,li{-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0}input[type="text"],input[type="email"],input[type="search"],input[type="password"]{-webkit-appearance:none}img{width:100%;-webkit-transition:all .5s linear;transition:all .5s linear}section{width:100%;position:relative}.w100{width:100%;position:absolute;left:0;z-index:6}.w90{width:90%;position:absolute;left:5%;z-index:6}.w80{width:80%;position:absolute;left:10%;z-index:6}.w70{width:70%;position:absolute;left:15%;z-index:6}.w60{width:60%;position:absolute;left:20%;z-index:6}.w50{width:50%;position:absolute;left:25%;z-index:6}.w40{width:40%;position:absolute;left:30%;z-index:6}.w30{width:30%;position:absolute;left:35%;z-index:6}.w20{width:20%;position:absolute;left:40%;z-index:6}.w10{width:10%;position:absolute;left:40%;z-index:6}.tac{text-align:center}.loading{position:fixed;top:0;left:0;width:100%;height:100%;background:url(../images/load_bg.jpg) no-repeat #3e425f;background-size:100% 100%;z-index:99}.rate{width:60%;position:absolute;left:20%;z-index:6;top:55%;text-align:center}.load{width:40%;bottom:50%;position:absolute;left:30%;z-index:6;animation:load .5s linear alternate infinite;-webkit-animation:load .5s linear alternate infinite}.in{display:none}.out{display:block}.intro .in{display:block}.intro .out{display:none}.guide{position:fixed;right:0;top:10%;width:9%;z-index:99}.tabIn{display:block;background:url(../images/tabin.png) no-repeat;background-size:100%;margin-top:2%}.tabOut{display:block;background:url(../images/tab_out.png) no-repeat;background-size:100%}.intro .tabIn{background:url(../images/tab_in.png) no-repeat;background-size:100%;margin-top:2%}.intro .tabOut{background:url(../images/tabout.png) no-repeat;background-size:100%}.banner{line-height:0}.wrap1{background:url(../images/bg_out_02.jpg) no-repeat;background-size:100% 100%;padding:1em 5%;box-sizing:border-box;overflow:hidden}.wrap2{background:url(../images/bg_out_03.jpg) no-repeat;background-size:100% 100%;padding:1em 5%;box-sizing:border-box;overflow:hidden}.wrap3{background:url(../images/bg_out_04.jpg) no-repeat top;background-size:100%;padding:1em 5%;box-sizing:border-box;overflow:hidden}.intro.wrap1{background:url(../images/bg_in_02.jpg) no-repeat;background-size:100% 100%;overflow:hidden}.intro.wrap2{background:url(../images/bg_in_03.jpg) no-repeat;background-size:100% 100%;overflow:hidden}.intro.wrap3{background:url(../images/bg_in_04.jpg) no-repeat top;background-size:100%;overflow:hidden}.tit{top:32%;width:68%;left:16.5%;animation:journal .8s linear .2s both;-webkit-animation:journal .8s linear .2s both}.tt{width:75%;margin:0 auto 1em;display:block}.tab1{padding:0 0 1em}.scrollUl{text-align:center}.scrollUl li{display:inline-block}.tab1 .scrollUl li{width:28%}.in .scrollUl li{width:23%}.tab1 .cont{position:relative}.cc{top:8%;height:90%}.wrap1 h3{font-size:1.2em}.wrap1 p{font-size:.9em;line-height:1.3em}.hidden{display:none}.sd01{cursor:pointer}.sd02{cursor:pointer}.more{bottom:.5em;display:block}.mainImg{background:url(../images/border_1.png) no-repeat;background-size:100% 100%;padding:.5em;width:85%;margin:auto;line-height:0}#m01{background:url(../images/city/out_tab1_1.png) no-repeat;background-size:100%}#m02{background:url(../images/city/out_tab1_2.png) no-repeat;background-size:100%}#m03{background:url(../images/city/out_tab1_3.png) no-repeat;background-size:100%}.sd01#m01{background:url(../images/city/out_tab1_1a.png) no-repeat;background-size:100%}.sd01#m02{background:url(../images/city/out_tab1_2a.png) no-repeat;background-size:100%}.sd01#m03{background:url(../images/city/out_tab1_3a.png) no-repeat;background-size:100%}#n01{background:url(../images/city/in_tab1_1.png) no-repeat;background-size:100%}#n02{background:url(../images/city/in_tab1_2.png) no-repeat;background-size:100%}#n03{background:url(../images/city/in_tab1_3.png) no-repeat;background-size:100%}#n04{background:url(../images/city/in_tab1_4.png) no-repeat;background-size:100%}.sd01#n01{background:url(../images/city/in_tab1_1a.png) no-repeat;background-size:100%}.sd01#n02{background:url(../images/city/in_tab1_2a.png) no-repeat;background-size:100%}.sd01#n03{background:url(../images/city/in_tab1_3a.png) no-repeat;background-size:100%}.sd01#n04{background:url(../images/city/in_tab1_4a.png) no-repeat;background-size:100%}.tab2 .cont{position:relative;line-height:0;margin-bottom:5em}.tab2 .cont .cont{position:absolute;top:4%;padding:0 6%;text-align:center;height:96%}.tab2 .cont .scrollUl{position:absolute;top:102%;z-index:7;width:100%}.tab2 .cont .scrollUl li{width:18%;margin:0;box-sizing:border-box;padding:.3em}.tab2 .cont .cont img{border-radius:.5em;border:2px #FFF solid}.tab2 .cont .cont p{position:absolute;bottom:6%;font-size:1.1em;width:88%}.tab2 .cont .sd01{background:url(../images/boder_min.png) no-repeat;background-size:100%}.ttt{margin-bottom:.5em}.ttt li{position:relative;width:38%;margin:.1em 2%}.ttt .sd01:before{content:"";width:1.5em;height:1.5em;position:absolute;left:0;top:8%;background:url(../images/arrow_r.png) no-repeat;background-size:100%;animation:bounce .5s linear alternate infinite;-webkit-animation:bounce .5s linear alternate infinite}.ttt .sd01:after{content:"";width:1.5em;height:1.5em;position:absolute;right:0;top:8%;background:url(../images/arrow_l.png) no-repeat;background-size:100%;animation:bounce1 .5s linear alternate infinite;-webkit-animation:bounce1 .5s linear alternate infinite}.wrap2 .link{display:block;width:50%;margin:.5em auto}.wrap2 .tab3 .link a{display:block;position:relative}.tips{text-align:right;font-size:.8em}.tab3{text-align:center}.tab3 li{text-align:left}.tab3 .big{width:94%;box-sizing:border-box}.tab3 .big a,.tab3 .big a{display:block;padding:2% 2% 5% 51%}.wrap2 li{display:inline-block;width:45%;text-align:left;position:relative;line-height:0;margin:.2em 1%}.wrap2 li a{display:block;position:absolute;left:0;top:0;width:100%;height:100%;color:#FFF;box-sizing:border-box;padding:5%;line-height:1em}.leftImg{left:5%;top:9.5%;width:43%}.tab3 .big h5{left:52%;bottom:32%;font-size:.9rem;line-height:1.3em}.tab3 .big h4{line-height:1.2em;margin-bottom:.5em}.wrap2 p{font-size:.8em;line-height:.9em}.tit1{margin:.5em auto;display:block;width:75%}.ob{width:27%;z-index:0}.in.ob{width:50%}.out.ob1{left:70%;top:5%}.out.ob2{left:40%;top:5%}.out.ob3{left:1%;top:16%}.out.ob4{left:71%;top:28%}.out.ob5{left:7%;top:68%}.out.ob6{left:55%;bottom:2%}.out.ob7{left:1%;top:50%}.out.ob8{left:72%;top:0}.out.ob9{left:0;top:0}.out.ob10{left:25%;bottom:0}.in.ob1{left:0;top:8%}.in.ob2{left:45%;top:2%}.in.ob3{left:0;top:43%}.in.ob4{left:41%;top:68%}.in.ob5{left:2%;bottom:5%}.in.ob6{left:52%;bottom:55%}.in.ob7{left:-1%;bottom:43%}.in.ob8{left:0;bottom:-3%}.in.ob9{left:50%;top:0}.in.ob10{left:0;bottom:-3%}.in.ob11{left:42%;bottom:-2.5%}.btn{width:36%;right:7%;position:absolute;bottom:6%}.btn1{width:45%;left:50%;position:absolute;bottom:5%}.wrap3{text-align:center}.wrap3 li{display:inline-block;width:45%;text-align:left;position:relative;line-height:0;margin:.2em 1%}.wrap3 li a{display:block;position:absolute;left:0;top:0;width:100%;height:100%;color:#FFF;box-sizing:border-box;padding:5%;line-height:1em}.wrap3 ul{margin:.5em 0}.wrap3 li h4,.wrap2 li h4{font-weight:normal;font-size:1em;margin-top:.9em;line-height:1em}.wrap3 li h4{font-size:.9em}.wrap3 li h5,.wrap2 li h5{font-weight:normal;font-size:.6em;line-height:1.2em;position:absolute;left:5%;bottom:5%}.wrap3 li h5 span,.wrap2 li h5 span{font-size:1rem;font-weight:bold}.foot{text-align:center;position:relative;z-index:1}.foot a{display:inline-block;width:44%;margin:.7em 1% 1em}.wrap3 li h4 span,.wrap2 li h4 span{font-size:.8em}@-webkit-keyframes load{0{-webkit-transform:translateY(-90px);opacity:.8}100%{-webkit-transform:translateY(0);opacity:1}}@keyframes load{0{transform:translateY(-90px);opacity:.8}100%{transform:translateY(0);opacity:1}}@keyframes bounce1{0{transform:translateX(-5px)}100%{transform:translateX(5px)}}@-webkit-keyframes bounce1{0{-webkit-transform:translateX(-5px)}100%{-webkit-transform:translateX(5px)}}@keyframes bounce{0{transform:translateX(5px)}100%{transform:translateX(-5px)}}@-webkit-keyframes bounce{0{-webkit-transform:translateX(5px)}100%{-webkit-transform:translateX(-5px)}}@-webkit-keyframes up{0{-webkit-transform:translateY(-50px);opacity:0}100%{-webkit-transform:translateY(0);opacity:1}}@keyframes up{0{transform:translateY(-50px);opacity:0}100%{transform:translateY(0);opacity:1}}@-webkit-keyframes down{0{-webkit-transform:translateY(90px);opacity:0}100%{-webkit-transform:translateY(0);opacity:1}}@keyframes down{0{transform:translateY(90px);opacity:0}100%{transform:translateY(0);opacity:1}}@-webkit-keyframes left{0{-webkit-transform:translateX(-50px);opacity:0}100%{-webkit-transform:translateX(0);opacity:1}}@keyframes left{0{transform:translateX(-50px);opacity:0}100%{transform:translateX(0);opacity:1}}@-webkit-keyframes right{0{-webkit-transform:translateX(50px);opacity:0}100%{-webkit-transform:translateX(0);opacity:1}}@keyframes right{0{transform:translateX(50px);opacity:0}100%{transform:translateX(0);opacity:1}}@-webkit-keyframes scale{0{-webkit-transform:scale(0,0)}100%{-webkit-transform:scale(1,1)}}@keyframes scale{0{transform:scale(0,0)}100%{transform:scale(1,1)}}@-webkit-keyframes journal{0{-webkit-transform:scale(0) rotate(-360deg);opacity:0}80%{-webkit-transform:scale(0.5) rotate(-180deg);opacity:1}100%{-webkit-transform:scale(1) rotate(0)}}@keyframes journal{0{transform:scale(0) rotate(-360deg);opacity:0}80%{transform:scale(0.5) rotate(-180deg);opacity:1}100%{transform:scale(1) rotate(0)}}@keyframes bounceIn{0{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}100%{transform:scale(1)}}@-webkit-keyframes bounceIn{0{opacity:0;-webkit-transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05)}70%{-webkit-transform:scale(.9)}100%{-webkit-transform:scale(1)}}@-webkit-keyframes clarity{0{opacity:0}100%{opacity:1}}@keyframes clarity{0{opacity:0}100%{opacity:1}}@media only screen and (max-width:340px){.wrap1 h3{font-size:1em}.wrap1 p{font-size:.8em;line-height:1.3em}.tab2 .cont{margin-bottom:4em}.wrap3 li h4{font-size:.8em}.tab3 .big h5{font-size:.8em;bottom:29%}.tab3 .big h4{line-height:1.2em}li .bd{height:120%}}@media screen and (min-width:550px){.wrap1 h3{font-size:2em}.wrap1 p{font-size:1.2rem;line-height:1.3em}.tab2 .cont{margin-bottom:8em}.wrap3 li h4,.wrap3 li h4,.wrap2 li h4{font-size:1.2rem;margin-top:1.5em;line-height:1.5em}.wrap3 li h5,.wrap2 li h5{font-size:1rem}.tab3 .big h4{font-size:1.2rem}.tab3 .big h5{font-size:1rem}.wrap3 li h5 span,.wrap2 li h5 span{font-size:2em}.tab2 .cont .cont p{font-size:1.4em}.tab2 .cont .cont{top:6%;height:94%}.tab2 .cont .scrollUl li{width:15%;margin:0 2%;padding:.5em}}