html,body{margin:0;padding:0}
.banner-wrapper{position:relative;width:100%;height:513px;overflow:hidden}
.banner-wrapper .banner{position:absolute;width:1680px;height:513px;left:50%;margin-left:-840px}
.banner-wrapper .banner div{position:absolute}
.banner-wrapper .banner .banner-bg{width:1680px;height:513px;background-image:url(img/banner_bg.gif)}
.banner-wrapper .banner .char_chun{width:245px;height:188px;background-image:url(sprite/style.png);background-position:-778px 0}
.banner-wrapper .banner .char_he{width:214px;height:247px;background-image:url(sprite/style.png);background-position:-562px 0}
.banner-wrapper .banner .char_xin{width:213px;height:252px;background-image:url(sprite/style.png);background-position:-347px 0}
.banner-wrapper .banner .cloud1{width:98px;height:49px;background-image:url(sprite/style.png);background-position:-347px -254px}
.banner-wrapper .banner .cloud2{width:111px;height:48px;background-image:url(sprite/style.png);background-position:-447px -254px}
.banner-wrapper .banner .cloud3{width:64px;height:35px;background-image:url(sprite/style.png);background-position:-560px -254px}
.banner-wrapper .banner .cloud4{width:38px;height:17px;background-image:url(sprite/style.png);background-position:-347px -305px}
.banner-wrapper .banner .dots{width:345px;height:324px;background-image:url(sprite/style.png);background-position:0 0}
.banner-wrapper .banner .logo{width:166px;height:117px;background-image:url(sprite/style.png);background-position:-778px -190px}
.banner-wrapper .banner .banner-bg{top:0;left:0}
.banner-wrapper .banner .cloud1{transform:translate(166px,175px);-ms-transform:translate(166px,175px);-webkit-transform:translate(166px,175px);-o-transform:translate(166px,175px);-moz-transform:translate(166px,175px)}
.banner-wrapper .banner .cloud2{transform:translate(1399px,139px);-ms-transform:translate(1399px,139px);-webkit-transform:translate(1399px,139px);-o-transform:translate(1399px,139px);-moz-transform:translate(1399px,139px)}
.banner-wrapper .banner .cloud3{transform:translate(719px,282px);-ms-transform:translate(719px,282px);-webkit-transform:translate(719px,282px);-o-transform:translate(719px,282px);-moz-transform:translate(719px,282px)}
.banner-wrapper .banner .cloud4{transform:translate(379px,215px);-ms-transform:translate(379px,215px);-webkit-transform:translate(379px,215px);-o-transform:translate(379px,215px);-moz-transform:translate(379px,215px)}
.banner-wrapper .banner .logo{left:498px;top:83px}
.banner-wrapper .banner .transparent{opacity:0}
.banner-wrapper .banner .dots.pos1{left:722px;top:44px}
.banner-wrapper .banner .dots.pos2{left:992px;top:44px}
.banner-wrapper .banner .char_he{transform:translate(719px,65px);-ms-transform:translate(719px,65px);-webkit-transform:translate(719px,65px);-o-transform:translate(719px,65px);-moz-transform:translate(719px,65px);opacity:0}
.banner-wrapper .banner .char_xin{transform:translate(906px,79px);-ms-transform:translate(906px,79px);-webkit-transform:translate(906px,79px);-o-transform:translate(906px,79px);-moz-transform:translate(906px,79px);opacity:0}
.banner-wrapper .banner .char_chun{transform:translate(1059px,108px);-ms-transform:translate(1059px,108px);-webkit-transform:translate(1059px,108px);-o-transform:translate(1059px,108px);-moz-transform:translate(1059px,108px);opacity:0}
.banner-wrapper .banner .host{font-size:60px;color:#f6dfd3;font-family:"汉仪劲楷简";width:500px;text-align:center;left:300px;top:216px}
.banner-wrapper .banner .host img{max-width:380px}