/* 核心：设置img标签模拟background-image的效果 */
.sec2-list {
    list-style: none; /* 去掉默认列表样式 */
    margin: 0;
    padding: 0;
    /* 如果需要li横向排列，可添加flex布局，根据你的原有样式调整 */
    /* display: flex;
    flex-wrap: wrap; */
}

.sec2-list li {
    position: relative;
    overflow: hidden;
    /* 保留li原有尺寸，根据你的设计调整宽高 */
    /* 示例：如果是等分布局，可设置宽度 */
    /* width: 20%; */
}

/* 模拟background-size:100% 100% + background-position: center的效果 */
.sec2-bg-img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* 保持图片比例，覆盖容器（替代background-size:100%100%的更优方案） */
    /* 如果非要和原background-size:100%100%完全一致（可能拉伸），用：
    object-fit: fill; */
    object-position: center; /* 对应background-position: center */
    display: block; /* 去掉图片默认的行高间隙 */
}

/* 文字容器保持原有定位，浮在图片上方 */
.sec2-list .cont {
    position: absolute; /* 绝对定位，覆盖在图片上 */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* 可根据原有样式调整文字的位置，比如居中：
    display: flex;
    align-items: center;
    justify-content: center; */
    color: #fff; /* 假设原有文字是白色，根据实际调整 */
}

