* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: "PingFang SC","Microsoft Yahei", sans-serif;
}
ul {
	list-style: none;
}
a {
	text-decoration: none;
}
.clear{clear: both;}
/* 全屏头部轮播容器 */
.header-banner {
	position: relative;
	width: 100vw;
	height: 100vh;
	overflow: hidden;
}

.inner-header {
	position: relative;
	width: 100vw;
	height: auto;
	overflow: hidden;
}
/* 轮播容器 */
.banner-slider {
	width: 100%;
	height: 100%;
}
/* ========== 首图自动缩放动画关键帧 ========== */
@keyframes zoomBanner {
	0% {
		transform: translate3d(0,0,0) scale(1);
	}
	100% {
		transform: translate3d(0,0,0) scale(1);
	}
}
/* ========== clip-path斜切动画 官网原版 ========== */
.slider-item {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 150%);
	transition: 
		clip-path 1400ms cubic-bezier(0.23, 1, 0.32, 1),
		opacity 1s ease-in-out;
	overflow: hidden;
	z-index: 1;
}
.slider-item.active {
	opacity: 1;
	z-index: 2;
	clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}
/* 图片外层容器 */
.img_box {
	width: 100%;
	height: 100%;
}
.slider-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	will-change: transform;
}
/* active 当前图 页面加载立刻执行缩放动画 */
.slider-item.active img {
	animation: zoomBanner 5s linear forwards;
}
/* ========== 文字区域 还原截图translate左滑+分层透明度 ========== */
.intro_box {
	position: absolute;
	left: 8%;
	top: 25%;
	color: #fff;
}
/* 改为垂直上下排列 */
.intro_box .wrap {
	display: flex;
	flex-direction: column;
	gap: 24px;
}
/* 圆圈图标 初始左移+低透明度 */
.intro_box .icon {
	width: 33px;
	flex-shrink: 0;
	opacity: 0;
	transform: translateX(-60px);
	transition: opacity 1s ease 600ms, transform 1s ease 600ms;
}
/* 大标题tit */
.intro_box .tit {
	font-size: 66px;
	font-weight: bold;
	line-height: 1.3;
	opacity: 0;
	transform: translateX(-60px);
	transition: opacity 1s ease 700ms, transform 1s ease 700ms;
	 
	font-family: SourceHanSansCN, SourceHanSansCN, "SimHei", "Microsoft YaHei Bold", "PingFang SC Bold", sans-serif;
}
/* 描述文本con */
.intro_box .con {
	font-size: 18px;
	line-height: 1.8;
	margin-top: 16px;
	opacity: 0;
    width: 60vw;
	transform: translateX(-60px);
	transition: opacity 1s ease 800ms, transform 1s ease 800ms;
}
/* active激活后全部归位、透明度1，和截图最终样式一致 */
.slider-item.active .icon,
.slider-item.active .tit,
.slider-item.active .con {
	opacity: 1;
	transform: translateX(0px);
	visibility: inherit;
}
.intro_box .icon img {
	width: 100%;
	height: auto;
}
/* ============================================== */
/* 顶部导航栏 默认透明无背景 */
nav {
position: fixed;
top: 0;
left: 0;
width: 100%;
padding: 0px 8%;
z-index: 999;
display: flex;
align-items: center;
justify-content: space-between;
transition: all 0.4s ease;
background: transparent;
}
.logo {

display: flex;
align-items: center;
transition: color 0.4s;
}
.logo img {
height: 100%;
width: auto;
object-fit: contain;
max-width: 230px;
}
/* 平板端logo缩小 */
@media (max-width: 1024px) {
.logo {
height: 36px;
}
.logo img {
max-width: 130px;
}
}
/* 手机端logo适配 */
@media (max-width: 768px) {
.logo {
height: 36px;
}
.logo img {
max-width: 160px;
}
}
/* 滚动导航后logo高度同步缩小 */
nav.scroll-nav .logo {
/* height: 34px; */
}
@media (max-width:768px) {
nav.scroll-nav .logo {
/* height: 28px; */
}
}
/* 桌面横向菜单容器 */
.nav-links {
display: flex;
gap: 60px;
align-items: center;
}
.nav-links > li {
position: relative;
text-align: center;
}
.nav-links > li > a {
color: #fff;
font-size: 18px;
transition: opacity 0.3s, color 0.4s;
display: block;
padding: 40px 0;
white-space: nowrap;
}
.nav-links > li.active > a {
color: #ff6600;
}

/* ========== 核心1：鼠标hover导航 整体变黑底色、文字变白 ========== */
nav:hover,
nav.hover-fix {
background: #01152Bd9;
}
nav:hover .logo,
nav.hover-fix .logo {
color: #fff;
}
nav:hover .nav-links > li > a,
nav.hover-fix .nav-links > li > a {
color: #ffffff;
}
nav:hover .nav-links > li.active > a,
nav.hover-fix .nav-links > li.active > a {
color: #ff6600;
}
nav:hover .nav-links > li > a:hover,
nav.hover-fix .nav-links > li > a:hover {
color: #ff6600;
}

/* ========== 核心2：页面滚动后scroll-nav 永久保持黑色导航+白文字（和hover一致） ========== */
nav.scroll-nav {
background: #01152B;
padding: 0px 8%;
box-shadow: 0 2px 10px rgba(0,0,0,0.2);
}
nav.scroll-nav .logo {
color: #fff;
}
nav.scroll-nav .nav-links > li > a {
color: #ffffff;
}
nav.scroll-nav .nav-links > li.active > a {
color: #ff6600;
}
nav.scroll-nav .nav-links > li > a:hover {
color: #ff6600;
}

/* ========== 普通小型下拉菜单 ========== */
.submenu {
position: absolute;
top: calc(100% + 0px);
left: 50%;
transform: translateX(-50%);
width: 140px;
background: #ffffff;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
padding: 5px 10px;
border-radius: 0 0 0.6vw 0.6vw;
max-height: 0;
overflow: hidden;
opacity: 0;
transition: all 0.4s ease;
pointer-events: none;
}
.nav-links > li:hover .submenu {
max-height: 300px;
opacity: 1;
pointer-events: auto;
}
.submenu li a {
display: block;
padding: 6px 22px;
margin: 8px 0;
color: #333;
font-size: 14px;
transition: all 0.3s;
}
.submenu li a:hover {
background: #fff0eb;
color: #ff6600;
}

/* ========== 新版【真正全屏】产品下拉面板 重写 ========== */
.product-parent {
position: relative;
}
/* 扩大hover感应缓冲层，防闪烁 */
.product-parent::after {
content: "";
position: absolute;
left: -30px;
right: -30px;
top: 100%;
height: 20px;
background: transparent;
z-index: 997;
}
/* 全局悬浮全屏面板，脱离nav容器，无截断 */
#globalProductPanel {
position: fixed;
top: 103px;
left: 0;
right: 0;
width: 100vw;
height: 600px;
background: #fff;
box-shadow: 0 8px 24px rgba(0,0,0,0.12);
overflow: hidden;
opacity: 0;
max-height: 0;
pointer-events: none;
transition: all 0.4s ease;
z-index: 998;
}
/* 展开激活状态 */
#globalProductPanel.show {
opacity: 1;
max-height: 700px;
pointer-events: auto;
}
/* 滚动导航高度适配 */
nav.scroll-nav ~ #globalProductPanel {
top: 103px;
}
@media (max-width:1024px){
#globalProductPanel {
top: 103px;
}
nav.scroll-nav ~ #globalProductPanel {
top: 103px;
}
}

