/* ========== 仅显示：手机端，平板+PC隐藏 ========== */
ul,ul li{margin:0px;padding:0px;}
.only-show-mobile {
	display: block !important;
}

@media (min-width:768px) {
	.only-show-mobile {
		display: none !important;
	}
}

/* ========== 仅显示：平板端，手机+PC隐藏 ========== */
.only-show-tablet {
	display: none !important;
}

@media (min-width:768px) and (max-width:1024px) {
	.only-show-tablet {
		display: block !important;
	}
}

@media (max-width:767px),
(min-width:1025px) {
	.only-show-tablet {
		display: none !important;
	}
}

/* ========== 仅显示：PC电脑端，手机+平板隐藏 ========== */
.only-show-pc {
	display: none !important;
}

@media (min-width:1025px) {
	.only-show-pc {
		display: block !important;
	}
}

/* ========== 隐藏手机端：平板+PC正常显示 ========== */
.hide-mobile {}

@media (max-width:767px) {
	.hide-mobile {
		display: none !important;
	}
}

/* ========== 隐藏平板端：手机+PC正常显示 ========== */
.hide-tablet {}

@media (min-width:768px) and (max-width:1024px) {
	.hide-tablet {
		display: none !important;
	}
}

/* ========== 隐藏PC端：手机+平板正常显示 ========== */
.hide-pc {}

@media (min-width:1025px) {
	.hide-pc {
		display: none !important;
	}
}
.yxnav li{
    position:relative;
}
.yxnav li > a{
    padding:10px 16px;
    color:#fff;
    text-decoration:none;
    display:block;
}
#translate{display:none !important;}
.yxnav li .submenu{
    position:absolute;
    top:100%;
    min-width:140px;
    background:#fff;
    border:1px solid #eee;
    display:none;
    z-index:99;
}
.yxnav li .submenu a{
    display:block;
    padding:10px 16px;
    color:#333;
    text-decoration:none;
}
.yxnav li .submenu a:hover{
    background:#f5f5f5;
}
.yxnav li:hover .submenu{
    display:block;
}


.yxnav {
	width: 100%;
	background: #ffffff;
	position: fixed;
	z-index: 999;
}

.yxnav .nav-wrap {
	max-width: 1320px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.yxnav .logo-box {
	padding: 12px 0;
}

.yxnav .logo-box img {
	height: 40px;
	display: block;
}

.yxnav .main-nav {
	display: flex;
	list-style: none;
	margin-bottom: 0rem;
}

.yxnav .main-nav>li {
	position: static;
}

.yxnav .main-nav>li>a {
	display: block;
	padding: 30px 28px;
	font-size: 16px;
	color: #333;
	text-decoration: none;
	position: relative;
	z-index: 2;
	transition: color 0.35s ease;
}

.yxnav .main-nav>li>a::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 0;
	background: #e8f2fb;
	z-index: -1;
	transition: height 0.45s ease;
}

.yxnav .main-nav>li:hover>a::before {
	height: 100%;
}

.yxnav .main-nav>li:hover>a {
	color: #cc6600;
	font-weight: ;
}

/* 二级菜单全屏通栏 */
.yxnav .sub-wrap {
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	background: #e8f2fb;
	overflow: hidden;
	visibility: hidden;
	opacity: 0;
	transform: translateY(-12px);
	transition:
		opacity 0.35s ease,
		transform 0.4s ease,
		visibility 0.35s ease;
	z-index: 1;
}

.yxnav .main-nav>li:hover .sub-wrap {
	visibility: visible;
	opacity: 1;
	transform: translateY(0);
}

/* 二级内容区域做自上而下展开 */
.yxnav .sub-inner {
	max-width: 1320px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 30px;
	padding: 40px 0;
	transform: translateY(-18px);
	opacity: 0;
	transition:
		transform 0.45s ease,
		opacity 0.4s ease;
	transition-delay: 0.08s;
}

.yxnav .main-nav>li:hover .sub-inner {
	transform: translateY(0);
	opacity: 1;
}

.yxnav .sub-group h4 {
	font-size: 16px;
	margin-bottom: 16px;
}

.yxnav .sub-group h4 a {
	color: #111;
	text-decoration: none;
	display: flex;
	align-items: center;
	gap: 6px;
	transition: color 0.3s ease;
}

.yxnav .sub-group h4 a:hover {
	color: #cc6600;
}

.yxnav .sub-group ul {
	list-style: none;
	padding-left: 0px;
}

.yxnav .sub-group ul li {
	margin-bottom: 12px;
}

.yxnav .sub-group ul li a {
	font-size: 14px;
	color: #333;
	text-decoration: none;
	display: flex;
	align-items: center;
	gap: 6px;
	transition: color 0.3s ease, padding-left 0.3s ease;
}

.yxnav .sub-group ul li a:hover {
	color: #cc6600;
	padding-left: 6px;
}

/* 移动端 */
.yxnav .mobile-btn {
	display: none;
	font-size: 28px;
	padding: 15px;
	cursor: pointer;
}

@media (max-width: 1024px) {
	.yxnav .nav-wrap {
		padding: 0 15px;
	}

	.yxnav .main-nav {
		display: none;
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		background: #fff;
		flex-direction: column;
	}

	.yxnav .mobile-btn {
		display: block;
	}

	.yxnav .sub-wrap {
		position: static;
		width: 100%;
		visibility: hidden;
		opacity: 0;
		transform: none;
		max-height: 0;
		overflow: hidden;
		padding: 0;
		transition:
			max-height 0.4s ease,
			opacity 0.35s ease,
			visibility 0.35s ease;
	}

	.yxnav .main-nav>li:hover .sub-wrap {
		visibility: visible;
		opacity: 1;
		max-height: 1200px;
		padding: 20px 0;
	}

	.yxnav .sub-inner {
		grid-template-columns: 1fr;
		gap: 20px;
		padding: 0 15px;
		transform: none;
		opacity: 1;
	}
}

