.header_item4_cont_on{background: #EF8100;color: #fff !important;}

.header_item4_cont{padding: 0.34rem 0;cursor: pointer;width: 2.44;padding-left: 0.52rem;}

.header_item4_cont a{color: #333333 !important;font-weight: 400;font-size: 0.28rem;}

.header_item4_cont:hover{background: #EF8100;}

.header_item4_cont:hover a{color: #fff !important;}

.header_item4{position: absolute;top: 1.5rem;left: 0;background: #fff;display: none;

  width: 2.96rem;z-index: 10000;}



.header_wrap{display: flex;align-items: center;justify-content: center;justify-content: space-between;

 width: 80%;}

.header{background: #303643;width: 100%;display: flex;justify-content: center;}

.header_item1{font-size: 0;}

.header_item1 img{width: 2.3rem;height: 0.76rem;}

.header_item2{width: 65%;}

.header_item2_list{display: flex;align-items: center;justify-content: space-between;}

.header_item2_cont{display: flex;align-items: center;

font-weight: 400;padding: 0.5rem 0;position: relative;cursor: pointer;

}

.header_item2_cont a{font-size: 0.30rem;color: #FFFFFF;}

.header_item2_cont_ons{width: 100%;position: absolute;bottom: 0;left: 0;display: flex;align-items: center;justify-content: center;}

.header_item2_cont i{width:0.68rem;

height: 0.08rem;

background: #303643;

border-radius: 0.04rem;}

.header_item2_cont:hover i{background: #EF8100;}

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

.header_item2_cont_on i{background: #EF8100;}

.header_item2_cont_on a{color: #EF8100;}

.header_item2_cont img{width: 0.28rem;height: 0.16rem;margin-left: 0.1rem;}



.swiperImgPage{position: relative;}

.zixunrexian{color: #fff;}



*{margin: 0;padding: 0;}

img{font-size: 0;}

a{text-decoration: none;}



  .header_item5_cont_on{background: #FFFCF5 !important;}

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

  .header_item5_t1 img{width: 0.26rem !important;height: 0.26rem !important;margin-left: 0.16rem;}

  .header_item5_t1 p{font-size: 0.32rem;

font-weight: 400;

color: #EF8100 !important;}

  .header_item5_txts>p{font-size: 0.32rem;

font-weight: 400;width: 20.28rem;

color: #999999;

line-height: 0.44rem;}

  .header_item5_txts{display: flex;flex-direction: column;height: 2.8rem;margin-left: 0.58rem;justify-content: space-between;}

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

  .header_item5_dis img{width: 2.94rem;height: 2.8rem;}

  .header_item5_r{padding:0  0.84rem;display: flex;flex-direction: column;}

  .header_item5_rt1{font-size: 0.4rem;

font-weight: 600;

color: #333333;}

.header_item5_r i{width: 0.7rem;display: block;margin: 0.24rem 0 0.68rem 0;

height: 0.04rem;

background: #333333 !important;}

  .header_item5_l{width: 6.94rem;border-right: 0.02rem solid #979797;}

  .header_item5_cont{font-size: 0.36rem;padding: 0.28rem 0.38rem;

font-weight: 400;display: inline-block;

border-radius: 0.04rem;

color: #333333;}

  .header_item5_banner{display: flex;align-items: flex-start;padding: 0.98rem 0 1.12rem 0;justify-content: center;}

  .header_item5{background: #fff;position: fixed;top: 1.5rem;left: 0;width: 100%;z-index: 10000;display: none;}

  

/*小按钮*/

.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.5500);}

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

.num .on{background: #fff;}



.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;}

.pic li{position: relative;}



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

  .footer_bottom_t1,.footer_bottom_t1 p,.footer_bottom_t2{font-size: 0.32rem;

font-weight: 400;

color: #fff;opacity: .6;}

.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_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: #FFFFFF;}

.footer_item1{width:25%;}

  .footer_item1 img{width: 2.82rem;height: 0.94rem;margin-bottom: 0.5rem;}

.footer_item1 p,

.footer_item2 p,

.footer_item3 p,

.footer_item4 p {

    font-size: 0.28rem;

    margin-top: 0.36rem;

    font-weight: 400;

    color: #d4d6d7;

    transition: color 0.3s ease; /* 添加过渡效果，让颜色变化更平滑 */

}



.footer_item1 p:hover,

.footer_item2 p:hover,

.footer_item3 p:hover,

.footer_item4 p:hover {

    color: #fff; /* 鼠标悬停时颜色变为白色 */

}

	.footer{background: #303643;width: 100%;padding: 1.32rem 0 0.7rem 0;display: flex;justify-content: center;}

	.footer_wrap{width: 80%;}

	

	

	

	

	

/*产品分类及列表*/

.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{

    /* width: 80px;*/

    /* background: #cfdfe4;*/

    /* border: 1px solid #fff;*/

    /* border-radius: 20px;*/

     display: inline-block;

     vertical-align: middle;

     margin-right: 20px;

    /* box-shadow: 0 7px 18px rgba(53,91,91,0.19);*/

     /*transition: all linear 0.3s;*/

}

.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;

}











/* 产品分类及列表 - 修改版 */

.dlldingwei-pro-list-nav{

    box-shadow: 0 7px 18px rgba(53,91,91,0.09);

    position: relative;

    max-width:1250px;

    margin:0 auto;

    overflow:hidden;

    background: #fff;

    border-radius: 12px;

}

.dlldingwei-pro-list-nav li{

    width: 25%;

    float: left;

    position: relative;

    list-style:none;

    text-align: center; /* 新增居中 */

}

.dlldingwei-pro-list-nav li:before{

    content: "";

    width: 0px;

    background: #dcdcdc;

    display: block;

    position: absolute;

    left: 0;

    top: 17.4%;

    bottom: 17.4%;

}

.dlldingwei-pro-list-nav li:first-child:before,

.dlldingwei-pro-list-nav li:nth-child(4):before{

    display: none;

}



.dlldingwei-pro-list-nav li a{

    padding: 25px 0; /* 修改内边距 */

    font-size: 0;

    line-height: 1;

    text-align: center; /* 修改为居中 */

    display: block;

    position: relative;

    z-index: 1;

}

.dlldingwei-pro-list-nav li img{

    display: inline-block;

    vertical-align: middle;

    margin-right: 20px;

}



/* 主要修改：添加橙黄色圆弧背景 */

.dlldingwei-pro-list-nav li span{

    font-size: 20px;

    color: #fff; /* 文字颜色改为白色 */

    font-weight: bold;

    text-align: center;

    display: inline-block;

    vertical-align: middle;

    transition: all 0.4s ease;

    background: linear-gradient(135deg, #FFB400 0%, #FF8C00 100%); /* 橙黄色渐变 */

    border-radius: 30px; /* 圆弧效果 */

    padding: 12px 25px; /* 增加内边距 */

    box-shadow: 0 4px 15px rgba(255, 140, 0, 0.25);

    position: relative;

    overflow: hidden;

    z-index: 2;

}



/* 添加悬停动画效果 */

.dlldingwei-pro-list-nav li span::before {

    content: '';

    position: absolute;

    top: 0;

    left: -100%;

    width: 100%;

    height: 100%;

    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);

    transition: 0.5s;

    z-index: -1;

}



.dlldingwei-pro-list-nav li:hover span::before {

    left: 100%;

}



.dlldingwei-pro-list-nav li span i{

    font-size: 14px;

    color: rgba(255, 255, 255, 0.85); /* 修改为半透明白色 */

    font-weight: normal;

    font-style: normal;

    display: block;

    margin-top: 10px;

}

.dlldingwei-pro-list-nav li span i:after{

    content: "+";

    font-size: 20px;

    color: rgba(255, 255, 255, 0.85); /* 修改为半透明白色 */

    font-weight: bold;

    display: inline-block;

    margin-left: 9px;

}



/* 悬停状态 - 加深背景色并添加阴影 */

.dlldingwei-pro-list-nav .flon span, 

.dlldingwei-pro-list-nav li:hover span{

    background: linear-gradient(135deg, #FF8C00 0%, #FF6B00 100%);

    box-shadow: 0 6px 20px rgba(255, 107, 0, 0.35);

    transform: translateY(-3px);

}



/* 响应式设计 */

@media (max-width: 900px) {

    .dlldingwei-pro-list-nav li {

        width: 50%;

    }

    

    .dlldingwei-pro-list-nav li:nth-child(3):before {

        display: none;

    }

}



@media (max-width: 500px) {

    .dlldingwei-pro-list-nav li {

        width: 100%;

    }

    

    .dlldingwei-pro-list-nav li:before {

        display: none;

    }

    

    .dlldingwei-pro-list-nav li a {

        padding-left: 0;

    }

}











/*产品分类及列表 - 修改版*/

.dllzhifa-pro-list-nav{

    box-shadow: 0 7px 18px rgba(53,91,91,0.09);

    position: relative;

    max-width:1250px;

    margin:0 auto;

    overflow:hidden;

    background: #fff;

    border-radius: 12px;

}

.dllzhifa-pro-list-nav li{

    width: 33.3%;

    float: left;

    position: relative;

    list-style:none;

    text-align: center; /* 新增居中 */

}

.dllzhifa-pro-list-nav li:before{

    content: "";

    width: 1px;

    background: #dcdcdc;

    display: block;

    position: absolute;

    left: 0;

    top: 17.4%;

    bottom: 17.4%;

}

.dllzhifa-pro-list-nav li:first-child:before,

.dllzhifa-pro-list-nav li:nth-child(4):before{

    display: none;

}



.dllzhifa-pro-list-nav li a{

    padding: 30px 0; /* 修改内边距 */

    font-size: 0;

    line-height: 1;

    text-align: center; /* 确保居中 */

    display: block;

    position: relative;

    z-index: 1;

}

.dllzhifa-pro-list-nav li img{

    display: inline-block;

    vertical-align: middle;

    margin-right: 20px;

}



/* 主要修改：添加橙黄色圆弧背景 */

.dllzhifa-pro-list-nav li span{

    font-size: 20px;

    color: #fff; /* 文字颜色改为白色 */

    font-weight: bold;

    text-align: center; /* 修改为居中 */

    display: inline-block;

    vertical-align: middle;

    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);

    background: linear-gradient(135deg, #FFB400 0%, #FF8C00 100%); /* 橙黄色渐变 */

    border-radius: 30px; /* 圆弧效果 */

    padding: 12px 25px; /* 增加内边距 */

    box-shadow: 0 4px 15px rgba(255, 140, 0, 0.25);

    position: relative;

    overflow: hidden;

    z-index: 2;

}



/* 添加悬停动画效果 */

.dllzhifa-pro-list-nav li span::before {

    content: '';

    position: absolute;

    top: 0;

    left: -100%;

    width: 100%;

    height: 100%;

    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);

    transition: 0.5s;

    z-index: -1;

}



.dllzhifa-pro-list-nav li:hover span::before {

    left: 100%;

}



.dllzhifa-pro-list-nav li span i{

    font-size: 14px;

    color: rgba(255, 255, 255, 0.85); /* 修改为半透明白色 */

    font-weight: normal;

    font-style: normal;

    display: block;

    margin-top: 10px;

}

.dllzhifa-pro-list-nav li span i:after{

    content: "+";

    font-size: 20px;

    color: rgba(255, 255, 255, 0.85); /* 修改为半透明白色 */

    font-weight: bold;

    display: inline-block;

    margin-left: 9px;

}



/* 悬停状态 - 加深背景色并添加阴影 */

.dllzhifa-pro-list-nav .flon span, 

.dllzhifa-pro-list-nav li:hover span{

    background: linear-gradient(135deg, #FF8C00 0%, #FF6B00 100%);

    box-shadow: 0 6px 20px rgba(255, 107, 0, 0.35);

    transform: translateY(-3px);

}



/* 响应式设计 */

@media (max-width: 900px) {

    .dllzhifa-pro-list-nav li {

        width: 50%;

    }

    

    .dllzhifa-pro-list-nav li:nth-child(3):before {

        display: none;

    }

    

    .dllzhifa-pro-list-nav li:nth-child(3) {

        border-top: 1px solid #eee;

        padding-top: 15px;

        margin-top: 15px;

        width: 100%;

    }

}



@media (max-width: 500px) {

    .dllzhifa-pro-list-nav li {

        width: 100%;

    }

    

    .dllzhifa-pro-list-nav li:before {

        display: none;

    }

    

    .dllzhifa-pro-list-nav li a {

        padding: 20px 0;

    }

}



/*产品分类及列表 - 统一橙黄色圆弧背景风格*/

.dllanquanmao-pro-list-nav{

    box-shadow: 0 7px 18px rgba(53,91,91,0.09);

    position: relative;

    max-width:1250px;

    margin:0 auto;

    overflow:hidden;

    background: #fff;

    border-radius: 12px;

}

.dllanquanmao-pro-list-nav li{

    width: 50%;

    float: left;

    position: relative;

    list-style:none;

    text-align: center; /* 新增居中 */

}

.dllanquanmao-pro-list-nav li:before{

    content: "";

    width: 1px;

    background: #dcdcdc;

    display: block;

    position: absolute;

    left: 0;

    top: 17.4%;

    bottom: 17.4%;

}

/* 调整分隔线 - 只显示在右侧项目 */

.dllanquanmao-pro-list-nav li:first-child:before,

.dllanquanmao-pro-list-nav li:nth-child(3):before {

    display: none;

}



.dllanquanmao-pro-list-nav li a{

    padding: 30px 0; /* 保持原有内边距 */

    font-size: 0;

    line-height: 1;

    text-align: center;

    display: block;

    position: relative;

    z-index: 1;

}

.dllanquanmao-pro-list-nav li img{

    display: inline-block;

    vertical-align: middle;

    margin-right: 20px;

}



/* 统一橙黄色圆弧背景风格 */

.dllanquanmao-pro-list-nav li span{

    font-size: 20px; /* 与第一种相同 */

    color: #fff; /* 文字颜色改为白色 */

    font-weight: bold;

    text-align: center; /* 修改为居中 */

    display: inline-block;

    vertical-align: middle;

    transition: all 0.4s ease;

    background: linear-gradient(135deg, #FFB400 0%, #FF8C00 100%); /* 相同橙黄色渐变 */

    border-radius: 30px; /* 相同圆弧效果 */

    padding: 12px 25px; /* 相同内边距 */

    box-shadow: 0 4px 15px rgba(255, 140, 0, 0.25);

    position: relative;

    overflow: hidden;

    z-index: 2;

}



/* 添加悬停动画效果（与第一种相同） */

.dllanquanmao-pro-list-nav li span::before {

    content: '';

    position: absolute;

    top: 0;

    left: -100%;

    width: 100%;

    height: 100%;

    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);

    transition: 0.5s;

    z-index: -1;

}



.dllanquanmao-pro-list-nav li:hover span::before {

    left: 100%;

}



.dllanquanmao-pro-list-nav li span i{

    font-size: 14px; /* 与第一种相同 */

    color: rgba(255, 255, 255, 0.85); /* 相同半透明白色 */

    font-weight: normal;

    font-style: normal;

    display: block;

    margin-top: 10px;

}

.dllanquanmao-pro-list-nav li span i:after{

    content: "+"; /* 与第一种相同 */

    font-size: 20px; /* 与第一种相同 */

    color: rgba(255, 255, 255, 0.85); /* 相同半透明白色 */

    font-weight: bold;

    display: inline-block;

    margin-left: 9px;

}



/* 悬停状态 - 与第一种完全相同 */

.dllanquanmao-pro-list-nav .flon span, 

.dllanquanmao-pro-list-nav li:hover span{

    background: linear-gradient(135deg, #FF8C00 0%, #FF6B00 100%);

    box-shadow: 0 6px 20px rgba(255, 107, 0, 0.35);

    transform: translateY(-3px);

}



/* 响应式设计（与第一种逻辑一致） */

@media (max-width: 900px) {

    .dllanquanmao-pro-list-nav li {

        width: 50%; /* 保持两栏布局 */

    }

    

    /* 在中等屏幕调整分隔线 */

    .dllanquanmao-pro-list-nav li:before {

        top: 20%;

        bottom: 20%;

    }

    

    .dllanquanmao-pro-list-nav li:nth-child(3):before {

        display: none;

    }

}



@media (max-width: 600px) {

    .dllanquanmao-pro-list-nav li {

        width: 100%; /* 小屏幕改为单栏 */

    }

    

    .dllanquanmao-pro-list-nav li:before {

        display: none; /* 移除所有分隔线 */

    }

    

    /* 保持与第一种相同的移动端内边距 */

    .dllanquanmao-pro-list-nav li a {

        padding: 20px 0;

    }

}











.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-list-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 #ef8100;

    background-color:#ef8100;

    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;}