@charset "utf-8";

/* CSS Document */

#footer{

    width: 100%;

    padding-top: 30px;

    background:url(../images/footer_bg.png)repeat-x;

}

#footer li,

#footer_bottom li{

    list-style: none;

}

#footer_top{

    width: 1000px;

    height: 166px;

    margin: 0 auto;

    position: relative;

}

#footer_top:after{

    content: '';

    display: block;

    clear: both;

}

#footer_top a.gotop{

    width: 46px;

    height: 46px;

    display: block;

    background: url(../images/gotop.png)top no-repeat;

    position: absolute;

    top: -55px;

    right: -80px;

}

#footer_top a.gotop:hover{

    background: url(../images/gotop.png)bottom no-repeat;

}

#footer_top .title{

    font-family: 'Georgia';

    background: url(../images/footer_title.png)left center no-repeat;

    color: #FFF;

    font-size: 18px;

    padding-left: 20px;

    letter-spacing:2px;

    border-bottom: 1px dotted #FFF;

    padding-bottom: 10px;

    margin-bottom: 15px;

}

#footer_top .info{

    width: 320px;

    float: left;

    color: #07212D;

    margin-right: 54px;

}

#footer_top .info li{

/*     background: url(../images/footer_info.png);

    background-repeat: no-repeat; */

    padding-left: 5px;

    margin-bottom: 8px;

}

#footer_top .info li:nth-child(1){

    background-position: left top;

}

#footer_top .info li:nth-child(2){

    background-position: left -15px;

}

#footer_top .info li:nth-child(3){

    background-position: left -30px;

}

#footer_top .info li:nth-child(4){

    background-position: left -45px;

}

#footer_top .menu{

    width: 234px;

    float: left;

    margin-right: 30px;

}

#footer_top .menu li{

    width: 115px;

    float: left;

    margin-bottom: 10px;

}

#footer_top .menu a{

    color: #07212D;

    background: url(../images/footer_menu.png)left no-repeat;

    padding-left: 18px;

    -webkit-transition: all 200ms linear;

   -moz-transition: all 200ms linear;

     -o-transition: all 200ms linear;

	transition: all 200ms linear;

}

#footer_top .menu a:hover{

    color: #FFF;

    background: url(../images/footer_menu_.png)left no-repeat;

}

#footer_top .other{

    width: px;

    float: left;

    margin-top: 15px;

}

#footer_top .other li{

    width: 80px;

    float: left;

    margin-right: 5px;

}
.other .down{
    width: 78px;

    height: 96px;

    display: inline-block;
}
.other .fans a,
.other .down a{

    width: 78px;

    height: 96px;

    display: inline-block;

    border: 1px solid #FFF;

    -webkit-transition: all 200ms linear;

   -moz-transition: all 200ms linear;

     -o-transition: all 200ms linear;

	transition: all 200ms linear;

}
#footer_top .other .down a{
	display:none;
}
.other .fans a:hover,

.other .down a:hover{

    border: none;

}

.other .fans a{

    background: url(../images/fans.png)no-repeat,rgba(225,225,225,0.5);

}

.other .down a{

    background: url(../images/down.png)no-repeat,rgba(225,225,225,0.5);

}

.other .fans a:hover{

    background: url(../images/fans.png)no-repeat;

}

.other .down a:hover{

    background: url(../images/down.png)no-repeat;

}

.other .qr{

    border: 5px solid #FFF;

    margin-top: 5px;

}

.other .qr+.qr{

    margin-left: 2px;

}

#footer_bottom{

    width: 800px;

    margin: 0 auto;

    font-size: 13px;

    color: #525252;

    margin-bottom: 10px;

}

#footer_bottom .copyright{

    display: inline-block;

    margin-right: 50px;

}

#footer_bottom .copyright a{

    color: #535353;

}

#footer_bottom .copyright a:hover{

    color: #535353;

    text-decoration: underline;

}

#footer_bottom .community{

    display: inline-block;

}

#footer_bottom .community li{

    width: 20px;

    height: 18px;

    float: left;

    background-image: url(../images/community/btn.png);

    background-repeat: no-repeat;

    margin-left: 15px;

    -webkit-transition: all 200ms linear;

   -moz-transition: all 200ms linear;

     -o-transition: all 200ms linear;

	transition: all 200ms linear;

}

#footer_bottom .community button{

    width: 20px;

    height: 18px;

    border: none;

    background: none;

    cursor: pointer;

}

.community li:nth-child(1){ background-position: left top;}

.community li:nth-child(2){ width: 21px; background-position: -18px top;}

.community li:nth-child(3){ background-position: -40px top;}

.community li:nth-child(4){ background-position: right top;}



.community li:nth-child(1):hover{ background-position: left bottom;}

.community li:nth-child(2):hover{ background-position: -18px bottom;}

.community li:nth-child(3):hover{ background-position: -40px bottom;}

.community li:nth-child(4):hover{ background-position: right bottom;}