/* header*/
#dce-header {
    background: #474747 url(../images/img-nav-global-1px.png) repeat-x;
    zoom: 1;
}
#dce-header #headerlogo {
    width: 170px;
    height: 70px;
    background-position: left top;
    background-repeat: no-repeat;
    font-size: 1px;
}
#dce-header #headerlogo a {
    display: block;
    width: 170px;
    height: 70px;
    font-size: 0px;
}

.nav-lvII.has-subII>.nav-title:hover,.nav-lvII.has-subII.navII-active>.nav-title{
    background-color: #454545;
    position: relative;
    z-index: 2;
}

#globalheader-nav {
    font-size: 0;
    text-align: center;
}
#globalheader-nav #menu-headermenu {
    margin-top: 28px;
    overflow: hidden;
    zoom: 1;
    display: inline-block;
    padding-left: 20px;
}
#globalheader-nav #menu-headermenu .nav-lvI.active{
    background: url(/wp-content/themes/bb-theme-child/asset/css/../../img/icn-nav-global-arrow-top.png) no-repeat 50% 100%;
}
#globalheader-nav .main_menu>li:first-child {
    margin-left: 0;
}
#globalheader-nav .main_menu>li {
    display: inline-block;
    margin-left: 35px;
    height: 42px;
    text-align: center;
}
#globalheader-nav .main_menu .nav-lvI>.nav-title {
    height: 100%;
    
}

#globalheader-nav .main_menu .nav-lvII .menu-image{
    display:block;
}
#globalheader-nav .main_menu>li>a:hover,
#globalheader-nav .main_menu>li>a,
#globalheader-nav .main_menu .menu-image-title>a:hover,
#globalheader-nav .main_menu li .menu-image-title>a {
    display: inline-block;
    font-family: "Microsoft YaHei", "΢ÈíÑźÚ", "Open Sans Condensed",'Arial',  sans-serif;
    font-size: 16px;
    color: #cecece;
    font-weight: bold;
    text-decoration: none;
    text-shadow: -1px -1px 1px #000000;
    text-shadow: -1px -1px 1px #222;
    padding: 1px 0;
}
#globalheader-nav .main_menu>li>a,
#globalheader-nav .main_menu .nav-title>a {
    display: inline-block;
    font-family: "Microsoft YaHei", "΢ÈíÑźÚ", "Open Sans Condensed",'Arial',  sans-serif;
    font-size: 16px;
    color: #cecece;
    font-weight: bold;
    text-decoration: none;
    text-shadow: -1px -1px 1px #000000;
    text-shadow: -1px -1px 1px #222;
    padding: 1px 0;
}
#globalheader-nav .main_menu>li>a,
#globalheader-nav .main_menu .nav-title>a {
    font-family: "Microsoft YaHei", "΢ÈíÑźÚ", "Open Sans Condensed",'Arial',  sans-serif;
}
#globalheader-nav .main_menu>li>a:hover,
#globalheader-nav .main_menu>li.active>a,
#globalheader-nav .main_menu .nav-title>a:hover,
#globalheader-nav .main_menu li.active .nav-title>a {
    color: #fff;
    text-shadow: none;
}
.nav-lvII>.nav-lvIII-wrapper {

    display: none;
    position: relative;
    background-color: #454545;

}

.nav-sec-list .nav-lvII .nav-lvIII-wrapper{
    margin-top: -1px !important;
}
.nav-sec-list .nav-lvII .nav-lvIII-wrapper:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    background-color: #636363;

}
.nav-lvII>.nav-lvIII-wrapper>.megapannel-wrapper2>.third-menu {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -30px -10px 0;
}
.nav-lvII>.nav-lvIII-wrapper>.megapannel-wrapper2>.third-menu .nav-lvIII {
    margin: 30px 10px 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    width: calc(16% - 20px);
}

