@charset "utf-8";
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}



/* banner */
#banner{height:526px;position:relative;overflow:hidden;}
/* visual */
#visual{position:relative;height:520px;overflow:hidden;z-index:1;}
#visual #visualBanner{position:absolute;left:0;top:0;width:100%;}
#visual #visualBanner li{position:absolute;width:100%;height:520px;z-index:-1;}
#visual #visualBanner li p{position:absolute;}
#visual h2{position:absolute;top:-400px;left:50%;margin-left:-167px;height:auto;}
#visual .scene{display:none;}
#visual .vis1,#visual .vis2,#visual .vis3{left:100%;}


/* control */
.control{position:absolute;top:480px;left:50%;width:157px;margin-left:-80px;height:23px;z-index:9999;}
.control #btnPlay{position:absolute;top:5px;left:0;width:14px;height:14px;text-indent:-9999em;overflow:hidden;background:url('../img/stop-play.png') no-repeat;cursor:pointer;}
.control #btnPlay.on{background:url('../img/stop-play.png') no-repeat -30px 0;}
.control ul{position:absolute;top:5px;}
.control li{margin:1px 0 0 8px;display:inline;float:left;display:block;width:12px;height:12px;cursor:pointer;background:url(../img/quan2.png) no-repeat;overflow:hidden;}
#active{margin-left:45px;}
.control li.on{background:url(../img/quan1.png) no-repeat;}