/* 内部容器限制最大宽度，左右留白8%和导航对齐 */
.menu-wrap {
	display: grid;
	grid-template-columns: 280px 280px 1fr;
	height: 100%;
	max-width: 1400px;
	margin: 0 auto;
	padding: 0 8%;
}

/* ========== 三栏菜单核心样式（原版带淡入动画） ========== */
.col {
	border-right: 1px solid #eeeeee;
	padding: 40px 30px;
	overflow-y: auto;
}
.col:last-child {
	border-right: none;
}
.menu-item {
	height: 64px;
	line-height: 64px;
	font-size: 18px;
	color: #666666;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 20px;
	cursor: pointer;
	transition: all 0.2s ease;
	user-select: none;
}
.menu-item.active {
	background-color: #fdf0f0;
	color: #ff6600;
}
.arrow {
	font-size: 22px;
	color: #999999;
	transition: color 0.2s ease;
}
.menu-item.active .arrow {
	color: #ff6600;
}
#level2-box {
	opacity: 1;
	transition: opacity 0.1s ease;
}
#level2-box.fade-out {
	opacity: 0;
}
.detail-content {
	opacity: 1;
	transition: opacity 0.1s ease;
}
.detail-content.fade-out {
	opacity: 0;
}
.detail-title {
	display: flex;
	align-items: center;
	gap: 12px;
	font-size: 36px;
	font-weight: 500;
	color: #222222;
	margin-bottom: 20px;
}
.circle-link {
	width: 44px;
	height: 44px;
	border: 1px solid #ff6600;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #ff6600;
	font-size: 20px;
	cursor: pointer;
	transition: all 0.2s ease;
}
.circle-link:hover {
	background: #fdf0f0;
}
.divider-line {
	width: 100%;
	height: 1px;
	background: #eeeeee;
	margin-bottom: 40px;
}
.img-box {
	width: 100%;
	display: flex;
	justify-content: center;
}
.img-box img {
	max-width: 90%;
}

/* 底部指示器外层容器 右下角定位 */
.slider-indicators-wrap {
	position: absolute;
	bottom: 40px;
	right: 8%;
	z-index: 10;
}
.slider-indicators {
	position: relative;
	display: flex;
	gap: 80px;
}
.indicator-item {
	color: #fff;
	font-size: 15px;
	padding-bottom: 8px;
	opacity: 0.7;
	cursor: pointer;
	transition: opacity 0.3s;
	position: relative;
	white-space: nowrap;
	border-bottom: 8px solid rgba(255,255,255,0.2);
}
.indicator-item.active {
	opacity: 1;
}
.progress-underline {
	position: absolute;
	bottom: -8px;
	left: 0;
	height: 8px;
	width: 0;
	background-color: #fff;
	transition: width 0.05s linear;
	z-index: 2;
}
/* 左右切换箭头 已隐藏 */
.slider-arrow {
	display: none;
}
/* ========== 左侧 pagination-left 进度条 完全匹配截图样式 ========== */
.left-area {
	position: absolute;
	left: 20px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 10;
}
.pagination-left {
	display: flex;
	flex-direction: column;
	gap: 15px;
}
.pagination-left .line {
	width: 12px;
	height: 4px;
	background: rgba(255,255,255,0.4);
	transition: all 0.5s ease;
	cursor: pointer;
}
.pagination-left .line.active {
	width: 24px;
	background: #ffffff;
}
/* ========== 向下滚动提示【修复版】 ========== */
.scroll-down {
	position: absolute;
	left: 8%;
	bottom: 10px;
	color: #fff;
	font-size: 14px;
	z-index: 10;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
}
.scroll-down .line {
	width: 2px;
	height: 80px;
	position: relative;
	overflow: hidden;
}
.scroll-down .line:before {
	height: 100%;
	background: rgba(255, 255, 255, .57);
	opacity: .3;
	left: 0;
	right: 0;
	top: 0;
	content: '';
	position: absolute;
	width: 2px;
	margin: 0 auto;
}
.scroll-down .line:after {
	background: #fff;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: -15px;
	content: '';
	position: absolute;
	width: 2px;
	height: 14px;
	-webkit-animation: about_scroll-down-line 3s infinite linear;
	animation: about_scroll-down-line 3s infinite linear;
}

   /* ===================== 新增底部行业分类banner-img 样式 ===================== */
   .banner-img {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 140px;
    width: 100%;
    z-index: 9;
    padding: 0 8%;
}
.banner-img-wrap {
    display: flex;
    gap: 30px;
    overflow-x: auto;
    padding-bottom: 10px;
    /* 隐藏滚动条 */
    scrollbar-width: none;
}
.banner-img-wrap::-webkit-scrollbar {
    display: none;
}
.banner-img-item {
    flex: 0 0 175px;
    background: rgba(0,0,0,0.35);
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.3s ease;
}
.banner-img-item:hover {
    background: rgba(0,0,0,0.6);
    transform: translateY(-4px);
}
.banner-img-item a {
    display: block;
    width: 100%;
    height: 100%;
}
.banner-img-item img {
    width: 100%;
    height: 190px;
    object-fit: cover;
    display: block;
}
.banner-img-item p {
    color: #fff;
    text-align: center;
    padding: 10px 0;
    font-size: 14px;
}
/* 手机端行业卡片适配 */
@media (max-width:768px) {
    .banner-img {
        padding: 0 5%;
        bottom: 20px;
    }
    .banner-img-item {
        flex: 0 0 120px;
    }
    .banner-img-item img {
        height: 130px;
    }
    .slider-indicators-wrap,
    .scroll-down {
        bottom: 180px;
    }
}


/* banner轮播容器必须相对定位 */
.banner-slider {
    position: relative;
    overflow: hidden;
}
/* 底部波纹容器 */
.banner-wave-bottom {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 140px;
    z-index: 8;
}
.banner-wave-bottom .waves {
    width: 100%;
    height: 100%;
    display: block;
}
/* 三层波浪分别设置不同动画时长、延迟，实现分层错开 */
.parallax use:nth-child(1) {
    animation: waveMove 8s linear infinite;
}
.parallax use:nth-child(2) {
    animation: waveMove 10s linear infinite -2s;
    opacity: 0.7;
}
.parallax use:nth-child(3) {
    animation: waveMove 12s linear infinite -4s;
    opacity: 0.4;
}
/* 波浪横向循环平移关键帧 */
@keyframes waveMove {
    0% {
        transform: translateX(-90px);
    }
    100% {
        transform: translateX(90px);
    }
}
/* 波浪上下浮动动画，和footer统一效果 */
.parallax use {
    animation: waveMove 8s linear infinite;
}
.parallax use:nth-child(2) {
    animation-delay: -2s;
    animation-duration: 10s;
}
.parallax use:nth-child(3) {
    animation-delay: -4s;
    animation-duration: 12s;
}
@keyframes waveMove {
    0% {
        transform: translateX(-90px);
    }
    100% {
        transform: translateX(90px);
    }
}



