*{margin:0;padding:0}
body{font:14px Georgia}

header{padding:100px 0 0 0;display:block}
header h1{width:960px;margin:0 auto}



.nav-wrap{margin:50px auto;}

/* Clearfix */
.group:after{visibility:hidden;display:block;content:"";clear:both;height:0}
*:first-child+html .group{zoom:1} /* IE7 */

/* Example One */
#example-one{list-style:none;position:relative;}
    #example-one > li {
        display: inline-block;
        position: relative;
    }
.top-nav-se {
    /* width: 100%;*/
    width: 100px;
    position: absolute;
    top: 85px;
    background: rgba(255,255,255,0.8);
    padding: 0 10px;
    padding-bottom: 1px;
    z-index: 999;
    display:none;
}

    .top-nav-se:after {
        position: absolute;
        content: "";
        width: 100%;
        height: 9px;
        background: url(http://www.yd-tec.com/image/jt.png) center no-repeat;
        top: -9px;
        left: 0;
    }



#example-one>li>a{color:black;font-size:16px;float:left;padding:25px 35px 4px 35px;text-decoration:none;text-transform:uppercase}
#example-one > li > a:hover {
    color: black
}
#magic-line{position:absolute;bottom:-6px;left:0;width:100px;height:3px;background:#146ab2}
.current_page_item a{color:black !important}
.ie6 #example-one>li, .ie7 #example-one>li{display:inline}
.ie6 #magic-line {bottom:-3px}

/* Example Two */
#example-two{margin:0 auto;list-style:none;position:relative;width:960px}
#example-two li{display:inline-block}
#example-two li a{position:relative;z-index:200;color:#bbb;font-size:14px;display:block;float:left;padding:6px 10px 4px 10px;text-decoration:none;text-transform:uppercase}
#example-two li a:hover{color:white}
#example-two #magic-line-two{position:absolute;top:0;left:0;width:100px;background:#900;z-index:100;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
.current_page_item_two a{color:white !important}
.ie6 #example-two li,.ie7 #example-two li{display:inline}

.top-nav-se > li {
    position: relative;
    display: block;
    width: 100%;
    padding: 2px 0;
    border-bottom: 1px solid #c7c4c4;
    text-align: center;
    line-height: 50px;
}

    .top-nav-se > li > a {
        font-size: 14px;
        padding: 0;
        letter-spacing: 1px;
        line-height: 36px;
        color: #333;
        text-decoration: none;
    }

    .top-nav-se > li:hover a {
        color: #144389 !important;
    }