#welcome{
    width:100%; 
    background:#010101;
}
#welcome .logo{
    display: inline-block;
    text-align: center;
    width:100%;
    margin: 0 auto;
}
#welcome .logo .logobox{
    position: relative;
    display: inline-block;
}
/*#welcome .logo .logo1{
    display: inline-block;
    width:205px;
    height: 70px;
    background: url('../images/logo2.png') center center no-repeat;
    filter:Alpha(Opacity=20);
    opacity:0.2;
    margin-right: 65px;
}
#welcome .logo .logo_hswh{
    display: inline-block;
    width:257px;
    height: 70px;
    background: url('../images/logo_hswh2.png') center center no-repeat;
    filter:Alpha(Opacity=20);
    opacity:0.2;
    margin-left: 45px;
}
#welcome .logo .andicon{
    display: inline-block;
    width:17px;
    height: 70px;
    background: url('../images/andicon2.png') center center no-repeat;
    filter:Alpha(Opacity=20);
    opacity:0.2;
}*/
#welcome .logo .logo1{
    position: relative;
    display: inline-block;
    width:280px;
    height: 70px;
    background: url('../images/bo.png') center center repeat-x #424242;
    -webkit-mask: url('../images/logo_hswl.png') center center no-repeat;
    animation: load-mask-go 5s ease-in-out;
    z-index: 999;
    margin-right: 60px;
}
#welcome .logo .logo_hswh{
    position: relative;
    display: inline-block;
    width:280px;
    height: 70px;
    background: url('../images/bo.png') center center repeat-x #424242;
    -webkit-mask: url('../images/logo_hswh.png') center center no-repeat;
    animation: load-mask-go 7s ease-in-out;
    z-index: 999;
}
#welcome .logo .andicon{
    display: inline-block;
    width:17px;
    height: 70px;
    background: url('../images/bo.png') center center repeat-x #424242;
    -webkit-mask: url('../images/andicon.png') center center no-repeat;
    animation: load-mask-go 7s ease-in-out;
    margin-right: 60px;
}
#welcome .logo .hoverbg{
    display: none;
    position: absolute;
    width:280px;
    height: 280px;
    border-radius: 280px;
    background: #1B1B1B;/*#F00;*/
    top:-105px;
    z-index: 9;
}
#welcome .logo .hoverbg_big{
    display: none;
    position: absolute;
    width:350px;
    height: 350px;
    border-radius: 350px;
    background: #FFF;/*#FF0;*/
    top:-140px;
    left: -35px;
    z-index: 998;
    filter:Alpha(Opacity=0);
    opacity:0;
}
#welcome .logo .addon{
    animation: addon 0.3s ease-in-out;
}
#welcome .logo .rmon{
    animation: rmon 0.3s ease-in-out;
}
#welcome .logo .show{
    animation: hoverbg_big 0.6s ease-in-out;
}


@keyframes load-mask-go{
    0% {
        background-position-y: 50px;
        background-position-x: 0px;
    }
    100% {
        background-position-y: -24px;
        background-position-x: -700px;
    }
}
@keyframes addon{
    0% {
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
        -o-transform: scale(0.5);
        transform: scale(0.5);
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes rmon{
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
        -o-transform: scale(0.5);
        transform: scale(0.5);
    }
    50% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
    }
}
@keyframes hoverbg_big{
    0% {
        -webkit-transform: scale(0.25);
        -moz-transform: scale(0.25);
        -ms-transform: scale(0.25);
        -o-transform: scale(0.25);
        transform: scale(0.25);
        filter:Alpha(Opacity=25);
        opacity:0.25;
    }
    50% {
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -o-transform: scale(0.8);
        transform: scale(0.8);
        filter:Alpha(Opacity=25);
        opacity:0.25;
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        filter:Alpha(Opacity=0);
        opacity:0;
    }
}
@keyframes iconbounce{
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(0.9);
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -o-transform: scale(0.9);
        transform: scale(0.9);
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}