 *{
    margin:  0px;
    padding: 0px;
}

 /* 导航栏 */
 .header {
     width:1000px;
     /* 占据一整行 */
     height: 50px;
     /* 高度 */
     background-color:#E61F18;
     /* 背景色 */
 }

 ul{
    list-style: none;/*去掉列表的圆点*/
}

.header_ul a{
    display: block;          /*将链接的点击区域扩大到整个块*/
    text-decoration: none;   /*取消连接的下划线*/
    color:white;            /*链接字体为黑色*/
    font-weight: normal;
    font-size: 16px;
    font-family: "Microsoft YaHei";
}
.header_ul div{
    position:absolute;
    z-index: 200;
}

.header_ul .bb{
    line-height: 50px;
    /* 与导航栏同高 */
    float: left;
    /* 左浮动 */
    width:200px;
    text-align: center;
    /* 文字居中 */
}

 .bb_ul{
     top:0px;
     /* 顶格，与顶部0距离 */
     width: 140px;
     margin: 0 29px;
     /*li的宽度为200px border的库阿奴为1 总共剩余200-140-1*3 = 78px 所以两边为 29px*/
     background-color: #E61F18;
     display: none;
     /* 隐藏块 */
 }

 .bb_ul li{
     border: 1px solid #E61F18;
 }

 .bb>a:hover {
    /*  background-color: #555;*/
    color: #eeeeee;
}

/* 一级菜单点击特效 */
.header_ul li:hover .bb_ul{
    display: block;
    /* 展示块 */
}

/* 二级菜单鼠标挪动特效 */
.bb_ul>li>a:hover{
    background-color: white;
    color: #E61F18;
    display: block;
}

/* 设置二级菜单选项高度 */
.bb_ul>li {
    line-height: 40px;
}