#loading {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
#loading canvas {
    position: absolute;
    z-index:7777;
}
#loading_center {
    width: 95%;
    max-width: 1200px;top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    position:absolute;
    z-index:8888;
    text-align:center;
    
}
.g-bg{
    position:absolute;
  	 top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 6666;
    background: url(/img/ydao.jpg) center center;
	-webkit-animation:mymove 1.2s ease-in;
    animation:mymove 1.4s ease-in;
}
.g-pic img{
    display:inline-block;
    width:auto;
}
.g-txt{
    font-size: 22px;
    line-height: 36px;
    color: #fff;
    margin-top: 30px;
}
.g-btn{
    text-align:center;
    margin-top: 40px;
}
.g-btn a{
    margin:0 3px;
}
.g-btn a.g-cn{
    display:inline-block;
    padding:8px 30px;
    background:#0a91fa;
    color:#fff;
    font-size:14px;
}
.g-btn a.g-cn:hover{
    background:#44adff;
}
.g-btn a.g-en{
    display:inline-block;
    padding:8px 30px;
    background:#089a49;
    color:#fff;
    font-size:14px;
}
.g-btn a.g-en:hover{
    background:#04cc5d;
}
@-webkit-keyframes mymove {
    0% {
      transform: scale(1.15);
      opacity:0;
    }
    100% {
      transform: scale(1);
      opacity: 1;
    }
}
@keyframes mymove {
    0%{
      transform: scale(1.15);
      opacity:0;
    }
    100%{
      transform: scale(1);
      opacity: 1;
    }
}

.delay800 {
    -webkit-animation-delay: 1.44s;
    -moz-animation-delay: 1.4s;
    -o-animation-delay: 1.4s;
    animation-delay: 1.4s;
}
.delay1200 {
    -webkit-animation-delay: 1.8s;
    -moz-animation-delay: 1.8s;
    -o-animation-delay: 1.8s;
    animation-delay: 1.8s;
}
.delay1400 {
    -webkit-animation-delay: 2.2s;
    -moz-animation-delay: 2.2s;
    -o-animation-delay: 2.2s;
    animation-delay: 2.2s;
}