.bgc_brand {
    position: relative;
    background-color: white;
    top: 96px;
    padding-bottom:120px;
    z-index:99;
}
.clearfix:after,.clearfix:before {
  content: " ";
  display: table
}

.clearfix:after {
  clear: both
}
.wrap {
  padding: 120px 10%;
  margin: auto
}
@media (min-width:1600px) {
  .wrap {
    padding-left: 20%;
    padding-right: 20%
  }
}
@media (max-width:800px) {
  .wrap {
    padding: 90px 50px
  }
}
@media (max-width:767px) {
  .wrap {
    padding: 40px 30px
  }
  .bgc_brand {
    padding-bottom: 0px;
  }
}
footer{
  position: relative;
  display: block
}
footer .wrap {
  padding-top: 60px;
  padding-bottom: 60px;
  background-color: white;
}

footer #share {
  position: absolute;
  top: -40px;
  right: 10%;
  width: 320px;
  background-color: #fff;
  padding: 20px;
  z-index: 800
}

footer #share .title {
  line-height: 40px;
  margin-left: 10px;
  float: left
}

footer #share .share_btns {
  float: right
}

footer #share .iconbtn {
  border: none
}

footer a,footer span {
  display: inline-block;
  color: black;
  border-bottom: 1px solid transparent
}

footer .title.c_white {
  margin-bottom: 20px;
    font-weight: bolder;
}

footer #qrcodes,footer .footinfo {
  float: left
}

footer .footinfo {
  margin-right: 50px
}

footer #qrcodes ul li {
  display: inline-block;
  float: left;
  margin-left: 10px
}

footer #qrcodes ul li:first-child {
  margin: 0
}

footer #qrcodes img {
  width: 86px;
  height: 86px;
  margin-bottom: 5px
}

footer .footinfo ul {
  padding-bottom: 10px;
  /* border-bottom: 1px solid #fff */
}

footer .footinfo ul li {
  /* display: inline-block; */
  margin-right: 20px;
  line-height:24px;
}

footer .footinfo .btm {
  /* margin: -1px 0 0; */
  color:#aeaeae;
  font-size: 12px;
  line-height: 2;
  /* padding-top: 10px; */
  /* border-top: 1px solid #fff */
}

footer .footinfo .inline {
  display: inline
}

.no-touch #qrcodes a:hover,.no-touch footer .footinfo a:hover {
  border-color: #fff
}
@media (min-width:767px) {
footer .footvalue{
    display:inline-block;
  }
}
@media (max-width:767px) {
  footer.mt120 {
    margin-top: 0
  }

  footer #share {
    position: relative;
    width: 100%;
    top: 0;
    right: 0;
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    padding:10px;
  }

  footer .wrap {
    padding-top: 30px;
    padding-bottom: 30px
  }

  footer #qrcodes {
    margin-right: 0;
    margin-bottom: 30px;
    float: none
  }

  footer #qrcodes img {
    width: 80px;
    height: 80px
  }

  /* footer .footinfo .btm {
    font-size: 12px
  } */
  footer .footinfo{
  margin-right: 0px
  }
  footer .footvalue{
    display:block;line-height:24px;
  }
}
.iconbtn {
  display: inline-block;
  width: 32px;
  height: 32px;
  line-height: 32px;
  font-size: 20px;
  text-align: center;
  float: left;
  margin-left: 5px;
  color: #838383;
  background-color: #838383;
  /* border: 1px solid #838383; */
  border-radius: 20px
}


.icon-weibo{
  background:url(../image/icon-weibo.png) no-repeat;
}
.icon-tencent-weibo{
  background:url(../image/icon-tencent-weibo.png) no-repeat;
}
.icon-iconfont-qrcode{
  background:url(../image/icon-iconfont-qrcode.png) no-repeat;
}
.icon-twitter{
  background:url(../image/icon-twitter.png) no-repeat;
}
.icon-facebook{
  background:url(../image/icon-facebook.png) no-repeat;
}
.icon-weibo:hover{
  background:url(../image/icon-weibo-hover.png) no-repeat;
}
.icon-tencent-weibo:hover{
  background:url(../image/icon-tencent-weibo-hover.png) no-repeat;
}
.icon-iconfont-qrcode:hover{
  background:url(../image/icon-iconfont-qrcode-hover.png) no-repeat;
}
.icon-twitter:hover{
  background:url(../image/icon-twitter-hover.png) no-repeat;
}
.icon-facebook:hover{
  background:url(../image/icon-facebook-hover.png) no-repeat;
}
.iconbtn:hover {
  background-color: #838383;
  color: #fff
}