﻿/* header*/
#dce-header
{
    background: #474747 url(/png/8tqcd5ja.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: 0;
}
.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(keywords.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 #000;
    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 #000;
    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(keywords.png) 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(keywords.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;
    }
}
