.main-box-about,.main-box-about .section-play{width:100%;background:#fff;overflow:hidden}.main-box-about .section-play{height:457px;color:#555;text-align:center}.main-box-about .section-play .title{margin:80px 0 40px;color:#222;font-size:20px}.main-box-about .section-play .intro{margin:0 auto;width:785px;line-height:24px}.main-box-about .section-play .play-list{margin:60px auto 0;padding-left:38px;width:1114px;height:160px;background:url(../resource/abtou-bg2.jpg) no-repeat}.main-box-about .section-play .play-list li{margin:24px 42px 0;float:left}.main-box-about .section-play .play-list li:hover i{margin-bottom:10px;width:92px;height:92px;background-image:url(../resource/about-icons-hover.png);transition:all .2s}.main-box-about .section-play .play-list li i{margin-bottom:-5px;display:block;width:92px;height:92px;background:url(../resource/about-icons-init.png) 0 0 no-repeat;transition:all .2s}.main-box-about .section-play .play-list li .eat{background-position-x:0}.main-box-about .section-play .play-list li .hotel{background-position-x:-180px}.main-box-about .section-play .play-list li .walk{background-position-x:-360px}.main-box-about .section-play .play-list li .play{background-position-x:-540px}.main-box-about .section-play .play-list li .shopping{background-position-x:-720px}.main-box-about .section-play .play-list li .recreation{background-position-x:-900px}.main-box-about .section-play .play-list li a{color:#fff}.main-box-about .about-list{width:100%;height:288px;background:#fff;overflow:hidden}.main-box-about .about-list .swiper-slide{position:relative;float:left;margin-left:-1px;height:100%;text-align:center}.main-box-about .about-list .swiper-slide i{position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:url(../resource/mask-opc-2.png) repeat}.main-box-about .about-list .swiper-slide img{height:100%}.main-box-about .about-list .swiper-slide a{position:absolute;top:50%;left:50%;margin:-18px 0 0 -60px;display:block;width:120px;height:36px;color:#fff;font-size:16px;text-align:center;line-height:36px;border:1px solid #fff;border-radius:2px}.main-box-about .about-list .swiper-slide a:hover{border:1px solid #00a0e9;background:#00a0e9}.header{position:fixed;top:0;left:0;width:100%;height:680px}.header .banner-mask{position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:url(../resource/mask-opc-1.png) repeat}.header .banner-box{display:block;width:100%;height:680px;text-align:center}.header .banner-box img{display:inline-block;height:100%}.header .words{top:50%;margin:-56px 0 0 -251px}.header .dropdown,.header .words{position:absolute;left:50%;z-index:20}.header .dropdown{bottom:30px;margin-left:-14px;display:block;width:29px;height:30px;background:url(../resource/dropdown.png) no-repeat;animation:upHid 1.6s both infinite;-webkit-animation:upHid 1.6s both infinite;cursor:default}.main-box{position:absolute;top:680px;left:0;z-index:20}.check-more{margin-right:30px;padding-right:20px;display:block;font-size:14px;color:#555;background:url(../resource/icon-more.png) 62px -14px no-repeat;transition:none}.check-more:hover{color:#00a0e9;background-position-y:3px;transition:none}@keyframes upHid{0%{opacity:0;transform:translateY(0)}50%{opacity:1;transform:translateY(-8px)}to{opacity:0}}@-webkit-keyframes upHid{0%{-webkit-opacity:0;-webkit-transform:translateY(0)}50%{-webkit-opacity:1;-webkit-transform:translateY(-8px)}to{-webkit-opacity:0}}.swiper-container{margin:0 auto;position:relative;overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-wrapper{position:relative;width:100%;-webkit-transition-property:-webkit-transform,left,top;-webkit-transition-duration:0s;-webkit-transform:translateZ(0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform,left,top;-moz-transition-duration:0s;-moz-transform:translateZ(0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform,left,top;-o-transition-duration:0s;-o-transform:translateZ(0);-o-transition-timing-function:ease;-o-transform:translate(0);-ms-transition-property:-ms-transform,left,top;-ms-transition-duration:0s;-ms-transform:translateZ(0);-ms-transition-timing-function:ease;transition-property:transform,left,top;transition-duration:0s;transform:translateZ(0);transition-timing-function:ease;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{float:left;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-wp8-horizontal{-ms-touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x}