/*公共头部begin*/

/*公共头部end*/

/*公共底部begin*/
#footer{
    max-width: 640px;
    min-width: 320px;
    width: 100%;
    background-color: #222;
    margin: 0 auto;
    color: #777;
    text-align: center;
    padding: 0.1rem 0;
    /*clear: both;*//*此处用它无法体现出margin上边距*/
}
#footer a{color: #777;}
#footer .top{
    padding: 0 0 0.05rem 0;
}
/*媒体查询，大于480px小于640px*/
@media (min-width: 480px)and(max-width: 640px){
 
}
/*小于480px 小于320px时不做处理*/
@media (max-width:480px) {

}
/*公共底部end*/

/*公共底部导航begin*/
.foot-main{
    clear: both;
    overflow: hidden;
    max-width: 640px;
    min-width: 320px;
    width: 100%;
    position: fixed;
    bottom:0;
    /*此处若不加top:0;可能会导致z-index: 9999;没有效果，故这里加上！*/
    z-index: 999;
    text-align: center;
    background: #fff;
    padding: 6px 0;
    line-height: 1.8;
    border-top: 1px solid #999999;
}
.foot-main ul{padding: 0 1%}
.foot-main ul li{
    width: 25%;
    float: left;
    text-align: center;
    display: block;
    padding: 0 0;
}
.foot-main ul li:hover{background: #e7e9fe;border-radius: 3px;}
.foot-main ul li a{ color: #666;}
.foot-main .phone i{
    width: 36px;
    height: 29px;
    background: url(../image/phone.png) no-repeat center;
    background-size: cover;
    display: block;
    margin: 0 auto;
}
.foot-main .zaixian i{
    width: 36px;
    height: 29px;
    background: url(../image/zaixian.png) no-repeat center;
    background-size: cover;
    display: block;
    margin: 0 auto;
}
.foot-main .suoqu i{
    width: 36px;
    height: 29px;
    background: url(../image/suoqu.png) no-repeat center;
    background-size: cover;
    display: block;
    margin: 0 auto;
}
.foot-main .shiting i{
    width: 36px;
    height: 29px;
    background: url(../image/shiting.png) no-repeat center;
    background-size: cover;
    display: block;
    margin: 0 auto;
}
/*公共底部导航end*/