/* ==========================================================================
透明亮文字添加遮罩
   ========================================================================== */

.has-transparent{
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0)); /* 从黑色到透明的渐变背景 */
}



/* ==========================================================================
头部全宽
   ========================================================================== */

.header-full-width .container {
    max-width: 98% !important;
}


.header-shadow .header-wrapper, .header-wrapper.stuck, .layout-shadow #wrapper {
    box-shadow: none
}



/* ==========================================================================
手机端logo宽度
   ========================================================================== */
@media (max-width: 549px) {
  #logo img {
    /*max-height: 24px !important;*/
  }
}


/* ==========================================================================
下拉菜单优化
   ========================================================================== */

body .nav-dropdown > li .sub-menu,
body .nav-dropdown > li .nav-column {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    position: absolute !important;
    left: 100% !important;  
    top: 0 !important;
    min-width: 220px !important;
    z-index: 9999 !important;
    background: #ffffff !important;
    
    transition: none !important; 
}
.nav-dropdown .menu-item-has-children>a, .nav-dropdown .nav-dropdown-col>a, .nav-dropdown .title>a{
    font-size: 14px;
    padding: 20px !important;
}

body .nav-dropdown > li.menu-item-has-children:hover > .sub-menu,
body .nav-dropdown > li.menu-item-has-children:hover > .nav-column {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}


body .nav-dropdown {
    display: flex !important;
    flex-direction: column !important; 
    min-width: 200px !important;
    padding: 0 !important;
}

body .nav-dropdown > li {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
    position: relative !important; 
}

body .nav-dropdown > li > a {
    font-weight: normal !important;
    text-transform: none !important;
    padding: 10px 20px !important;
    border: none !important;
    
}

body .nav-dropdown .sub-menu li,
body .nav-dropdown .nav-column li {
    width: 100% !important;
    display: block !important;
    
}
body .nav-column li>a,body .nav-dropdown>li>a{
       padding: 20px !important; 
}