/* 导航容器 */
.mobile-only-nav {
	width: 100%;
	background: #ffffff;
	font-size: 16px;
}

.mobile-only-nav ul {
	list-style: none;
}

.mobile-only-nav>ul>li {
	border-bottom: 1px solid #eee;
}

/* 一级菜单项布局 */
.nav-item-1 {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.nav-item-1 a.link-main {
	flex: 1;
	padding: 14px 16px;
	color: #333;
	text-decoration: none;
}

/* + / - 展开按钮，独立点击区域 */
.btn-expand {
	width: 48px;
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 22px;
	color: #666;
	cursor: pointer;
	user-select: none;
}

/* 默认+，展开后变成- */
.btn-expand::after {
	content: "+";
}

.btn-expand.minus::after {
	content: "−";
}

/* 二级菜单 默认闭合 max-height:0 */
.sub-level-2 {
	background: #f8f8f8;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.35s ease;
}

.sub-level-2.open {
	max-height: 2000px;
}

.sub-level-2>li {
	border-bottom: 1px solid #eee;
}

.nav-item-2 {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.nav-item-2 a.link-sub2 {
	flex: 1;
	padding: 12px 16px 12px 32px;
	color: #444;
	text-decoration: none;
}

/* 三级菜单 默认闭合 */
.sub-level-3 {
	background: #efefef;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.35s ease;
}

.sub-level-3.open {
	max-height: 2000px;
}

.nav-item-3 a.link-sub3 {
	display: block;
	padding: 12px 16px 12px 48px;
	color: #555;
	text-decoration: none;
}

.hamburger-header {
	width: 100%;
	height: 70px;
	background: #ffffff;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 20px;
	border-bottom: 1px solid #e5e5e5;
	position: relative;
	z-index: 1000;
}

.hamburger-header .logo-box {
	height: 44px;
}

.hamburger-header .logo-box img {
	height: 100%;
	display: block;
}

/* 标准汉堡三横线按钮 */
.hamburger-btn {
	width: 46px;
	height: 46px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 6px;
	cursor: pointer;
	border-radius: 4px;
	transition: background-color 0.2s;
}

.hamburger-btn:active {
	background: #f2f2f2;
}

.hamburger-btn span {
	display: block;
	width: 26px;
	height: 2px;
	background: #222;
	transition: all 0.3s ease;
}

/* 汉堡转为关闭X */
.hamburger-btn.active span:nth-child(1) {
	transform: translateY(8px) rotate(45deg);
}

.hamburger-btn.active span:nth-child(2) {
	opacity: 0;
}

.hamburger-btn.active span:nth-child(3) {
	transform: translateY(-8px) rotate(-45deg);
}

/* ================= 遮罩层 ================= */
.nav-mask {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background: rgba(0, 0, 0, 0.55);
	z-index: 998;
	visibility: hidden;
	opacity: 0;
	transition: opacity 0.3s ease, visibility 0.3s ease;
}

.nav-mask.show {
	visibility: visible;
	opacity: 1;
}

/* ================= 右侧滑出菜单容器 ================= */
.mobile-side-nav {
	position: fixed;
	top: 0;
	right: 0;
	max-width: 100%;
	height: 100vh;
	overflow-y: auto;
	background: #ffffff;
	z-index: 999;
	transform: translateX(100%);
	transition: transform 0.35s cubic-bezier(0.25, 0.8, 0.25, 1);
	padding-top: 5rem;
}

.mobile-side-nav.show {
	transform: translateX(0);
}

.mobile-side-nav ul {
	list-style: none;
	padding-left: 0rem;
	padding: 0px 20px;
}

.mobile-side-nav>ul>li {
	border-bottom: 1px solid #eee;
}

/* 一级菜单 */
.nav-level1 {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.nav-level1 a.link-l1 {
	flex: 1;
	padding: 16px 20px;
	font-size: 17px;
	color: #222;
	text-decoration: none;
}

/* +号独立点击区域 */
.btn-toggle {
	width: 52px;
	height: 52px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 24px;
	color: #555;
	cursor: pointer;
	user-select: none;
}

.btn-toggle::after {
	content: "+";
}

.btn-toggle.minus::after {
	content: "−";
}

/* 二级菜单 默认闭合 */
.nav-level2 {
	background: #f8f8f8;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.35s ease;
}

.nav-level2.open {
	max-height: 2000px;
}

.nav-level2>li {
	border-bottom: 1px solid #eee;
}

.nav-level2-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.nav-level2-item a.link-l2 {
	flex: 1;
	padding: 10px 20px 10px 10px;
	font-size: 15px;
	color: #333;
	text-decoration: none;
}

/* 三级菜单 默认闭合 */
.nav-level3 {
	background: #efefef;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.35s ease;
}

.nav-level3.open {
	max-height: 2000px;
}

.nav-level3 a.link-l3 {
	display: block;
	padding: 14px 20px 14px 56px;
	font-size: 15px;
	color: #444;
	text-decoration: none;
}

.banner-slider {
	width: 100%;
	position: relative;
	overflow: hidden;
}

/* 修复：高度由激活项撑开，不再全部absolute重叠导致父容器高度塌陷 */
.banner-viewport {
	width: 100%;
	position: relative;
}

.banner-item {
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	z-index: 1;
	transition: opacity 0.8s ease;
}

.banner-item.active {
	position: relative;
	opacity: 1;
	z-index: 2;
}

.banner-item img {
	width: 100%;
	height: auto;
	display: block;
}

/* 左右箭头 默认隐藏，hover显示 */
.banner-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.22);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 22px;
	cursor: pointer;
	z-index: 10;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s;
	user-select: none;
}

.banner-slider:hover .banner-arrow {
	opacity: 1;
	visibility: visible;
}

.banner-arrow:hover {
	background: rgba(255, 255, 255, 0.4);
}

.banner-arrow.prev {
	left: 20px;
}

.banner-arrow.next {
	right: 20px;
}

/* 长条指示器 */
.banner-dots {
	position: absolute;
	bottom: 24px;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	gap: 10px;
	z-index: 10;
}

.banner-dot {
	width: 15px;
	height: 4px;
	background: rgba(255, 255, 255, 0.35);
	cursor: pointer;
	transition: all 0.3s ease;
	border-radius: 2px;
}

.banner-dot.active {
	width: 52px;
	background: #ffffff;
}

/* 移动端箭头永久可见 */
@media (max-width:767px) {
	.banner-arrow {
		opacity: 1;
		visibility: visible;
		width: 38px;
		height: 38px;
		font-size: 18px;
	}

	.banner-arrow.prev {
		left: 12px;
	}

	.banner-arrow.next {
		right: 12px;
	}

	.banner-dots {
		bottom: 14px;
		gap: 8px;
	}

	.banner-dot {
		width: 26px;
	}

	.banner-dot.active {
		width: 40px;
	}
}

.tech-feature-wrap {
	width: 100%;
	background: #f5f5f5;
	padding: 50px 20px 20px 20px;
}

.tech-feature-inner {
	max-width: 1320px;
	margin: 0 auto;
}

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

.tech-item {
	display: flex;
	align-items: flex-start;
	gap: 16px;
}

/* 圆形外框，裁剪溢出，固定大小 */
.tech-icon-circle {
	width: 88px;
	height: 88px;
	min-width: 88px;
	border: 2px solid #ccc;
	border-radius: 50%;
	flex-shrink: 0;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* 图标容器：做上下位移动画，圆圈不动，图标在圆圈内部向上滚动 */
.icon-inner {
	color: #666;
	font-size: 36px;
	transform: translateY(0);
	transition: transform 0.4s ease;
}

.tech-item:hover .icon-inner {
	transform: translateY(-12px);
	color: #cc6600;
}

.tech-text h4 {
	font-size: 18px;
	color: #111;
	font-weight: 600;
	padding-top: 20px;
}

.tech-text p {
	font-size: 15px;
	color: #666;
	line-height: 1.6;
}

/* 平板 */
@media (max-width:1024px) {
	.tech-feature-list {
		grid-template-columns: repeat(2, 1fr);
	}
}

/* 手机 */
@media (max-width:767px) {
	.tech-feature-wrap {
		padding: 40px 16px;
	}

	.tech-feature-list {
		grid-template-columns: 1fr;
		gap: 32px 0;
	}

	.tech-icon-circle {
		width: 72px;
		height: 72px;
		min-width: 72px;
	}

	.icon-inner {
		font-size: 28px;
	}

	.tech-text h4 {
		font-size: 18px;
	}
}

.product-show-wrap {
	width: 100%;
	background: #f8fafc;
	padding: 70px 20px;
	background-image: radial-gradient(#dce4ee 1px, transparent 1px);
	background-size: 40px 40px;
}

.product-inner {
	max-width: 1320px;
	margin: 0 auto;
}

/*标题区域*/
.pro-title {
	text-align: center;
	margin-bottom: 40px;
}

.pro-title h2 {
	font-size: 38px;
	color: #111;
	margin-bottom: 12px;
	font-weight: 600;
}

.pro-title p {
	font-size: 16px;
	color: #333;
	margin-bottom: 14px;
}

.pro-title .line {
	width: 40px;
	height: 2px;
	background: #111;
	margin: 0 auto;
}

/*轮播外层*/
.pro-slider {
	position: relative;
	overflow: hidden;
}

.pro-slider-viewport {
	display: flex;
	transition: transform 0.6s ease;
}

.pro-item {
	flex: 0 0 33.3333%;
	padding: 0 12px;
}

.pro-card {
	background: #fff;
	padding: 20px;
	text-align: center;
	transition: all 0.3s ease;
}

/*鼠标悬浮：阴影+图片放大*/
.pro-card:hover {
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

.pro-img-box {
	overflow: hidden;
	margin-bottom: 16px;
}

.pro-img-box img {
	width: 100%;
	height: auto;
	display: block;
	transition: transform 0.45s ease;
}

.pro-card:hover .pro-img-box img {
	transform: scale(1.06);
}

.pro-card p {
	font-size: 16px;
	color: #222;
}

/*左右箭头*/
.pro-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.85);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
	cursor: pointer;
	z-index: 10;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	color: #333;
	user-select: none;
}

.pro-arrow.prev {
	left: 4px;
}

.pro-arrow.next {
	right: 4px;
}

.pro-arrow:hover {
	background: #fff;
}

/*底部按钮*/
.pro-more {
	text-align: center;
	margin-top: 45px;
}

.pro-more a {
	display: inline-block;
	width: 240px;
	height: 52px;
	line-height: 52px;
	background: #cc6600;
	color: #fff;
	text-decoration: none;
	font-size: 17px;
}

/*响应式*/
@media(max-width:1024px) {
	.pro-item {
		flex: 0 0 50%;
	}

	.pro-title h2 {
		font-size: 30px;
	}
}

@media(max-width:767px) {
	.product-show-wrap {
		padding: 45px 15px;
	}

	.pro-item {
		flex: 0 0 100%;
		padding: 0 8px;
	}

	.pro-title h2 {
		font-size: 26px;
	}

	.pro-arrow {
		width: 34px;
		height: 34px;
		font-size: 16px;
	}
}

.tech-app-wrap {
	width: 100%;
	padding: 70px 20px;
	background: #ffffff;
}

.tech-app-inner {
	max-width: 1320px;
	margin: 0 auto;
}

.app-title {
	text-align: center;
	margin-bottom: 42px;
}

.app-title h2 {
	font-size: 38px;
	color: #111;
	font-weight: 600;
	margin-bottom: 12px;
}

.app-title p {
	font-size: 16px;
	color: #333;
	margin-bottom: 14px;
}

.app-title .line {
	width: 40px;
	height: 2px;
	background: #111;
	margin: 0 auto;
}

/*网格布局 4列*/
.app-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
}

.app-card {
	position: relative;
	overflow: hidden;
	cursor: pointer;
}

.app-card img {
	width: 100%;
	height: auto;
	display: block;
	transition: transform 0.45s ease;
}

/*鼠标悬浮图片放大*/
.app-card:hover img {
	transform: scale(1.08);
}

/*遮罩层，hover才出现*/
.app-mask {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.35);
	opacity: 0;
	transition: opacity 0.4s ease;
	z-index: 1;
}

