.es_btn_android{
  float:left;
  display: block;
  margin: 0 auto;
  width: 180px;
  padding: 5px 20px;
  font-weight: bold;
  cursor: hand;
  border-radius: 0;
  border: rgba(255, 255, 255, 0.5) solid 1px;
  margin-right:10px;
}
.es_btn_android:hover{
  background-color: rgba(255, 255, 255, 0.1);
}

.es_btn_pc{
  float:left;
  display: block;
  margin: 0 auto;
  font-weight: bold;
  cursor: hand;
  border-radius: 0;
  color:#FFF;
  border: rgba(255, 255, 255, 0.5) solid 1px;
  margin-bottom:16px;
  font-size:18px;
}
.es_btn_pc:hover{
  color:#FFF;
  background-color: rgba(255,255,255,.1);
}
.es_btn_pc img{
  display:block;
  float:left;
}
.es_btn_pc span{
  display:block;
  float:left;
  width:150px;
  text-align:center;
  height:35px;
  line-height:35px;
}



.es_code{
  float:left;
  margin: 0 auto;
  margin-top:20px;
  width: 214px;
  height: 180px;
  background-color: rgba(255, 255, 255, 0.2);
  text-align: center;
}
.es_code img{
  margin: 0 auto;
  margin-top: 10px;
  width: 145px;
  height: 145px;
}
.es_code a{
  display: block;
  margin: 0 auto;
  color: rgba(255, 255, 255, 0.8);;
  font-size: 14px;

}



#es_phone1 {
  position: absolute;
  top:-2000px;
  left: 100px;
  z-index: 999;
  animation: phone1 .3s ease .1s 1 forwards;
  -moz-animation: phone1 .3s ease .1s 1 forwards;
  -webkit-animation: phone1 .3s ease .1s 1 forwards;
  -o-animation: phone1 .3s ease .1s 1 forwards;
}

#es_phone2 {
  position: absolute;
  top:-2000px;
  left: 270px;
  z-index: 998;
  animation: phone2 .3s ease .2s 1 forwards;
  -moz-animation: phone2 .3s ease .2s 1 forwards;
  -webkit-animation: phone2 .3s ease .2s 1 forwards;
  -o-animation: phone2 .3s ease .2s 1 forwards;
}

#radar{
  position: absolute;
  left: -1000px;
  top:-80px;
  z-index: 1000;
  background-color: transparent;
  width:3000px;
  height:660px;
  overflow: hidden;
  opacity:0;
  animation: radar .6s ease 1s 1 forwards;
  -moz-animation: radar .6s ease 1s 1 forwards;
  -webkit-animation: radar .6s ease 1s 1 forwards;
  -o-animation: radar .6s ease 1s 1 forwards;
}

@-webkit-keyframes phone1{from{left:-1000px;top:-2000px;}to{left:100px;top:50px;}}
@-moz-keyframes phone1{from{left:-1000px;top:-2000px;}to{left:100px;top:50px;}}
@-o-keyframes phone1{from{left:-1000px;top:-2000px;}to{left:100px;top:50px;}}
@keyframes phone1{from{left:-1000px;top:-2000px;}to{left:100px;top:50px;}}

@-webkit-keyframes phone2{from{left:270px;top:-2000px;}to{left:270px;top: 70px;}}
@-moz-keyframes phone2{from{left:270px;top:-2000px;}to{left:270px;top: 70px;}}
@-o-keyframes phone2{from{left:270px;top:-2000px;}to{left:270px;top: 70px;}}
@keyframes phone2{from{left:270px;top:-2000px;}to{left:270px;top: 70px;}}

@-webkit-keyframes radar{from{opacity:0;}to{opacity:1;}}
@-moz-keyframes radar{from{opacity:0;}to{opacity:1;}}
@-o-keyframes radar{from{opacity:0;}to{opacity:1;}}
@keyframes radar{from{opacity:0;}to{opacity:1;}}


.es_web_tv{
  display:block;
  float:right;
  margin-right:83px;
  margin-top:92px;
  width:478px;
  height:290px;
}
.es_web_tv:hover{
  -moz-box-shadow: 0px 0px 100px #31C27C; /* 老的 Firefox */
  box-shadow: 0px 0px 100px #31C27C;
}