/*公共*/
.main-content {
    margin-left: 220px;
    margin-right: 0;
    margin-top: 0;
    min-height: 100%;
    padding: 0;
    background-color: #f8f8f8
}
/*手机左侧导航图案*/
@media only screen and (max-width:991px) {
.sidebar {display: none;float: none;position: absolute;z-index: 999;left: 0;bottom: auto;top: auto!important; margin-top: 50px;border-left-width: 0;box-shadow: 2px 1px 2px 0 rgba(0,0,0,0.2)}
.sidebar.display {display: block}
.menu-toggler:hover {text-decoration: none}
.menu-toggler:before {-moz-transform-origin: 50% 50%;-moz-transform: translate3d(0, -5px, 0);-webkit-transform-origin: 50% 50%;-webkit-transform: translate3d(0, -5px, 0);transform-origin: 50% 50%;transform: translate3d(0, -5px, 0);background: #fff;content: '';height: 2px;left: 14px;position: absolute;top: 26px;width: 30px;-webkit-transition: transform 0.3s linear;-moz-transition: transform 0.3s linear;-o-transition: transform 0.3s linear;-ms-transition: transform 0.3s linear;transition: transform 0.3s linear;}
.menu-toggler:after {-moz-transform-origin: 50% 50%;-moz-transform: translate3d(0, 5px, 0);-webkit-transform-origin: 50% 50%;-webkit-transform: translate3d(0, 5px, 0);background: #fff;content: '';height: 2px;left: 14px;position: absolute;top: 26px;transform-origin: 50% 50%;transform: translate3d(0, 5px, 0);width:30px;-webkit-transition: transform 0.3s linear;-moz-transition: transform 0.3s linear;-o-transition: transform 0.3s linear;-ms-transition: transform 0.3s linear;transition: transform 0.3s linear;}
.menu-toggler span{height: 2px;left: 14px;overflow: hidden;position: absolute;text-indent: 200%;top: 26px;-webkit-transition: opacity 0.25s linear;-moz-transition: opacity 0.25s linear;-o-transition: opacity 0.25s linear;-ms-transition: opacity 0.25s linear;transition: opacity 0.25s linear; width: 30px;background: #fff;}
.navbar .navbar-brand{margin-left:60px;display: none;}
.menu-toggler.display:before {-moz-transform: rotate3d(0, 0, 1, 45deg);-webkit-transform: rotate3d(0, 0, 1, 45deg);background: #ffffff;transform: rotate3d(0, 0, 1, 45deg);}
.menu-toggler.display:after {-moz-transform: rotate3d(0, 0, 1, -45deg);-webkit-transform: rotate3d(0, 0, 1, -45deg);background: #ffffff;transform: rotate3d(0, 0, 1, -45deg);}
.menu-toggler.display span{display:none;}
.menu-toggler>.menu-text {display: block;position: absolute;bottom: -18px;left: 0; border: 1px solid transparent;border-width: 9px 35px;}
.menu-toggler>.menu-text:after {display: block;color: #FFF;position: absolute;left: -8px;top: -41px}
}
/*置地的文字*/
.copyright{padding: 10px;position:fixed;bottom:0;width:100%;}


/*头部导航*/
.navbar {
    margin-bottom: 0
    margin-left: 0;
    margin-right: 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    margin: 0;
    padding-left: 0;
    padding-right: 0;
    min-height: 60px;
    position: relative;
    background: #333;
}
.nav-list>li {
    display: block;
    padding: 0;
    margin: 0;
    border: 0;
    border-bottom: 1px solid #36393d;
    position: relative;
}
.navbar>.container {
    padding-left: 0;
    padding-right: 0
}
.navbar .navbar-brand {
    color: #fff;
    font-size: 24px;
    text-shadow: none;
    padding-top: 15px;
    padding-bottom: 10px;
    line-height:30px;
}
.navbar .navbar-brand:hover,.navbar .navbar-brand:focus {
    color: #fff
}
.navbar .navbar-header {
    margin: 0!important
}
.navbar-fixed-top,.navbar-fixed-bottom {
    position: fixed
}


/*头部导航右侧文字*/
.dropdown-menu>li>a{
    padding: 8px 20px;
}
.ace-nav>li {
    line-height: 60px;
    height: 60px;
    padding: 0;
    position: relative;
    float: left;
}
.ace-nav>li>a {
    background-color: #2e6589;
    color: #FFF;
    display: block;
    line-height: inherit;
    text-align: center;
    height: 100%;
    width: auto;
    min-width: 50px;
    padding: 0 20px;
    position: relative
}
.ace-nav>li.open>a {
    color: #FFF!important
}
.ace-nav>li.light-blue>a {
    background-color: #333333;
}
.ace-nav>li.open.light-blue>a {
    background-color: #333333!important
}
.top-navbar{position: fixed;width:100%;}
/*头部导航logo和文字*/
.navbar-container {
    padding-left: 10px;
    padding-right: 20px;
}
/*左侧导航栏*/
.sidebar {
    width: 220px;
    float: left;
    position:fixed;
    border-width: 0 1px 0 0;
    background-color: #f2f2f2;
    z-index: 200;
    margin-top:60px;
}
.sidebar:before {
    content: "";
    display: block;
    width: 220px;
    position: fixed;
    bottom: 0;
    top: 0;
    z-index: -1;
    background-color: #2b2e33;
    border-width: 0 1px 0 0
}
/*导航左侧颜色条*/
.nav-list>li>a:hover:before {
    display: block;
    content: "";
    position: absolute;
    top: -1px;
    bottom: 0;
    left: 0;
    width: 3px;
    max-width: 3px;
    overflow: hidden;
    background-color: #319db5;
}
/*导航左侧文字*/
.nav-list>li>a {
    display: block;
    height: 60px;
    line-height: 60px;
    padding: 0 16px 0 7px;
    background-color: #2b2e33;
    color: #fff;
    text-shadow: none!important;
    font-size: 13px;
    text-decoration: none
}
.nav-list>li>a:hover,.nav-list>li>a:focus {
    background-color: #2b2e33;
    color: #ffffff;
}
.nav-list>li a:hover>.arrow,.nav-list>li.active>a>.arrow,.nav-list>li.open>a>.arrow {
    color: #fff;
}
.nav-list>li.open>a {
    background-color:#2b2e33;
    color: #fff;
}
/*导航左侧图标*/
.nav-list>li>a>[class*="icon-"]:first-child {
    display: inline-block;
    min-width: 25px;
    text-align: center;
    font-weight: normal;
    margin-left: 8px;
}
/*导航手机*/
@media only screen and (max-width:767px) {
    .navbar-container {
        padding-left: 0;
        padding-right: 0
    }
}
@media only screen and (max-width:460px) {
    .navbar .navbar-header.pull-left {
        display: block;
        float: none;
    }
    .navbar .navbar-header.pull-right {
        display: block;
        float: none;
    }
    .ace-nav {
        display: block;
        float: none;
        text-align: center;
        background-color: #2b2e33;
        border-width: 1px 0;
        letter-spacing: -3px
    }
    .ace-nav>li {
        display: inline-block;
        float: none;
        text-align: left;
        letter-spacing: normal
    }
}
@media only screen and (max-width:320px) {
    .ace-nav>li>a {
        padding: 0 5px!important
    }
}
@media screen and (min-width:10px) and (max-width: 990px){ 
     .main-content{    margin-left: 0;}
}

/*主体的框*/
.breadcrumbs {
    position: relative;
    border-bottom: 1px solid #e5e5e5;
    background-color: #fff;
    min-height: 50px;
    line-height: 50px;
    padding: 0 12px 0 0;
    display: block;
    padding-top:60px;
    margin-bottom: 20px;
}
.breadcrumb {
    background-color: transparent;
    display: inline-block;
    line-height: 24px;
    margin: 0 22px 0 12px;
    padding: 0;
    font-size: 13px;
    color: #333;
    border-radius: 0
}

/*半屏下的左侧导航*/
@media only screen and (max-width:320px) {
.panel{-webkit-box-shadow: 0 0px 0px rgba(0,0,0,0.05);
    box-shadow: 0 0px 0px rgba(0,0,0,0.05);}

@media only screen and (max-width:991px) {
    .main-content {
        margin-left: 0!important
    }
}