/* 基础重置与全局样式 */

*{margin: 0;padding: 0;}

img{font-size: 0;}

a{text-decoration: none;}



/* ====== 重新设计的导航栏样式 ====== */



/* 头部导航整体布局 */

.header{background: linear-gradient(135deg, #062645 0%, #062645 100%);width: 100%;display: flex;justify-content: center;position: relative;z-index: 100;}

.header_wrap{display: flex;align-items: center;justify-content: space-between;width: 85%;max-width: 1800px;padding: 0 20px;position: relative;}



/* 头部LOGO */

.header_item1{font-size: 0;position: relative;width: 156px;height: 30px;flex-shrink: 0;}

.header_item1 a{display: block;width: 100%;height: 100%;}

.header_item1 img{position: absolute;top: 0;left: 0;width: 156px;height: 30px;transition: opacity 0.3s ease;}

.header_item1 .logo-default{opacity: 1;}

.header_item1 .logo-hover{opacity: 0;}

.header_item1:hover .logo-default{opacity: 0;}

.header_item1:hover .logo-hover{opacity: 1;}



/* 主导航容器 */

.header_item2{flex: 1;display: flex;justify-content: center;}

.header_item2_list{display: flex;align-items: center;gap: 0;}



/* 一级导航项 */

.header_item2_cont{position: relative;padding: 0 20px;height: 70px;display: flex;align-items: center;}

.header_item2_cont a{font-size: 16px;color: #fff;text-decoration: none;font-weight: 500;display: flex;align-items: center;gap: 6px;transition: color 0.3s ease;}

.header_item2_cont:hover a{color: #ea5b24;}



/* 下拉箭头 */

.dropdown-arrow,

.submenu-arrow{transition: transform 0.3s ease;}

.header_item2_cont:hover .dropdown-arrow{transform: rotate(180deg);}



/* 底部指示条 */

.header_item2_cont_ons{position: absolute;bottom: 0;left: 0;width: 100%;height: 3px;background: transparent;transition: background 0.3s ease;}

.header_item2_cont:hover .header_item2_cont_ons{background: #ea5b24;}



/* 激活状态 */

.header_item2_cont_on .header_item2_cont_ons{background: #ea5b24;}

.header_item2_cont_on a{color: #ea5b24;}



/* ===== 超大下拉菜单样式 ===== */

.mega-menu-content{

    position: absolute;

    top: 100%;

    left: 0;

    width: 600px;

    background: #fff; /* 恢复为白色背景，移除透明度和渐变 */

    border-radius: 0 0 8px 8px;

    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);

    opacity: 0;

    visibility: hidden;

    transform: translateY(10px);

    transition: all 0.3s ease;

    z-index: 1000;

    padding: 30px;

}



.mega-menu:hover .mega-menu-content{opacity: 1;visibility: visible;transform: translateY(0);}



/* 修改网格布局为两列，并添加列间距和分割线 */

.mega-menu-grid{display: grid;grid-template-columns: 1fr 1fr;gap: 30px;position: relative;}

.mega-menu-grid::before{content: '';position: absolute;top: 0;bottom: 0;left: 50%;width: 1px;background: #f0f0f0;transform: translateX(-50%);}



.mega-menu-column{display: flex;flex-direction: column;}

.mega-menu-header{

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 20px;

    padding-bottom: 10px;

    border-bottom: 2px solid #f0f0f0;

}

.column-title{color: #062645 !important;font-size: 18px !important;font-weight: 600 !important;text-decoration: none !important;}

.column-title:hover{color: #ea5b24 !important;}



.mega-menu-submenu{display: flex;flex-direction: column;gap: 12px;}

.mega-menu-item {

    position: relative;

    transition: all 0.3s ease;

}



/* 修改114下拉菜单项样式 - 使用与其他下拉菜单相同的悬停背景色 */

.mega-menu-item a{

    color: #666 !important;

    font-size: 14px !important;

    font-weight: 400 !important;

    text-decoration: none !important;

    padding: 10px 25px !important; /* 统一与其他下拉菜单的padding */

    display: block !important;

    transition: all 0.3s ease !important;

    position: relative;

    z-index: 1;

}



/* 修改114下拉菜单项悬停效果 - 与其他下拉菜单统一 */

.mega-menu-item:hover {

    background-color: rgba(234, 91, 36, 0.05); /* 使用与其他下拉菜单相同的背景色 */

}



.mega-menu-item:hover a{

    color: #ea5b24 !important;

    padding-left: 30px !important; /* 与其他下拉菜单一致，悬停时左移 */

}



/* ===== 标准下拉菜单样式 ===== */

.standard-dropdown{

    position: absolute;

    top: 100%;

    left: 0;

    min-width: 220px;

    max-width: 260px;

    background: #fff;

    border-radius: 0 0 8px 8px;

    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);

    opacity: 0;

    visibility: hidden;

    transform: translateY(10px);

    transition: all 0.3s ease;

    z-index: 999;

}

.header_item2_cont:hover .standard-dropdown{opacity: 1;visibility: visible;transform: translateY(0);}

.standard-dropdown-content{padding: 15px 0;}

.dropdown-item{

    padding: 0;

    position: relative;

    transition: all 0.3s ease;

}



/* 调整下拉菜单项的文字不换行 */

.dropdown-item a{

    color: #666 !important;

    font-size: 14px !important;

    padding: 10px 25px !important;

    display: block !important;

    transition: all 0.3s ease !important;

    text-decoration: none !important;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    position: relative;

    z-index: 1;

}



/* 标准下拉菜单的悬停效果 */

.dropdown-item:hover {

    background-color: rgba(234, 91, 36, 0.05);

}



.dropdown-item:hover a{

    color: #ea5b24 !important;

    padding-left: 30px !important;

}



/* ===== 右侧链接样式 ===== */

.header_right_links{display: flex;align-items: center;gap: 25px;margin-left: auto;flex-shrink: 0;}

.en-link{color: #fff;text-decoration: none;font-size: 16px;font-weight: 500;transition: color 0.3s;}

.en-link:hover{color: #ea5b24;}

.login-btnyou{

    display: inline-flex;

    align-items: center;

    gap: 8px;

    padding: 8px 20px;

    border: 2px solid rgba(255, 255, 255, 0.3);

    border-radius: 25px;

    color: #fff;

    text-decoration: none;

    font-size: 16px;

    font-weight: 500;

    transition: all 0.3s ease;

}

.login-btnyou:hover{

    background-color: #ea5b24;

    border-color: #ea5b24;

    transform: translateY(-2px);

    box-shadow: 0 5px 15px rgba(234, 91, 36, 0.3);

}

.login-icon{width: 16px;height: 16px;}



/* 数字导航按钮（小按钮） */

.num{position: absolute;z-index: 1000;bottom: 1.12rem;right: 0;display: flex;align-items: center;justify-content: center;width: 100%;}

.num li{width:1.2rem;height:0.08rem;margin-right: 0.4rem;text-align: center;cursor: pointer;background: rgba(255,255,255,0.55);}

.num li:last-child{margin-right: 0;}

.num .on{background: #fff;}



/* Swiper轮播图相关 */

.swiperImgPage{position: relative;}

.zixunrexian{color: #fff;}

.pic li{position: relative;}

.swiper_txt{position: absolute;width: 100%;height: 100%;top: 0;left: 0;display: flex;flex-direction: column;justify-content: center;align-items: center;}

.swiper_txt p{font-size: 0.96rem;font-weight: 600;color: #FFFFFF;}

.swiper_txt span{font-size: 0.6rem;margin: 0.32rem 0 0.9rem 0;font-weight: 400;color: #FFFFFF;}

.swiper_btn{width: 3.92rem;height: 1rem;font-size: 0.4rem;display: flex;align-items: center;justify-content: center;font-weight: 600;color: #FFFFFF;background: #F08E1B;border-radius: 2px;}



/* 页脚底部样式 */

.footer_bottom{margin-top: 0.36rem;width: 100%;display: flex;align-items: center;justify-content: center;border-top: 1px solid rgba(204, 204, 204, 0.0);padding-top: 10px;}

.footer_bottom_t1,.footer_bottom_t1 p,.footer_bottom_t2{font-size: 0.32rem;font-weight: 400;color: #fff;opacity: .9;}

.footer_bottom_t1{display: flex;align-items: center;}

.footer_bottom_t2{margin-left: 0.84rem;}

.footer_top{display: flex;align-items: flex-start;justify-content: space-between;width: 100%;}

.footer{position: relative;width: 100%;padding: 0.4rem 0 0.4rem 0;display: flex;justify-content: center;overflow: hidden;}

/* 视频背景容器 */

.video-background{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -3;overflow: hidden;}

/* 视频样式 */

.video-background video{min-width: 100%;min-height: 100%;width: auto;height: auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);object-fit: cover;}

/* 渐变遮罩层（深蓝到黑色） */

.gradient-overlay{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(to bottom, #003366, #000);opacity: 0.8;z-index: -2;}

.footer_wrap{width: 80%;position: relative;z-index: 1;}



/* 页脚具体内容 */

.footer_item6_cont{display: flex;flex-direction: column;align-items: center;margin-bottom: 0.42rem;}

.footer_item6_cont:last-child{margin-bottom: 0.42rem;}

.footer_item6_cont img{width: 2.78rem;height: 2.78rem;margin-bottom: 0.14rem;}

.footer_item6_cont p{font-size: 0.28rem;font-weight: 400;color: #9398A3;}

.footer_item5_cont{display: flex;align-items: center;margin-top: 0.4rem;}

.footer_item5_cont img{width: 1.26rem;height: 1.26rem;margin-right: 0.28rem;}

.footer_item5_cont p{font-size: 0.28rem;font-weight: 400;color: #9398A3;}

.footer_item5_cont p:first-child{margin-bottom: 0.04rem;}

.footer_item2_t1{font-size: 0.36rem;padding-bottom: 0.26rem;font-weight: 600;color: #eeecec;position: relative;}

.footer_item1{width:25%;}

.footer_item1 img{max-width: 100%;height: auto;margin-bottom: 0.5rem;}

.footer_item1 p,

.footer_item2 p,

.footer_item3 p,

.footer_item4 p{font-size: 0.30rem;margin-top: 0.36rem;font-weight: 400;color: #d4d6d7;text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);transition: color 0.3s ease, text-shadow 0.3s ease;}

.footer_item1 p:hover,

.footer_item2 p:hover,

.footer_item3 p:hover,

.footer_item4 p:hover{color: #fff;}



/* 新增：底部栏目标题装饰线 */

.footer_item2_t1::after{content: "";position: absolute;bottom: 0px;left: 0;width: 100%;height: 1px;background: linear-gradient(to right, #ea5b24 50%, #e6e4e4 50%);}



/* 产品分类及列表 */

.dll-pro-list-nav{box-shadow: 0 7px 18px rgba(53,91,91,0.09);position: relative;max-width:1250px;margin:0 auto;overflow:hidden;}

.dll-pro-list-nav li{width: 33.33%;float: left;position: relative;list-style:none;}

.dll-pro-list-nav li:before{content: "";width: 1px;background: #dcdcdc;display: block;position: absolute;left: 0;top: 17.4%;bottom: 17.4%;}

.dll-pro-list-nav li:first-child:before,.dll-pro-list-nav li:nth-child(4):before{display: none;}

.dll-pro-list-nav li a{padding: 30px 0;font-size: 0;line-height: 1;text-align: center;display: block;}

.dll-pro-list-nav li img{display: inline-block;vertical-align: middle;margin-right: 20px;}

.dll-pro-list-nav li span{font-size: 20px;color: #090909;font-weight: bold;text-align: left;display: inline-block;vertical-align: middle;transition: all linear 0.3s;}

.dll-pro-list-nav li span i{font-size: 14px;color: #8b9292;font-weight: normal;font-style: normal;display: block;margin-top: 10px;}

.dll-pro-list-nav li span i:after{content: "+";font-size: 20px;color: #8b9292;font-weight: bold;display: inline-block;margin-left: 9px;}

.dll-pro-list-nav .flon img,.dll-pro-list-nav li:hover img{background: #106387;}

.dll-pro-list-nav .flon span,.dll-pro-list-nav li:hover span{color: #106387;}



.dll-pro-list-con{padding-top: 5px;padding-bottom: 80px;max-width:1250px;margin:0 auto;min-width:40px;}

.dll-pro-list-con ul{display: flex;flex-wrap: wrap;gap: 2%;margin-left: 0 !important;}

.dll-pro-list-con li{flex: 1 1 23%;margin-top:40px;box-shadow:0 0 20px rgba(4,51,71,.1);list-style:none;min-width: 280px;max-width: calc(25% - 1.5%);box-sizing: border-box;position: relative;}

.dll-pro-list-con li:first-child:nth-last-child(2),

.dll-pro-list-con li:first-child:nth-last-child(2) ~ li{flex-basis: calc(50% - 1%);max-width: calc(50% - 1%);min-width: 200px;}

.dll-pro-list-con li:only-child{flex-basis: 60%;max-width: 800px;margin-left: auto;margin-right: auto;}

.dll-pro-list-con .pic{height: 240px;display: flex;align-items: center;justify-content: center;background:#fff;position:relative;overflow:hidden;}

.dll-pro-list-con .pic img{width: auto;height: auto;max-width: 85%;max-height: 85%;object-fit: contain;transition: all ease 0.3s;}

.dll-pro-list-con .pic img:hover{transform:scale(1.05);}

.dll-pro-list-con .text{padding:20px;background-color:#fff}

.dll-pro-list-con .text h3{font-size:19px;color:#043347;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}

.dll-pro列表-con .text h3 a{color:#043347;transition:.3s;font-size:16px;}

.dll-pro-list-con .text h3 a:hover{color:#3c97aa}

.dll-pro-list-con .text p{font-size:16px;color:#666;line-height:24px;margin-bottom:12px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 2;overflow:hidden;}

.dll-pro-list-con .text strong{display:block;color:#666;font-weight:400;font-size:18px;margin:12px 0;padding-bottom:15px;border-bottom:1px solid #e8e8e8}

.dll-pro-list-con .text .getquote,

.dll-pro-list-con .text .more{display:inline-block;width:auto;padding:10px 15px;text-align:center;border:1px solid #ea5b24;background-color:#ea5b24;color:#fff;transition:.3s;font-size:14px;margin-top:5px;border-radius:26px;}

.dll-pro-list-con .text .getquote{background-color:#f56d17;margin-left:15px;}

.dll-pro-list-con .text .more:hover{background:#fc5531;}

.dll-pro-list-con .text .getquote:hover{background:#fff;color:#000;}

.header2,.bottom_fixed{display:none;}



/* 确保悬停时显示下拉菜单 */

.header_item2_cont:hover .header_item4,

.header_item2_cont:hover .header_item4.sub{display: block;}

.header_item2_cont:hover .header_item2_cont_ons i{background: #ea5b24;}



/* 移除旧的三级菜单样式，避免冲突 */

.header_item4,

.header_item4_cont,

.header_item5,

.header_item5_cont{

    display: none !important;

}