.clear{clear: both;}
.footer {
    width: 100%;
    margin: 2% auto 0;
    background: #333333;
    overflow: hidden;
    float: left;
}

.footer-ins {
    width: 100%;
    max-width: 1340px;
    margin: 0 auto;
    padding: 4px 0 15px;
    text-align: center;
    font-size:15px;
}
.huoban {
    width: 103%;
    margin-left: -3%;
    margin-top: 8px;
    overflow: hidden;
    text-align: center;
}
.huoban li{width: 20%;margin-left:5%;list-style: none;display: inline-block;}
.huoban li img{width: 100%;max-width:100%;border-radius: 8px;opacity: 0.5;}
.huoban li img:hover{opacity: 1;}
.copyright{line-height: 40px;background:#222;color: #ddd;}
.copyright a{color:#ddd;text-decoration: none;}


@media only screen and (max-width: 1366px){
	.footer-ins {width: 77%;padding: 4% 0%;margin:0 auto;}
	.huoban {margin-left: -2.4%;}
}

@media only screen and (max-width: 1600px){
.footer-ins {width: 84%;padding: 1% 0%;margin:0 auto;}
.huoban {margin-left: -10%;}
}

@media only screen and (max-width: 1024px){
	.footer-ins { font-size:12px;}
}