/*nav*/
#nav {
    height: 40px;
    border-bottom: 2px solid #0977be;
    position: relative;
    z-index: 61;
}

.nav_list li:hover a {
    color: #0977be;
}

#nav .fenlei {
    width: 210px;
    background: #0977be;
    height: 42px;
    line-height: 40px;
    text-indent: 10px;
    cursor: pointer;
}

#nav .fenlei img {
    position: relative;
    top: -2px;
    *top: -1px;
}

#nav .fenlei span {
    font-size: 16px;
    color: #fff;
    margin-left: 10px;
}

.nav_list, .nav_list li, #nav .fenlei {
    float: left;
}

.nav_list li {
    height: 40px;
    line-height: 40px;
    margin-left: 35px;
    position: relative;
}

.nav_list li .hot {
    position: absolute;
    top: 0;
    right: -23px;
    display: block;
    width: 27px;
    height: 14px;
}

.nav_list li a {
    font-size: 16px;
}

.nav_list li.active a {
    color: #0977be;
    font-weight: bold;
}

.gif_phone {
    float: right;
    height: 39px;
    line-height: 39px;
    overflow: hidden;
}

.gif_phone img {
    vertical-align: baseline;
}

/*菜单*/
.site_content {
    position: absolute;
    top: 42px;
    left: 0;
    z-index: 70;
    display: none;
}

.menu_title {
    font-family: "宋体";
    color: #555;
}

.menu_list {
    width: 210px;
    height: 480px;
    border-bottom: 1px solid #e5e5e5;
}

.menu_list_children {
    height: 40px;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    background: #fff;
}

.menu_list_children:last-child {
    height: 39px;
}

.menu_list_children:last-child:hover {
    height: 40px;
}

.menu_list_children .text {
    line-height: 40px;
    height: 40px;
    width: 95%;
    margin: 0 auto;
    border-top: 1px dashed #e5e5e5;
    position: relative;
}

.menu_list_children .text:first-child {
    border-top: none;
}

.menu_list_children .text .img_box_left {
    width: 40px;
    text-align: center;
    float: left;
    height: 40px;
}

.menu_list_children .text .img_box_right {
    position: absolute;
    right: -11px;
    *right: -13px;
    top: 0;
    display: none;
    /*border: 1px solid red;*/
    height: 40px;
}

.menu_list_children:hover {
    background: #0977be;
    border-left: 1px solid #0977be;
    border-right: 1px solid #0977be;
    width: 211px;
}

.menu_list_children:hover .menu_title {
    color: #fff;
}

.menu_list_children:hover .category_list, .menu_list_children:hover .img_box_right {
    display: block;
}

.category_list {
    position: absolute;
    top: 0;
    left: 210px;
    min-height: 480px;
    width: 750px;
    border: 1px solid #0977be;
    display: none;
    border-top: none;
    background: #fff;
}

.category_list .category_list_title {
    width: 100px;
    text-align: right;
    margin-top: 30px;
    color: #0977be;
    font-family: "宋体";
}

.category_list .notitle {
    float: left !important;
}

.category_list .ct {
    margin-top: 15px;
    width: 100%;
    overflow: hidden;
}

.category_list .notitle_ct {
    float: left;
    width: 600px !important;
    margin-top: 30px;
}

.category_list .ct span.category_list_title_left {
    width: 100px;
    text-align: right;
    display: inline-block;
    color: #333;
    font-family: "宋体";
    font-weight: bold;
    height: 12px;
    line-height: 12px;
    float: left;
}

.category_list_link {
    float: left;
    line-height: 12px;
    margin: 0 25px;
    width: 590px;
    border-bottom: 1px dashed #c1c1c1;
    margin-bottom: 30px;
}

.category_list_link a {
    display: inline-block;
    font-family: "宋体";
    margin: 0 15px 15px 0;
    color: #666666;
}

.category_list_link a:hover {
    color: #0977be;
}

/*nav*/
#nav .category-box {
    width: 210px;
    background: #0977be;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    float: left;
}

#nav .category-box:hover .category-list {
    display: block;
}

#nav .category-box .right-icon {
    float: right;
    display: none;
}

#nav .category-box .left-icon {
    float: left;
    width: 50px;
    text-align: center;
}

#nav .category-box .menu_icon {
    margin-left: 15px;
}

#nav .category-box > span {
    font-size: 16px;
    color: #fff;
    margin-left: 10px;
}

#nav .category-box .category-list {
    position: relative;
    background: #fff;
    border-bottom: 1px solid #e5e5e5;
    display: none;
}

#nav .category-box .category-list > li {
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
}

#nav .category-box .category-list > li:hover {
    background-color: #0977be;
    color: #fff;
    border-right: none;
    border-left: none;
}

#nav .category-box .category-list li:hover .category-list-c {
    display: block;
}

#nav .category-box .category-list li:hover .right-icon {
    display: block;
}

#nav .category-box .category-list-c {
    position: absolute;
    left: 209px;
    width: 781px;
    background-color: #fff;
    min-height: 480px;
    top: 0;
    display: none;
    padding: 15px;
    border: 1px solid #0977be;
}

#nav .category-box .category-name {
    width: 100px;
    text-align: right;
    display: inline-block;
    height: 30px;
    line-height: 30px;
}

#nav .category-box .level1 {
    color: #0977be;
}

#nav .category-box .level2 {
    font-weight: bold;
    color: black;
}

#nav .category-box .category-list-ccc {
    width: 600px;
    border-bottom: 1px dashed #c1c1c1;
    margin-left: 115px;
    margin-top: -40px;
    margin-bottom: 30px;
}

#nav .category-box .category-list-ccc > li {
    display: inline-block;
    width: auto;
    margin-right: 10px;
}

#nav .category-box .category-list-ccc a:hover {
    color: #0977be;
}

#nav .category-box .category-list > li:hover .left-icon i {
    background-position-x: -739px !important;
}

i.menu_icon {
    width: 22px;
    height: 20px;
    background-position: -562px -80px;
}

i.menu_0 {
    width: 26px;
    height: 26px;
    *height: 22px;
    background-position: -687px -77px;
}

i.menu_1 {
    width: 24px;
    height: 26px;
    *height: 22px;
    background-position: -687px -117px;
}

i.menu_2 {
    width: 20px;
    height: 28px;
    *height: 24px;
    background-position: -687px -156px;
}

i.menu_3 {
    width: 23px;
    height: 25px;
    *height: 21px;
    background-position: -687px -197px;
}

i.menu_4 {
    width: 23px;
    height: 23px;
    *height: 19px;
    background-position: -687px -239px;
}

i.menu_5 {
    width: 20px;
    height: 24px;
    *height: 20px;
    background-position: -687px -278px;
}

i.menu_6 {
    width: 21px;
    height: 32px;
    *height: 28px;
    background-position: -687px -314px;
}

i.menu_7 {
    width: 24px;
    height: 22px;
    *height: 18px;
    background-position: -687px -359px;
}

i.menu_8 {
    width: 12px;
    height: 34px;
    *height: 30px;
    background-position: -687px -393px;
}

i.menu_9 {
    width: 16px;
    height: 28px;
    *height: 24px;
    background-position: -687px -436px;
}

i.menu_10 {
    width: 22px;
    height: 26px;
    *height: 22px;
    background-position: -687px -477px;
}

i.menu_11 {
    width: 24px;
    height: 24px;
    *height: 20px;
    background-position: -687px -518px;
}




