* {
    margin:0;
    padding:0;
    list-style-type:none;
}
a,img {
    border:0;
    color:inherit;
    text-decoration:none;
}
body {
    background:#d2f5f1
}
.mianBox {
    width:100%;
    margin:0 auto;
    position:relative;
    overflow:hidden;
}
.mianBox >img {
    position:absolute
}
.yun0 {
    right:-140px;
    top:30px;
    webkit-animation:cloudLarge 105s infinite;
    -moz-animation:cloudLarge 105s infinite;
    -o-animation:cloudLarge 105s infinite;
    animation:cloudLarge 105s infinite;
}
.yun1 {
    left:5%;
    top:48%;
    -webkit-animation:cloudSmall 105s infinite;
    -moz-animation:cloudSmall 105s infinite;
    -o-animation:cloudSmall 105s infinite;
    animation:cloudSmall 105s infinite;
}
.yun2 {
    left:16%;
    top:35%;
    -webkit-animation:cloudMedium 105s infinite;
    -moz-animation:cloudMedium 105s infinite;
    -o-animation:cloudMedium 105s infinite;
    animation:cloudMedium 105s infinite;
}
.san {
    left:10%;
    top:20%;
    -webkit-animation:dn400 3s 0s ease both;
    -moz-animation:dn400 3s 0s ease both;
    animation:dn400 3s 0s ease both;
}
.bird {
    left:27%;
    top:15%;
    -webkit-animation:flying 3s infinite;
    -moz-animation:flying 3s infinite;
    -o-animation:flying 3s infinite;
    animation:flying 3s infinite;
}
.disk {
    left:234px;
    top:98px;
    z-index:9;
    -webkit-animation:flying 2s infinite;
    -moz-animation:flying 2s infinite;
    -o-animation:flying 2s infinite;
    animation:flying 2s infinite;
}
.light {
    left:330px;
    top:188px;
    z-index:8;
    -webkit-animation:light 1s infinite;
    -moz-animation:light 1s infinite;
    -o-animation:light 1s infinite;
    animation:light 1s infinite;
}
.man {
    left:400px;
    top:310px;
    z-index:7;
    -webkit-animation:hide 2s 0.5s infinite;
    -moz-animation:hide 2s 0.5s infinite;
    -o-animation:hide 2s 0.5s infinite;
    animation:hide 2s 0.5s infinite;
}
.picv {
    left:15%;
    top:390px;
}
.tipInfo {
    position:absolute;
    z-index:99;
    margin-left:150px;
    /*border:1px solid #c0ece7;*/
    border-color:rgba(192,237,232,07);
    border-radius:5px;
    background:rgba(192,237,232,07);
    width:360px;
    box-shadow: 5px 5px 15px #c0ece7;
}
.tipInfo .in {
    background:#fff;
    padding:0 10%
}
.tipInfo .in h2 {
    line-height:50px;
    font-size:30px;
    color:#e94c3c;
    border-bottom:1px dashed #aacdd5;
    padding:18px 0
}
.tipInfo .in p {
    padding:30px 0 50px 0;
    text-align:center;
    color:#555555;
}
.tipInfo .in p span {
    margin:0 20px
}
.tipInfo .in p a{
    color:#555555;
}
.tipInfo .in p a:hover{
    color: #e94c3c;
}
.tipInfo .in .desc {
    overflow:hidden;
    font-size:14px;
    color:#2b2b2b;
    padding:0 10%
}
.tipInfo .in .desc h3 {
    font-weight:normal;
    padding:20px 0 5px 0
}
.tipInfo .in .desc li {
    margin-left:5px;
    padding:5px 0;
    padding-left:8px;
    *padding-left:20px;
}
@-webkit-keyframes cloudLarge {
    0% {
        right:-140px;
    }
    100% {
        right:118%;
    }
}@-moz-keyframes cloudLarge {
     0% {
         right:-140px;
     }
     100% {
         right:118%;
     }
 }@-o-keyframes cloudLarge {
      0% {
          right:-140px;
      }
      100% {
          right:118%;
      }
  }@keyframes cloudLarge {














       0% {
           right:-140px;
       }
       100% {
           right:118%;
       }
   }@-webkit-keyframes cloudSmall {
        0% {
            left:5%;
        }
        100% {
            left:108%;
        }
    }@-moz-keyframes cloudSmall {
         0% {
             left:5%;
         }
         100% {
             left:105%;
         }
     }@-o-keyframes cloudSmall {
          0% {
              left:5%;
          }
          100% {
              left:105%;
          }
      }@keyframes cloudSmall {
           0% {
               left:5%;
           }
           100% {
               left:105%;
           }
       }@-webkit-keyframes cloudMedium {
            0% {
                left:16%;
            }
            100% {
                left:-18%;
            }
        }@-moz-keyframes cloudMedium {
             0% {
                 left:16%;
             }
             100% {
                 left:-18%;
             }
         }@-o-keyframes cloudMedium {
              0% {
                  left:16%;
              }
              100% {
                  left:-18%;
              }
          }@keyframes cloudMedium {
               0% {
                   left:16%;
               }
               100% {
                   left:-18%;
               }
           }@-webkit-keyframes light {
                0% {
                    opacity:0;
                }
                100% {
                    opacity:100;
                }
            }@-moz-keyframes light {
                 0% {
                     opacity:0;
                 }
                 100% {
                     opacity:100;
                 }
             }@-o-keyframes light {
                  0% {
                      opacity:0;
                  }
                  100% {
                      opacity:100;
                  }
              }@keyframes light {
                   0% {
                       opacity:0;
                   }
                   100% {
                       opacity:100;
                   }
               }@-webkit-keyframes hide {
                    0% {
                        opacity:100;
                    }
                    100% {
                        opacity:0;
                    }
                }@-moz-keyframes hide {
                     0% {
                         opacity:100;
                     }
                     100% {
                         opacity:0;
                     }
                 }@-o-keyframes hide {
                      0% {
                          opacity:100;
                      }
                      100% {
                          opacity:0;
                      }
                  }@keyframes hide {
                       0% {
                           opacity:100;
                       }
                       100% {
                           opacity:0;
                       }
                   }@keyframes flying {
                        0% {
                            margin-top:0px;
                        }
                        50% {
                            margin-top:6px;
                        }
                        100% {
                            margin-top:0px;
                        }
                    }@-webkit-keyframes flying {
                         0% {
                             margin-top:0px;
                         }
                         50% {
                             margin-top:6px;
                         }
                         100% {
                             margin-top:0px;
                         }
                     }@-moz-keyframes flying {
                          0% {
                              margin-top:0px;
                          }
                          50% {
                              margin-top:6px;
                          }
                          100% {
                              margin-top:0px;
                          }
                      }@-o-keyframes flying {
                           0% {
                               margin-top:0px;
                           }
                           50% {
                               margin-top:6px;
                           }
                           100% {
                               margin-top:0px;
                           }
                       }@keyframes flying {
                            0% {
                                margin-top:0px;
                            }
                            50% {
                                margin-top:6px;
                            }
                            100% {
                                margin-top:0px;
                            }
                        }@-webkit-keyframes flying {
                             0% {
                                 margin-top:0px;
                             }
                             50% {
                                 margin-top:6px;
                             }
                             100% {
                                 margin-top:0px;
                             }
                         }@-moz-keyframes flying {
                              0% {
                                  margin-top:0px;
                              }
                              50% {
                                  margin-top:6px;
                              }
                              100% {
                                  margin-top:0px;
                              }
                          }@-o-keyframes flying {
                               0% {
                                   margin-top:0px;
                               }
                               50% {
                                   margin-top:6px;
                               }
                               100% {
                                   margin-top:0px;
                               }
                           }@-webkit-keyframes down900 {
                                0% {
                                    opacity:0;
                                    -webkit-transform:translate(0,0);
                                }
                                100% {
                                    opacity:1;
                                    -webkit-transform:translate(900,900);
                                }
                            }@-moz-keyframes down900 {
                                 0% {
                                     opacity:0;
                                     -moz-transform:translate(0,0);
                                 }
                                 100% {
                                     opacity:1;
                                     -moz-transform:translate(900,900);
                                 }
                             }@-o-keyframes down900 {
                                  0% {
                                      opacity:0;
                                      -o-transform:translate(0,0);
                                  }
                                  100% {
                                      opacity:1;
                                      -o-transform:translate(900,900);
                                  }
                              }@keyframes down900 {
                                   0% {
                                       opacity:0;
                                       transform:translate(0,0);
                                   }
                                   100% {
                                       opacity:1;
                                       transform:translate(900,900);
                                   }
                               }@-webkit-keyframes dn400 {
                                    0% {
                                        opacity:0;
                                        -webkit-transform:translateY(-400px);
                                    }
                                    100% {
                                        opacity:1;
                                        -webkit-transform:translateY(0);
                                    }
                                }@-moz-keyframes dn400 {
                                     0% {
                                         opacity:0;
                                         -moz-transform:translateY(-400px);
                                     }
                                     100% {
                                         opacity:1;
                                         -moz-transform:translateY(0);
                                     }
                                 }@-o-keyframes dn400 {
                                      0% {
                                          opacity:0;
                                          -o-transform:translateY(-400px);
                                      }
                                      100% {
                                          opacity:1;
                                          -o-transform:translateY(0);
                                      }
                                  }@keyframes dn400 {
                                       0% {
                                           opacity:0;
                                           transform:translateY(-400px);
                                       }
                                       100% {
                                           opacity:1;
                                           transform:translateY(0);
                                       }
                                   }