/*---- footer ----*/
footer {width:100%; min-width:1200px; height:130px; background:#111;}
.inner_footer {width:80%; margin:auto; padding-top:20px; overflow: hidden;}
.footer_left {width:860px; margin-top:10px;}
.footer_left ul {width:350px; overflow: hidden; padding:0; margin-bottom:20px;}
.footer_left ul li {margin:0 10px;}
.footer_left ul li:first-of-type {margin-left:0;}
.footer_left h1 {font-size:13px; margin-bottom:10px; width:430px; float:left; color:#999;}
.footer_left h2 {font-size:13px; margin-bottom:20px; width:430px; float:left; color:#999;}
.footer_left h3 {font-size:12px; color:#999;;}

@media (min-width:601px) and (max-width:1199px) {
    footer {min-width:300px; height:100%;}
    .inner_footer {width:95%; padding-bottom:30px; padding-top:30px;}
    .footer_left {width:100%;}
    .footer_left h1 {width:100%; font-size:12px; margin-bottom:5px;}
    .footer_left h1:nth-of-type(2) {margin-bottom:15px;}
    .footer_left h2 {width:100%; font-size:12px;}
    .footer_left h3 {width:100%; font-size:12px;}
    .footer_left h2:nth-of-type(1) {margin-bottom:5px;}
}

@media (max-width:600px) {
    footer {min-width:300px; height:100%;}
    .inner_footer {width:95%; padding-bottom:20px;}
    .footer_left {width:100%;}
    .footer_left h1 {width:100%; font-size:11px; margin-bottom:5px;}
    .footer_left h1:nth-of-type(2) {margin-bottom:15px;}
    .footer_left h2 {width:100%; font-size:11px;}
    .footer_left h3 {width:100%; font-size:11px;}
    .footer_left h2:nth-of-type(1) {margin-bottom:5px;}
}