.app-card:hover .app-mask {
	opacity: 1;
}

/*主标题：默认左上角，一直显示*/
.app-main-title {
	position: absolute;
	left: 24px;
	top: 24px;
	color: #fff;
	font-size: 20px;
	font-weight: 500;
	z-index: 2;
}

/*查看详情：从下往上滑入，默认隐藏*/
.app-look {
	position: absolute;
	left: 24px;
	bottom: 24px;
	color: #fff;
	font-size: 15px;
	transform: translateY(60px);
	transition: transform 0.4s ease;
	z-index: 2;
}

.app-card:hover .app-look {
	transform: translateY(0);
}

/*响应式*/
@media(max-width:1024px) {
	.app-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.app-title h2 {
		font-size: 30px;
	}
}

@media(max-width:767px) {
	.tech-app-wrap {
		padding: 45px 15px;
	}

	.app-grid {
		grid-template-columns: 1fr;
		gap: 16px;
	}

	.app-title h2 {
		font-size: 26px;
	}
}

.about-wrap {
	width: 100%;
	padding: 80px 20px;
	background: #0f2438;
	/*电路板纹理背景*/
	background-image: url("circuit-bg.jpg");
	background-size: cover;
	background-position: center;
	position: relative;
}

.about-wrap::before {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(15, 36, 56, 0.82);
}

