.foot {background: url(../img/footerbg.jpg) no-repeat center bottom #2c2933;width: 100%;height: auto;overflow: hidden;position: relative;top: 100px;}
.foot .footBox{margin-top: 50px;}
.foot .contain{margin: 0 auto;max-width: 1200px;}
.foot .footBox ul,.foot .footBox .contact,.foot .footBox .public{line-height: 32px;}


.foot .footBox a, .foot .footBox .contact p,.foot .footBox .public p{color: #888;font-size: 12px;}

.foot .footBox ul,.foot .footBox .contact{width: 180px;height: 200px;float: left;}
.foot .footBox .contact{margin-right: 80px;}
.foot .footBox .public{width: 160px;height: 240px;float: left;}
.foot .footBox ul li h2{font-size: 16px;color:#d4d4d4;margin-bottom: 5px;}
.foot .footBox .contact h2,.foot .footBox .public h2
{font-size: 16px;color:#d4d4d4;margin-bottom: 5px;}

.foot .footBox .public a{color: #f18226;}

.foot .foot-bottom{text-align: center;width: 100%;}
.foot .foot-bottom{margin-bottom: 24px;font-size: 12px;color: #999;}
.foot .foot-bottom a{color: #999;display: inline-block;margin-left:14px;}

@media screen and (max-width: 1230px){ 
	  .foot .footBox .contact,.foot .footBox .public{width: 170px;margin-right: 0px;text-align: center;}
 }
@media screen and (max-width: 1200px){

   .foot .contain{width: 100%;}

   .foot .footBox ul{margin-right: 0px;width: 170px;text-align: center;}
  

  
}

@media screen and (max-width: 1000px){

  .foot .footBox ul {
      width: 120px;
      margin-right: 60px;
      margin-left: 1%;
      float: left;
    }
  .foot .footBox .contact{margin-left: 180px;}
}
@media (max-width: 768px){ 
	.foot .contain{width: 100%;}
    .foot .footBox{display:none;}
    .foot .foot-bottom{width: 90%;margin: 0 auto;height: 50px;line-height:2}

}