/* top_banner */
.top 
{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    background: rgba(255, 255, 255, 1); 
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    padding: 35px 0 0 0;
}


.top .navbar 
{
    transition: all 0.3s ease;
    padding: 0 !important;
}

.top .navbar .container 
{
    position: relative;
    padding: 0 !important;    
    background: rgba(255, 0, 0, 0);
    max-width:1200px!important;
    width:1200px!important;
    
    height:70px;      
}




.logo 
{
    width:163px;
    transition: all 0.3s ease;
    filter: none;
    padding: 0 0 15px 0;
}

.scrolled 
{
    background: rgba(255, 255, 255, 1)!important; /* 降低滚动后的不透明度 */
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);
}

.scrolled .nav-link ,.scrolled .language-toggle,.scrolled .search-btn 
{
    color: rgba(80,80,80,1)!important;
}

.scrolled .logo 
{
    filter: none; 
}

.top .navbar .container .navbar-brand
{
    padding: 0!important;
    background-color: rgba(255,0,0,0); 
}
.top .navbar .container .navbar-brand img 
{
    transition: all 0.3s;
}


.top_reserved_space
{
    padding-top: 120px;
}


.top .navbar .container .navbar-nav
{
    background-color: rgba(255,255,0,0); 
    width:800px;
    padding:10px 0 0 0;
    height:100%;  
}


.top .navbar .container .navbar-ext
{
    background-color: rgba(25,0,255,0); 
    width:150px;    
    padding:10px 0 0 0;    
    height:100%;      
}



.top .navbar .container .navbar-nav .nav-item 
{
    position: relative;
    background-color: rgba(200,200,200,0); 
    width:100px;
    height:100%;
}

.nav-link 
{
    font-size: 0.9vw; 
    position: relative;
    transition: all 0.3s;
    color:rgba(80,80,80,1)!important;
}



.top .navbar .container .navbar-nav .nav-item  .nav-link:hover, .nav-link.active
{
    color: var(--primary) !important;
}

.top .navbar .container .navbar-nav .nav-item .nav-link:after 
{
    content: '';
    position: absolute;
    bottom: 0;
    transform: translateX(-50%);
    width: 0;
    height: 3px;
    background: var(--secondary);
    transition: all 0.3s;
    display: none;
}



.nav-item:hover .top_menu 
{
    position: fixed;    
    visibility: visible;
    
    left: 0;
    top: 105px;
    width: 100%;
    
    max-height: 800px;
    box-shadow: 0 -4px 12px rgba(0,0,0,0.1);
    transform: translateY(0);
    background-color: rgba(255,255,255,1);    
    transition: visibility 0s ease, max-height 1s ease, transform 1s ease;
}


.top_menu .horizontal-menu 
{
    display: flex;
    list-style: none;
    padding: 20px 0 0 0;
    margin: 0;
    gap: 150px;
    background-color: rgba(0,0,0,0);
}

.top_menu .horizontal-menu .menu-item
{
    padding:0 0 20px 0;
}

.top_menu .horizontal-menu .menu-item a
{
    color:rgba(80,80,80,1);
    text-decoration: none;
}

.top_menu .horizontal-menu .menu-item a:hover
{
    cursor: pointer;
}




.top_menu 
{
    position: fixed;
    visibility: hidden;
    
    opacity: 1;
    max-height: 0;    
    
    transition: visibility 0s ease, max-height 1s ease, transform 1s ease;
    
    z-index: 1000;
    overflow: hidden;
}

.top_menu .menu-product-center
{
    width: 90%;
    padding:50px 5% 50px 5%;
    background-color: rgba(255,255,255,1);        
    
    display: grid;  
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 0px; 
    justify-items: flex-start;
    align-items: flex-start; 
}

.top_menu .menu-product-center > *
{
    border: 1px solid rgba(200,200,200,0.3);       
    width:300px;
    height:200px;
    
}
.top_menu .menu-product-center > *:nth-child(-n+3)
{
    border-top: none;
    margin: 0 0 10px 0;
    height:280px;
}

.top_menu .menu-product-center > *:nth-child(n+13):nth-child(-n+18)
{
    margin: 10px 0 0 0;
    border-bottom: none;
    height:100px;    
}

.top_menu .menu-product-center > *:not(:nth-child(6n)) 
{
    border-right: none;
}

.top_menu .menu-product-center > *:nth-child(6n+1)
{
    border-left: none;
}

.top_menu .menu-product-center > *:nth-child(6n+6)
{
    border-right: none;
}


.top_menu .menu-product-center .col-p
{
    padding: 10px 0 0 40px;
}



.top_menu .menu-product-center .col-p img 
{
    width: 100px;
    margin: 0 30px 0 0;
}


.top_menu .menu-product-center .col-p .list-box  .sub-title 
{
    color: var(--primary);
    display: block;
    font-size: 16px!important;
    font-weight: bold;
    padding: 0 10px 0 0 !important;
    text-decoration: none;
    color: rgba(0,0,0,0.8);
    margin:0 0 10px 0;
}

.top_menu .menu-product-center .col-p .list-box  .a-list a 
{
    display: block !important;
    color: rgba(0, 0, 0, 0.6) !important;
    padding: 3px 0;
    font-size: 14px !important;
    transition: all 0.2s ease;}

.top_menu .menu-product-center .list-box  .a-list a:hover 
{
    color: var(--primary) !important;
    border-left-color: var(--secondary);
    background: rgba(0, 160, 233, 0.05);
    transform: translateX(5px);
}




/* 导航栏右侧按钮样式优化 */
.language-toggle, .search-btn 
{
    color: rgba(80,80,80,1) !important;
    font-size: 16px;
    padding: 5px 0 0 0;
    background-color: rgba(255, 255, 255, 0);
}

.language-toggle:hover, .search-btn:hover 
{
    cursor:pointer
}

.search-btn .fa-search 
{
    padding: 5px 0 0 0;    
    margin: 0 0 0 30px !important;
}




@media (max-width: 1440px) 
{
    .top .navbar .container 
    {
        max-width:1000px!important;
        width:1000px!important;
    }
    .top .navbar .container .navbar-nav
    {
        width:600px;
    }
    .top .navbar .container .navbar-nav .nav-item 
    {
        width:100px;
    }

    .nav-link 
    {
        font-size:14px;
    }

    .top_menu .horizontal-menu .menu-item a
    {
        font-size: 14px;
    }
    
    .top_menu .menu-product-center .mpc_left 
    {
        width: 400px;
    }
    .top_menu .menu-product-center .mpc_column
    {
        font-size: 14px;
    }
    
    .top_menu .menu-product-center .mpc_right .menu_content_product_list,.top_menu .menu-product-center .mpc_right .sub_menu_container
    {
        min-width:300px;
    }
    .top_menu .menu-product-center .mpc_right .menu_content_product_list .mcpl_item,.top_menu .menu-product-center .mpc_right .sub_menu_container .sub_menu_item
    {
        width:300px;
        font-size: 14px;
    }
    
    .top_menu .menu-product-center .col-p .list-box  .sub-title 
    {
        font-size: 14px!important;    
    }
    
    .top_menu .menu-product-center .col-p .list-box  .a-list a 
    {
        font-size: 12px!important;
    }
    
    .top_menu .menu-product-center > *:nth-child(-n+3)
    {
        height:220px;
    }    
    
}