.about-inner {
	max-width: 1320px;
	margin: 0 auto;
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: 1fr 520px;
	gap: 40px;
	align-items: center;
}

.about-left {}

.about-left h2 {
	font-size: 42px;
	color: #ffffff;
	font-weight: 600;
	margin-bottom: 14px;
	position: relative;
}

.about-left h2::after {
	content: "";
	display: block;
	width: 44px;
	height: 2px;
	background: #fff;
	margin-top: 12px;
}

.about-text {
	color: #e2e8f0;
	font-size: 15px;
	line-height: 1.8;
}

.about-text p {
	margin-bottom: 14px;
}

.about-more {
	margin-top: 34px;
}

.about-more a {
	display: inline-block;
	width: 230px;
	height: 50px;
	line-height: 50px;
	background: #2478d8;
	color: #fff;
	text-align: center;
	text-decoration: none;
	font-size: 16px;
}

.about-right img {
	width: 100%;
	height: auto;
	display: block;
}

/*平板*/
@media (max-width:1024px) {
	.about-inner {
		grid-template-columns: 1fr;
		gap: 30px;
	}

	.about-left h2 {
		font-size: 34px;
	}

	.about-right {
		order: -1;
	}
}

/*手机端*/
@media (max-width:767px) {
	.about-wrap {
		padding: 50px 15px;
	}

	.about-left h2 {
		font-size: 28px;
	}

	.about-text {
		font-size: 14px;
	}

	.about-more a {
		width: 100%;
	}
}

.news-wrap {
	width: 100%;
	padding: 70px 20px;
	background: #ffffff;
}

.news-inner {
	max-width: 1320px;
	margin: 0 auto;
}

.news-title {
	text-align: center;
	margin-bottom: 42px;
}

.news-title h2 {
	font-size: 38px;
	color: #111;
	font-weight: 600;
	margin-bottom: 12px;
}

.news-title p {
	font-size: 16px;
	color: #333;
	margin-bottom: 14px;
}

.news-title .line {
	width: 40px;
	height: 2px;
	background: #111;
	margin: 0 auto;
}

.news-container {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 30px;
}

/*左侧大图列表*/
.news-left {}

.news-big-item {
	overflow: hidden;
	margin-bottom: 20px;
	cursor: pointer;
	transition: box-shadow 0.35s ease;
}

.news-big-item:last-child {
	margin-bottom: 0;
}

.news-big-item:hover {
	box-shadow: 0 8px 22px rgba(0, 0, 0, 0.12);
}

.news-big-img {
	overflow: hidden;
}

.news-big-img img {
	width: 100%;
	height: auto;
	display: block;
	transition: transform 0.45s ease;
}

.news-big-item:hover .news-big-img img {
	transform: scale(1.06);
}

.news-big-text {
	padding: 14px 10px;
	font-size: 15px;
	color: #222;
}

/*右侧小新闻列表*/
.news-right {}

.news-small-item {
	display: flex;
	gap: 16px;
	padding: 20px;
	background: #f5f5f5;
	margin-bottom: 16px;
	cursor: pointer;
	transition: all 0.35s ease;
}

.news-small-item:last-child {
	margin-bottom: 0;
}

.news-small-item:hover {
	box-shadow: 0 8px 22px rgba(0, 0, 0, 0.12);
}

.news-small-img {
	width: 120px;
	flex-shrink: 0;
	overflow: hidden;
}

.news-small-img img {
	width: 100%;
	height: auto;
	display: block;
	transition: transform 0.45s ease;
}

.news-small-item:hover .news-small-img img {
	transform: scale(1.06);
}

.news-small-text {
	flex: 1;
}

.news-small-text h4 {
	font-size: 16px;
	color: #222;
	margin-bottom: 10px;
	font-weight: 500;
	line-height: 1.5;
}

.news-small-text p {
	font-size: 14px;
	color: #666;
	line-height: 1.6;
}

/*响应式*/
@media(max-width:1024px) {
	.news-container {
		grid-template-columns: 1fr;
	}

	.news-title h2 {
		font-size: 30px;
	}
}

@media(max-width:767px) {
	.news-wrap {
		padding: 45px 15px;
	}

	.news-title h2 {
		font-size: 26px;
	}

	.news-small-item {
		flex-direction: column;
	}

	.news-small-img {
		width: 100%;
	}
}