/* ===================== 语言切换下拉菜单 匹配截图 ===================== */
.lang-parent {
position: relative;
display: flex;
align-items: center;
}
.lang-trigger {
display: flex;
align-items: center;
gap: 10px;
cursor: pointer;
padding: 40px 10px;
}
.lang-icon {
width: 23px;
height: 23px;
object-fit: contain;
}
.lang-arrow {
width: 14px;
height: 7px;
object-fit: contain;
transition: transform 0.3s ease;
}
/* hover时箭头旋转 */
.lang-parent:hover .lang-arrow {
transform: rotate(180deg);
}
/* 语言下拉面板 右上角对齐、带尖角 */
.lang-panel {
position: absolute;
top: 100%;
right: 0;
width: 210px;
background: #fff;
padding: 15px 40px;
opacity: 0;
max-height: 0;
overflow: hidden;
pointer-events: none;
transition: all 0.4s ease;
box-shadow: 0 6px 18px rgba(0,0,0,0.12);
/* 右上角尖角 */
clip-path: polygon(0 0, 100% 0, 100% calc(100% - 16px), calc(100% - 18px) 100%, 0 100%);
}
.lang-parent:hover .lang-panel {
opacity: 1;
max-height: 400px;
pointer-events: auto;
}
.lang-title {
font-size: 18px;
font-weight: normal;
color: #222;
margin-bottom: 14px;
}
.lang-line {
width: 100%;
height: 1px;
background: #ddd;
margin: 10px 0;
}
.lang-item {
display: flex;
align-items: center;
gap: 16px;
font-size: 16px;
color: #333;
cursor: pointer;
padding: 1px 0;
}
.lang-item input[type="radio"] {
width: 16px;
height: 16px;
cursor: pointer;
}
/* 导航hover黑色背景时图标适配 */
nav:hover .lang-arrow,
nav.scroll-nav .lang-arrow,
nav.hover-fix .lang-arrow {
filter: brightness(10);
}
/* 扩大语言模块hover缓冲区域，防止鼠标移出消失 */
.lang-parent::after {
content: "";
position: absolute;
left: 0;
right: 0;
top: 100%;
height: 14px;
background: transparent;
z-index: 997;
}

/* ===================== 移动端汉堡菜单样式 ===================== */
.hamburger-btn {
display: none;
width: 32px;
height: 32px;
position: relative;
cursor: pointer;
}
.hamburger-btn span {
display: block;
width: 100%;
height: 2px;
background: #fff;
position: absolute;
left: 0;
transition: 0.3s;
}
.hamburger-btn span:nth-child(1) { top: 8px; }
.hamburger-btn span:nth-child(2) { top: 15px; }
.hamburger-btn span:nth-child(3) { top: 22px; }
/* 汉堡激活样式 */
.hamburger-btn.active span:nth-child(1) { transform: rotate(45deg); top:15px; }
.hamburger-btn.active span:nth-child(2) { opacity:0; }
.hamburger-btn.active span:nth-child(3) { transform: rotate(-45deg); top:15px; }

/* 移动端侧边抽屉遮罩 */
.mobile-menu-mask {
position: fixed;
top:0;
left:0;
width:100vw;
height:100vh;
background:rgba(0,0,0,0.6);
z-index:1000;
opacity:0;
pointer-events:none;
transition:opacity 0.3s ease;
}
.mobile-menu-mask.show {
opacity:1;
pointer-events:auto;
}
/* 侧边抽屉菜单 */
.mobile-drawer {
position: fixed;
top:0;
right:-85vw;
width:85vw;
height:100vh;
background:#01152b;
z-index:1001;
overflow-y:auto;
transition:right 0.3s ease;
}
.mobile-drawer.show {
right:0;
}
/* 新增：抽屉顶部返回栏 */
.mobile-drawer-back {
display: flex;
align-items: center;
gap:16px;
font-size:20px;
color:#fff;
padding:40px 30px 20px;
cursor:pointer;
}
.mobile-drawer-back .back-arrow {
font-size:20px;
}
.mobile-menu-list {
padding:0 30px;
}
/* 移动端一级菜单：文字+右侧箭头 */
.mobile-menu-item {
display: flex;
justify-content: space-between;
align-items: center;
padding:16px 0;
font-size:18px;
color:#fff;
border-bottom:1px solid #eee;
cursor: pointer;
}
.mobile-menu-item a{
    color:#fff;
}
.mobile-menu-arrow {
font-size:20px;
transition: transform 0.3s ease;
}
.mobile-menu-item.open .mobile-menu-arrow {
transform: rotate(90deg);
}
/* 移动端二级子菜单 默认收起 */
.mobile-submenu {
max-height:0;
overflow:hidden;
transition:max-height 0.3s ease;
background:#01152b;
}
.mobile-submenu.show {
max-height: 1500px;
}
.mobile-submenu a {
display:block;
padding:14px 25px;
font-size:15px;
color:#fff;
border-bottom:1px solid #eee;
}


@keyframes about_scroll-down-line {
	0% {
		transform: translateY(0);
		opacity: 0;
	}
	15% {
		opacity: 1;
	}
	85% {
		opacity: 1;
	}
	100% {
		transform: translateY(95px);
		opacity: 0;
	}
}
/* 移动端适配 768px手机端 */
@media (max-width: 768px) {
	/* 导航布局改为左右：logo | 语言+汉堡 */
	nav {
		padding: 0 5%;
	}
	.logo {
		font-size: 32px;
	}
	/* 隐藏桌面横向导航 */
	.nav-links {
		display: none;
	}
	/* 显示汉堡按钮 */
	.hamburger-btn {
		display: block;
	}
	/* 导航右侧容器：语言 + 汉堡 */
	.nav-right-wrap {
		display: flex;
		align-items: center;
		gap: 12px;
	}
	/* 语言模块内边距缩小 */
	.lang-trigger {
		padding:30px 4px;
	}
	.lang-icon {
		width:20px;
		height:20px;
	}
	/* 轮播文字缩小 */
	.intro_box .tit {
		font-size: 32px;
	}
	.intro_box .con {
		font-size:15px;
	}
	/* 隐藏侧边指示器、底部文字指示器 */
	.slider-indicators-wrap,
	.left-area {
		display: none;
	}
	.scroll-down {
		display: none;
	}
	/* 手机端隐藏全屏产品面板 */
	#globalProductPanel {
		display: none !important;
	}
}
/* 平板适配 */
@media (max-width: 1024px) {
	.nav-links {
		gap: 30px;
	}
	.intro_box .tit {
		font-size: 42px;
	}
	.slider-indicators {
		gap: 40px;
	}
	.menu-wrap {
		grid-template-columns: 240px 240px 1fr;
	}
}
/* 桌面端隐藏手机右侧区域，768px以下显示 */
.desktop-hide {
display: none;
}
@media (max-width:768px){
.desktop-hide {
display: flex;
align-items: center;
gap: 12px;
}
}

