
/*顶部导航*/
.logodiv{
    height: 80px;
    width: 645px;
    position: absolute;
    left: 0;
    top: -83px;
    z-index: 1000;
    background:  #fff;
    border-bottom: 1px solid #e5e5e5;
    opacity: 0;
}
.hp1_logo{
    width:100px;
    position: absolute;top:25px;left: 30px;
}
.hp1_open{

    position: absolute;top:9px;right: 14px;
}

.hp1_en {
    position:absolute;top:9px; right:104px;
}

#nav_title{
    position: absolute;top:28px;left: 262px;
    width:130px;height: 25px;
    overflow: hidden;
}

/*0 33 66 99*/
#nav_title_img{
    position: absolute;top:33px;
}



/* 切换国家 by Ethan 2019-09-04 */
.lang-global {position:absolute; top:9px; right:104px;}
.langs-select {width:100%; position:absolute; top:0; left:0; z-index:1000; font-size:18px; text-align:center; background:#fff; -webkit-transform:translate(0,-100%);}
.langs-select.in {animation:lang-in .8s forwards;}
.langs-select.out {animation:lang-out .8s forwards;}
@keyframes lang-in {
    from {-webkit-transform:translate(0,-100%);}
    to {-webkit-transform:translate(0,0);}
}
@keyframes lang-out {
    from {-webkit-transform:translate(0,0);}
    to {-webkit-transform:translate(0,-100%);}
}
.langs-close {position:absolute; top:20px; right:20px;}
.langs-head {line-height:84px; font-weight:bold; font-size:22px;}
.langs-list {padding-bottom:20px;}
.langs-list a {line-height:60px; display:block; text-decoration:none; color:#878a8b;}
.langs-list a:hover, .langs-list a:active {background:#f7f7f7;}










#nav{
    position: fixed;top:0px;left: 0px;
    width:645px;
    height: 1136px;
    overflow: hidden;
    opacity:0;

     /*z-index: 300;*/
}

#nav_logo{
    position: absolute;top:50px;left: 0px;
    width:100%;
    text-align: center;
}

#nav_close{
    width:200px;
    height: 200px;
    position: absolute;top:0px;left:435px;

}

#nav_close img{
    position: absolute;top:25px;left:130px;
}

#nav_content{
    position: absolute;top:0px;left: 0px;
    width:640px;
    height: 600px;


}

#nav_content img{
    position: absolute;
}
#nav_nav1{
    top:163px; left: 265px;

}
#nav_nav2{
    top:305px; left: 265px;
}
#nav_nav3{
    top:420px; left: 265px;
}
#nav_nav4{
    top:558px; left: 250px;
}







#share{
    width: 100%;
    position: absolute;top:740px;left: 0px;
}
#sina{
    /*position: absolute;left: 175px;top:0px;*/
    position: absolute;left: 225px;top:0px;
}
#weibo{
    /*position: absolute;left: 290px;top:0px;*/
    position: absolute;left: 265px;top:0px;
}
#weixin{
    position: absolute;left: 365px;top:0px;
}



#img_bg{
    width:645px;
    position: absolute;top:0px;left: 0px;

}





.flake{
    position: absolute;top:-50px;left: -50px;
    opacity: .7;
    width:845px;height: 1236px;


}


#snowline{
    position: absolute;top:0px;
    left: -20px;opacity: .3;
    width: 845px;
}

#canvas_DIV{
    position: absolute;top:0px;left: 0px;
}


















/*loading---------------------------
#loadingDIV{
    position: absolute;top:0px;left: 0px;
    background-color: #ffffff;
    width: 645px;
    height: 1136px;
    z-index: 1500;
}

#loading_text{
    position: absolute;top:450px;left: 260px;
}*/