/* =============================================================
   GENERAL STYLES
 ============================================================ */
body {
    font-family: 'Open Sans', Arial;
	letter-spacing:1px;
    color:#fff;
}
  /* =============================================================
   FOOTER STYLES
 ============================================================ */
/* 取消<a>标签下划线 */
a {
	text-decoration: none;
}
		
.footer {
    text-align:right;
    color:#fff;
    background-color:rgb(27, 106, 131);
    padding:20px;
}

.fot1{ width:24px; height:23px;background: url(../img/ico1.png) center top ;background-size:100%; display:inline-block}
.fot2{ width:24px; height:23px;background: url(../img/ico2.png) center top;background-size:100%;display:inline-block}
.fot3{ width:24px; height:23px;background: url(../img/ico3.png) center top;background-size:100%; display:inline-block}
.fot4{ width:24px; height:23px;background: url(../img/ico4.png) center center no-repeat ;background-size:100%; display:inline-block}

#footer{ padding-top:7px; height:60px; background:#fff; line-height:20px; border-top:#eee solid 1px; position:fixed; bottom:0; width:100% }
#footer ul{ margin:0; padding:0;    -webkit-box-orient: horizontal;
    display: -webkit-box;}
#footer li{ -webkit-box-flex: 1; line-height:16px; text-align:center;}
#footer li p{ line-height:20px; padding:0;color:#555; margin:0}
#footer li.active p{ color:rgb(230,155,3)}
#footer li.active i{ background-position:center bottom}

@media only screen and (min-width:700px){
#footer { display:none}
.navbar-brand2{ display:none}

}

@media only screen and (max-width:700px){
.navbar-brand1{ display:none}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{ background:none}
.navbar-toggle{ float:left; margin-left:5px; border:none !important;}
.navbar-inverse .navbar-toggle .icon-bar{ background:#666; height:1px}
.navbar-toggle .icon-bar + .icon-bar{ margin-top:5px;}
.navbar-brand2{ position:absolute; left:50%; margin-left:-76px; top:-2px}
.navbar-inverse .navbar-nav > li > a{ font-size:16px; font-weight:normal}
.nav > li{ border-bottom:rgba(0,0,0,0.1) solid 1px}
.container > .navbar-header{ background:#fff}
.navbar-collapse{ position:fixed; left:0; height:100%}
body{-webkit-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s; overflow:auto; min-height:100vh}
body.hover{ position:fixed; height:100%; left:0; top:0; width:100%;-webkit-transform: translateX(60%);
    transform: translateX(60%);
    }
.navbar-collapse{ left:calc(-60% + 15px); top:0; min-height:100%; border:none; width:60%; background:#FF9933; height:100%!important;}
}