/* ===================== 新增：关于我们区块样式 ===================== */
body {
overflow-x: hidden;
}
/* 主容器 全屏背景 */
.banner-wrap {
width: 100%;
min-height: 100vh;
background: url('../images/46c471d729e343e2b018bb3c6c870213.jpg') no-repeat center center;
background-size: cover;
background-attachment: fixed;
display: flex;
align-items: center;
padding: 40px 6%;
gap: 40px;
}
/* 左侧LOGO区域 */
.banner-left {
flex: 1;
min-width: 300px;
}
.banner-left img {
width: 100%;
max-width: 600px;
display: block;
}
/* 右侧文字容器 动画载体 */
.banner-right {
flex: 1;
min-width: 320px;
color: #222;
/* 初始位置：向右偏移，隐藏 */
transform: translateX(120px);
opacity: 0;
transition: all 1s ease-out;
}
/* 页面加载完成后触发动画类 */
.banner-right.show {
transform: translateX(0);
opacity: 1;
}
/* 标题分层样式 */
.title-sm {
font-size: clamp(16px, 1.6vw, 20px);
color: #666;
letter-spacing: 1px;
margin-bottom: 8px;
}
.title-big {
font-size: clamp(32px, 5vw, 48px);
 
line-height: 1.2;
margin-bottom: 10px;
font-weight: 900;
font-family: SourceHanSansCN, SourceHanSansCN, "SimHei", "Microsoft YaHei Bold", "PingFang SC Bold", sans-serif;
}
.title-middle {
font-size: clamp(20px, 2.5vw, 28px);
font-weight: 500;
color: #333;
margin-bottom: 20px;
}
.split-line {
width: 50px;
height: 2px;
background-color: #ff7824;
margin-bottom: 24px;
}
/* 正文描述 */
.banner-desc {
font-size: clamp(16px, 1.2vw, 20px);
line-height: 1.8;
color: #333;
margin-bottom: 32px;
}
/* 按钮样式 */
.more-btn {
display: inline-block;
padding: 12px 36px;
border: 1px solid #ff7824;
color: #ff7824;
text-decoration: none;
border-radius: 4px;
font-size: 15px;
transition: 0.3s;
}
.more-btn:hover {
background-color: #ff7824;
color: #fff;
}
/* 移动端适配 */
@media screen and (max-width: 768px) {
.banner-wrap {
flex-direction: column;
text-align: center;
padding: 60px 5%;
}
.split-line {
margin: 0 auto 24px;
}
.banner-left {
width: 100%;
}
.banner-left img {
max-width: 380px;
margin: 0 auto;
}
}
 



        /* ========== 手风琴专属页面容器样式（独立类，不污染全局body） ========== */
        .accordion-page-body {
            /* 页面整体背景 */
            background: #01152B;
            min-height: 100vh;
            padding: 80px 0;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }

        /* 上方标题文案区域 */
        .accordion-top-text {
            width: 92%;
            max-width: 2400px;
            margin-bottom: 60px;
            text-align: center;
            color: #ffffff;
        }
        .accordion-top-text h2 {
			font-size: 55px;
			margin-bottom: 26px;
			font-weight: 900;
			font-family: SourceHanSansCN, SourceHanSansCN, "SimHei", "Microsoft YaHei Bold", "PingFang SC Bold", sans-serif;
		}
      
        .accordion-top-text p {
            font-size: 17px;
            line-height: 1.8;
            opacity: 0.85;
            max-width: 900px;
            margin: 0 auto;
        }

        /* 手风琴容器 PC横向布局 */
        .accordion-wrap {
            display: flex;
            width: 92%;
            max-width: 2400px;
            height: 70vh;
            max-height: 960px;
            overflow: hidden;
            border-radius: 12px;
        }
        /* 单个面板通用样式 */
        .accordion-item {
            position: relative;
            flex: 1;
            height: 100%;
            overflow: hidden;
            transition: all 0.6s ease-in-out;
            cursor: pointer;
        }
        /* PC端激活展开状态 */
        .accordion-item.active {
            flex: 4.2;
        }
        /* 背景图填充 */
        .item-bg {
            width: 100%;
            height: 100%;
            object-fit: cover;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1;
        }
        /* 渐变遮罩 */
        .mask {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 2;
            background: linear-gradient(90deg, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.2) 60%);
        }
        /* 石油板块专属渐变 */
        .item-oil .mask {
            background: linear-gradient(90deg, rgba(160,70,20,0.8) 0%, rgba(0,0,0,0.15) 65%);
        }
        /* 文字内容层 */
        .item-content {
            position: absolute;
            left: 2.5rem;
            bottom: 7.5rem;
            z-index: 3;
            color: #fff;
            width: 35rem;
            opacity: 0;
            transform: translateY(30px);
            transition: all 0.5s ease 0.2s;
        }
        .accordion-item.active .item-content {
            opacity: 1;
            transform: translateY(0);
        }
        /* 图标图片 */
        .icon-img {
            width: 4.5rem;
            height: 4.5rem;
            margin-bottom: 1.5rem;
            object-fit: contain;
        }
        /* 侧边栏小图标图片 */
        .side-icon-img {
            width: 3rem;
            height: 3rem;
            display: block;
            margin-bottom: 0.8rem;
            object-fit: contain;
        }
        /* 标题 */
        .item-title {
            font-size: 2.25rem;
            font-weight: 600;
            margin-bottom: 1.4rem;
            letter-spacing: 2px;
        }
        /* 描述文本 */
        .item-desc {
            font-size: 1rem;
            line-height: 1.8;
            color: #eee;
        }
        /* 右侧缩略标题容器 改为左对齐 */
        .side-title-wrap {
            position: absolute;
            left: 2.25rem;
            top: 50%;
            transform: translateY(-50%);
            z-index: 3;
            opacity: 1;
            transition: opacity 0.3s ease;
            text-align: left;
        }
        .side-title-text {
            white-space: nowrap;
            color: #fff;
            font-size: 1.375rem;
        }
        .accordion-item.active .side-title-wrap {
            opacity: 0;
        }

        /* ====================== 响应式媒体查询 移动端适配 ====================== */
        @media screen and (max-width: 1024px) {
            .accordion-page-body {
                padding: 0rem;
            }
            /* 上方文字移动端缩小 */
            .accordion-top-text h2 {
                font-size: 28px;
            }
            .accordion-top-text p {
                font-size: 16px;
            }
            /* 平板：取消横向手风琴，改为垂直堆叠 */
            .accordion-wrap {
                flex-direction: column;
                height: auto;
                gap: 1rem;
                width: 100%;
            }
            .accordion-item {
                flex: none !important;
                height: 50vh;
                min-height: 400px;
                border-radius: 8px;
            }
            /* 移动端取消hover展开效果，所有面板默认完整展示文字 */
            .item-content {
                opacity: 1;
                transform: translateY(0);
                width: 80%;
            }
            /* 隐藏侧边标题区域 */
            .side-title-wrap {
                display: none;
            }
            /* 移动端遮罩改为上下渐变，适配垂直布局 */
            .mask, .item-oil .mask {
                background: linear-gradient(0deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.1) 70%);
            }
        }
        @media screen and (max-width: 640px) {
            /* 手机端标题再缩小 */
            .accordion-top-text h2 {
                font-size: 22px;
            }
            .accordion-top-text {
                margin-bottom: 24px;
            }
            /* 手机端：高度缩小、隐藏描述小字 */
            .accordion-item {
                min-height: 125px;
                height: 15vh;
            }
            /* 隐藏描述小字 */
            .item-desc {
                display: none;
            }
            .item-content {
                left: 1.25rem;
                bottom: 2rem;
                width: calc(100% - 2rem);
                text-align: center;
            }
            .icon-img {
                width: 2.5rem;
                height: 2.5rem;
                margin-bottom: 0.6rem;
            }
            .item-title {
                font-size: 1.3rem;
                margin-bottom: 0;
            }
        }














		/*
* name: responsive
* version: v2.1.1
* update: 添加pad竖屏状态Padp
* data: 2017-06-13
*/

 

.ipart02{position:relative; height:120vh; overflow:hidden;}

.ipart02 .container{position:absolute; top:0; left:0; width:100%; height:100%;}

.ipart02 .container .infor{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:2; width:100%; text-align:center;}

