.globehead{
    padding: 15px 0;
    border-bottom: 1px solid #363636;
}
.earth{
    height: 352px;
    overflow: hidden;
}
.earth .wrap{
    width: 1086px;
    height: 100%;
    margin: 0 auto;
    background-color: skyblue;
    position: relative;
    overflow: hidden;
}
.earth .wrap .ding{
    position: absolute;
}
.earth .wrap .font{
    width: 100%;
    height: 100%;
    background: url(../images/globe-sprite.png) -2px -830px no-repeat;
    position: absolute;
    left:0;
    top:0;
    /*opacity: 0.5;*/
}
.earth .wrap .back{
    width: 100%;
    height: 100%;
    background: url(../images/globe-sprite.png) 0 0 no-repeat;
    top:22px;
    left:0;
}
.earth .white{
    height: 262px;
    width: 1086px;
    background:  url(../images/globe-sprite.png) 0 -290px no-repeat;
    top:30px;
    left:400px;
}
.earth .black{
    height: 262px;
    width: 1086px;
    background:  url(../images/globe-sprite.png) 0 -552px no-repeat;
    top:30px;
    left:-400px;
}
.caption{
    height: 126px;
    padding-left: 100px;
    font-size: 26px;
    line-height: 126px;
    font-weight: 900;
    color: #fff;
}
.directorynav{
    padding-bottom: 20px;
}
.bottom{
    height: 70px;
    float: left;
    padding-left: 20px;
}
.bottom li{
    margin-right: 30px;
    line-height: 70px;
}