@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700);*{box-sizing:border-box}body{font-family:'Lato',sans-serif;background:#222}.logo{width:145px;height:67px;position:absolute;top:-40px;bottom:0;left:0;right:0;margin:auto}.box{width:65px;height:65px;border:1px solid rgba(0,0,0,.5);border-radius:10px;background:#0074d9;color:#fff;font-size:28px;font-weight:200;line-height:65px;text-align:center;font-style:normal;position:absolute;left:0%;z-index:2;-webkit-animation:test 2s;animation:test 2s}.box a:hover{color:#222}/*.box:after{content:"";display:block;height:90%;width:1px;background:#fff;position:absolute;top:0;right:-10px;bottom:0;margin:auto;-webkit-animation:expand 2s;animation:expand 2s}*/a:link{text-decoration:none;color:#fff}a:visited{text-decoration:none;color:#fff}a:hover{color:#CC0000}a:active{text-decoration:none;color:#ffa500}.text{height:67px;color:#fff;padding-left:70px;line-height:67px;font-size:28px;font-weight:200;-webkit-animation:fade 2.5s;animation:fade 2.5s}
.ltd{width:250px;height:30px;position:absolute;top:80px;bottom:0;left:0;right:0;margin:auto}.boxs{width:240px;height:30px;border:1px solid rgba(0,0,0,.5);border-radius:10px;background:#FF0000;color:#FFFF00;font-size:14px;font-weight:200; font-family: "Microsoft YaHei" ! important;line-height:26px;text-align:center;font-style:normal;position:absolute;left:0%;z-index:2;-webkit-animation:test 2s;animation:test 2s}.boxs a:hover{color:#FFFF00}/*.box:after{content:"";display:block;height:90%;width:1px;background:#fff;position:absolute;top:0;right:-10px;bottom:0;margin:auto;-webkit-animation:expand 2s;animation:expand 2s}*/a:link{text-decoration:none;color:#fff}a:visited{text-decoration:none;color:#fff}a:hover{color:#CC0000}a:active{text-decoration:none;color:#ffa500}.texts{height:30px;color:#fff;padding-left:240px;line-height:30px;font-size:14px;font-weight:200;-webkit-animation:fade 2.5s;animation:fade 2.5s}

@-webkit-keyframes expand {
  0% { height: 0; }
  40% { height: 0; }
  60% { height: 80%; }
}@keyframes expand {
  0% { height: 0; }
  40% { height: 0; }
  60% { height: 80%; }
}@-webkit-keyframes test {
  0% { -webkit-transform: scale(0); transform: scale(0);  left: 39%; }
  40% { -webkit-transform: scale(1); transform: scale(1);  left: 39%;}
  60% { -webkit-transform: scale(1); transform: scale(1);  left: 39%;}
  100% { left: 0%; }
}@keyframes test {
  0% { -webkit-transform: scale(0); transform: scale(0);  left: 39%; }
  40% { -webkit-transform: scale(1); transform: scale(1);  left: 39%;}
  60% { -webkit-transform: scale(1); transform: scale(1);  left: 39%;}
  100% { left: 0%; }
}@-webkit-keyframes fade {
  0% { opacity: 0; }
  65% { opacity: 0; padding-left: 50px; }
  100% { opacity: 1; padding-left: 70px; }
}@keyframes fade {
  0% { opacity: 0; }
  65% { opacity: 0; padding-left: 50px; }
  100% { opacity: 1; padding-left: 70px; }
}