.clearfix{zoom:1;}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}
.clearfix:after{clear:both;}
.container{padding:0 10px;width:1200px;margin:0 auto}
.footer{background:url(/static/images/bg3.jpg) no-repeat top center /cover #242424; padding: 35px 0 0; color: #FFF;}
.footer .tits{ text-align: center; font-size: 28px; position: relative; }
.footer .tits:before{ position: absolute; left:50%; top: 50px; margin-left: -16px; width: 33px; height: 2px; content: ''; }
.footer .tits p{ font-size: 16px; color: #ececec; }
.footer .feedback{ display: flex; justify-content: center; align-items: center; margin: 40px 0; }
.footer .feedback input{ flex:1; margin-right:20px ; height: 60px; border:1px solid #3b3b3b; color: #999; background-color: transparent; padding-left: 15px; }
.footer .feedback input::placeholder{ color: #999; }
.footer .feedback button{ background-color: #eb6300; color: #FFF; width: 240px;  height: 62px; border:none; font-size: 18px; text-align: center; }
.footer .contact li{ float: left; color: #9b9b9b; margin-right: 30px; display: flex; justify-content: flex-start; align-items: center; }
.footer .contact li .icon{ margin-right: 14px;  }
.footer-copy{ margin-top: 30px; border-top: 1px solid #4c4c4c; color: #aaaaaa; line-height: 50px; text-align: center; }
.footer-copy a{color: #aaaaaa;}

@media screen and (max-width: 767px) {
    .container{width: auto; }
    .footer-fix {display: block;}
    .footer .tits{ font-size: 22px;  }
    .footer .tits:before{ top: 40px;}
    .footer .feedback{ flex-wrap: wrap;  margin: 20px 0;  }
    .footer .feedback input{ flex: 100%; margin-right:0; height: 40px; border:1px solid #999; margin-bottom: 15px; }
    .footer .feedback button{ width: 100%; height: 40px; }
    .footer .contact li{ width: 100%; margin-right: 0; margin-bottom: 15px; }
    .footer-copy{ margin-top:10px; line-height: 23px; padding: 10px 0; }

}