
        #product-active{ font-weight:100;font-size: 45px; color: #fff; display: inline;background-color: rgba(0, 0, 0, 0.5);padding: 5px 20px; }

        @media (max-width: 991px){
            #product-active{ font-size: 18px;margin-top: -20px; }
        }

        @media (min-width:992px){
            body{ overflow-x: hidden; }
            #primary-menu.dark ul ul, 
            #primary-menu.dark ul li .mega-menu-content{ background-color: transparent !important; } 
            #primary-menu.dark ul li .mega-menu-content{ width: 1210px; /*padding-bottom: 30px;*/ }
            #primary-menu.dark ul li .mega-menu-content > ul{ padding-top: 20px; }
            #primary-menu ul ul li{ border-bottom-color: transparent; }
            #primary-menu.dark ul ul,
            #primary-menu.dark ul li ul.mega-menu-column{ background-color: transparent !important; }
            #primary-menu.dark ul li ul.mega-menu-column > li a img{ max-width: 112px;display: block;margin:0 auto;padding-top: 20px; }
            #primary-menu.dark ul ul li > a{ font-size: 13px;padding-top: 5px; padding-bottom: 5px;color: #dcdcdc; }
            #primary-menu.dark ul ul li.title > a{ font-size: 14px;color: #dcdcdc; margin-bottom: 10px;}
            #primary-menu.dark ul ul li:hover > a{ background-color: transparent !important;color: #fff; }

            #primary-menu ul li:hover ul{ -webkit-animation: toSlide .45s cubic-bezier(.12,.69,.39,1);animation: toSlide .45s cubic-bezier(.12,.69,.39,1); display: block; }

            @-webkit-keyframes toSlide{
                0%{ -webkit-transform: translateY(-30px);opacity: 0; } 
                100%{ -webkit-transform: translateY(0);opacity: 1; }
            }
            @keyframes toSlide{
                0%{ transform: translateY(-30px);opacity: 0; } 
                100%{ transform: translateY(0);opacity: 1; }
            }

            /* 二级导航 */
            #primary-menu .mega-menu-content:before,
            #primary-menu li.mb-language ul:before,
            #primary-menu li.other-language ul:before{
                content: '';
                display: inline-block;
                background-color: rgba(0, 0, 0, 0.75);
                width: 6000px;
                height: 100%;
                position: absolute;
                left: -2500px;
                z-index: -1;
            }

            #primary-menu li.mb-language ul,
            #primary-menu li.other-language ul{ padding-bottom: 10px; }
            #primary-menu li.mb-language ul li:hover a,
            #primary-menu li.other-language ul li:hover a{ color: #eee !important;background-color: rgba(255, 255, 255, 0.1) !important; }

            #primary-menu li.select div{ position: relative; }
            #primary-menu li.select div:before{ content: '';display: block;border: 1px solid #999;position: absolute;padding:10px 15px;left: -4px; }

        }
        @media (width:1024px){
            #primary-menu.dark ul li .mega-menu-content{ width: 980px;  }
            #primary-menu.dark ul ul li.title > a{ font-size: 13px; }
            #primary-menu.dark ul ul li > a{ padding: 5px; }
            #primary-menu ul ul:not(.mega-menu-column), #primary-menu ul li .mega-menu-content{ width: auto;left: auto;right: 0; }
        }
        @media (min-width: 1025px){
            #primary-menu.dark ul li ul.mega-menu-column.col-md-offset-1{ margin-left: 8.33333333% !important; }
            #primary-menu.dark ul li ul.mega-menu-column.col-md-offset-2{ margin-left: 16.66666667% !important; }
            #primary-menu.dark ul li ul.mega-menu-column.col-md-offset-3{ margin-left: 25% !important; }
            #primary-menu.dark ul li ul.mega-menu-column.col-md-offset-4{ margin-left: 33.33333333% !important; }
            #primary-menu.dark ul li ul.mega-menu-column.col-md-offset-5{ margin-left: 41.66666667% !important; }   
            #primary-menu.dark ul li ul.mega-menu-column:nth-child(7n){ clear: left; }
        }