.ipart02 .container .infor .en_tit{font-size:16px; line-height:1; text-align:center; color:#fac109; font-weight:bold;}

.ipart02 .container .infor .tit{    font-size: clamp(2rem, 6vw, 3.8rem); line-height:1; text-align:center; color:#fff; font-weight:bold; margin-top:20px;}

.ipart02 .container .infor .con{  font-size: clamp(1.5rem, 5vw, 1.5rem); line-height:2; text-align:center; color:#fff; font-weight:bold; margin-top:20px;}

.ipart02 .container .infor .item_list{font-size:0; white-space:nowrap; margin-top:50px; text-align:center;}

.ipart02 .container .infor .item_list .item{text-align:center; display:inline-block; margin-right:6%;}

.ipart02 .container .infor .item_list .item:last-child{margin-right:0;}

.ipart02 .container .infor .item_list .item .t{font-size: clamp(1.5rem, 5vw, 1.5rem);  font-weight:bold; line-height:1; color:#fff; margin:10px 0;}

.ipart02 .container .infor .item_list .item .c{font-size: clamp(1.2rem, 5vw, 1.2rem); line-height:2; color:#fff;}

.ipart02 .container .infor .more{display:inline-block; width:220px; height:55px; /*border:1px solid #fff; */line-height:53px; font-size:18px; color:#fff; margin-top:50px;}

.ipart02 .container .infor .more .icon{display:inline-block; font-size:0; vertical-align:middle;}

.ipart02 .container .infor .more i{display:inline-block; font-size:30px; width:30px; height:30px; border-radius:30px; border:1px solid #fff; line-height:34px; text-indent:0.2em;}

.ipart02 .container .infor .more a{font-size: clamp(1.5rem, 5vw, 1.5rem); display:inline-block; vertical-align:middle;    margin-left: 0.8em;    margin-bottom: 1em;   color: #ffffff;}

.ipart02 .container .content{position:relative; height:100%; z-index:1;}

.ipart02 .container .content::before{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, .62); z-index:1;}

.ipart02 .container .list{position:absolute; top:0; left:0; width:100%; height:100%; z-index:-1; transform:rotate(-10deg) scale(1.3);}

.ipart02 .container .list .row{height:31.83%; margin-top:1.5%;}

.ipart02 .container .list .row ul{height:100%;}

.ipart02 .container .list .row .item{float:left; position:relative; width:23.5%; height:100%; margin-right:1.5%; border-radius:30px; background:#000; overflow:hidden;}

.ipart02 .container .list .row .item img{max-width:none; width:100%; height:100%; object-fit:cover;}

@media only screen and (max-width: 1240px) {
    .wrap, .mwrap { width:940px; }
    .ipart02 .container .infor .item_list .item{margin-right:3%;}
}

@media only screen and (max-width: 992px) {
    .wrap, .mwrap { width:760px; }
    .ipart02 .container .infor .item_list{white-space:inherit;}
    .ipart02 .container .infor .item_list .item{width:49%; margin-right:2%; margin-bottom:20px;}
    .ipart02 .container .infor .item_list .item:nth-child(2n){margin-right:0;}
    .ipart02 .container .infor .more{margin-top:30px;}
}

@media only screen and (max-width: 780px) {
    .wrap, .mwrap { padding-left:4%; padding-right:4%; width:auto; }
    .mwrap .wrap { padding-left:0; padding-right:0; }
    .ipart02{height:100vh;}
    .ipart02 .container .infor .tit{ margin-top:10px;}
    .ipart02 .container .infor .con{font-size: clamp(0.8rem, 5vw, 0.8rem);line-height:1.5; margin-top:10px;}
    .ipart02 .container .infor .item_list .item .t{font-size:16px;}
    .ipart02 .container .infor .item_list{margin-top:15px;}
    .ipart02 .container .infor .item_list .item{margin-bottom:10px;}
    .ipart02 .container .infor .item_list .item .c{font-size:12px;}
    .ipart02 .container .infor .more{margin-top:10px; width:60%; height:45px; line-height:45px; font-size:16px;}
}





   /* 头部标题区域 */
   .top-title {
	text-align: center;
	margin-bottom: 45px;
}
.top-title h1 {
	font-size: clamp(2rem, 6vw, 3.8rem);
	color: #ff8822;
	margin-bottom: 18px;
	font-weight: 600;
}
.top-title p {
	font-size: clamp(0.9rem, 2vw, 1.1rem);
	color: #e6e6e6;
	line-height: 1.7;
}
/* 网格布局容器 */
.grid-wrap {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 40px;
}
/* 外层容器：原图圆角外发光相框 */
.card-wrap {
	padding: 18px;
	border-radius: 16px;
	box-shadow: 0 0 10px 0 #FFF inset;
	background: rgba(255,255,255,0.06);
}
/* 卡片整体：图片+下方文字 */
.card-item {
	display: flex;
	flex-direction: column;
	gap: 16px;
}
/* 图片容器 */
.card-item .img-box {
	position: relative;
	overflow: hidden;
	border-radius: 8px;
	aspect-ratio: 16 / 9;
}
.card-item .img-box img {
	width: 100%;
	height: 100%;
    max-width: 100%;
	object-fit: cover;
	display: block;
	/* 基础过渡：缩放+内阴影动画 */
	transition: all 0.3s ease;
	box-shadow: inset 0 0 0 0 rgba(255,255,255,0);
}
/* 鼠标悬浮：图片放大1.1倍 + 内部白发光 */
.card-item .img-box:hover img {
	-moz-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
	/* box-shadow: inset 0 0 10px 0 #FFF; */
}
/* 图片下方文字区域，永久显示居中 */
.card-text {
	text-align: center;
	color: #ffffff;
}
.card-text h3 {
	font-size: clamp(1rem, 2vw, 1.3rem);
	margin-bottom: 8px;
	line-height: 1.5;
	font-weight: 500;
}
.card-text p {
	font-size: clamp(0.8rem, 1.6vw, 0.98rem);
	line-height: 1.65;
	color: #ddd;
}
/* 响应式适配：平板2列，手机1列 */
@media screen and (max-width: 992px) {
	.grid-wrap {
		grid-template-columns: repeat(2, 1fr);
		gap: 30px;
	}
}
@media screen and (max-width: 576px) {
	.grid-wrap {
		grid-template-columns: 1fr;
		gap: 26px;
	}
	body {
		padding: 0px;
	}
	.card-wrap {
		padding: 8px;
	}
}




        /* 新增全屏外层容器，铺满100%宽度+深色背景 */
        .full-bg-box {
            width: 100%;
            background-color: #081422;
            min-height: 100vh;
        }

        /* 内部内容容器 strength-wrap，不再承载背景色 */
        .strength-wrap {
            padding: 110px 8%;
            max-width: 100%;
            margin: 0 auto;
            font-family: "Microsoft Yahei", sans-serif;
            color: #fff;
           
        }
        @media screen and (max-width: 576px) {
            .strength-wrap {
                padding: 25px 12px;
            }
        }
        /* ======================================================== */

        /* ========== 业务卡片布局样式 ========== */
        .top-title {
            text-align: center;
            margin-bottom: 85px;
        }
        .top-title h1 {
            font-size: clamp(2rem, 6vw, 3.8rem);
            color: #ff8822;
            margin-bottom: 18px;
			font-weight: 900;
			font-family: SourceHanSansCN, SourceHanSansCN, "SimHei", "Microsoft YaHei Bold", "PingFang SC Bold", sans-serif;
        }
        .top-title p {
            font-size: clamp(0.9rem, 2vw, 1.1rem);
            color: #e6e6e6;
            line-height: 1.7;
			max-width: 900px;
			/* text-align: center; */
			margin: 0 auto;
        }

        .grid-wrap {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 40px;
        }

        .card-wrap {
            padding: 18px;
            border-radius: 16px;
            box-shadow: 0 0 10px 0 #FFF inset;
            background: rgba(255,255,255,0.06);
        }

        .card-item {
            display: flex;
            flex-direction: column;
            gap: 16px;
        }

        .img-box {
            position: relative;
            overflow: hidden;
            border-radius: 8px;
            aspect-ratio: 28 / 15;
            cursor: pointer;
        }
        .img-box img {
            width: 100%;
            height: 100%;
            object-fit: contain;
            display: block;
            transition: all 0.3s ease;
            box-shadow: inset 0 0 0 0 rgba(255,255,255,0);
        }
        .img-box:hover img {
            -webkit-transform: scale(1.1, 1.1);
            -moz-transform: scale(1.1, 1.1);
            -ms-transform: scale(1.1, 1.1);
            -o-transform: scale(1.1, 1.1);
            transform: scale(1.1, 1.1);
            /* box-shadow: inset 0 0 10px 0 #FFF; */
        }

        .card-text {
            text-align: center;
            color: #ffffff;
        }
        .card-text h3 {
            font-size: clamp(1rem, 2vw, 1.2rem);
            margin-bottom: 8px;
            line-height: 1.5;
            font-weight: 500;
        }
        .card-text p {
            font-size: clamp(0.8rem, 1.6vw, 0.98rem);
            line-height: 1.65;
            color: #ddd;
        }

        @media screen and (max-width: 992px) {
            .grid-wrap {
                grid-template-columns: repeat(2, 1fr);
                gap: 30px;
            }
        }
        @media screen and (max-width: 576px) {
            .card-wrap {
                padding: 8px;
            }
            .grid-wrap {
                grid-template-columns: 1fr;
                gap: 26px;
            }
        }












		 /* 横幅容器 */
		 .spirit-banner {
            width: 100%;
            min-height: 800px;
            /* 背景图配置 */
            background-image: url('../images/i21.jpg');
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            /* 橙色遮罩层 */
            position: relative;
            display: flex;
            align-items: center;
        }
        .spirit-banner::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            /* background-color: rgba(242, 102, 36, 0.85); */
            z-index: 1;
        }
        /* 内容容器 左对齐留白 */
        .banner-content {
            position: relative;
            z-index: 2;
            color: #ffffff;
            padding: 0 6vw;
            max-width: 60vw;
        }
        /* 英文小标题 */
        .en-title {
            font-size: 16px;
            letter-spacing: 1px;
            margin-bottom: 24px;
            opacity: 0.9;
        }
        /* 主标语 */
        .main-slogan {
            font-size: clamp(32px, 5vw, 62px);
            line-height: 1.3;
            font-weight: bold;
            font-family: SourceHanSansCN, SourceHanSansCN, "SimHei", "Microsoft YaHei Bold", "PingFang SC Bold", sans-serif;
           
        }
              /* 主标语 */
      .second-slogan {
                font-size: clamp(32px, 5vw, 48px);
                line-height: 1.3;
                font-weight: bold;
                margin-bottom: 32px;
            }
        /* 集团介绍文本 */
        .desc-text {
            font-size: clamp(14px, 1.2vw, 16px);
            line-height: 1.8;
            margin-bottom: 40px;
            opacity: 0.95;
        }
        /* 探索更多按钮 */
        .explore-btn {
            display: inline-flex;
            align-items: center;
            gap: 12px;
            padding: 14px 32px;
            border: 1px solid #fff;
            background: transparent;
            color: #fff;
            font-size: 16px;
            cursor: pointer;
            transition: all 0.3s ease;
        }
        .explore-btn:hover {
            background-color: rgba(255,255,255,0.2);
        }
        /* 移动端适配 */
        @media screen and (max-width: 768px) {
            .spirit-banner {
                min-height: 480px;
            }
            .banner-content {
                padding: 0 4vw;
                max-width: 100%;
            }
            .second-slogan {
                margin-bottom: 20px;
            }
            .desc-text {
                margin-bottom: 28px;
            }
            .explore-btn {
                padding: 12px 24px;
            }
        }



/* 默认桌面图显示，手机图隐藏 */
.pc-img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    will-change: transform;
}
.mobile-img {
    display: none;
    width: 100%;
    height: 100%;
    object-fit: cover;
    will-change: transform;
}

/* 768px手机端：切换显示手机图，隐藏桌面图 */
@media (max-width: 768px) {
    .pc-img {
        display: none;
    }
    .mobile-img {
        display: block;
    }
}







		       /* 独立命名容器，原body布局样式全部迁移至此 */
			   .page-wrap {
				padding: 110px 8%;
				max-width: 100%;
				margin: 0 auto;
				background: #fbfbfb;
                  /* 背景图配置 */
            background-image: url('../images/ipt2_bg.jpg');
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
			}
			/* 头部标题区域 */
			.news-header {
				display: flex;
				justify-content: space-between;
				align-items: flex-end;
				margin-bottom: 36px;
			}
			.news-title .en-text {
				color: #ff6728;
				font-size: 20px;
				letter-spacing: 1px;
				margin-bottom: 8px;
			}
			.news-title h2 {
				font-size: 50px;
				font-weight: 700;
				color: #000;
				line-height: 1.1;
			}
			/* 探索更多按钮 圆角橙色边框 */
			.more-link {
				border: 2px solid #ff6728;
				color: #ff6728;
				padding: 16px 42px;
				border-radius: 8px;
				text-decoration: none;
				font-size: 18px;
				display: inline-flex;
				align-items: center;
				gap: 12px;
				transition: all 0.3s ease;
			}
			.more-link:hover {
				background-color: #ff6728;
				color: #fff;
			}
			/* 新闻卡片网格 */
			.news-container {
				display: grid;
				grid-template-columns: repeat(3, 1fr);
				gap: 30px;
			}
			.news-card {
				width: 100%;
				overflow: hidden;
			}
			/* 图片圆角+hover放大效果 */
			.card-img-wrap {
				width: 100%;
				border-radius: 6px;
				overflow: hidden;
				margin-bottom: 22px;
			}
			.card-img {
				width: 100%;
				height: auto;
				display: block;
				transition: transform 0.4s ease;
			}
			.card-img:hover {
				transform: scale(1.06);
			}
			.card-title {
				font-size: 24px;
				color: #111;
				line-height: 1.45;
				margin-bottom: 14px;
				font-weight: 500;
			}
			.card-desc {
				font-size: 15px;
				color: #666;
				line-height: 1.65;
				margin-bottom: 14px;
			}
			.card-date {
				display: flex;
				align-items: center;
				gap: 8px;
				font-size: 14px;
				color: #888;
			}
			/* 平板适配 2列 */
			@media screen and (max-width: 1080px) {
				.news-container {
					grid-template-columns: repeat(2, 1fr);
				}
				.news-title h2 {
					font-size: 40px;
				}
				.card-title {
					font-size: 21px;
				}
			}
			/* 手机端适配：修改.page-wrap内边距 */
			@media screen and (max-width: 680px) {
				.page-wrap {
					padding: 28px 4%;
				}
				.news-header {
					flex-direction: column;
					align-items: flex-start;
					gap: 24px;
				}
				.news-container {
					grid-template-columns: 1fr;
				}
				.news-title h2 {
					font-size: 34px;
				}
				.more-link {
					width: 100%;
					justify-content: center;
				}
				.card-title {
					font-size: 20px;
				}
			}












			footer{color:#fbfbfb;    background: #f0f0f0;margin-top:0rem;position:relative;z-index:777;}
footer .f_bg{width:100%;height:10.75rem;position:relative;}
footer .f_bg svg{width:100%;height:100%;position:absolute;}
footer .f_bg use{animation:move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite}
footer .f_bg use:nth-child(1){animation-delay:-2s;animation-duration:7s}
footer .f_bg use:nth-child(2){animation-delay:-3s;animation-duration:10s;opacity:.7}
footer .f_bg use:nth-child(3){animation-delay:-4s;animation-duration:13s;opacity:.5}
@keyframes move-forever{0%{transform:translate3d(-90px,0,0)}
100%{transform:translate3d(85px,0,0)}
}
 

@media(max-width:768px){#m_n_nav{display:block}.w1600{padding:0 15px}.swiper{overflow: hidden !important;}
#n_banner{height: 18.25rem;}#n_banner .box h2{font-size: 2rem;}#n_banner .box p{font-size: 1rem;margin-bottom: .875rem;}#n_banner .box{padding-top: 20%;}.n_nav{display: none;}
footer .top .f_logo img{max-width: 30%;}footer .top .go{display: none;}footer .box .right{display: none;}footer .f_down .link{display: none;}footer .box{padding: 3.75rem 0;}
footer .f_bg{height: 3.75rem;}

}




/* 独立页脚容器，所有布局样式放这里，方便移植 */
.footer-wrap {
    background-color: #022142;
    color: #ffffff;
    padding: 60px 8%;
}
/* 页脚主体内容区域（logo+导航+留言） */
.footer-main {
    display: grid;
    grid-template-columns: 262px 1fr 449px;
    gap: 90px;
    margin-bottom: 40px;
}
/* Logo与联系信息区域 */
.footer-logo .logo-text img {
    max-width: 190px;
    height: auto;
    display: block;
    margin-bottom: 40px;
}
.contact-item {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    color: #b0b6bd;
    margin-bottom: 18px;
}
.contact-item i img {
    width: 20px;
    height: auto;
    display: block;
}
/* 中间导航多栏容器 */
.footer-nav-box {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}
.nav-column h4 {
    font-size: 24px;
    margin-bottom: 20px;
    font-weight: 500;
}
.nav-column ul {
    list-style: none;
}
/* 普通单列表导航（工程机械/营销/新闻） */
.normal-nav li {
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
}
/* 产品栏目两列网格布局，匹配截图样式 */
.two-col-pro {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px 20px;
}
.two-col-pro li {
    margin-bottom: 0;
}
.nav-column li a {
    color: #b0b6bd;
    text-decoration: none;
    font-size: 15px;
    transition: color 0.2s;
    margin-right: 0;
    flex-shrink: 0;
}
.nav-column li a:hover {
    color: #fff;
}
/* 右侧留言表单 */
.footer-form h4 {
    font-size: 22px;
    margin-bottom: 20px;
}
.form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    margin-bottom: 14px;
}
.form-input {
    width: 100%;
    height: 44px;
    background: transparent;
    border: 1px solid #777;
    color: #fff;
    padding: 0 12px;
    font-size: 15px;
}
.form-textarea {
    width: 100%;
    min-height: 100px;
    background: transparent;
    border: 1px solid #777;
    color: #fff;
    padding: 12px;
    font-size: 15px;
    resize: none;
    margin-bottom: 18px;
}
.form-submit {
    width: 100%;
    height: 50px;
    background-color: #ff6600;
    border: none;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
    transition: opacity 0.3s;
}
.form-submit:hover {
    opacity: 0.85;
}
/* 底部版权栏 */
.footer-copyright {
    padding-top: 30px;
    border-top: 1px solid #33383e;
    display: flex;
    justify-content: space-between;
    color: #888;
    font-size: 15px;
}
.footer-copyright a {
   
    color: #888;
    font-size: 15px;
}
/* 1200px ~ 1600px 区间自适应优化 */
@media screen and (min-width: 1200px) and (max-width: 1600px) {
    .footer-main {
        grid-template-columns: 200px 1fr 360px;
        gap: 40px;
    }
    .footer-nav-box {
        gap: 15px;
    }
    .nav-column h4 {
        font-size: 22px;
    }
}
/* 平板适配（小于1200） */
@media screen and (max-width: 1199px) {
    .footer-main {
        grid-template-columns: 200px 1fr;
        gap: 40px;
    }
    .footer-form {
        grid-column: 1 / -1;
    }
}
/* 手机端适配 */
@media screen and (max-width: 768px) {
    .footer-wrap {
        padding: 40px 5%;
    }
    /* 手机端隐藏中间四大导航栏目 */
    .footer-nav-box {
        display: none !important;
    }
    .footer-main {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    .nav-column {
        width: 42%;
    }
    .form-row {
        grid-template-columns: 1fr;
    }
    .footer-copyright {
        flex-direction: column;
        gap: 10px;
    }
}






     /* 合作伙伴外层容器，独立模块，可直接复制到任意页面 */
     .partner-wrap {
        padding: 100px 8%;
    }
    /* 标题区域 */
    .partner-title-box {
        text-align: center;
        margin-bottom: 40px;
    }
    .partner-main-title {
        font-size: clamp(40px, 5vw, 72px);
        font-weight: 900;
        color: #01152b;
        margin-bottom: 12px;
        font-family: SourceHanSansCN, SourceHanSansCN, "SimHei", "Microsoft YaHei Bold", "PingFang SC Bold", sans-serif;
    }
    .partner-sub-title {
        font-size: clamp(16px, 2vw, 24px);
        color: #333;
        letter-spacing: 2px;
    }
    /* Logo网格布局 响应式 */
    .partner-grid {
        display: grid;
        /* 桌面5列，平板3列，手机2列 */
        grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
        gap: 1px; /* 格子细分割线，和原图一致 */
        background-color: #ddd;
    }
    .partner-item {
        background-color: #fff;
        padding: 20px 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 140px;
    }
    .partner-item img {
        max-width: 85%;
        max-height: 120px;
        object-fit: contain;
    }


    .inner-page-banner {
        width: 100%;
        overflow: hidden;
        /* 新增：定位给文字做参照物 */
        position: relative;
    }
    
    .inner-page-banner img {
        width: 100%;
        height: auto;
        object-fit: cover;
        
    }
    
    /* 移动端隐藏PC图，显示手机图 */
    .banner-mobile {
        display: none;
    }
    @media screen and (max-width:768px) {
        .banner-pc {
            display: none;
        }
        .banner-mobile {
            display: block;
        }
    }
    
    /* ========== 新增左侧文字样式 ========== */
    .banner-text-wrap {
        position: absolute;
        left: 8%;
        top: 50%;
        transform: translateY(-50%);
        z-index: 2;
        color: #ffffff;
    }
    
    .banner-title {
        font-size: 52px;
        font-weight: bold;
        margin: 0 0 15px 0;
        line-height: 1.1;
    }
    
    .banner-subtitle {
        font-size: 20px;
        margin: 0;
        opacity: 0.9;
    }
    
    /* 加渐变黑遮罩，文字更清晰（可选，推荐加上） */
    .inner-page-banner::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        /* background: linear-gradient(90deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.2) 60%, transparent 100%); */
        background-image: linear-gradient(161deg, #0057A4 10%, rgba(0, 140, 172, 0) 88%);
        z-index: 1;
    }
    
    /* 移动端文字缩小适配 */
    @media screen and (max-width: 768px) {
        .banner-text-wrap {
            left: 5%;
        }
        .banner-title {
            font-size: 32px;
        }
        .banner-subtitle {
            font-size: 15px;
        }
    }









    
/* 新闻列表 start */

.m_newsban{display:none;}

.news_ban{background:url(../img/news_ban.jpg) no-repeat center; background-size:cover; padding:50px 0 60px;}

.news_ban .left{width:62.5%; float:left; position:relative;}

.news_ban .left .rect-49{padding-bottom:49%;}

.news_ban .left .cover{position:absolute; left:0; width:100%; height:100%; top:0; background:none;}

.news_ban .left .cover a{display:block;}

.news_ban .left .cover .box{padding:65px 50px;}

.news_ban .left .cover .box .date{font-size:17px; font-family:Arial; color:#fac109; position:relative; padding-left:25px; margin-bottom:15px;}

.news_ban .left .cover .box .date:after{content:''; width:19px; height:19px; background:url(../img/news_ban_2.png) no-repeat center; position:absolute; left:0; top:50%; margin-top:-10px;}

.news_ban .left .cover .box .tit{font-size:24px; font-weight:bold; color:#fff; line-height:32px; width:72%;}

.news_ban .left .cover .box .con{font-size:16px; color:#fff; color:rgba(255,255,255,0.7); line-height:30px; height:90px; overflow:hidden; width:63%; margin:25px 0 20px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; }

.news_ban .left .cover .box .links a{display:inline-block; vertical-align:middle;width:98px; height:34px; line-height:34px; border:1px solid #C9C9C9; text-align:center; color:rgba(255,255,255,0.8); font-size:14px; margin-bottom:5px; font-weight:lighter; margin-right:1em;}

.news_ban .left .cover .box .links a:hover{background:#fac109; border-color:#fac109; color:#000;}

.news_ban .right{width:34.5%; float:right; background:#fff;}

.news_ban .right .rect-89{padding-bottom:88.6%;}

.news_ban .right .item{display:none;}

.news_ban .right .owl-item .item{display:block;}

.news_ban .right .box {padding:65px 50px;}

.news_ban .right .box .date{font-size:16px; font-family:Arial; color:#000; margin-bottom:2px; position:relative; padding-left:25px; margin-bottom:20px;}

.news_ban .right .box .date:after{content:''; width:19px; height:19px; background:url(../img/news_ban_3.png) no-repeat center; position:absolute; left:0; top:50%; margin-top:-10px;}

.news_ban .right .box .tit{font-size:24px; font-weight:bold; color:#000; line-height:1.2;}

.news_ban .right .box .con{font-size:16px; color:#000; line-height:30px; height:90px; overflow:hidden; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;  margin:25px 0 30px;}

.news_ban .right .box .links a{display:inline-block; vertical-align:middle; padding:0 12px; height:28px; line-height:28px; border:1px solid #6a6a6a; text-align:center; color:#6a6a6a; margin-right:8px; margin-bottom:5px;}

.news_ban .right .box .links a:hover{background:#fac109; border-color:#fac109; color:#fff;}

.news_ban .right .owl-nav{position:absolute; bottom:50px;left:35px;}

.news_ban .right .owl-nav>div{width:50px; height:50px; display:inline-block; font-size:0;  top:50%; margin-top:-26px; transition:.3s ease; vertical-align:top;}

.news_ban .right .owl-nav .owl-prev{background:url(../img/news_ban_jt1.jpg) no-repeat center; margin-right:8px;}

.news_ban .right .owl-nav .owl-next{background:url(../img/news_ban_jt2.jpg) no-repeat center;}



.news_list01 .form{width:70%; margin:0 auto; background:#f6f6f6; position:relative;}

.news_list01 .form .sele_wrap{float:left; height:58px; line-height:58px; position:relative; box-sizing:border-box; width:17%;}

.news_list01 .form .sele_wrap:after{content:''; width:1px; height:24px; background:#cbcbcb; position:absolute; right:0; top:50%; margin-top:-12px;}

.news_list01 .form .sele_wrap .sele{height:58px; line-height:58px; border:none; background:transparent; width:100%; padding-left:12px; box-sizing:border-box;}

.news_list01 .form .sele_wrap .inp{height:58px; line-height:58px; border:none; background:transparent; width:100%; padding-left:12px; box-sizing:border-box; padding:0;}

.news_list01 .form .sele_inp_wrap:after{display:none;}

.news_list01 .form .sele_year_wrap{width:17%;}

.news_list01 .form .sele_mon_wrap{width:17%;}

.news_list01 .form .sele_inp_wrap{width:33%; color:#666666; padding-left:20px; box-sizing:border-box;}

.news_list01 .form .btns{width:58px; height:58px; border:1px solid #777; line-height:58px; text-align:center; background:none; padding:0; margin:0; outline:none; display:flex; align-items:center; justify-content:center; cursor:pointer; position:absolute; right:0; top:0;}

.news_list01 .form .btns .icon{width:22px; height:22px; display:inline-block; background:url(../img/news_list01_1.png) no-repeat center;}

.news_list01 .form .btns span{display:none;}

.news_list01 .form .sele.select-ui-choose ._arrow{right:1em;}

body .select-ui-options-default li:hover{background:#fac109;}

.news_list01 .select-ui-choose-default ._arrow .arr{border:none; width:10px; height:5px; background:url(../img/job_jt.png) no-repeat center;}

.news_list01 .select-ui-choose-default.on ._arrow .arr{margin-top:-0.2em;}

.news_list02{margin-top:54px;}

.news_list02 .rect-60{padding-bottom:60%;}

.news_list02 li{margin-bottom:30px;}

.news_list02 .li_box{display:block; background:#f6f6f6; position:relative}

.news_list02 .li_box .img_{width:25.5%; float:left;}

.news_list02 .li_box .intro_{width:65%; float:left;}

.news_list02 .li_box .intro_ .box{padding:40px 230px 30px 55px;}

.news_list02 .li_box .intro_ .box .tit{font-size:24px; line-height:30px; color:#000; font-weight:bold; margin-bottom:13px;transition:all 0.5s ease;}

.news_list02 .li_box .intro_ .box .tit a{transition:all 0s ease;}

.news_list02 .li_box .intro_ .box .con{font-size:16px; line-height:30px; color:#000; height:60px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

.news_list02 .li_box .intro_ .box .con a{font-size:16px; line-height:30px; color:#000; height:60px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:break-all;}

.news_list02 .li_box .intro_ .box .con a{color:#000;}

.news_list02 .li_box .intro_ .box .time{display:none;}

.news_list02 .li_box .intro_ .box .link{margin-top:25px;}

.news_list02 .li_box .intro_ .box .link a{display:inline-block; padding:0 22px; height:34px; line-height:34px; border:1px solid #C9C9C9; margin-right:1em;}

.news_list02 .li_box .intro_ .box .link a:hover{background:#fac109; color:#fff;}

.news_list02 .li_box .date{width:9%; height:100%; position:absolute; right:0; top:0;}

.news_list02 .li_box .date:after{content:''; width:19px; height:31px; background:url(../img/news_list02_2.png) no-repeat center; position:absolute; left:-18px; top:50%; transform:translateY(-50%); opacity:0 ;visibility:hidden; transition:all 0.5s ease;}

.news_list02 .li_box .date .box{height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; color:#000; transition:all 0.5s ease;}

.news_list02 .li_box .date .box .year{font-size:60px; line-height:60px; font-weight:bold;}

.news_list02 .li_box .date .box .day{font-size:18px; line-height:26px;}

.news_list02 .li_box:hover .intro_ .box .tit{color:#fac109;}

.news_list02 .li_box:hover .date .box{background:#fac109;}

.news_list02 .li_box:hover .date:after{opacity:1; visibility:visible;}



/* 新闻列表 end */



.banner-bg img {
 
    vertical-align: bottom;
}