/* 全局 */
 
html body{margin-top: 0px;overflow-x: hidden;}
body{
    background-color: #f2f2f2;
    font: 14px Helvetica Neue,Helvetica,PingFang SC,\5FAE\8F6F\96C5\9ED1,Tahoma,Arial,sans-serif;
}

.header {background:#fff;height:60px; }
.header .container {position:relative}
.header h1 { margin:0;padding:0 ; font-size:18px; line-height:60px;display:inline}
.header .logo , .header .logo:hover{color:#555;  text-decoration:none}
.header .contact { display:inline; position:absolute;right:20px; top:20px} 
.nav-wrapper .affix{
    width:100%;
    position:fixed;
    top:0;
    left:0;
    z-index:1000;
}


.navbar {
    border-radius: 0; 
    border-left:none;
    border-right:none;
    border-bottom:none;
}

.sidebar .affix{width:273px;position:fixed;z-index:1000;}
.sidebar .badge{ position:absolute; right:30px;}

.breadcrumb{background:#fff;border-radius:0}
.row{
    margin-left:-7.5px;
    margin-right:-7.5px;
} 
.col-md-9 , .col-md-3{
    padding:0 7.5px 0 7.5px;
}
 .product-list>div {
     padding:0 7.5px 0 7.5px;
 }
.product-list .thumbnail{
   border-radius: 0;
   height:320px;
   overflow-y:hidden;
   border:none;
   transition: all .2s linear;
}
 
.product-list .thumbnail:hover{
    text-decoration:none;
    box-shadow:0px 15px 30px  rgba(0,0,0,0.1);
    transform:translate3d(0,-2px ,0);
}
 .product-list .thumbnail h3{
     font-size:18px;
 }
.panel{border-radius:0; border:none;}
.panel-default .panel-heading,.panel-default .panel-footer{ background:#fff}
.panel-default .list-group-item{border:none;}
.form-control ,.btn{border-radius:0;}

.main{
    line-height: 26px;
    font-size: 16px;
    word-wrap: break-word;
} 
.main .panel-body img{
    display: block;
    max-width: 100%;
    height: auto;
}
.contact-bar{
    background:#fff;
    box-shadow:0 5px 5px rgba(0,0,0,0.07);
}
.contact-bar .row>div{
    height: 64px;
    font-size:18px;
    border-right: solid 1px #f0f0f0;
}
.footer {
    margin: 0;
    padding: 20px 0 30px;
    line-height: 30px;
    text-align: center;
    color: #737573;
    border-top: 1px solid #e2e2e2;
}


#home-category {
    background:#ff0000;color:#f2f2f2; display:inline-block; width:200px;padding: 15px 15px;
}

#home-category .dropdown-menu{padding:0; margin-top:-1px; margin-left:-1px;}
#site-category .dropdown-menu{padding:0; }

#home-carousel{margin-top:-20px; }

 
.category-list{
    
    padding-left:0;
    width:200px;
    background:#737573
}
.category-item {
    display:block; /*去除列表符*/
}
.category-item a{
    display:block; 
    position:relative;
    padding: 10px 15px;
    color:#fff;
    text-decoration:none;
}
.category-item a:hover{
    color:#555;
    background:#ddf;
}
.category-item a .glyphicon{
    position: absolute;
    top: 12px;
    right: 20px;
}
.category-list .children{
    display: none;
    position:absolute;
    top:0;
    left:200px;
    background:#9f9f9f; 
    border-top:solid #7f7f7f 1px; 
    border-right:solid #7f7f7f 1px;
    border-bottom:solid #7f7f7f 1px;
    opacity: 1.0;  
}

.category-list .active .children {
    display: block; width:200%; height:360px;box-shadow:5px 5px 5px rgba(0,0,0,0.07);
}
.children-list {display:block; list-style-type: none; padding:0; margin:0;float:left; }
.children-list li a {

}
.children-list li a:hover {
    background:#9f9fff;
}
.site-tags{border-top:solid 1px #e2e2e2; padding-top:10px}
.site-tags a{background:#f2f2f2;padding:4px 8px 4px 8px; color:#7f7f7f; margin-left:10px;}
.site-tags a:hover {text-decoration:none; background:#9f9fff; color:#fff}

@media (min-width: 768px){
    .nav-wrapper .container{ padding-left:0; padding-right:0}
    .navbar-default{
        background:#fff;
        box-shadow:0 5px 5px rgba(0,0,0,0.07);
    }
    .navbar-nav>li>a {
        font-size:18px;
 
    }
    
    
}

@media(max-width:767px){
    .contact-bar .row>div{
        border:none;
    }
}
@media (max-width: 1199px){
    .category-item a{padding:6px 15px;}
}
@media (max-width: 991px){
    #home-category{display:none;}
    #home-carousel{margin:0;}
}