#footer { background-image:url('../img/footer/footer_bg.jpg'); background-size:cover; background-position:center; background-repeat:no-repeat; position:relative; }
#footer:after { width:180px; height:180px; content:''; background-color:#fff; display:block; position:absolute; left:-90px; top:-90px; transform:rotate(45deg); }
#footer a.topbtn { display:inline-block; width:70px; height:70px; background-color:#29292b; position:relative; position:absolute; top:-35px; right:100px; transition-duration:0.3s; }
#footer a.topbtn:hover { background-color:#004098; transition-duration:0.3s; }
#footer a.topbtn img { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); height:23px !important; }
#footer .sitemap {  }
#footer .sitemap .wrap { overflow:hidden; border-left:1px solid #252423; border-right:1px solid #252423; }
#footer .sitemap p { color:#fff; font-size:20px; font-weight:300; padding:40px 0 40px 20px; width:200px; float:left; box-sizing:border-box; }
#footer .sitemap p span { font-size:15px; font-weight:300; line-height:32px; display:block; }
#footer .sitemap .div { float:left; width:calc(100% - 200px); border-left:1px solid #252423; box-sizing:border-box; }
#footer .sitemap .div ul { overflow:hidden; border-bottom:1px solid #252423; box-sizing:border-box; padding:0 0 0 40px; }
#footer .sitemap .div ul li { float:left;}
#footer .sitemap .div ul li a { font-size:18px; color:#eee; padding:35px 0 20px; display:inline-block; }
#footer .sitemap .div ol { overflow:hidden; box-sizing:border-box; padding:20px 0 0 43px; }
#footer .sitemap .div ol li { float:left;  min-height:190px; }
#footer .sitemap .div ol li a.tit { display:none; }
#footer .sitemap .div ol li a { font-size:15px; font-weight:300; color:#dedede; display:block; padding:4px 0; line-height:25px; }
#footer .copyright { background-color:rgba(17,17,17,0.6); padding:50px 0; text-align:center; }
#footer .copyright p { font-size:16px; color:#eee; font-weight:300; padding:0 0 10px; }
#footer .copyright span { display:block; color:#eee; font-size:14px; font-weight:300; display:block; }



@media screen and (max-width:1280px) {
  #footer:after { width:120px; height:120px; top:-60px; }
  #footer .sitemap p { padding:40px 0 40px 20px; width:190px; }
  #footer .sitemap .div { width:calc(100% - 190px); }
  #footer .copyright { padding:25px 0 60px; }
  #footer a.topbtn { right:30px; width:55px; height:55px; }
  #footer a.topbtn img { height:19px !important; }
}


@media screen and (max-width:1024px) {
  #footer .sitemap p { padding:40px 0 40px 5px; }
  #footer .sitemap .div ol { padding:10px 0 0 25px; }
  #footer .sitemap .div ul { padding:0 0 0 25px; }

}

@media screen and (max-width:768px) {
  #footer:after { width:40px; height:40px; left:-20px; top:-20px; }
  #footer .sitemap .wrap { padding:0; }
  #footer .sitemap p { display:none; }
  #footer .sitemap .div { width:100%; border:0; }
  #footer .sitemap .div ul { padding:0 35px; }
  #footer .sitemap .div ol { padding:10px 35px 0; }
  #footer .sitemap .div ul li a { font-size:16px; }
}

@media screen and (max-width:640px) {
  #footer a.topbtn { right:20px; }
  #footer .sitemap .div ul { display:none; }
  #footer .sitemap .div ol { padding:35px 25px 0; }
  #footer .sitemap .div ol li { width:50%; min-height:175px; }
  #footer .sitemap .div ol li a.tit { display:block; font-weight:500; font-size:15px; padding:0 0 6px; }
  #footer .sitemap .div ol li a { font-size:14px; line-height:20px; }
  #footer .copyright { padding:5px 0 60px; }
  #footer .copyright p { font-size:15px; line-height:24px; padding:0 40px 10px; box-sizing:border-box; }
  #footer .copyright span { font-size:13px; }


}