body{
    background-image:url(/template/images/图像_1.jpg);

}
.positionrel
{
    position:relative;
}
.margintop10{
    margin-top:60px;
    margin-bottom:40px;
}
.margintop10 img{
    margin-left:130px;
    height:80px;
}

@keyframes fadeInOut {

     from {
        opacity:0;
    }
    to {
        opacity:0.9;
    }
}

@keyframes TopDown {

     from {
       top:-140PX;
       left:470px;
    }
    to {
         top:-80px;
       left:470px;
    }
}

@keyframes rightoleft {

     from {
       top:0PX;
       right:60px;
    }
    to {
         top:0px;
       right:180px;
    }
}

.anim_fade_image {
    width:550px;margin-left:60px;
    animation-name: fadeInOut;
   animation-timing-function: ease-in;
   animation-duration: 3s;
   animation-direction: normal;
   animation-fill-mode: forwards;
   -webkit-animation-fill-mode: forwards;
        -moz-animation-fill-mode: forwards;
         -ms-animation-fill-mode: forwards;
          -o-animation-fill-mode: forwards;
}

.anim_MAZHU_image {
    height:550px;
    position:absolute;
    animation-name: TopDown;
   animation-timing-function: ease-in;
   animation-duration: 2s;
   animation-direction: normal;
   animation-fill-mode: forwards;
   -webkit-animation-fill-mode: forwards;
        -moz-animation-fill-mode: forwards;
         -ms-animation-fill-mode: forwards;
          -o-animation-fill-mode: forwards;
}

.anim_Wenzi_image {
    position:absolute;
    animation-name: rightoleft;
   animation-timing-function: ease-in;
   animation-duration: 2s;
   animation-direction: normal;
   animation-fill-mode: forwards;
   -webkit-animation-fill-mode: forwards;
        -moz-animation-fill-mode: forwards;
         -ms-animation-fill-mode: forwards;
          -o-animation-fill-mode: forwards;
}

.petal
{
    width:600px;
    opacity:0.9;
    position:absolute;
    left:250px;
    bottom:-50px;
}

.rippleback{
    position:absolute;
    bottom:0;
    z-index:-1;
}
.ripple{
     opacity:0.2;
     width:100%;
     height:350px;
}
.bottom_context
{
    position:absolute;
    bottom:0px;
}
.videoico
{
    width:150px;
}
.videoico:hover {
    width:150px;
        content: url('/template/images/video.gif');
    }
.news{
     width:150px;
}
    .news:hover {
        content: url('/template/images/news.gif');
    }
.couqian{
      width:130px;
}
.couqian:hover
{
     content: url('/template/images/couqian.gif');
}
.chanfang{
    width:120px;
}
.manu
{
    text-align:center;
}
.bottom_text
{
    position:relative;
}
.bottom_text label{
    position:absolute;
    bottom:10PX;
    left:40%;
     color:#fff;
	 font-weight:100;
}
.bottom_text a
{
    color:#fff;
}
@media screen and (max-height: 800px) {
    .anim_fade_image{
         width:350px;
         margin-left:180px;
    }
  .anim_MAZHU_image{
       height:350px;
  }
  .anim_Wenzi_image{
         height:150px;
  }
  .petal{
         width:400px;
        left:350px;
  }
  @keyframes rightoleft {

     from {
       top:0PX;
       right:220px;
    }
    to {
         top:0px;
       right:340px;
    }
}
}