.section-7{background: #222;
    height: 330px;}
.foot{    margin: 0 auto;}
.footbottom{background:#161616;}
.footbottom p{    font-size: 14px;
    line-height: 46px;
    color: #fff;
    text-align: center;}
.foot ul li{font-size:14px;line-height:30px;color:#898989;}	
.foot .pic img{padding-bottom:90px;padding-top:100px;}
.foul{text-align:center;padding-top:70px;padding-bottom:70px;}
.ta{font-size:20px;color:#fff;}	
.bin{border-right:1px solid #393939;}
.bin a{color:#898989;font-size: 14px;text-decoration:none;}	
.er{padding-top:70px;padding-bottom:70px;padding-left:30px;}
.er img{padding-right:16px;padding-top: 21px;}
.xiao{padding-top: 74px;color:#fff;}
.xiao h2{font-size:14px;}
.xiao p{    font-size: 22px;
    font-family: fantasy;}
@media only screen and (max-width: 1200px){
	.container {
    margin-top: 0px;
    padding-bottom: 20px;
}
.section-7 {
    background: #222;
    height: 250px;
}

.container .banner {
    width: 100%;
    margin-top: 68px;
}
.foot .pic{display:none;}
.foul {
    text-align: center;
    padding-top: 70px;
    padding-bottom: 70px;
    display: none;
}
.col-xs-31 {
    width: 64%;
}
.er {
    padding-top: 37px;
    padding-bottom: 52px;
    padding-left: 26px;
}
.xiao {
    padding-top: 46px;
    color: #fff;
}
.col-xs-20 {
    width: 36%;
}
.xiao p {
    font-size: 20px;
    font-family: fantasy;
}
}	

@media screen and (max-width:414px) {
.er {
    padding-top: 35px;
    padding-bottom: 17px;
    padding-left: 46px;
}
.xiao {
    padding-top: 21px;
    color: #fff;
}
.section-7 {
    background: #222;
    height: 334px;
}
.footbottom p {
    font-size: 14px;
    color: #fff;
    text-align: center;
    position: relative;
    top: 11px;
}
.col-xs-20 {
    width: 42%;
}
.col-xs-31 {
    width: 51%;
}
}