.footer{position: relative;
		background:#dceeff;}
.footer:before{position: absolute; top: 0; right: 0; left: 0; content: ""; height: .1875em; background: #689ee3;}
.setIE.ie8 .footer{background:  url(../image/footer_bg.png) repeat-x top #fff;}
.setIE.ie9 .footer{background:  url(../image/footer_bg.png) repeat-x top #fff;}

.friendship-layer{position: relative;}
.friendship-layer > .container{border-bottom: 1px solid #c1d0f6;}
.friendships{ margin-right: -15px; margin-left: -15px; font-size: 15px;}
.friendships .select{float: left; padding-bottom: 30px;}
.friendships .select dt{position: relative; z-index: 11; margin-top: 30px; margin-right: 15px; margin-left: 15px;}
.friendships .select dt a{display: block; position: relative; padding-right: 12px; padding-left: 10px; height: 34px; line-height: 34px; background: #fff; box-shadow: 5px 3px 15px rgba(0,0,0,.05); cursor: pointer;}
.friendships .select dt a i{position: absolute; top: 50%; right: 10px; line-height: 1em; margin-top: -.5em;  -webkit-transition: all linear .4s; -moz-transition: all linear .3s; -o-transition: all linear .3s; transition: all linear .3s;}
.friendships .select dt a:hover{color: inherit;}
.friendships .select.on dt a{color: #2588e5; box-shadow: 5px 3px 15px rgba(0,0,0,.1);}
.friendships .select.on dt a i{-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
.friendships .select dd{position: absolute; right: 0; left: 0; bottom: 95px; z-index: 99; display: none; background: #fff; box-shadow: 0 -5px 10px rgba(0,0,0,.05);}
.friendships .select dd ul{padding: 15px 0;}
.friendships .select dd ul li{float: left;}
.friendships .select dd ul li a{display: inline-block ; padding: 5px;}
.friendships .select dd ul.col4 li{width: 25%;}
.friendships .select dd ul.col5 li{width: 20%;}
.friendships .select dd ul.col6 li{width: 16.66667%;}

.friendships.col-5 .select{width: 20%;}
.friendships.col-4 .select{width: 25%;}
.friendships.col-3 .select{width:33.33333%;}

@media (max-width:1500px){
  .friendships{margin-left: -10px;}
  .friendships .select dt{margin-right: 10px; margin-left: 10px;}
}
@media (max-width:1280px){
  .friendship-layer > .container{padding: 5px 0 20px !important;}
  .friendships{margin-right: -7px; margin-left: -8px;}
  .friendships .select{position: relative; padding-bottom: 0;}
  .friendships .select dt{margin-top: 15px; margin-right: 7px; margin-left: 8px;}
  .friendships .select dd{top: 51px; right: 7px; left: 8px; bottom: auto; padding: 10px 0 10px 10px; box-shadow: 0 0 15px rgba(0,0,0,.05);}
  .friendships .select dd > .container{width: auto !important; padding: 0;}
  .friendships .select dd ul{padding: 0; max-height: 278px; overflow: auto;}
  .friendships .select dd ul li{width: 100% !important;}
  .friendships .select{width: 50% !important;}
}
@media (max-width:768px){
  .friendships{margin-right: 7px; margin-left: 8px;}
}
@media (max-width:450px){
  .friendships .select{width: 100% !important;}
  .friendships .select dd{position: static; z-index: 11; margin-right: 7px; margin-left: 8px;}
  .friendships .select dd ul{max-height: 148px;}
}
.setIE.ie8 .friendships .select dd{border-top: 1px solid #e6e6e6;}

.footer .bqxx{margin-right: -10px; margin-left: -10px; font-size: .9375em; line-height: 2.25em;}
.footer .bqxx span{display: inline-block; margin-right: 10px; margin-left: 10px;}
.footer .bqxx span.beian{white-space: nowrap;}
.footer .bqxx span.beian img{margin-right: 5px;}
.footer-card{position: relative; z-index: 1; padding: 0px 0;}
.footer-menu{margin: 0 -10px 1em; text-align: left;}
.footer-menu li{display: inline-block;}
.footer-menu li a{display: inline-block; margin-right: 10px; margin-left: 10px;}
.footer-menu li.last font{display: none;}
.footer-menu li:last-child font{display: none;}
.footer-grid{position: relative; padding-right: 30%; text-align: left;}
.footer-grid .biaozhi{position: absolute; top: 50%; right: 0; margin-top: -40px; width: 50%; text-align: left;}
.footer-grid .biaozhi span{display: inline-block; text-align:center; font-weight:bolder; margin-left:20px;}
.footer-grid .biaozhi span#_span_jiucuo{margin-right: 10px;}
.footer-grid .biaozhi span#_span_jiucuo img{background: #dcdde1; box-shadow: 0 0 6px rgba(0,0,0,.1);}
.footer-grid .biaozhi span#_span_wzafw img{background: #dcdde1; box-shadow: 0 0 6px rgba(0,0,0,.1);}
@media (max-width:1200px){
  .footer-grid{padding-right: 0; padding-left: 0; text-align: center;}
  .footer-grid .biaozhi{position: static; display: inline-block; margin-top: .625em; width: auto; text-align: center;}
  .footer-grid .biaozhi span{display: inline-block; vertical-align: middle;}
  .footer-grid .wangluo{position: static; display: inline-block; margin-top: .625em; width: auto; text-align: center;}
  .footer-grid .wangluo a{display: inline-block; margin: 0 5px;}
  .footer-menu{margin-bottom: .625em; text-align: center;}
  .footer-menu li{float: none; display: inline-block; margin-top: .3125em; margin-left: -4px;}
  .footer-menu li a{margin-bottom: .3125em;}
}
@media (max-width:992px){
  .footer .bqxx span.none{display: none !important;}
}
@media (max-width:414px){
  .footer-menu{width: 280px; margin-right: auto; margin-left: auto;}
  .footer-grid .biaozhi span#__ideConac img{height: 70px;}
  .footer-grid .biaozhi span#_span_jiucuo img{height: 45px;}
  .footer-grid .biaozhi span#_span_wzafw img{height: 45px;}
}