.wrapper {
    width: 100%;
    margin: 0 auto;
}


.footer {
  background: #1e7ab9;
  /*
  background: linear-gradient(to top ,#0575e6,#0b5eca,#0b47af,#083194,#021b79);    
  background: -webkit-linear-gradient(to top ,#0575e6,#0b5eca,#0b47af,#083194,#021b79);
   background: -moz-linear-gradient(to top ,#0575e6,#0b5eca,#0b47af,#083194,#021b79);
  */
}

.clear:after {
        visibility: hidden;
         display: block;
       font-size: 0;
       content: " ";
       clear: both;
       height: 0;
       z-index: 0;
    }

.footinfo {
  width: 1250px;
  margin: 0 auto;
  padding: 20px 0;
  
}

.footinfo .foottop {
  width: 100%;
}

.foot-left {
  width: 30%;
  padding: 5px 10px;
  margin-right: 12%;
}


.foot-left .wechat-left h2  {
  font-size: 24px;
  font-weight: 400;
  color: #fff;
  padding: 10px 10px;
  margin: 0;
  border-bottom: 1px solid #fff;
}

.foot-left .wechat-left h4  {
  font-size: 14px;
  color: #fff;
  line-height: 28px;
  }

.foot-left .wechat-left .wechat-icon  {
  font-size: 60px;
  color: #fff;
  }


.foot-left .wechat-right {
  width: 50%;
}

.foot-left li, .foot-right li {
  height: 30px;
  line-height: 30px;
}

.foot-left li a {
  font-size: 14px;
  color: #fff;
}

.foot-mid {
  width: 16%;

}

.foot-right {
  width: 30%;
    margin-left: 10%; 
}

.foot-right .tit, .foot-right a , .footbottom a{
  color: #fff;
}

.foot-right .tit {
  font-size: 16px;
  font-weight: bold;
}

.foot-right a {
  font-size: 14px;
  }

.footbottom {
  width: 100%;
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  margin: 10px 0;
  font-size: 14px;
  color: #fff;
  text-align: center;
  border-top: 1px solid #fff;
}

.footbottom span {
    margin: 0 20px;
}