@charset "utf-8";
/* CSS Document */

.foot{ background:#222; padding-top:50px;}
.footl{float:left;}
.footr{float:right; text-align:center; color:#fff; margin-top:-60px;}
.flogo{ max-height:50px;}
.flogo img{height:50px; width:auto;}
.footl ul{ display:block; padding:40px 0;}
.footl ul li{float:left; color:#fff; font-size:16px; line-height:40px; margin-right:30px;}
.footr img{ height:120px; width:120px; border:1px solid #fff; margin-bottom:10px;}
.copy{line-height:40px; color:#FFFFFF; margin-top:40px; border-top:1px solid #666; text-align:center; background:#111; padding:0 10px;}
.copy a{color:#fff;}
.copy a:hover{color:#0763a4;}
.backtotop {
position: fixed;
bottom: 40px;
right: 20px;
background-color: #33333366;
font-size: 14px;
text-align: center;
padding: 10px 15px;
box-sizing: border-box;
cursor: pointer;
color: #fff;
border:1px solid #fff;
display: none;
border-radius:5px;
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;}
.backtotop:hover{background:#fff; color:#333;}


@media screen and (max-width: 1111px) {
.footl{ width:690px;}
.footr{ margin-top:-30px;}
}
@media screen and (max-width: 865px) {
.footl{ width:510px;}
}
@media screen and (max-width: 688px) {
.footl{ width:307px;}
.footr{ margin-top:40px;}
}
@media screen and (max-width: 484px) {
.footl ul{padding:20px 0;}
.footl ul li{float:none;}
.footr{float:none;}
.footr img{margin:10px auto;}
}