/* CSS Document */

* {
  margin: 0;
  padding: 0;
  list-style: none;
  text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}
i, em {
  font-style: normal;
}
input, select {
  vertical-align: middle;
  font-family: "Microsoft Yaihei";
}
a {
  color: #333;
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
img{
  vertical-align: middle;
}

body {
  font-family: "Microsoft Yaihei";
  color: #333;
  background: #eeeeee;
}
.center{
  width: 750px;
  margin: 0 auto;
  position: relative;
}
.top{
  height: 352px;
  background: url(../images/top.jpg) center center no-repeat;
  position: relative;
}
.logo{
  position: absolute;
  top: 20px;
  left: 20px;
}
.kaoqian{
  height: 357px;
  background: url(../images/bg_02.jpg) center center no-repeat;
}
.kaozhong{
  height: 357px;
  background: url(../images/bg_03.jpg) center center no-repeat;
}
.kaohou{
  height: 371px;
  background: url(../images/bg_04.jpg) center center no-repeat;
}
.zk{position: absolute; background: #d4ecc8; border-radius:30px;padding: 5px 25px; color: #333;font-size: 36px;}
.zixun{left: 295px;top:18px;
  animation: ru 1s ease-out;
  animation-delay: 0;
  animation-fill-mode:forwards;
  margin-top: 30px;
  opacity: 0;
}
.tiyu{left: 343px;top:106px;
  animation: ru 1s ease-out;
  animation-delay: 1s;
  animation-fill-mode:forwards;
  margin-top: 30px;
  opacity: 0;
}
.zhiyuan{left: 343px;top:194px;
  animation: ru 1s ease-out;
  animation-delay: 2s;
  animation-fill-mode:forwards;
  margin-top: 30px;
  opacity: 0;}
.zukao{left: 295px;top:285px;
  animation: ru 1s ease-out;
  animation-delay: 3s;
  animation-fill-mode:forwards;
  margin-top: 30px;
  opacity: 0;}
.shijian{right: 315px;top:42px;
  animation: ru 1s ease-out;
  animation-delay: 4s;
  animation-fill-mode:forwards;
  margin-top: 30px;
  opacity: 0;}
.yiwai{right: 330px;top:160px;
  animation: ru 1s ease-out;
  animation-delay: 5s;
  animation-fill-mode:forwards;
  margin-top: 30px;
  opacity: 0;}
.shiti{right: 314px;top:275px;
  animation: ru 1s ease-out;
  animation-delay: 6s;
  animation-fill-mode:forwards;
  margin-top: 30px;
  opacity: 0;}
.zuyi{left: 309px;top:43px;
  animation: ru 1s ease-out;
  animation-delay: 7s;
  animation-fill-mode:forwards;
  margin-top: 30px;
  opacity: 0;}
.fen{left: 323px;top:158px;
  animation: ru 1s ease-out;
  animation-delay: 8s;
  animation-fill-mode:forwards;
  margin-top: 30px;
  opacity: 0;}
.xian{left: 309px;top:268px;
  animation: ru 1s ease-out;
  animation-delay: 9s;
  animation-fill-mode:forwards;
  margin-top: 30px;
  opacity: 0;}
.footer {
  width: 750px;
  padding: 15px 0;
  margin: 0 auto;
  font-size: 18px;
  background: #fff;
  text-align: center;
  color: #666666;
}
@-webkit-keyframes 'ru' {
   0% {
     margin-top: 30px;
     opacity: 0
   }
   40% {
     margin-top: 20px;
     opacity: 0.33
   }
   60% {
     margin-top: 10px;
     opacity: 0.66
   }
   100% {
     margin-top: 0px;
     opacity: 1
   }
}