@charset "utf-8";*{margin:0;padding:0}
body{background-color:#fff;width:100%;font-size:100%;}
html{min-height:100%;max-width:45em;margin:auto;font-size:100%;font-family:"微软雅黑";}


.wap_tm{
    width: 100%;
    position: relative;
}
.wap_tm>img{
    width: 100%;
    display: block;
}
.ns1{
    position: relative;
}
.ns1 img{
    display: block;
    width: 100%;
}
.ns1 a{
    position: absolute;
    display: block;
}
.ns2{
    width: 79%;
    height: 26%;
    top: 28%;
    z-index: 1;
    left: 0;
    right: 0;
    margin: auto;
	  transform: none;
  box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px;
  animation-duration: 2.9s;
  -webkit-animation: fadeIn 2.9s ease 0s backwards;
  animation-timing-function: ease;
  animation-delay: 2s;
  animation-iteration-count: initial;
  animation-direction: initial;
  animation-fill-mode: backwards;
  animation-play-state: initial;
  -webkit-animation-play-state: initial;
  animation-name: fadeIn;
}
.ns3{    
     width: 100%;            
     bottom: 0;
	   transform: none;
  animation-duration: 1s;
  -webkit-animation: fadeInUp 1s ease 0.6s 1 backwards;
  animation-timing-function: ease;
  animation-delay: 0.6s;
  animation-iteration-count: 1;
  animation-direction: initial;
  animation-fill-mode: backwards;
  animation-play-state: initial;
  -webkit-animation-play-state: initial;
  animation-name: fadeInUp;
}
.ns31{    
     width: 25%;    
     height: 13%;    
     bottom: 5%;    
     right: 7%;
}
.ns4{
    width: 50%;        
    bottom: 6%;                        
    left: 0;
    right: 0;
    margin: auto;
	  transform: none;
  box-shadow: rgba(0, 0, 0, 0.498039) 0px 0px 0px;
  animation-duration: 2s;
  -webkit-animation: rubberBand 2s ease 0s backwards;
  animation-timing-function: ease;
  animation-delay: 0s;
  animation-iteration-count: initial;
  animation-direction: initial;
  animation-fill-mode: backwards;
  animation-play-state: initial;
  -webkit-animation-play-state: initial;
  animation-name: rubberBand;
}
.tx1 .ns5{  transform: none;
  box-shadow: rgba(0, 0, 0, 0.498039) 0px 0px 0px;
  animation-duration: 1s;
  -webkit-animation: swing 1s ease 0.4s 1 backwards;
  animation-timing-function: ease;
  animation-delay: 0.4s;
  animation-iteration-count: 1;
  animation-direction: initial;
  animation-fill-mode: backwards;
  animation-play-state: initial;
  -webkit-animation-play-state: initial;
  animation-name: swing;}
.ns5{
    width: 54%;        
    top: 43.4%;    
                        
    right: 22%;
}
.tx2 .ns6{transform: none;
  box-shadow: rgba(0, 0, 0, 0.498039) 0px 0px 0px;
  animation-duration: 2s;
  -webkit-animation: fadeIn 2s ease 0s backwards;
  animation-timing-function: ease;
  animation-delay: 0s;
  animation-iteration-count: initial;
  animation-direction: initial;
  animation-fill-mode: backwards;
  animation-play-state: initial;
  -webkit-animation-play-state: initial;
  animation-name: fadeIn;}
.tx2 .ns7{}
.tx2 .ns8{}
.tx2 .ns9{}
.ns6{                                
    width: 35.5%;            
    left: 9.5%;
    top: 14%;
}
.ns7{
    width: 35.5%;        
    top: 14%;    
    right: 9.5%;    
}
.ns8{                        
    width: 35.5%;        
    bottom: 18%;    
    left: 9.5%;
}
.ns9{                                
    width: 35.5%;    bottom: 18%;    
    right: 9.5%;
}
.ns10{                                
    width: 88.5%;    
    height: 10.4%;        
    right: 6.5%;
    bottom: 6%;
}
.ns11{
    width: 94%;    
    height: 12.4%;    
    bottom: 6.4%;    
    left: 2.5%;    
}
.ns12{                        
    width: 49%;    
    height: 10%;    
    bottom: 5%;    
    left: 24%;
}
.ns13{                    
    width: 42%;    
    height: 16.4%;    
    bottom: 1%;    
    left: 26.5%;
}
.ns14{
    width: 45%;
    top: 37%;
    height: 24%;
    right: 16%;
}