.third-menu4 .nav-lvIV .nav-title .menu-image-title{
    font-size: 13px;
}
.third-menu4 .nav-lvIV .nav-title .menu-image-title:hover{
    color:#fff;
}
#fl-footer-terms .copyright,
#fl-footer-terms .copyright a {
    margin-top: 4px;
}
@media (min-width: 976px) {
    .nav-lvIII.has-subIII {
        display: inline-block;
    }
    
    .nav-lvII.imageWtitle .menu-image-title {
        font-size: 13px ;
    }
    .nav-lvII>.nav-lvIII-wrapper>.megapannel-wrapperIII {
        width: 976px;
        margin: auto;
        padding: 30px 0;
        font-size: 0;
        
    }
    .nav-lvII>.nav-lvIII-wrapper {
        width: 1200px;
    }
    .nav-lvII>.nav-lvIII-wrapper>.megapannel-wrapperIII ul.nav-third-list{
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: -30px -10px 0;
    }
    .nav-lvII>.nav-lvIII-wrapper>.megapannel-wrapperIII ul.nav-third-list li.nav-lvIII {
        margin: 30px 10px 0;
        -webkit-flex-shrink: 0;
        flex-shrink: 0;
        width: calc(16% - 20px);
    }
    .nav-lvII>.nav-lvIII-wrapper>.megapannel-wrapperIII ul.nav-third-list li.nav-lvIII>.nav-title{
        border-bottom: 1px solid #a8a8a8;
        padding-bottom: 3px;
    }
    ul.nav-third-list li.nav-lvIII.nav-lvIII-col4 .nav-IV-wrapper .megapannel-wrapper2{
        margin-top: 0;
    }
    .nav-lvII > .nav-lvIII-wrapper > .megapannel-wrapperIII ul.nav-third-list li.nav-lvIII.nav-lvIII-col4{
        width: calc(64% - 20px);
    }
    ul.nav-third-list li.nav-lvIII.nav-lvIII-col4 .nav-IV-wrapper .third-menu4{
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .nav-lvIII-col4 .nav-lvIV{
        flex-shrink: 0;
        width: calc(36% - 20px);
    }
    .nav-lvIV {
        margin-top: 6px;
     
    }
    .nav-lvII>.nav-lvIII-wrapper>.megapannel-wrapper2 {
        box-sizing: border-box;
        width: 976px;
    
        padding: 30px 0;
        padding-top: 30px;
        text-align: left;
        color: #ccc;
        font-size: 0;
        background-color: #454545;
    }
    .nav-lvII>.nav-lvIII-wrapper>.megapannel-wrapper2 ul li .nav-IV-wrapper .nav-title {
        width: 100%;
    }
    .nav-lvII>.nav-lvIII-wrapper>.megapannel-wrapper2 ul li span {
        font-size: 15px;
        word-wrap: break-word;
        color: #ccc;
    }
    .nav-lvII > .nav-lvIII-wrapper > .megapannel-wrapper2 ul li a[href]:hover span {
        color: #fff;
    }
    .nav-lvIV span {
        font-size: 13px ;
    }
    .nav-IV-wrapper .megapannel-wrapper2 {
        margin-top: 8px;
    }
    .nav-lvII.has-subII>.nav-title {
        padding: 0 3px 18px 3px;
    }
    .nav-lvII.has-subII>.nav-title img {
        width: 100px;
        padding: 18px 0 10px;
    }
}
@media (min-width: 641px),
(min-device-width: 1281px),
print {
    .nav-sec {
        font-size: 16px;
    }
    .consumerpanel__wrapper {
        position: absolute;
        left: 0;
        width: 1200px;
        margin: 0 -112px;
    }
    .width-nolimit .consumerpanel__wrapper {
        width: 100%;
        margin: 0;
    }
    .consumerpanel__panhead,
    .consumerpanel__panfoot {
        box-sizing: border-box;
    }
    .consumerpanel__panhead__container,
    .consumerpanel__panfoot__container {
        max-width: 976px;
        height: 47px;
        margin: auto;
        display: -webkit-flex;
        display: flex;
        align-items: center;
    }
    .consumerpanel__panhead {
        border-bottom: 1px solid;
    }
    .consumerpanel__panhead:not(.consumerpanel__panhead-light) {
        border-color: #636363;
    }
    .consumerpanel__panhead:not(.consumerpanel__panhead-light) .browseall__icn svg {
        fill: #fff;
    }
    .consumerpanel__panhead a {
        color: #fff;
    }
    .consumerpanel__panhead.consumerpanel__panhead-light {
        border-color: #ececec;
    }
    .consumerpanel__panhead.consumerpanel__panhead-light .browseall__icn svg {
        fill: #1f1f1f;
    }
    .consumerpanel__panhead__container .intitle {
        -webkit-flex-grow: 1;
        flex-grow: 1;
        text-align: left;
        font-size: 16px;
    }
    .consumerpanel__panhead__container .browseall {
        text-align: right;
        font-size: 14px;
    }
    .consumerpanel__panhead__container .browseall__icn {
        display: inline-block;
        margin-right: 10px;
    }
    .consumerpanel__panhead__container .closeit {
        margin-left: 23px;
        text-align: right;
        font-size: 14px;
    }
    .consumerpanel__panhead__container .closeit .btn-slide:hover,.consumerpanel__panhead__container .closeit .btn-slide:focus{
        color:#fff;
    }
    .consumerpanel__panhead__container .closeit img {
        margin-right: 10px;
    }
    .consumerpanel__banner img {
        display: block;
    }
    .consumerpanel__inpanel {
        overflow: hidden;
        font-family: "Microsoft YaHei", "΢ÈíÑźÚ", "Open Sans Condensed",'Arial',  sans-serif;
        font-weight: bold;
        line-height: 1.1;
    }
    .consumerpanel__products {
        background-color: #333;
        color: #fff;
        background: url(/wp-content/themes/bb-theme-child/asset/css/../images/img-nav-expanded.jpg) no-repeat top center;
    }
    .nav-lvII.has-subII>.nav-title:hover,.nav-lvII.has-subII.navII-active>.nav-title{
        /* background-color:#454545; */
        background-color: rgba(69, 69, 69,1);
        position: relative;
        z-index: 2;
    }
    /* #globalheader-nav #menu-headermenu .nav-lvII.navII-active{
        background: url(/wp-content/themes/bb-theme-child/asset/css/../../img/icn-nav-global-arrow-top.png) no-repeat center 127px;
    } */
    .consumerpanel__products__bg-light {
        background-color: #454545;
    }
    .consumerpanel__products__contents {
        position: relative;
    }
    .nav-sec-list {
        margin: auto;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        -webkit-justify-content: center;
        justify-content: center;
       
    }
    .consumerpanel__products__list-child__wrapper {
        width: 1200px;
        display: none;
        position: relative;
        margin-top: -1px !important;
    }
    .consumerpanel__products__list-child__wrapper::before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 1px;
        background-color: #636363;
    }
    .imageWtitle {
        box-sizing: border-box;
        width: 124px;
    }
    .imageWtitle .nav-title a.menu-image-title-below {
        color: #fff;
        display: block;
        padding: 0 3px 18px;
        box-sizing: border-box;
        min-height: 170px;
        position: relative;
        cursor: pointer;
        z-index: 1;
    }
    .imageWtitle .nav-title a.menu-image-title-below img {
        padding: 18px 0 10px;
    }
    .imageWtitle .nav-title a.menu-image-title-below .menu-image-title {
        font-size: 13px;
    }
    .imageWtitle .menu-image-title-below:hover,
    .imageWtitle .incimg.active {
        background-color: #454545;
    }
    .imageWtitle .menu-image-title-below.active .icn_incchild {
        transform: rotate(180deg);
    }
    .imageWtitle .menu-image-title-below .icn_incchild {
        display: block;
        position: absolute;
        width: 100%;
        bottom: 10px;
    }
    .imageWtitle .img-element {
        display: block;
        padding: 18px 0 10px;
    }
    .imageWtitle .img-element img {
        display: block;
        margin: auto;
        width: 100px;
    }
    .imageWtitle .catname {
        font-size: 13px;
    }
   
    #mobile-navigation {
        display: none;
    }
}
@media (max-width: 976px){
    #globalheader-nav .main_menu .nav-lvII .menu-image{
        display: inline-block;
    }
    .nav-lvII.has-subII > .nav-title:hover, .nav-lvII.has-subII.navII-active > .nav-title{
        z-index: 0;
    }
    
}