#footer {  }
#footer .sitemap {  }
#footer .sitemap .wrap {  }
#footer .info { background-color:#f6f6f6; padding:30px 0; }
#footer .info .wrap { overflow:hidden; font-size:13px; color:#4c4c4c; line-height:21px; }
#footer .info .wrap .txt { float:left; width:50%; }
#footer .info .wrap .txt ul { overflow:hidden; }
#footer .info .wrap .txt ul li { float:left; margin:2px 30px 2px 0; }
#footer .info .wrap .copyright { float:right; }

#footer .sitemap { background-color:#363636; padding:35px 0; }
#footer .sitemap .wrap { color:#fff; overflow:hidden; }
#footer .sitemap .txtleft { float:left; width:18%; }
#footer .sitemap .txtleft b { font-size:18px; font-weight:700; }
#footer .sitemap .txtleft p { font-size:25px; font-weight:300; margin:5px 0 0; }
#footer .sitemap .map { float:left; width:82%; padding:0 0 0 3%; box-sizing:border-box; border-left:1px solid #464646; box-sizing:border-box; }
#footer .sitemap .map ul { margin:-1%; overflow:hidden; }
#footer .sitemap .map ul > li { float:left; width:23%; margin:1%; }
#footer .sitemap .map ul > li strong { font-size:18px; font-weight:500; display:block; letter-spacing:-1px; padding:0 0 10px; margin:0 0 10px; border-bottom:1px solid #464646; }
#footer .sitemap .map ul > li ol {  }
#footer .sitemap .map ul li ol li {  }
#footer .sitemap .map ul li ol li a { color:#fff; font-size:15px; font-weight:300; padding:5px 0; display:block; }

@media screen and (max-width:1280px) {
  #footer .sitemap .txtleft { display:none; }
  #footer .sitemap .map { border:0; width:100%; padding:0; }
  #footer .sitemap .map ul { padding:0; margin:0; }

}

@media screen and (max-width:980px) {
  #footer .info .wrap .txt { float:inherit; padding:0 0 20px; }
  #footer .info .wrap .copyright { float:inherit; }
  #footer .sitemap { padding:30px 0 0; }
  #footer .sitemap .map ul > li { width:48%; padding:0 0 35px; min-height:177px; }
  #footer .sitemap .map ul li ol li a { padding:2px 0; }
}

@media screen and (max-width:640px) {
  #footer .sitemap { padding:20px 0 0; }
  #footer .sitemap .map ul > li { padding:0 0 20px; }
  #footer .sitemap .map ul > li strong { font-size:16px; padding:0 0 6px; margin:0 0 6px; }
  #footer .sitemap .map ul li ol li a { font-size:14px; }

  #footer .info .wrap .txt { width:100%; }

}



@media screen and (max-width:480px) {
  #footer .info .wrap { line-height:20px; }

}
