/* 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: 100%;
    background-color: rgba(246,246,247,1);        
    padding:0 0 0 450px;
    display: flex;
}

.top_menu .menu-product-center .mpc_left 
{
    width: 500px;
    height:400px;
    border-right: 1px solid #eee;
    background-color: rgba(255,255,255,1);        
}

.top_menu .menu-product-center .mpc_right 
{
    background-color: rgba(255,255,255,1);        
}

.top_menu .menu-product-center .menu_content 
{
    display: none;
}

.top_menu .menu-product-center .menu_content_active 
{
    display: flex !important;
}

.top_menu .menu-product-center .mpc_column
{
    font-size: 14px;
    width:100%;
    height:50px;
    padding: 0 30px 0 30px;
    background-color: rgba(255,255,255,1);
    color:rgba(0,0,0,1);
}

.top_menu .menu-product-center .mpc_column_1
{
    border-bottom: 1px solid rgba(186,189,190,1);
    height:60px;
}

.top_menu .menu-product-center .mpc_column:hover
{
    color: rgba(50,145,166,1);    
    background-color: rgba(50,145,166,0.2);
}


.top_menu .menu-product-center .mpc_right .menu_content_product_list,.top_menu .menu-product-center .mpc_right .sub_menu_container
{
    min-width:300px;
    height:400px;
    overflow-y: auto;
    background-color: rgba(50,145,166,0.2);    
    
    display: block;
    flex-direction: column; /* 确保垂直排列 */
    align-items: flex-start; /* 左对齐 */    
}

.top_menu .menu-product-center .mpc_right .sub_menu_container
{
    background-color: rgba(50,145,166,0.6);    
}

.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
{
    font-size: 14px;
    padding: 0 30px 0 30px;
    width:100%;
    min-height: 50px;
    color:rgba(0,0,0,1);
    background-color: rgba(50,145,166,0.2);    
    border-bottom: 1px solid rgba(186,189,190,1);
}

.top_menu .menu-product-center .mpc_right .sub_menu_container .sub_menu_item
{
    color:rgba(255,255,255,1);
    background-color: rgba(50,145,166,0.6);    
}
.top_menu .menu-product-center .mpc_right .menu_content_product_list .mcpl_item:hover,.top_menu .menu-product-center .mpc_right .sub_menu_container .sub_menu_item:hover
{
    color:rgba(255,255,255,1);
    cursor: pointer;
    background-color: rgba(50,145,166,0.6);    
}

.top_menu .menu-product-center .mpc_right .sub_menu_container .sub_menu_item:hover
{
    background-color: rgba(50,145,166,1);    
}





/* 导航栏右侧按钮样式优化 */
.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 .menu-product-center
    {
        padding:0 0 0 220px;
    }    
    
    .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;
    }
    
}