.footer {
	width: 100%;
	background: #222;
	color: #fff;
	padding: 56px 20px 40px;
}

.footer-inner {
	max-width: 1320px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: 240px 1fr 320px;
	gap: 40px;
	align-items: start;
}

/* 左侧 Logo + 二维码 */
.footer-left {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.footer-logo {
	font-size: 28px;
	font-weight: 700;
	margin-bottom: 28px;
	letter-spacing: 2px;
}

.footer-qrcode {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.footer-qrcode img {
	width: 130px;
	height: 130px;
	background: #fff;
	padding: 6px;
	border-radius: 4px;
	margin-bottom: 10px;
}

.footer-qrcode span {
	font-size: 16px;
}

/* 中间导航 */
.footer-center {
	padding-top: 6px;
}

.footer-lang {
	margin-bottom: 24px;
}

.footer-lang select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background: #fff url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e") no-repeat right 14px center;
	color: #333;
	border: none;
	border-radius: 2px;
	padding: 9px 34px 9px 14px;
	font-size: 14px;
	cursor: pointer;
	min-width: 140px;
}

.footer-nav-title {
	font-size: 24px;
	margin-bottom: 18px;
	font-weight: 600;
}

.footer-nav {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 10px 28px;
	max-width: 420px;
}

.footer-nav a {
	display: flex;
	align-items: center;
	color: #fff;
	font-size: 15px;
	text-decoration: none;
	line-height: 1.8;
}

.footer-nav a::before {
	content: "";
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: #fff;
	margin-right: 10px;
	flex-shrink: 0;
}

/* 右侧联系我们 */
.footer-right {
	padding-top: 6px;
}

.footer-right h3 {
	font-size: 24px;
	margin-bottom: 18px;
	font-weight: 600;
}

.footer-contact p {
	font-size: 14px;
	line-height: 1.9;
	color: #f2f6ff;
}

.footer-contact strong {
	color: #fff;
	font-weight: 500;
}

/* 平板 */
@media (max-width: 1024px) {
	.footer-inner {
		grid-template-columns: 1fr 1fr;
		gap: 36px;
	}

	.footer-left {
		grid-column: 1 / -1;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
		gap: 40px;
	}

	.footer-logo {
		margin-bottom: 0;
	}
}

/* 手机 */
@media (max-width: 767px) {
	.footer {
		padding: 40px 16px 32px;
	}

	.footer-inner {
		grid-template-columns: 1fr;
		gap: 32px;
	}

	.footer-left {
		flex-direction: column;
		align-items: flex-start;
		gap: 24px;
	}

	.footer-qrcode {
		align-items: flex-start;
	}

	.footer-nav {
		grid-template-columns: 1fr;
	}

	.footer-nav-title,
	.footer-right h3 {
		font-size: 20px;
	}
}

.neiyx-bg-box {
	width: 100%;
	overflow: hidden;
}

.neiyx-bg-img {
	width: 100%;
	margin: 0px auto;
}

.yxlist {
	width: 100%;
	background: #fff;
}

.yxlist-inner {
	max-width: 1320px;
	margin: 0 auto;
	display: flex;
	position: relative;
	/*小屏幕横向滚动*/
	overflow-x: auto;
	scrollbar-width: none;
}

.yxlist-inner::-webkit-scrollbar {
	display: none;
}

/* 滑动蓝色背景块，核心平移元素 */
.yxlist-bg {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	background: #2468c7;
	transition: left 0.3s ease, width 0.3s ease;
	z-index: 1;
}

.yxlist-item {
	padding: 18px 25px;
	;
	font-size: 15px;
	color: #333;
	white-space: nowrap;
	cursor: pointer;
	position: relative;
	z-index: 2;
	user-select: none;
}
.yxlist-item a{color:#333;text-decoration:none;}
/* 被蓝色背景覆盖时文字变成白色 */
.yxlist-item.hover-active a{
	color: #ffffff;
}

.toplist {
	width: 100%;
	background: #fff;
}

/* 横向滚动容器 */
.toplist-scroll {
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
}

.toplist-scroll::-webkit-scrollbar {
	display: none;
}

.toplist-ul {
	display: flex;
	white-space: nowrap;
	min-width: max-content;
	list-style: none;
}

.toplist-li {
	display: flex;
	align-items: center;
}

.toplist-li a {
	padding: 14px 14px;
	font-size: 15px;
	color: #333;
	text-decoration: none;
}

/* 下拉三角 */
.toplist-arrow {
	width: 28px;
	height: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	font-size: 12px;
	color: #666;
	flex-shrink: 0;
	transition: 0.25s;
}

.toplist-arrow.active {
	transform: rotate(180deg);
}

/* 全屏二级弹出层 页面只写1个，JS填充 */
.toplist-sub {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 999;
	transform: translateY(-100%);
	transition: transform 0.3s ease;
	overflow-y: auto;
}

.toplist-sub.show {
	transform: translateY(0);
}

.toplist-sub-head {
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 16px;
	border-bottom: 1px solid #eee;
}

.toplist-sub-title {
	font-size: 16px;
}

.toplist-sub-close {
	background: none;
	border: none;
	font-size: 22px;
	cursor: pointer;
}

.toplist-sub-body {
	padding: 0 16px;
}

.toplist-sub-body a {
	display: block;
	padding: 14px 0;
	border-bottom: 1px solid #f4f4f4;
	text-decoration: none;
	color: #333;
}

.yxdeltit {
	width: 100%;
	background: #f5f5f5;
	/*全屏背景底色，可自行修改色值*/
	padding: 40px 15px 30px;
	text-align: center;
}

.yxdeltit h2 {
	font-size: 32px;
	color: #222;
	font-weight: normal;
	margin-bottom: 16px;
	position: relative;
}

.yxdeltit h2::after {
	content: "";
	width: 60px;
	height: 3px;
	background: #222;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -14px;
}

/*响应式手机适配*/
@media(max-width:767px) {
	.yxdeltit {
		padding: 30px 15px 20px;
	}

	.yxdeltit h2 {
		font-size: 24px;
	}

	.yxdeltit h2::after {
		width: 45px;
	}
}

.delabout{
    width:100%;
    padding:40px 15px;
    background:#f4f4f4;
}
.delabout-inner{
    max-width:1320px;
    margin:0 auto;
    background:#ffffff;
    padding:40px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.08);
    display:grid;
    grid-template-columns: 1fr 420px;
    gap:35px;
    align-items:start;
}
.delabout-text h3{
    font-size:28px;
    color:#111;
    margin-bottom:20px;
    font-weight:bold;
}
.delabout-text p{
    font-size:16px;
    line-height:1.8;
    color:#222;
    margin-bottom:14px;
    text-indent:2em;
}
.delabout-img img{
    width:100%;
    height:auto;
    display:block;
}
/* 手机平板响应式 */
@media (max-width:991px){
    .delabout-inner{
        grid-template-columns:1fr;
        padding:25px 20px;
    }
    .delabout-text h3{
        font-size:22px;
    }
}
@media (max-width:576px){
    .delabout{
        padding:25px 10px;
    }
    .delabout-inner{
        gap:20px;
    }
    .delabout-text p{
        font-size:15px;
    }
}

.delcompany{
    width:100%;
    background:#f4f4f4; /*网站背景色*/
}
.delcompany-wrap{
    max-width:1320px;
    margin:0 auto;
    background:#ffffff; /*主体白色背景*/
    padding:20px; /*padding=20px*/
    display:grid;
    grid-template-columns: 1fr 480px;
    gap:30px;
    align-items: start;
}
.delcompany-left{}
.delcompany-topinfo{
    display:flex;
    gap:24px;
    margin-bottom:24px;
}
.delcompany-topinfo .pic{
    width:280px;
    flex-shrink:0;
}
.delcompany-topinfo .pic img{
    width:100%;
    height:auto;
    display:block;
}
.delcompany-topinfo .info-text{
    padding-top:10px;
}
.delcompany-topinfo .info-text p{
    font-size:16px;
    margin-bottom:14px;
}
.delcompany-topinfo .info-text p span{
    color:#333;
}
.delcompany-blue-title{
    background:#0066cc;
    color:#fff;
    font-size:26px;
    padding:16px 20px;
    font-weight:bold;
    margin-bottom:16px;
}
.delcompany-subtit{
    text-align:center;
    font-size:18px;
    color:#0066cc;
    margin-bottom:20px;
}
.delcompany-item{
    margin-bottom:22px;
}
.delcompany-item h4{
    font-size:18px;
    margin-bottom:10px;
}
.delcompany-item ul{
    list-style:none;
}
.delcompany-item ul li{
    font-size:16px;
    line-height:1.7;
    margin-bottom:6px;
}
.delcompany-right img{
    width:100%;
    height:auto;
    display:block;
}

/*响应式*/
@media(max-width:991px){
    .delcompany-wrap{
        grid-template-columns:1fr;
    }
    .delcompany-topinfo{
        flex-direction:column;
    }
    .delcompany-topinfo .pic{
        width:100%;
    }
    .delcompany-blue-title{
        font-size:20px;
        padding:12px 15px;
    }
    .delcompany-topinfo .info-text p{
        font-size:20px;
    }
}
@media(max-width:576px){
    .delcompany{
        padding:25px 10px;
    }
    .delcompany-blue-title{
        font-size:17px;
    }
    .delcompany-topinfo .info-text p{
        font-size:18px;
    }
    .delcompany-item ul li{
        font-size:15px;
    }
}

.abdeljs{
    width:100%;
    padding:40px 15px;
    background:#f5f5f5; /*整体背景色*/
}
.abdeljs-wrap{
    max-width:1320px;
    margin:0 auto;
    background:#ffffff; /*主体白色背景*/
    padding:20px;
    display:grid;
    grid-template-columns: 1fr 400px;
    gap:24px;
    align-items:start;
}
.abdeljs-table-box{
    width:100%;
    overflow-x:auto;
}
.abdeljs-table{
    width:100%;
    border-collapse: collapse;
    min-width:720px;
}
.abdeljs-table th{
    background:#005b9c;
    color:#fff;
    padding:14px 12px;
    font-size:18px;
    text-align:center;
    border:1px solid #ddd;
}
.abdeljs-table td{
    padding:14px 12px;
    border:1px solid #cccccc;
    font-size:15px;
    line-height:1.6;
    vertical-align:top;
}
.abdeljs-table tr:nth-child(odd){
    background:#e9e9eb;
}
.abdeljs-img img{
    width:100%;
    height:auto;
    display:block;
}

/*响应式适配*/
@media(max-width:991px){
    .abdeljs-wrap{
        grid-template-columns:1fr;
    }
    .abdeljs-img{
        max-width:500px;
        margin:0 auto;
    }
}
@media(max-width:576px){
    .abdeljs{
        padding:25px 10px;
    }
    .abdeljs-table th{
        font-size:16px;
        padding:10px 8px;
    }
    .abdeljs-table td{
        font-size:14px;
        padding:10px 8px;
    }
}

/* 相册容器 class:yxdelimglist */
.yxdelimglist{
    background:#fff;
    padding:60px 0;
}
.yxdelimglist .container{
    max-width:1320px;
    margin:0 auto;
    padding:0 15px;
}
/* 相册网格，修改--row-num可以自由控制每行显示数量 */
.yxdelimglist .img-grid{
    --row-num:3; /* 自由修改：3=一行3张，2=一行2张，4=一行4张 */
    display:grid;
    grid-template-columns:repeat(var(--row-num),1fr);
    gap:24px;
}
.yxdelimglist .item{
    overflow:hidden;
    border-radius:6px;
}
.yxdelimglist .img-box{
    overflow:hidden;
}
.yxdelimglist .img-box img{
    width:100%;
    height:260px;
    object-fit:cover;
    transition:transform 0.3s ease;
    cursor:pointer;
}
/* 鼠标悬浮放大 */
.yxdelimglist .item:hover .img-box img{
    transform:scale(1.08);
}
.yxdelimglist .title{
    padding:12px 8px;
    text-align:center;
    font-size:15px;
    color:#333;
}
/* 响应式适配 */
@media (max-width:992px){
    .yxdelimglist .img-grid{
        --row-num:2;
    }
}
@media (max-width:576px){
    .yxdelimglist .img-grid{
       --row-num: 2 !important
    }
    .yxdelimglist .img-box img{
        height:220px;
    }
}

/* ========== 灯箱样式 ========== */
.yx-lightbox{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    display:none;
    align-items:center;
    justify-content:center;
}
.yx-lightbox.show{
    display:flex;
}
.yx-lightbox .light-main{
    position:relative;
    max-width:90%;
    max-height:90%;
}
.yx-lightbox img{
    max-width:100%;
    max-height:80vh;
    display:block;
}
.yx-lightbox .light-title{
    color:#fff;
    text-align:center;
    margin-top:12px;
    font-size:16px;
}
/* 左右切换按钮 */
.yx-lightbox .prev,.yx-lightbox .next,.yx-lightbox .close{
    position:absolute;
    background:rgba(255,255,255,0.25);
    color:#fff;
    border:none;
    width:44px;
    height:44px;
    border-radius:50%;
    font-size:20px;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
}
.yx-lightbox .prev{
    left:-60px;
    top:50%;
    transform:translateY(-50%);
}
.yx-lightbox .next{
    right:-60px;
    top:50%;
    transform:translateY(-50%);
}
.yx-lightbox .close{
    top:-50px;
    right:0;
}
.yx-lightbox .prev:hover,.yx-lightbox .next:hover,.yx-lightbox .close:hover{
    background:rgba(255,255,255,0.45);
}
@media(max-width:768px){
    .yx-lightbox .prev{left:5px;}
    .yx-lightbox .next{right:5px;}
}

.hezuobox .img-grid{--row-num:4;}
.hezuobox .img-box img {
  width: 100%;
  height: auto;
  object-fit: cover;
  transition: transform 0.3s ease;
  cursor: pointer;
}

.zhuanlibox .img-grid{--row-num:6;}
.zhuanlibox .img-box img {
  width: 100%;
  height: auto;
  object-fit: cover;
  transition: transform 0.3s ease;
  cursor: pointer;
}

.pagination .page-link{color:#333;}
.pagination .page-num{color:#333;border:#ccc solid 1px;text-decoration: none;padding:5px 10px;margin:0px 5px;;}
.pagination .page-num:hover{border:#003399 solid 1px;color:#003399}


.yxnewlist{
    background:#f5f5f5;
    padding:60px 0;
}
.yxnewlist .container{
    max-width:1320px;
    margin:0 auto;
    padding:0 15px;
}
.yxnewlist .news-item{
    display:grid;
    grid-template-columns:320px 1fr;
    gap:30px;
    padding:24px 0;
    border-bottom:1px solid #e6e6e6;
    align-items:flex-start;
}
.yxnewlist .img-box{
    overflow:hidden;
    border-radius:4px;
}
.yxnewlist .img-box img{
    width:100%;
    height:210px;
    object-fit:cover;
    transition:all 0.3s ease;
}
/* 鼠标悬浮图片放大+轻微阴影 */
.yxnewlist .news-item:hover .img-box img{
    transform:scale(1.05);
    box-shadow:0 4px 12px rgba(0,0,0,0.12);
}
.yxnewlist .info{
    display:flex;
    flex-direction:column;
    gap:10px;
}
.yxnewlist .info h3{
    font-size:18px;
    color:#222;
    font-weight:500;
    margin:0;
    line-height:1.4;
}
.yxnewlist .info h3 a{
    color:#222;
    text-decoration:none;
}
.yxnewlist .info h3 a:hover{
    color:#0052cc;
}
.yxnewlist .desc{
    font-size:15px;
    color:#666;
    line-height:1.6;
    margin:0;
}
.yxnewlist .meta{
    display:flex;
    justify-content:space-between;
    font-size:14px;
    color:#999;
}
/* 响应式 平板手机 */
@media (max-width:768px){
    .yxnewlist .news-item{
        grid-template-columns:1fr;
        gap:16px;
    }
    .yxnewlist .img-box img{
        height:180px;
    }
}

.yxprolist {
    background: #f5f5f5;
    padding: 60px 0;
}
.yxprolist .container {
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 15px;
}
.yxprolist .pro-grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 30px;
}
.yxprolist .pro-item {
    background: #fff;
    padding: 20px;
    text-align: center;
    border-radius: 4px;
}
.yxprolist .img-box {
    overflow: hidden;
}
.yxprolist .img-box img {
    width: 100%;
    transition: all 0.3s ease;
}
/* 鼠标悬浮放大+阴影效果 */
.yxprolist .pro-item:hover .img-box img {
    transform: scale(1.06);
}
.yxprolist .pro-item:hover {
    box-shadow: 0 5px 18px rgba(0,0,0,0.08);
}
.yxprolist .pro-title {
    margin-top:16px;
    font-size:16px;
    color:#333;
}
.yxprolist .pro-title a {
    color:#333;
    text-decoration:none;
}
.yxprolist .pro-title a:hover {
    color:#0052cc;
}

/* 平板响应式 */
@media (max-width:992px) {
    .yxprolist .pro-grid {
        grid-template-columns: repeat(2,1fr);
    }
}
/* 手机响应式 */
@media (max-width:576px) {
    .yxprolist .pro-grid {
        grid-template-columns: 1fr;
    }
}

.yxprodetail{
    background:#f5f5f5;
    padding:60px 0;
}
.yxprodetail .container{
    max-width:1320px;
    margin:0 auto;
    padding:0 15px;
    display:grid;
    grid-template-columns:260px 1fr;
    gap:30px;
}
/* 左侧侧边栏 固定 */
.yxprodetail .sidebar{
    position:sticky;
    top:30px;
    height:fit-content;
}
.yxprodetail .sidebar-box{
    background:#fff;
    margin-bottom:24px;
}
.yxprodetail .sidebar-title{
    background:#2b7bcc;
    color:#fff;
    font-size:18px;
    text-align:center;
    padding:14px 0;
    margin:0;
}
.yxprodetail .sidebar-list li{
    list-style:none;
    border-bottom:1px solid #eee;
}
.yxprodetail .sidebar-list li a{
    display:block;
    padding:14px 24px;
    color:#333;
    text-decoration:none;
    transition:0.2s;
}
.yxprodetail .sidebar-list li a:hover{
    background:#f0f6fd;
    color:#2b7bcc;
}
.yxprodetail .sidebar-list li:last-child{
    border-bottom:none;
}

/* 右侧主内容 */
.yxprodetail .main-content{
    background:#fff;
    padding:30px;
}
.yxprodetail .main-content h1{
    font-size:24px;
    color:#222;
    padding-bottom:16px;
    border-bottom:2px solid #2b7bcc;
    margin-top:0;
}
.yxprodetail .pro-top{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:30px;
    margin:30px 0;
}
.yxprodetail .pro-img img{
    width:100%;
}
.yxprodetail .pro-desc ul{
    padding-left:20px;
    margin:0;
}
.yxprodetail .pro-desc li{
    line-height:1.7;
    color:#444;
    margin-bottom:8px;
}
.yxprodetail .btn-box{
    margin-top:24px;
}
.yxprodetail .btn-box a{
    display:inline-block;
    border:1px solid #2b7bcc;
    color:#2b7bcc;
    padding:10px 28px;
    text-decoration:none;
    border-radius:2px;
}
.yxprodetail .btn-box a:hover{
    background:#2b7bcc;
    color:#fff;
}
.yxprodetail .param-title{
    font-size:20px;
    border-left:4px solid #2b7bcc;
    padding-left:10px;
    margin:40px 0 20px;
}
.yxprodetail table{
    width:100%;
    border-collapse:collapse;
}
.yxprodetail table td{
    border:1px solid #ddd;
    padding:12px 16px;
}
.yxprodetail table td:first-child{
    background:#f8f8f8;
    width:220px;
}
/* 上一篇、下一篇导航 */
.yxprodetail .page-nav{
    margin-top:40px;
    padding-top:20px;
    border-top:1px solid #eee;
    display:flex;
    justify-content:space-between;
    gap:20px;
}
.yxprodetail .page-nav a{
    color:#333;
    text-decoration:none;
    padding:8px 0;
    max-width:48%;
    line-height:1.6;
}
.yxprodetail .page-nav a:hover{
    color:#2b7bcc;
}
/* 响应式 */
@media (max-width:768px){
    .yxprodetail .container{
        grid-template-columns:1fr;
    }
    .yxprodetail .sidebar{
        position:static;
        top:auto;
    }
    .yxprodetail .pro-top{
        grid-template-columns:1fr;
    }
    .yxprodetail .page-nav{
        flex-direction:column;
    }
    .yxprodetail .page-nav a{
        max-width:100%;
    }
}
.yxprodetail .detail-intro{
    margin-top:40px;
}
.yxprodetail .detail-intro h3{
    font-size:20px;
    border-left:4px solid #2b7bcc;
    padding-left:10px;
    margin-bottom:20px;
}
.yxprodetail .detail-intro p{
    line-height:1.8;
    color:#444;
    margin-bottom:16px;
}
.yxprodetail .detail-intro img{
    max-width:100%;
    height:auto;
    display:block;
    margin:12px 0;
}

.yxlianxi {
    background: #f5f5f5;
    padding: 60px 0;
}
.yxlianxi .container {
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 15px;
}
.yxlianxi .lianxi-box {
    background: #fff;
    box-shadow: 0 2px 12px rgba(0,0,0,0.08);
    padding: 50px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap:40px;
    align-items: start;
}
/* 左侧公司信息 */
.yxlianxi .info-left h2 {
    font-size:28px;
    color:#222;
    margin:0 0 30px 0;
}
.yxlianxi .info-left p {
    font-size:16px;
    color:#333;
    line-height:2;
    margin:8px 0;
}
/* 右侧表单 */
.yxlianxi .form-right .item {
    margin-bottom:16px;
}
.yxlianxi .form-right input,
.yxlianxi .form-right textarea {
    width:100%;
    border:1px solid #ccc;
    padding:12px;
    font-size:14px;
    box-sizing:border-box;
}
.yxlianxi .form-right textarea {
    min-height:180px;
    resize:none;
}
.yxlianxi .code-row {
    display:grid;
    grid-template-columns:1fr 140px;
    gap:10px;
}
.yxlianxi .submit-box {
    text-align:right;
}
.yxlianxi .submit-box button {
    background:#2b7bcc;
    color:#fff;
    border:none;
    padding:12px 36px;
    font-size:16px;
    cursor:pointer;
}
.yxlianxi .submit-box button:hover {
    background:#2068b0;
}

/* 响应式 手机端上下堆叠 */
@media (max-width:768px){
    .yxlianxi .lianxi-box {
        grid-template-columns:1fr;
        padding:30px 20px;
    }
    .yxlianxi .info-left h2 {
        font-size:22px;
    }
    .yxlianxi .code-row {
        grid-template-columns:1fr;
    }
}

.yxfooter{
    background:#111;
    color:#ffffff;
    padding:30px 0;
}
.yxfooter .container{
    max-width:1320px;
    margin:0 auto;
    padding:0 15px;
    text-align:center;
    line-height:1.8;
    font-size:14px;
}
.yxfooter a{
    color:#fff;
    text-decoration:none;
}
.yxfooter a:hover{
    color:#4096ff;
}
/* 手机端响应式 */
@media (max-width:768px){
    .yxfooter{
        padding:20px 0;
    }
    .yxfooter .container{
        font-size:13px;
    }
}