.sec2-list .cont h3 {
    margin: 0;
    /* 补充文字样式，和原有效果一致 */
}



      
 /* 新导航核心样式 */
        .new-nav {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            background: #fff;
            z-index: 9999;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            padding: 0 20px;
        }
        .nav-container {
            max-width: 1620px;
            margin: 0 auto;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .nav-logo img {
            height: 80px;
            display: block;
        }
        /* PC端导航 */
        .nav-menu {
            display: flex;
            list-style: none;
            margin: 0;
            padding: 0;
        }
        .nav-menu > li {
            position: relative;
            margin: 0 10px;
        }
        .nav-menu > li > a {
            display: block;
            padding: 30px 8px;
            color: #fff;
            text-decoration: none;
            font-size: 16px;
            transition: color 0.3s;
        }
        .nav-menu > li > a:hover {
            color: #f87171;
        }
        /* 下拉菜单 */
        .nav-submenu {
            position: absolute;
            top: 100%;
            left: 0;
            background: #c40410;
            list-style: none;
            padding: 15px 0;
            margin: 0;
            min-width: 180px;
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
            opacity: 0;
            visibility: hidden;
            transform: translateY(10px);
            transition: all 0.3s;
            z-index: 999;
        }
        .nav-submenu li {
            padding: 0 20px;
        }
        .nav-submenu li a {
            display: block;
            padding: 8px 0;
            color: #fff;
            text-decoration: none;
            font-size: 14px;
            transition: color 0.3s;
        }
        .nav-submenu li a:hover {
            color: #fff;
        }
        .nav-menu > li:hover .nav-submenu {
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
        }
        /* 搜索框 */
        .nav-search {
            margin-left: 20px;
            position: relative;
        }
        .nav-search input {
            border: 1px solid #eee;
            padding: 8px 15px;
            padding-right: 35px;
            border-radius: 20px;
            outline: none;
            transition: border-color 0.3s;
        }
        .nav-search input:focus {
            border-color: #f87171;
        }
        .nav-search button {
            position: absolute;
            right: 10px;
            top: 50%;
            transform: translateY(-50%);
            background: none;
            border: none;
            color: #999;
            cursor: pointer;
        }
        /* 汉堡菜单按钮 (移动端) */
        .hamburger {
            display: none;
            flex-direction: column;
            justify-content: space-between;
            width: 30px;
            height: 24px;
            cursor: pointer;
        }
        .hamburger span {
            width: 100%;
            height: 3px;
            background: #333;
            border-radius: 3px;
            transition: all 0.3s;
        }
        .active1{
            border-bottom: 3px solid #c40410;
        }
        /* 清除默认样式 */
.nav-list {
    list-style: none; /* 去掉li默认的圆点 */
    margin: 0;
    padding: 0;
}

/* 核心：让li横向排列 + 整体居中 */
.nav-list {
    display: flex; /* 让li横向排列 */
    justify-content: center; /* 水平居中（核心属性） */
    align-items: center; /* 垂直居中（可选，根据需要） */
    flex-wrap: wrap; /* 适配小屏幕，导航项自动换行 */
}

/* li之间增加间距，优化视觉 */
.nav-list li {
    margin: 0 15px; /* 左右间距，可根据需求调整 */
}

/* 可选：a标签样式优化 */
.nav-list li a {
    text-decoration: none; /* 去掉下划线 */
    color: #333; /* 文字颜色 */
    display: block;
    padding: 8px 0; /* 增加上下内边距，优化点击区域 */
}
.navactive1{
    border-bottom: 2px solid #c40410;
}
        
        /* 移动端适配 */
        @media (max-width: 990px) {
            .hamburger {
                display: flex;
            }
            .nav-menu-wrapper {
                position: fixed;
                top: 80px;
                left: 0;
                width: 100%;
                background: #fff;
                transform: translateX(-100%);
                transition: transform 0.3s;
                z-index: 998;
            }
            .nav-menu-wrapper.active {
                transform: translateX(0);
            }
            .nav-menu {
                flex-direction: column;
                padding: 20px;
            }
            .nav-menu > li {
                margin: 0;
                border-bottom: 1px solid #f5f5f5;
            }
            .nav-menu > li > a {
                padding: 15px 0;
            }
            .nav-submenu {
                position: static;
                opacity: 1;
                visibility: visible;
                transform: translateY(0);
                box-shadow: none;
                display: none;
                padding-left: 15px;
            }
            .nav-menu > li.active .nav-submenu {
                display: block;
            }
            .nav-search {
                margin: 20px;
                margin-left: 0;
            }
        }
        /* 调整页面内容位置 */
       /* #dowebok {
            margin-top: 80px;
        } */
		.banner-title{
/* 			  display: flex;
			  align-items: center;
			  height: 100%; */
			  position: absolute; 
			  left: 150px; 
			  top: 25%; 
			  color: #fff; 
			  max-width: 500px;
		}
		.banner-title hr{
			width: 100px;
			height: 5px;
			border: 0;
			background-color: #f18c1a;
			margin: 20px 0 40px 0;
		}
		.banner-title h1{
			font-size: 100px;
			font-weight: bold;
			line-height: 1.2;
			margin: 0 0 20px;
		}
		.banner-title p{
			font-size: 16px; 
			line-height: 1.8; 
			margin: 0 0 30px; 
			opacity: 0.9;
		}
 	/*	.banner-btn{*/
		/*	display: inline-block; */
		/*	padding: 8px 45px; */
		/*	border: 1px solid #fff; */
		/*	border-radius: 20px; */
		/*	color: #fff; */
		/*	text-decoration: none; */
		/*	font-size: 16px; */
		/*	transition: all 0.3s; */
		/*	margin-right: 15px;*/
		/*} */
		.banner-btn:hover{
			display: inline-block; 
			padding: 8px 45px; 
			background: #ffd100; color: #000; 
			border-radius: 20px; 
			text-decoration: none; 
			font-size: 16px; 
			transition: all 0.3s;
			border: 0px!important;
		}
		
		/* 关于我们 */
		.sec1-right-con hr{
			width: 50px;
			height: 3px;
			border: 0;
			background-color: #d51c19;
			margin: 5px 0 15px 0;
		}
		.w1680{
			/* width: 1680px; */
			padding-left: 15px;
			padding-right: 15px;
			margin: 0 auto;
		}
		
		@media screen and (min-width: 840px) {
		  .w1280{
			  width: 1680px;
		  }
		  .section7 .sec2-con ul li{
			  width: 100%;
		  }
		}
		
		.section7{
		    background-size: cover;
		}
		.section7 .sec2-con ul li{
			width: 32%;
		}
		.section7 .sec2-con ul li .cont{
		    padding: 5% 5%;
		    text-align: center;
			background: linear-gradient(to bottom, #f7faf2, rgb(247 250 243));
		}
		.section7 .sec2-con ul li .cont h3{
		    font-size: 22px;
		    color: #68b83f;
			font-weight: bold;
		    margin-top: 15%;
		}
		.txt-center a{
				margin: 0 10px;
		}
		.txt-center a::hover{
			border: 1px solid #c8201d;
		}
		
		
		
		
		
		
		
		/*之前按钮效果开始*/
		/* 轮播容器父级 - 核心：相对定位，让按钮绝对定位生效 */
		.sec4-slick-wrap {
			position: relative;
			width: 100%;
			margin: 0 auto;
		}
		.btn-cen{
			text-align: center;
		}
		/* 左右滑动按钮通用样式 */
		.sec4-slick-btn {
			/* position: absolute; */
			top: 50%;
			display: inline-block!important;
			transform: translateY(-50%);
			width: 50px;
			height: 50px;
			border-radius: 50%;
			background: rgba(0, 0, 0, 0.6);
			color: #fff;
			font-size: 24px;
			font-weight: bold;
			border: none;
			outline: none;
			cursor: pointer;
			z-index: 10;
			transition: all 0.3s ease;
			display: flex;
			align-items: center;
			justify-content: center;
		}
		
		/* 左按钮位置 */
		.slick-prev-btn {
			left: -25px;
			text-align: center;
		}
		
		/* 右按钮位置 */
		.slick-next-btn {
			right: -25px;
		}
		
		/* 按钮悬浮高亮效果 */
		.sec4-slick-btn:hover {
			background: #ff8800;
			/* 主色调，可根据你的网站配色修改 */
			color: #fff;
		}
		
		/*之前按钮效果结束*/
		
		
		
		
		
		
		
		
		
		/* ✅ 响应式适配：小屏幕自动隐藏按钮，避免遮挡 */
		@media (max-width: 1280px) {
			.sec4-slick-btn {
				width: 40px;
				height: 40px;
				font-size: 20px;
			}
		
			.slick-prev-btn {
				left: -20px;
			}
		
			.slick-next-btn {
				right: -20px;
			}
		}
		
		@media (max-width: 990px) {
			.sec4-slick-btn {
				display: none;
			}
		}
		
		.xypg-news-list li .new1{
			width: 15%!important;
			float: left;
			margin: 0 20px 0 0;
		}
		.xypg-news-list li .new2{
			width: 65%!important;
			float: left;
			margin: 0 20px 0 0;
		}
		.xypg-news-list li .new3{
			width: 10%!important;
			float: left;
		}
		.xypg-news-list li::after{
			content: '';
			display: block;
			clear: both;
		}
		.xypg-news-list li a{
			display: inline-block;
			text-decoration: none;
		}
		
		
		/*地图css*/

		
		/*首页市场营销css*/
		/* 核心：图片容器相对定位，标题绝对定位居中 */
.img-box {
    position: relative; /* 作为标题的定位参考 */
    display: inline-block; /* 适配图片宽度 */
    width: 100%; /* 占满父容器 */
}

/* 图片样式：保证填充容器，不拉伸变形 */
.slick-img {
    width: 100%;
    height: auto; /* 自适应高度，保持比例 */
    display: block; /* 去掉图片默认间隙 */
}

/* 标题样式：居中显示在图片上 */
.img-title {
    /* 绝对定位：水平+垂直居中 */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* 精准居中 */
    
    /* 文字样式（可根据需求调整） */
    color: #fff; /* 白色文字，对比图片更清晰 */
    font-size: 32px; /* 字体大小 */
    font-weight: bold; /* 加粗 */
    text-align: center; /* 文字居中 */
    
    /* 可选优化：增加背景遮罩，提升可读性 */
    padding: 8px 20px; /* 内边距 */
    border-radius: 4px; /* 圆角 */
    
    /* 可选：防止标题超出图片 */
    max-width: 90%;
    white-space: nowrap; /* 单行显示 */
    overflow: hidden; /* 超出隐藏 */
    text-overflow: ellipsis; /* 超出显示省略号 */
}

/* 可选：hover效果，标题高亮 */
.img-box:hover .img-title {
    color: #fff;
}

/* 保留原有样式兼容 */
.sec4-slick-wrap {
    position: relative; /* 兼容按钮定位 */
}
.sec4-slick-btn {
    cursor: pointer;
}
		/*首页市场营销css*/
		
		
.banner-titlewap {
    position: absolute;
    left: 20px;
    top: 13%;
    color: #fff;
    max-width: 500px;
}
.banner-titlewap h1 {
    font-size: 22px;
    font-weight: bold;
    line-height: 1.2;
    margin: 0 0 15px;
}
.banner-titlewap p {
    font-size: 13px;
    line-height: 1.8;
    margin: 0 0 10px;
    opacity: 0.9;
}
.banner-titlewap hr {
    width: 100px;
    height: 5px;
    border: 0;
    background-color: #f18c1a;
    margin: 6px 0 20px 0;
}	
.language-switcher {
    position: absolute;
    top: 20px;
    right: 20px;
    padding: 10px 20px;
    background-color: #c40410;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    transition: background-color 0.2s;
}