.hl_nav{background-color: #060;position: relative;color:#fff;width: 1200px;height: 70px;margin: 0 auto;}.hl_nav a{display:block;text-decoration:none}.hl_nav .shade{position:absolute;width:100%;height:40px;top:50px;left:0;z-index:1;background-color:#eee;opacity:.9;filter:alpha(opacity=90);box-shadow:0 5px 15px #ccc;display:none;border-bottom:#fff solid 1px;border-bottom:rgba(255,255,255,.3) solid 1px}.hl_nav .nav_list{position:absolute;top:0;left:50%;margin:0 0 0 -600px;z-index: 9999;padding:0;list-style:none;width: 900px;height: 70px;float: left;}.hl_nav .nav_list>li{padding:0;float:left;margin:0;width: 15%;text-align:center;height: 70px;overflow:hidden;transition:height .3s;}.hl_nav .nav_head{height: 70px;line-height: 70px;color:#fff;font-size: 20px;position:relative;}.hl_nav .nav_body{display:block;height:40px;line-height:40px;color:#666;position:relative;border-left:#034203 solid 2px;border-right:#034203 solid 2px}.hl_nav .nav_body:last-child{border-bottom:#034203 solid 2px}.hl_nav .nav_list>li.active .nav_head,.hl_nav .nav_list>li:hover .nav_head{background-color: #034203;}.hl_nav .nav_list>li:hover{background-color:#fff;height:auto}.hl_nav .nav_body:hover{color:#034203}.hl_nav .nav_body:after{content:'';display:block;height:0;position:absolute;bottom:-1px;width:60%;left:20%;border-bottom:#034203 dashed 1px}.nav_bj{ width: 100%;background-color:#666}.nav_bj{width:100%; background-color:#060;}


@media screen and (max-width: 1200px) {
    .hl_nav{background-color: #060;position: relative;color:#fff;width: 100%;height: 50px;margin: 0 auto;}.hl_nav a{display:block;text-decoration:none}.hl_nav .shade{position:absolute;width:100%;height:40px;top:50px;left:0;z-index:1;background-color:#eee;opacity:.9;filter:alpha(opacity=90);box-shadow:0 5px 15px #ccc;display:none;border-bottom:#fff solid 1px;border-bottom:rgba(255,255,255,.3) solid 1px}.hl_nav .nav_list{position:absolute;top:0;left:50%;margin: 0 0 0 -50%;z-index: 9999;padding:0;list-style:none;width: 95%;height: 50px;float: left;}.hl_nav .nav_list>li{position: relative;z-index: 99999;padding: 0 0.5%;float:left;margin:0;text-align:center;width: 18%;height: 50px;overflow:hidden;transition:height .3s;}.hl_nav .nav_head{height: 50px;line-height: 50px;color:#fff;font-size: 0.8rem;position:relative;}.hl_nav .nav_body{display:block;height:40px;line-height:40px;color:#666;font-size: 0.7rem;position:relative;border-left:#034203 solid 2px;border-right:#034203 solid 2px;}.hl_nav .nav_body:last-child{border-bottom:#034203 solid 2px}.hl_nav .nav_list>li.active .nav_head,.hl_nav .nav_list>li:hover .nav_head{background-color: #034203;}.hl_nav .nav_list>li:hover{background-color:#fff;height:auto}.hl_nav .nav_body:hover{color:#034203}.hl_nav .nav_body:after{content:'';display:block;height:0;position:absolute;bottom:-1px;width:60%;left:20%;border-bottom:#034203 dashed 1px}.nav_bj{ width: 100%;background-color:#666}.nav_bj{width:100%; background-color:#060;}


}