.footer{ width: 100%; min-width: 1200px; overflow: hidden; color: #fff; background: #1e252f;}
.footer_top{border-bottom: solid 1px #545454;overflow: hidden;}
.footer_top_l {width: 85%;overflow: hidden;}
.footer_top_l ul li{width: 25%;display: block;line-height: 42px;font-size: 16px;}
.footer_top_r{width: 15%;overflow: hidden;}
.footer_top_r ul li{width: 27%;height: 45px;/* line-height: 40px; *//* text-align: center; */}

.footer_top_r ul li a{
    line-height: 54px;
    background: #191d26;
    display: block;
    outline: none;
    width: 100%;
    height: 45px;
}
.footer_top_r ul li a:hover{
    background: #ae2225;
}
.tabbox .content li{display:none;}
.tabbox .tab a.on{background:#E64E3F;color:#fff;text-decoration:none;}
.tabbox .content{overflow:hidden;padding:10px;position: absolute;top: 45px;z-index: 9999;right: 0;}
.tabbox .content li{display:none;}

.footer_main_r>img{width: 91px;height: 91px}
.footer_main{    border-bottom: solid 1px #484848;padding-bottom: 20px; width: 100%; overflow: hidden;}
.footer_main_l{width: 70%;border-right: solid 1px #929292;}
.footer_main_l ul li{ line-height: 30px;}
.footer_main_l ul li a{color: #b4b4b4;}
.footer_main_l ul li a:hover{color: #fff;}
.footer_navname{color: #e1e1e1!important; font-size: 16px; font-weight: bold; margin-bottom: 20px;}
.footer_main_r .text{color:#b4b4b4;line-height: 26px;}
.footer_main_r .phone{font-size: 18px;color: #fff;margin-bottom: 15px;}


.footer_else{width: 100%;overflow: hidden;border-bottom: solid 1px #484848;padding-bottom: 10px;}
.footer_else_name{ color: #cecece!important;}
.footer_else_nav{ overflow: hidden; margin-bottom: 15px; width: 100%;}
.footer_else ul li{ float: left; padding-left: 10px; padding-right: 33px; color: #8f8e8e;}
.footer_else ul li a{ display: block; color: #8f8e8e;}
.footer_else ul li a:hover{ color: #fff;}

.footer_last{ width: 100%; overflow: hidden;}
.footer_last ul li{  float: left; padding-right: 40px; color: #cecece;}
.footer_last p{color:#777777}
.relative{
    position: relative;
}



.footer_box {

    width: 188px;
    overflow: hidden;
}

.footer_box ul li {
    width: 45px;
    display: block;
    height: 50px;
    overflow: hidden;
    float: left;
    padding: 2px;
    margin-right: 16px;
    cursor: pointer;
}

.weixin {

    background: url(../img/footer/icon_wx.png) no-repeat;
    background-position: 0 86.7%;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}

.weixin:hover{
    background: url(../img/footer/icon_wx_hover.png) no-repeat; 
    background-position: 0 86.7%;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}

.weixin:hover .weixin-logo {
	width: 170px;
	height: 240px;
}

.idea {

	background: url(../img/footer/icon_q.png) no-repeat;
    background-position: 0 43%;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;

}

.idea:hover {
    background: url(../img/footer/icon_q_hover.png) no-repeat;
    background-position: 0 43%;
    -webkit-transition: all .3s;  
    -moz-transition: all .3s; 
    -ms-transition: all .3s;
    -o-transition: all .3s;
}
.idea:hover .idea-logo {

    width: 170px;
    height: 265px;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
}




.app {

    background: url(../img/footer/icon_wb.png) no-repeat;
    background-position: 0 55.5%;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    margin-right: 0px!important;

}

.app:hover {
    background: url(../img/footer/icon_wb_hover.png) no-repeat;
	background-position: 0 55.5%;

}

.app:hover .app-logo {

	width: 170px;
	height: 185px;
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);

}

.weixin-logo {

    background:url(../img/footer/code1.png) no-repeat;
    background-position: 0 0;
    width: 0px;
    height: 0px;
    overflow: hidden;
    position: absolute;
    top: 65px;
    right: 8px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    z-index: 99;
}

.idea-logo {

    background:url(../img/footer/qq.png) no-repeat;
    background-position: 0 2%;
    width: 0px;
    height: 0px;
    overflow: hidden;
    position: absolute;
    top: 65px;
    right: 8px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}