/* CSS Document */



body, div, h1, h2, h3, h4, h5, h6, p, blockquote, dl, dt, dd, ul, ol, li, fieldset, form, tr, th, td, center, input, button, textarea {



  padding: 0;



  margin: 0; }







/*»ù´¡ÉèÖá¥*/









body {



  font: 28px "Lucida Grande", Helvetica, Arial, Verdana, "Microsoft YaHei", sans-serif;



  line-height: 1.5;



  background-color: #000; }







.pop-box {



  display: none;



  position: fixed;



  left: 0;



  top: 0;



  z-index: 999;



  width: 100%;



  height: 100%; }







.mask {



  position: fixed;



  left: 0;



  top: 0;



  background-color: #000;



  width: 100%;



  height: 100%;



  opacity: 0.5;



  pointer-events: none;



  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); }







.pop {



  position: absolute;



  top: 50%;



  left: 50%; }







.pop-intro {



  width: 360px;



  height: 238px;



  margin-left: -180px;



  margin-top: -119px;



  background: url("../images/pop-intro.png")/*tpa=http://110.42.3.115:58888/a6/images/pop-intro.png*/ no-repeat; }



  .pop-intro .pop-cont {



    padding: 30px 35px 0; }



    .pop-intro .pop-cont p {



      line-height: 26px;



      font-size: 16px;



      color: #adadac; }







.pop-t {



  min-height: 65px; }







.pop-close {



  position: absolute;



  display: block;



  right: -40px;



  top: 0;



  width: 32px;



  height: 32px;



  background: url("../images/pop-close.png")/*tpa=http://110.42.3.115:58888/a6/images/pop-close.png*/ no-repeat; }



  .pop-close:hover {



    -webkit-transform: rotate(360deg);



    -webkit-transition-duration: 1.5s;



    transform: rotate(360deg);



    transition-duration: 1.5s;



    background: url("../images/pop-close-hover.png")/*tpa=http://110.42.3.115:58888/a6/images/pop-close-hover.png*/ no-repeat; }







.pop-gen {



  width: 604px;



  height: 400px;



  margin-top: -200px;



  margin-left: -302px;



  background: url("../images/pop-gen.png")/*tpa=http://110.42.3.115:58888/a6/images/pop-gen.png*/ no-repeat; }



  .pop-gen .pop-cont {



    padding: 0px 35px 0; }



  .pop-gen p {



    line-height: 26px;



    font-size: 16px;



    text-align: center;



    color: #adadac; }



  .pop-gen img {



    display: block;



    margin: 0 auto;



    height: 250px; }







.container {



  margin: 0 auto;



  min-width: 1200px;



  height: 1080px; }







.firework {



  position: absolute;



  z-index: 8;



  width: 1920px;



  height: 900px; }







.bg1 {



  background: url("../images/bg-1.jpg")/*tpa=http://110.42.3.115:58888/a6/images/bg-1.jpg*/ no-repeat top center; }







.bg2 {



  background: url("../images/pop-close.jpg")/*tpa=http://110.42.3.115:58888/a6/images/bg-2.jpg*/ no-repeat top center; }







.bg3 {



  background: url("../images/pop-close.jpg")/*tpa=http://110.42.3.115:58888/a6/images/bg-3.jpg*/ no-repeat top center; }







.bg4 {



  background: url("../images/pop-close.jpg")/*tpa=http://110.42.3.115:58888/a6/images/bg-4.jpg*/ no-repeat top center; }







.header {



  position: relative;



  z-index: 9;



  height: 220px; }







h1 {



  position: absolute;



  top: 40px;



  left: 30px; }



  h1 img {



    width: 150px; }







.intro {display: block;



  position: absolute;



  left: 50%;



  top: 100px;



  margin-left: 415px;



  width: 80px;



  height: 80px;background-repeat: no-repeat;}



  .intro:hover {background-repeat: no-repeat;}







.time {



  position: absolute;



  top: 170px;



  left: 50%;



  margin-left: -200px;



  width: 400px;



  height: 32px;



  line-height: 32px;



  font-size: 18px;



  text-align: center;



  color: #fa4c41;



  background: url("../images/time.png")/*tpa=http://110.42.3.115:58888/a6/images/time.png*/ no-repeat; }







.wrapper {



  position: relative;



  z-index: 9;



  width: 1200px;



  margin: 0 auto; }



  .wrapper > a {



    position: absolute;



    display: block;



    right: -251px;



    top: 10px;



    width: 251px;



    height: 78px;



    background: url("../images/pop-close.png")/*tpa=http://110.42.3.115:58888/a6/images/pop-btn.png*/ no-repeat; }



    .wrapper > a:hover {



      background: url("../images/pop-close.png")/*tpa=http://110.42.3.115:58888/a6/images/pop-btn-hover.png*/ no-repeat; }



  .wrapper .pop-2 {



    /*top: 108px;*/



    background: url("../images/pop-close.png")/*tpa=http://110.42.3.115:58888/a6/images/pop-btn-2.png*/ no-repeat; }



    .wrapper .pop-2:hover {



      background: url("../images/pop-close.png")/*tpa=http://110.42.3.115:58888/a6/images/pop-btn-2-hover.png*/ no-repeat; }







.nav {



  margin-top: 23px;



  height: 92px;



  font-size: 0;



  text-align: center; }



  .nav a {



    display: inline-block;



    *display: inline;



    *zoom: 1;



    width: 210px;



    height: 68px; }



  .nav a + a {



    margin-left: 30px; }



  .nav .nav-1 {background-repeat: no-repeat;}



    .nav .nav-1:hover, .nav .nav-1.on {background-repeat: no-repeat;}



  .nav .nav-2 {background-repeat: no-repeat;}



    .nav .nav-2:hover, .nav .nav-2.on {background-repeat: no-repeat;}



  .nav .nav-3 {background-repeat: no-repeat;}



    .nav .nav-3:hover, .nav .nav-3.on {background-repeat: no-repeat;}



  .nav .nav-4 {background-repeat: no-repeat;}



    .nav .nav-4:hover, .nav .nav-4.on {background-repeat: no-repeat;}







.main {



  display: none;



  -webkit-animation-delay: 0s;



  -webkit-animation-duration: 0.65s;



  -webkit-animation-iteration-count: 1;



  animation-delay: 0s;



  animation-duration: 0.65s;



  animation-iteration-count: 1; }







.show {



  display: block; }







 



.fadeOut {



  -webkit-animation-name: fadeOut;



  animation-name: fadeOut; }



.intro{background-position:-130px 0px}.intro:hover{background-position:-130px -100px}.nav .nav-1{background-position:0px -200px}.nav .nav-1:hover, .nav .nav-1.on{background-position:0px -288px}.nav .nav-2{background-position:0px -376px}.nav .nav-2:hover, .nav .nav-2.on{background-position:0px -464px}.nav .nav-3{background-position:0px -552px}.nav .nav-3:hover, .nav .nav-3.on{background-position:0px -640px}.nav .nav-4{background-position:0px -728px}.nav .nav-4:hover, .nav .nav-4.on{background-position:0px -816px}.intro,.intro:hover,.nav .nav-1,.nav .nav-1:hover, .nav .nav-1.on,.nav .nav-2,.nav .nav-2:hover, .nav .nav-2.on,.nav .nav-3,.nav .nav-3:hover, .nav .nav-3.on,.nav .nav-4,.nav .nav-4:hover, .nav .nav-4.on{background-image: url("../images/style_z.png")/*tpa=http://110.42.3.115:58888/a6/images/style_z.png*/}