/*----- reset -----*/
html , body{
  height: 100%;
}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {
  margin: 0;
  padding: 0;
}

body, button, input, select, textarea {
  font: 12px/1.5 "microsoft yahei",tahoma,arial,'Hiragino Sans GB',\5b8b\4f53,sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
}

address, cite, dfn, em, i, var {
  font-style: normal;
}

code, kbd, pre, samp {
  font-family: courier new,courier,monospace;
}

small {
  font-size: 12px;
}

ul, ol, li {
  list-style: none;
}

a {
  text-decoration: none;
  cursor: pointer;
  outline: none;
}

a:hover {
  text-decoration: none;
}

sup {
  vertical-align: text-top;
}

sub {
  vertical-align: text-bottom;
}

legend {
  color: #000;
}

fieldset, img {
  border: 0;
}

button, input, select, textarea {
  font-size: 100%;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

input, img, button {
  vertical-align: middle;
  outline: none;
}

header, section, article, aside, footer, nav {
  display: block;
}

.f-l {
  float: left;
  display: inline;
}

.f-r {
  float: right;
  display: inline;
}

.clearfix {
  *zoom: 1;
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

html, body {
  overflow-x: hidden;
  background: #000;
}

.iwrap {
  position: relative;
  left: 50%;
  margin-left: -960px;
  width: 1920px;
  height: auto;
  background: url(../images/bg.jpg) no-repeat center top;
}

.ibody {
  position: relative;
  width: 980px;
  height: 100%;
  margin: 0 auto;
}
.ibody .ilogo {
  position: absolute;
  top: 20px;
  left: 0;
  z-index: 88;
}
.ibody .iback_home {
  position: absolute;
  top: 15px;
  right: 150px;
  width: 141px;
  height: 49px;
  line-height: 25px;
  text-align: center;
  color: #DDC0FA;
  font-size: 14px;
  background: url(../images/radius_01.png) no-repeat;
  z-index: 88;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.ibody .iback_home:hover {
  color: #fff;
}
.ibody .ishare_box {
  position: absolute;
  top: 15px;
  right: 20px;
  width: 122px;
  height: 25px;
  line-height: 25px;
  color: #DDC0FA;
  background: url(../images/radius_02.png) no-repeat;
  text-indent: 15px;
  font-size: 14px;
  z-index: 88;
}
.ibody .ishare_box a {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  width: 25px;
  height: 25px;
  margin-left: 4px;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.ibody .ishare_box a:hover {
  opacity: .6;
  filter: alpha(opacity=60);
}
.ibody .ishare_box .isina {
  background: url(../images/sina.png) no-repeat center center;
}
.ibody .ishare_box .iqq_t {
  background: url(../images/qq_t.png) no-repeat center center;
}
.ibody .icontent_01 {
  position: absolute;
  width: 100%;
  height: 850px;
  left: 92px;
  overflow: hidden;
}
.ibody .icontent_01 .start_play {
  position: absolute;
  top: 0;
  right: 220px;
  z-index: 3;
}
.ibody .icontent_02 {
  display: none;
}
.ibody .inav_box {
  position: absolute;
  width: 771px;
  height: 141px;
  left: 50%;
  bottom: 30px;
  margin-left: -420px;
  z-index: 888;
}
.ibody .title_v {
  position: absolute;
  top: 63px;
  left: 49px;
  width: 941px;
  height: 189px;
  background: url(../images/title_v8.0.jpg) no-repeat;
}
.ibody .ibox {
  position: absolute;
  top: 63px;
  left: 49px;
  width: 816px;
  height: 938px;
  color: #DDC0FA;
  font-size: 14px;
  display: none;
}
.ibody .ibox .back_index {
  position: absolute;
  width: 116px;
  height: 36px;
  right: 99px;
  top: 175px;
  background: url(../images/back_index.png) no-repeat;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.ibody .ibox .back_index:hover {
  opacity: .8;
}
.ibody .ibox .itext_box {
  position: absolute;
  top: 320px;
  left: 80px;
  width: 450px;
}
.ibody .ibox .itext_box p {
  text-indent: 2em;
}
.ibody .ibox_01 {
  background: url(../images/ibox_01.jpg) no-repeat center bottom;
}
.ibody .ibox_02 {
  background: url(../images/ibox_02.jpg) no-repeat center bottom;
}
.ibody .ibox_03 {
  background: url(../images/ibox_03.png) no-repeat center bottom;
}
.ibody .scroll-bar {
  position: relative;
  height: 240px;
}
.ibody .scroll-bar .viewport {
  position: relative;
  height: 240px;
  overflow: hidden;
}
.ibody .scroll-bar .overview {
  position: absolute;
  top: 0;
  left: 0;
}
.ibody .scroll-bar .scrollbar {
  position: absolute;
  right: -25px;
  top: 0;
  width: 14px;
  padding: 2px 0;
  background: #3E2161;
}
.ibody .scroll-bar .track {
  height: 100%;
  width: 14px;
  position: relative;
}
.ibody .scroll-bar .thumb {
  height: 363px;
  width: 10px;
  margin: 0 2px;
  cursor: pointer;
  overflow: hidden;
  position: absolute;
  top: 0;
  background: #9A6BE1;
}
.ibody .bird {
  position: absolute;
  width: 95px;
  height: 63px;
  top: 116px;
  left: 139px;
  background: url(../images/bird.png) no-repeat;
  z-index: 99;
}
.ibody .checken {
  position: absolute;
  width: 116px;
  height: 82px;
  right: -71px;
  top: 407px;
  background: url(../images/checken.png) no-repeat;
  z-index: 99;
}
.ibody .black_checken {
  position: absolute;
  width: 103px;
  height: 96px;
  left: -48px;
  top: 460px;
  background: url(../images/black_checken.png) no-repeat;
  z-index: 99;
}
.iwrap{
  min-height: 100%;
}
.gear{
  text-align: center;
  position: absolute;
  width: 100%;
  z-index: 1000;
  top: 28px;
}
.gear img {
  width: 38%;
}

.act_01  , .act_02 , .act_03{
  position: absolute;
  width: 100%;
  text-align: center;
  top: 235px;
  display: none;
  z-index: 1000;
}

.act_02{
  top: 199px;
}

.act_03{
  top: 210px;
}

.act_01 img  , .act_02 img , .act_03 img{
  width: 400px;
}

.wall{
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.6);
  z-index: 1000;
  display: none;
}

.close_btn{
  position: absolute;
  z-index: 1001;
  right: 758px;
  top: 87px;
  cursor: pointer;
}

.close_btn img{
  width: 40px;
}

.index_bg {
  background: url('../images/bg.jpg') no-repeat
}

/*# sourceMappingURL=main.css.map */