@charset "utf-8";
/* CSS Document */

body{margin:0; padding:0;background-color:#333; line-height: 22px; color: #fff;font-family: "微软雅黑";}
a{color: #fff;TEXT-DECORATION: none;}
a:hover{color: #ffff00;}
div{vertical-align:bottom; font-family: "微软雅黑"; }
img{border:none;}
ul,li{list-style: none; margin: 0; padding: 0;}
.clr{clear: both;}
table,th,td {
  border : 1px solid black;
  border-collapse: collapse; text-align: center; color: #000; font-size: 18px;
}


.img_1{background:url("images/index_01.jpg") center no-repeat; height:299px;}
.img_2{background:url("images/index_02.jpg") center no-repeat; height:342px;}
.img_3{background:url("images/index_03.jpg") center no-repeat; height:508px;}
.img_4{background:url("images/index_04.jpg") center no-repeat; height:508px;}
.img_5{background:url("images/index_05.jpg") center no-repeat; height:508px;}
.img_6{ height: 1450px;background:url("images/bg.jpg");}
.img_7{background:url("images/index_07.jpg") center no-repeat; height:144px;}


.main{position:relative; width:1px; margin:0 auto;}

.t1{
	position: absolute;
	left: -568px;
	top: 85px;
}
.t2{
	position: absolute;
	left: -486px;
	top: 12px;
}
.t3{
	position: absolute;
	left: -423px;
	top: -63px;
}
.t4{
	position: absolute;
	left: -360px;
	top: -162px;
}
.t5{
	position: absolute;
	left: -543px;
	top: -246px;
}
.pic1{
	position: absolute;
	left: -473px;
	top: -457px;
	background: url("images/pic1.png") center no-repeat;
	width: 949px;
	height: 670px;
}
.pic2{
	position: absolute;
	left: -473px;
	top: -254px;
	background: url("images/pic2.png") center no-repeat;
	width: 949px;
	height: 670px;
}
.pic3{
	position: absolute;
	left: -473px;
	top: 56px;
	background: url("images/pic3.png") center no-repeat;
	width: 949px;
	height: 670px;
}
.pic4{
	position: absolute;
	left: -473px;
	top: 756px;
	background: url("images/pic4.png") center no-repeat;
	width: 949px;
	height: 670px;
}
.ico1{
	position: absolute;
	left: 220px;
	top: 136px;
}
.ico2{
	position: absolute;
	left: 739px;
	top: 40px;
}
.ico3{
	position: absolute;
	left: 739px;
	top: 40px;
}
.ico4{
	position: absolute;
	left: 739px;
	top: 40px;
}
.ico5{
	position: absolute;
	left: 739px;
	top: 40px;
}
.footer{
	text-align: center;
	font-family: "宋体";
	font-size: 12px; padding: 20px 0;
}

.hy1{
	position: absolute;
	right: -536px;
	top: -181px;
	
}
.hy2{
	position: absolute;
	right: 35px;
	top: -28px; width: 123px; height: 163px;
	
}
.star{-webkit-animation: rotateIn 1.5s .5s ease infinite alternate;
	-moz-animation: rotateIn 1.5s .5s ease infinite alternate;animation-fill-mode: both;
	-webkit-animation-fill-mode: both;}
@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
            transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
	transform-origin:43% 48%;
  }

  100% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
	transform-origin:43% 48%;
  }
}


@-webkit-keyframes wobble2 {
  0% {
    -webkit-transform: none;
            transform: none;
			
  }

  15% {
    -webkit-transform: translate3d(0, 0, 0) rotate3d(0, 0, 1, -5deg);
            transform: translate3d(0, 0, 0) rotate3d(0, 0, 1, -5deg);

  }

  30% {
    -webkit-transform: translate3d(0, 0, 0) rotate3d(0, 0, 1, 3deg);
            transform: translate3d(0, 0, 0) rotate3d(0, 0, 1, 3deg);

  }

  45% {
    -webkit-transform: translate3d(0, 0, 0) rotate3d(0, 0, 1, -3deg);
            transform: translate3d(0, 0, 0) rotate3d(0, 0, 1, -3deg);

  }

  60% {
    -webkit-transform: translate3d(0, 0, 0) rotate3d(0, 0, 1, 2deg);
            transform: translate3d(0, 0, 0) rotate3d(0, 0, 1, 2deg);

  }

  75% {
    -webkit-transform: translate3d(0, 0, 0) rotate3d(0, 0, 1, -1deg);
            transform: translate3d(0, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes wobble2 {
  0% {
    -webkit-transform: none;
            transform: none;

  }

  15% {
    -webkit-transform: translate3d(0, 0, 0) rotate3d(0, 0, 1, -5deg);
            transform: translate3d(0, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(0, 0, 0) rotate3d(0, 0, 1, 3deg);
            transform: translate3d(0, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(0, 0, 0) rotate3d(0, 0, 1, -3deg);
            transform: translate3d(0, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(0, 0, 0) rotate3d(0, 0, 1, 2deg);
            transform: translate3d(0, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(0, 0, 0) rotate3d(0, 0, 1, -1deg);
            transform: translate3d(0, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

.wobble2 {
  -webkit-animation-name: wobble2;
          animation-name: wobble2;
		  -webkit-transform-origin: center bottom;
	-moz-transform-origin: center bottom;
	-ms-transform-origin: center bottom;
	-o-transform-origin: center bottom;
	transform-origin: center bottom;
	-webkit-animation-duration: 3s;
	-o-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-timing-function: ease-in;
	-o-animation-timing-function: ease-in;
	animation-timing-function: ease-in;
	-webkit-animation-delay: 0s;
	-o-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-direction: normal;
	-o-animation-direction: normal;
	
	-webkit-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-moz-transform-origin:82% 100%;
	transform-origin:82% 100%;
}
.wobble3 {
  -webkit-animation-name: wobble2;
          animation-name: wobble2;
		  -webkit-transform-origin: center bottom;
	-moz-transform-origin: center bottom;
	-ms-transform-origin: center bottom;
	-o-transform-origin: center bottom;
	transform-origin: center bottom;
	-webkit-animation-duration: 3s;
	-o-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-timing-function: ease-in;
	-o-animation-timing-function: ease-in;
	animation-timing-function: ease-in;
	-webkit-animation-delay: 0s;
	-o-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-direction: normal;
	-o-animation-direction: normal;
	
	-webkit-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-moz-transform-origin:20% 100%;
	transform-origin:20% 100%;
}