.banner-image::before {
	position:absolute;
	content:"";
	width:100%;
	height:100%;
	left:0;
	top:0;
	background:-webkit-gradient(linear,left top,left bottom,color-stop(80%,transparent),to(rgba(0,0,0,.5)));
	background:-webkit-linear-gradient(top,transparent 80%,rgba(0,0,0,.8) 100%);
	background:-o-linear-gradient(top,transparent 80%,rgba(0,0,0,.8) 100%);
	background:linear-gradient(to bottom,transparent 20%,rgba(0,0,0,.8) 100%);
	-o-transition:all 0.4s ease;
	transition:all 0.4s ease;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-ms-transition:all 0.4s ease;
}
.banner-image img {
	width:100%;
	display:block;
	object-fit:cover;
}
/* 基础样式设置 */:root {
	--primary-color:#93b3fc;
	--primary-dark:#6d8fe8;
	--primary-light:#b9d0ff;
	--green-primary:#13943f; /* 主绿色 */
	--green-light:#4CAF50; /* 浅绿色 */
	--green-dark:#0d6e2f; /* 深绿色 */
	--text-color:#333333;
	--text-dark:#282C33; /* 深色文本 */
	--text-light:#ffffff;
	--bg-color:#f8fafc;
	--border-radius:12px;
	--transition:all 0.3s ease;
}
.warper {
	max-width:1600px;
	margin:0 auto;
}
.about-main2 {
	height:890px;
	width:100%;
	overflow:hidden;
}
.about-main2 .licheng-bg {
	background-color:rgba(255,255,255,.8);
	width:100%;
	height:100%;
	position:relative;
}
.about-main2 .licheng-bg .warper {
	height:100%;
}
.about-main2 .licheng-bg img {
	height:518px;
	position:absolute;
	bottom:0px;
	left:0;
}
.about-main2 .ny-title {
	padding-top:80px;
	text-align:center
}
.ny-title .title-ch {
	text-transform:uppercase;
	font-size:42px;
	line-height:60px;
	margin:8px 0 20px 0;
	color:#1a1a1a;
	text-align:center;
}
.ny-title i {
	display:block;
	width:42px;
	height:4px;
	content:'';
	margin:18px auto;
	background:#93b3fc;
}
.content1 {
	width:100%;
	margin:0px auto;
	max-width:1600px;
}
.tit {
	font-size:32px;
	text-align:center;
	margin:5px 0;
	line-height:60px;
}
.chi {
	color:#333;
}
.eng {
	text-transform:uppercase;
	font-size:16px;
	line-height:30px;
	color:#535353;
}
.edge1-content>h2:after {
	display:block;
	width:68px;
	height:4px;
	content:'';
	margin:18px auto;
	background:#93b3fc;
}
.gsjs {
	width:550px;
	margin-left:660px;
	padding-top:70px;
}
.gsjs p {
	line-height:35px;
}
.abou {
	font-size:36px;
	color:#3da83e;
	font-weight:bold;
	display:block;
	text-transform:uppercase;
	margin-bottom:25px;
	opacity:0.5;
	font-style:italic;
}
.gsys {
	text-align:right;
	color:#333;
	font-weight:bold;
	font-size:20px;
}
.ct_main {
	width:100%;
	background:#fff;
	padding:30px 0;
}
@media (max-width: 767px) {
    .ct_nav {
        display:none;
    }
}
.ct_nav {
	overflow:hidden;
	border-bottom:1px solid #f7f7f7;
	width:100%;
	max-width:1600px;
	margin:0px auto;
	text-align:center;
}
.ct_nav.on {
	position:fixed;
	top:76px;
	background:#fff;
	z-index:999;
	width:100%;
	max-width:1600px;
	margin:0px auto;
	text-align:center;
	overflow:hidden;
	box-shadow:0 2px 10px rgba(19,148,63,0.05); /* 轻微绿色阴影增强层次感 */
}
.ct_nav li {
	float:left;
	font-size:18px;
	color:#2b2b2b;
	line-height:72px;
	height:72px;
	position:relative;
	margin-right:60px;
	cursor:pointer;
	transition:color 0.3s ease; /* 平滑颜色过渡 */
}
.ct_nav li.on {
	color:#13943f; /* 替换为绿色 */
	font-weight:200;
}
.ct_nav li:hover:not(.on) {
	color:#13943f; /* 悬停效果为绿色但强度稍弱 */
	opacity:0.8; /* 降低非激活状态的绿色强度 */
}
.ct_nav li.on::after {
	content:'';
	position:absolute;
	width:100%;
	height:2px;
	background:#13943f; /* 替换为绿色 */
	border-radius:30px;
	bottom:0;
	left:0;
	transition:width 0.3s ease; /* 平滑过渡效果 */
}
/* 为避免绿色堆积，添加细微的交互变化 */
.ct_nav li.on::after {
	transform:scaleX(0.8);
	transform-origin:center;
}
.ct_nav li.on:hover::after {
	transform:scaleX(1);
}

.intr_box {
	margin-top:30px;
}
.case_js {
	width:100%;
	margin-top:25px;
	overflow:hidden;
}
.title-style {
	overflow:hidden;
}
@media (min-width: 769px){
.title-style h2 {
	text-transform:uppercase;
	font-size:36px;
	line-height:60px;
	margin:8px 0 20px 0;
	color: #333;
	text-align:center;
	font-weight:300
}
.title-style h5 {
	color:999999;
	font-size:16px;
}
.title-style h2:after {
    content: '';
    display: block;
    width: 60px;
    height: 3px;
    background-color: #666;
    margin: 15px auto 0;
}
}
@media (min-width: 375px) and (max-width: 768px) {
.title-style h2 {
	text-transform:uppercase;
	font-size:2rem;
	line-height:60px;
	margin:0px 0 0px 0;
	color:#1a1a1a;
	text-align:center;
}
.company-card {
    margin: 0px auto;
}
.timeline-item .title {
    font-size: 1.25rem;
    font-weight: 200;
    margin-bottom: 1rem;
}
.content-section h3 {
    font-size: 1.4rem;
    line-height: 2;
    font-weight: 900;
}
.case_js {
    width: 100%;
    margin-top: 5px;
    overflow: hidden;
}
}
.example1-content>h2:after {
	display:block;
	width:68px;
	height:4px;
	content:'';
	margin:18px auto;
	background:#93b3fc;
}
.tit-18 {
	line-height:1.8;
	font-size:18px;
}
.show-content {
	float:left;
	width:100%;
}
.show-content>div {
	margin-left:-28px;
}
.show-content>div>h4 {
	font-size:38px;
	line-height:1;
	color:#989898;
}
.show-content>div>h3 {
	font-size:28px;
}
.show-content>div>h2 {
	font-size:32px;
	margin-top:58px;
}
.show-content>div>h2>b {
	margin-right:8px;
	color:#93b3fc;
}
.show-content>div>h1 {
	font-size:26px;
	margin-top:8px;
	font-weight:normal;
}
.show-content>div>aside {
	font-size:15px;
	margin-top:18px;
	padding-top:18px;
	border-top:1px solid #e8e8e8;
	color:#686868;
}
.show-content>div>aside>p+p {
	margin-top:8px;
}
.show-contact {
	margin-top:68px;
}
.show-contact>p {
	font-size:16px;
	margin-bottom:8px;
}
.show-contact>a {
	display:inline-block;
	position:relative;
	color:#fff;
	border-radius:40px;
	overflow:hidden;
	border:2px solid #93b3fc;
	background:#93b3fc;
}
.show-contact>a:after {
	position:absolute;
	left:100%;
	top:100%;
	content:'';
	width:0;
	height:0;
	border-radius:50%;
	transition:0.6s;
	transform:translate(-50%,-50%);
	background:#fff;
}
.show-contact>a>i {
	float:left;
	position:relative;
	z-index:2;
	width:36px;
	height:36px;
	line-height:36px;
	text-align:center;
	transition:0.6s;
	font-size:18px;
	margin:2px;
	border-radius:40px;
	background:#fff;
	color:#93b3fc;
}
.show-contact>a>u {
	float:left;
	position:relative;
	z-index:1;
	font-size:16px;
	text-decoration:none;
	line-height:40px;
	height:40px;
	padding:0 28px 0 16px;
}
.show-contact>a:hover {
	color:#93b3fc;
}
.show-contact>a:hover>i {
	color:#fff;
	animation:szu 2s infinite;
	background:#93b3fc;
}
.show-contact>a:hover:after {
	width:300px;
	height:300px;
}
@media(max-width:1200px) {
	.show {
	padding:38px 0;
}
.show-image {
	padding-right:140px;
}
.show-content>div {
	margin-left:-78px;
}
}@media(max-width:992px) {
	.show:before {
	display:none;
}
.show-image {
	position:relative;
	top:auto;
	bottom:auto;
	width:auto;
	padding-right:0;
}
.show-content {
	float:none;
	width:auto;
	margin-top:18px;
}
.show-content>div {
	margin-left:0;
}
.show-content>div>h2 {
	margin-top:28px;
}
.show-contact {
	margin-top:28px;
}
}@media(max-width:767px) {
	.show {
	padding:18px 0;
}
.show-content>div>h4 {
	font-size:26px;
}
.show-content>div>h3 {
	font-size:22px;
}
.show-content>div>h2 {
	font-size:24px;
}
.show-content>div>h1 {
	font-size:20px;
	margin-top:4px;
}
.show-content>div>aside {
	font-size:14px;
	margin-top:12px;
	padding-top:12px;
}
.show-contact>p {
	font-size:15px;
}
}.ffazhan {
	padding:144px 0;
	background:#ffffff;
}
.fazhan {
	position:relative;
	z-index:3;
	overflow:hidden;
	margin:100px auto 0;
	max-width:1536px;
	padding:0 96px;
}
.fcase {
	width:100%;
	max-width:1600px;
	margin:0 auto;
}
.fcaselist {
	width:100%;
	height:940px;
	font-size:0;
	margin:36px 0 0;
	padding:0 18px;
	position:relative;
	margin-left:-18px;
}
.fcaselist li {
	position:absolute;
	z-index:1;
	width:50%;
}
.fcaselist li.i1 {
	left:0;
	top:0;
}
.fcaselist li.i2 {
	right:0;
	top:0;
}
.fcaselist li.i3 {
	left:0;
	bottom:0;
}
.fcaselist li.i4 {
	right:0;
	bottom:0;
}
.fcaselist li.i1,.fcaselist li.i4 {
	height:342px;
}
.fcaselist li.i2,.fcaselist li.i3 {
	height:562px;
}
.fcaselist li.i1,.fcaselist li.i2 {
	margin-bottom:36px;
}
.fcaselist li .lin {
	padding:0 18px;
	height:100%;
}
.fcaselist li {
	padding:0 7%;
	display:block;
	position:relative;
	height:100%;
}
.fcaselist li .pic {
	position:absolute;
	left:0;
	top:0;
	z-index:0;
	width:100%;
	height:100%;
}
.fcaselist li .pic img {
	width:100%;
	height:100%;
	-o-object-fit:cover;
	object-fit:cover;
}
.fcaselist li h3 {
	font-size:32px;
	color:#333;
	line-height:48px;
	font-weight:bold;
	height:48px;
	position:relative;
	z-index:1;
	padding-top:100px;
	-webkit-transition:0.4s;
	transition:0.4s;
}
.fcaselist li:hover h3 {
	color:#fdd900;
}
@media screen and (max-width:1400px) {
	.fcase {
	padding:110px 0;
}
}@media screen and (max-width:1024px) {
	.fcase {
	padding:80px 0;
}
}@media screen and (max-width:750px) {
	.fcase {
	padding:60px 0;
}
}@media screen and (max-width:840px) {
	.fcaselist {
	padding:0;
	margin-left:0;
	height:904px;
}
.fcaselist li .lin {
	padding:0;
}
.fcaselist li.i1,.fcaselist li.i2 {
	margin-bottom:0;
}
.fcaselist li h3 {
	font-size:24px;
}
}@media screen and (max-width:640px) {
	.fcaselist li h3 {
	font-size:20px;
}
.fcaselist li .txt {
	font-size:16px;
}
}.flexCS {
	justify-content:flex-start;
}
.flexCE,.flexCS {
	display:flex;
	align-items:center;
}
}/* 公司介绍页面样式 */
@media screen and (max-width:980px) {
.product-detail-section {
	width:100%;
	overflow:hidden;
	position:relative;
	z-index:1;
}
.banner {
	width:100%;
	overflow:hidden;
	position:relative;
	z-index:1;
}
.title-box {
	position:absolute;
	width:100%;
	left:37%;
	top:24%;
	color:#fff;
	z-index:10;
}
.product-detail-section-text {
	position:absolute;
	width:100%;
	left:2%;
	top:50%;
	color:#fff;
	z-index:10;
}
.subnav {
	position:relative;
	z-index:8;
	line-height:28px;
	padding:8px 0;
	font-size:13px;
	background:#fff;
}
}@media screen  and (min-width:1367px) {
	.subnav {
	position:relative;
	z-index:8;
	line-height:58px;
	padding:8px 0;
	font-size:15px;
	background:#f7f7f7;
}
}@media screen and (min-width:1367px) {
	/* 添加锚点导航样式 */
.ct_nav {
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	padding:0px 0;
	border-bottom:1px solid #eee;
	background-color:#fff;
}
.ct_nav li {
	padding:5px 15px;
	margin:5px;
	cursor:pointer;
	border-radius:5px;
	transition:background-color 0.3s,color 0.3s;
}
.ct_nav li.on,.ct_nav li:hover {
	border-bottom:1px solid #f7f7f7;
	color:#13943f; 
	background:#f7f7f7
}
/* 锚点目标位置偏移量，避免被固定导航遮挡 */:target::before {
	content:"";
	display:block;
	height:100px;
	/* 与固定导航高度一致 */
    margin:-100px 0 0;
}
.title-box {
	position:absolute;
	top:40%;
	left:40%;
	text-align:center;
}
.title-box .big {
	width:800px;
	margin-bottom:24px;
	font-size:60px;
	line-height:1.5em;
	font-weight:bold;
	color:#fff;
	text-align:left;
}
.title-box .small {
	max-width:800px;
	margin-bottom:10px;
	font-size:20px;
	line-height:1.5em;
	color:#fff;
	text-align:left;
	padding:10px 0px;
}
.font42 {
	font-size:4.2rem;
	line-height:1.3;
}
}.seronetitle {
	text-align:left;
	margin:6rem 0 0;
	color:#1d1d1f;
	font-size:2.2rem;
	line-height:1.3;
}
/* 基础重置样式 */
.container {
	max-width:1600px;
	margin:0 auto;
	padding:0 15px;
}
/* 标题样式 */
.section-title {
	color:#4CAF50;
	/* 绿色主题色 */
    font-size:24px;
	font-weight:bold;
	margin:20px 0;
	padding-left:10px;
	border-left:4px solid #4CAF50;
}
/* 文字描述样式 */
.section-desc {
	font-size:18px;
	color:#666;
	margin-bottom:15px;
	line-height:1.8;
}
/* 图片容器通用样式 */
.image-container {
	position:relative;
	margin-bottom:20px;
	overflow:hidden;
	background-color:#fff;
	border-radius:1rem;
	box-shadow:0 2px 8px rgba(0,0,0,0.1);
}
.image-container img {
	width:100%;
	height:auto;
	display:block;
	transition:transform 0.3s ease;
}
.image-container:hover img {
	transform:scale(1.02);
}
/* 图片说明文字 */
.image-caption {
	font-size:12px;
	color:#888;
	margin-top:8px;
	padding:0 10px;
}
/* 响应式网格布局 */
.row {
	display:flex;
	flex-wrap:wrap;
	margin:0 -15px;
}
.col-12 {
	width:100%;
	padding:0 15px;
	margin-bottom:30px;
}
.col-6 {
	width:50%;
	padding:0 15px;
	margin-bottom:30px;
	flex:0 0 50%;
}
.col-4 {
	width:33.333%;
	padding:0 15px;
	margin-bottom:30px;
	flex:0 0 33.333%;
}
/* 媒体查询实现响应式设计 */
@media (max-width:991px) {
	.col-6,.col-4 {
	width: 33.333%; /* 三分之一宽度 */
    flex: 0 0 33.333%; /* 弹性布局中占三分之一空间 */
    max-width: 33.333%; /* 最大宽度限制 */
}
}@media (max-width:767px) {
	.col-6,.col-4 {
	width: 33.333%; /* 三分之一宽度 */
    flex: 0 0 33.333%; /* 弹性布局中占三分之一空间 */
    max-width: 33.333%; /* 最大宽度限制 */
}
.section-title {
	font-size:20px;
	margin:15px 0;
}
.section-desc {
	font-size:16px;
	margin-bottom:12px;
}
#research,#manufacturing {
	padding:0 20px;
}
}/* 图片卡片样式 为研发团队和制造团队增加统一感 */
.team-card {
	background-color:#fff;
	border-radius:8px;
	overflow:hidden;
	box-shadow:0 2px 10px rgba(0,0,0,0.08);
	transition:transform 0.3s ease,box-shadow 0.3s ease;
}
.team-card:hover {
	transform:translateY(-5px);
	box-shadow:0 5px 15px rgba(0,0,0,0.12);
}
.team-card img {
	width:100%;
	height:auto;
	display:block;
}
.team-info {
	padding:15px;
}
/* 分隔线样式 */
.separator {
	height:1px;
	background-color:#eee;
	margin:40px 0;
}
/* 服务理念部分 */
.service-concept {
	text-align:justify;
}
/* 销售网络部分 */
.sales-network {
	text-align:justify;
}
/* 服务体系部分 */
.service-system {
	text-align:justify;
}
/* 列表样式 */
.location-list {
	list-style-type:none;
	margin-top:10px;
}
.location-list li {
	margin-bottom:5px;
}
/* 响应式设计 */
@media (max-width:768px) {
.container {
	padding:5px 5px 0;
}

.section-title {
	font-size:22px;
	margin-top:20px;
}
.section-content {
	padding:15px;
	font-size:16px;
	line-height:1;
}
.section-content  p {
	line-height:26px;
	font-size:1rem;
	color:#444;
	padding:10px 0px;
	text-align:left;
}
}@media (max-width:480px) {
	.section-title {
	font-size:20px;
	margin-top:15px;
}
.location-list li {
	font-size:14px;
}
}/* 自营场站图片网格布局 */
.image-gallery {
	display:grid;
	grid-template-columns:repeat(auto-fill,minmax(500px,1fr));
	gap:15px;
	margin-top:3rem;
	margin-bottom:2rem;
}
/* 图片容器样式 */
.image-container {
	position:relative;
	overflow:hidden;
	border-radius:8px;
	box-shadow:0 4px 8px rgba(0,0,0,0.1);
	transition:transform 0.3s ease;
}
/* 图片样式 */
.image-container img {
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
	transition:transform 0.5s ease;
}
/* 图片悬停效果 */
.image-container:hover {
	transform:translateY(-5px);
}
.image-container:hover img {
	transform:scale(1.05);
}
/* 图片覆盖层（可选） */
.image-container::before {
	content:'';
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:linear-gradient(to top,rgba(0,0,0,0.6),transparent);
	opacity:0;
	transition:opacity 0.3s ease;
}
.image-container:hover::before {
	opacity:1;
}
/* 图片标题（可选） */
.image-container .caption {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	padding:15px;
	color:white;
	background:linear-gradient(to top,rgba(0,0,0,0.8),transparent);
	opacity:0;
	transition:opacity 0.3s ease;
	font-size:1.2rem;
	text-align:center;
}
.image-container:hover .caption {
	opacity:1;
}
/* 响应式调整 */
@media (max-width:768px) {
	.image-container img {
	height:180px;
}
.image-container::before,.image-container .caption {
	display:none;
	/* 在小屏幕上隐藏覆盖层和标题 */
}
}@media (max-width:480px) {
	.image-container img {
	height:150px;
}
.image-gallery {
	grid-template-columns:1fr 1fr;
}
}/* 图片加载占位符 */
.image-placeholder {
	width:100%;
	height:220px;
	background-color:#e0e0e0;
	border-radius:8px;
	display:flex;
	align-items:center;
	justify-content:center;
	color:#999;
}
/* 合作伙伴Logo网格容器 */
        .logo-grid {
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
	gap:20px;
	margin-top:3rem;
	margin-bottom:2rem;
}
/* Logo项目外层容器 */
        .logo-wrapper {
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:15px;
	/* 图片和文字之间的间距 */
}
/* Logo项目样式 */
        .logo-item {
	background-color:#fff;
	padding:20px;
	border-radius:1rem;
	display:flex;
	justify-content:center;
	align-items:center;
	border:1px solid #f7f7f7;
	width:100%;
	/* 确保宽度一致 */
}
.logo-item:hover {
	transform:translateY(-5px);
	box-shadow:0 10px 20px rgba(0,0,0,0.1);
}
/* Logo图片样式 */
        .logo-item img {
	max-width:100%;
	height:auto;
	max-height:130px;
	object-fit:contain;
}
/* Logo文字说明样式 */
        .logo-caption {
	font-size:18px;
	color:#333;
	text-align:center;
	padding:0 10px;
	word-break:break-word;
	width:100%;
	/* 确保宽度一致 */
}
/* 响应式调整 */
 @media (max-width:1024px) {
	.logo-grid {
	gap:15px;
	grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
}
.logo-item {
	padding:15px;
}
.logo-item img {
	max-height:100px;
}
.logo-caption {
	font-size:14px;
}
}@media (max-width:768px) {
	.logo-grid {
	gap:12px;
	grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
}
.logo-item {
	padding:12px;
}
.logo-item img {
	max-height:80px;
}
.logo-caption {
	font-size:12px;
}
}@media (max-width:480px) {
	.logo-grid {
	gap:10px;
	grid-template-columns:repeat(auto-fit,minmax(120px,1fr));
}
.logo-item {
	padding:10px;
}
.logo-item img {
	max-height:60px;
}
.logo-caption {
	font-size:10px;
}
}/* 淡入效果 */
        .logo-grid .logo-wrapper {
	opacity:0;
	transform:translateY(20px);
	animation:fadeIn 0.6s ease forwards;
}
/* 简化动画延迟 */
        .logo-grid .logo-wrapper {
	animation-delay:calc(var(--delay) * 0.1s);
}
/* 为每个logo-wrapper设置延迟变量 */
        .logo-wrapper:nth-child(1) {
	--delay:1;
}
.logo-wrapper:nth-child(2) {
	--delay:2;
}
.logo-wrapper:nth-child(3) {
	--delay:3;
}
.logo-wrapper:nth-child(4) {
	--delay:4;
}
.logo-wrapper:nth-child(5) {
	--delay:5;
}
.logo-wrapper:nth-child(6) {
	--delay:6;
}
.logo-wrapper:nth-child(7) {
	--delay:7;
}
.logo-wrapper:nth-child(8) {
	--delay:8;
}
.logo-wrapper:nth-child(9) {
	--delay:9;
}
.logo-wrapper:nth-child(10) {
	--delay:10;
}
.logo-wrapper:nth-child(11) {
	--delay:11;
}
.logo-wrapper:nth-child(12) {
	--delay:12;
}
.logo-wrapper:nth-child(13) {
	--delay:13;
}
.logo-wrapper:nth-child(14) {
	--delay:14;
}
.logo-wrapper:nth-child(15) {
	--delay:15;
}
.logo-wrapper:nth-child(16) {
	--delay:16;
}
.logo-wrapper:nth-child(17) {
	--delay:17;
}
.logo-wrapper:nth-child(18) {
	--delay:18;
}
.logo-wrapper:nth-child(19) {
	--delay:19;
}
.logo-wrapper:nth-child(20) {
	--delay:20;
}
@keyframes fadeIn {
	from {
	opacity:0;
	transform:translateY(20px);
}
to {
	opacity:1;
	transform:translateY(0);
}
}/* 四大产品线产品网格布局 */
.product-grid {
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
	gap:30px;
	margin-top:3rem;
	margin-bottom:2rem;
}
/* 产品卡片 */
.product-card {
	border-radius:1rem;
	overflow:hidden;
	transition:transform 0.3s ease;
	border:1px solid  #f7f7f7;
	height:auto;
}
.product-card:hover {
	transform:translateY(-8px);
}
/* 产品图片 */
.product-image {
	width:100%;
	height:auto;
	object-fit:cover;
	background-color:#e9ecef;
}
/* 产品信息 */
.product-info {
	background:#f7f7f7;
	padding:20px;
}
.product-title {
	font-size:18px;
	font-weight:600;
	margin-bottom:15px;
	color:#333;
	text-align:center;
}
/* 响应式调整 */
@media (max-width:768px) {
	.product-grid {
	grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
}
.product-image {
	height:200px;
}
}@media (max-width:480px) {
	.product-grid {
	grid-template-columns:1fr;
}
.product-info {
	padding:15px;
}
.product-title {
	font-size:16px;
	margin-bottom:10px;
}
}/* 企业实力标题样式 */
        .section-title {
	font-size:24px;
	font-weight:bold;
	margin:30px 0 20px;
	color:#333;
	text-align:left;
	position:relative;
	padding-left:10px;
}
/* 认证图标区域 */
.cert-icons {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: clamp(0.75rem, 3vw, 1.5rem);
    margin-bottom: clamp(1.5rem, 4vw, 3rem);
    padding: 0 clamp(0.5rem, 2vw, 1rem);
}

.cert-icon {
  flex: 0 0 auto;
  width: clamp(50px, 12vw, 80px);
  height: clamp(50px, 12vw, 80px);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease;
}

.cert-icon:hover {
  transform: translateY(-5px);
}

.cert-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: grayscale(20%);
  transition: filter 0.3s ease;
}

.cert-icon img:hover {
  filter: grayscale(0%);
}

/* 超小屏幕优化 */
@media (max-width: 360px) {
  .cert-icon {
    width: clamp(40px, 15vw, 60px);
    height: clamp(40px, 15vw, 60px);
  }
}

/* 大屏幕优化 */
@media (min-width: 1200px) {
  .cert-icons {
    gap: 2rem;
  }
  
  .cert-icon {
    width: 90px;
    height: 90px;
  }
}
/* 证书展示区域通用样式 */
        .cert-container {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin-bottom:40px;
}
.cert-item {
	width:100%;
	max-width:16%;
	margin-bottom:30px;
	padding:0 10px;
}
.cert-image {
	width:100%;
	border-radius:5px;
	box-shadow:0 4px 8px rgba(0,0,0,0.1);
	margin-bottom:15px;
}
.cert-title {
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
	text-align:center;
}
/* 响应式调整 */
 @media (max-width:1024px) {
	.cert-item {
	max-width:45%;
}
}@media (max-width:768px) {
	.cert-item {
	max-width:33.333%;
}
.section-title {
	font-size:22px;
}
}@media (max-width:480px) {
	.cert-item {
	margin-bottom:20px;
}
.section-title {
	font-size:20px;
	margin:20px 0;
}
}/* 全球网络地图容器 */
        .map-container {
	position:relative;
	width:100%;
	max-width:1200px;
	margin:2rem auto;
	padding:20px;
	background-color:#fff;
}
/* 地图SVG样式 */
        .world-map {
	width:100%;
	height:auto;
	position:relative;
	margin:20px auto;
}
/* 信息框样式 */
        .info-box {
	position:absolute;
	top:5px;
	left:25%;
	background-color:#93b3fc;
	color:white;
	padding:15px 20px;
	border-radius:4px;
	max-width:300px;
	font-size:16px;
	box-shadow:0 2px 8px rgba(0,0,0,0.15);
	z-index:10;
	display:block;
}
.info-box::after {
	content:"";
	position:absolute;
	bottom:-10px;
	left:50%;
	transform:translateX(-50%);
	border-left:10px solid transparent;
	border-right:10px solid transparent;
	border-top:10px solid #93b3fc;
}
/* 响应式调整 */
        @media (max-width:768px) {
	.info-box {
	width:90%;
	right:5%;
	font-size:14px;
}
.connection-line {
	stroke-width:0.8;
}
.location-pin {
	width:18px;
	height:18px;
}
.location {
	width:10px;
	height:10px;
}
}@media (max-width:480px) {
	.info-box {
	width:95%;
	right:2.5%;
	padding:12px 15px;
	font-size:13px;
}
.connection-line {
	stroke-width:0.5;
}
}@media screen and (max-width:1366px) and (min-width:1024px) {
	.title-box {
	position:absolute;
	top:40%;
	left:40%;
	text-align:center;
}
.title-box .big {
	width:800px;
	margin-bottom:24px;
	font-size:60px;
	line-height:1.5em;
	font-weight:bold;
	color:#fff;
	text-align:left;
}
.title-box .small {
	max-width:800px;
	margin-bottom:10px;
	font-size:20px;
	line-height:1.5em;
	color:#fff;
	text-align:left;
	padding:10px 0px;
}
.font42 {
	font-size:4.2rem;
	line-height:1.3;
}
}@media (max-width:980px) {
	.banner-box {
	width:100%;
	height:500px;
	left:0;
	top:0;
	z-index:10;
	background-repeat:no-repeat;
	background-size:100% 100%;
	min-height:400px;
}
.title-box {
	position:absolute;
	width:100%;
	left:37%;
	top:34%;
	color:#fff;
	z-index:10;
}
.title-box .big {
	font-weight:900;
	font-size:2rem;
	line-height:1.8;
	text-align:left;
}
.title-box .small {
	display:none;
	overflow:hidden;
	font-size:1rem;
	line-height:1.6;
	width:100%;
	padding:0rem 1rem;
	max-width:100%;
	margin-bottom:24px;
	font-weight:1;
	color:#fff;
	text-align:left;
}
.rongyu .img img {
	width:100%;
	height:auto;
	z-index:1000;
}
p {
	line-height:28px;
	font-size:1rem;
	color:#444;
	padding:10px 0px;
	text-align:left;
}
.abtpicbg {
	position:relative;
	width:100%;
	height:auto;
	z-index:1;
}
.ct_main {
	width:100%;
	margin:1rem auto;
	background:#fff;
	padding:0 0 0 0;
}
.content1 {
	width:100%;
	margin:0px auto;
	max-width:1600px;
}
.facp {
	max-width:1600px;
	width:100%;
	margin:2rem 0 1px 2px;
	overflow:hidden;
	text-align:center;
	display:flex;
}
.edge1 {
	max-width:1600px;
	width:100%;
	margin:1rem auto;
	overflow:hidden;
}
article {
	padding:0 0 0 0;
}

.fazhan .swiper-slide dl {
	width:100%;
}
.fazhan .swiper-slide dd {
	font-size:16px;
	line-height:24px;
	color:#666;
	white-space:normal;
	display:inline-block;
}
.fazhan .swiper-slide a.i1 dl {
	max-height:120%;
}
}@media screen and (max-width:1366px) and (min-width:1024px) {
	.banner-box .content {
	width:100%;
	max-width:1600px;
	height:100%;
	margin:0rem 6rem;
}
.ct_nav {
	overflow:hidden;
	border-bottom:1px solid #f7f7f7;
	width:100%;
	max-width:1600px;
	margin:0rem 3rem;
	text-align:center;
}
.content1 {
	width:100%;
	margin:0rem .5rem;
	max-width:1600px;
}
}
@media screen and (min-width:1367px) {
	.show-content>div>h4 {
	font-size:38px;
	line-height:1;
	color:#1a1a1a;
}

.ct_nav.on {
	position:fixed;
	top:76px;
	background:#fff;
	z-index:999;
	width:100%;
	max-width:1920px;
	margin:0px auto;
	text-align:center;
	overflow:hidden;
	padding:0 160px;
}
.banner-box::before {
	display:none;
}
.show-content {
	text-align:left;
}
.edge1 {
	margin-top:0rem;
	padding:68px 0 30px;
	height:100%;
	text-align:center;
	font-size:28px;
	background-size:cover;
}
.ffazhan {
	padding:14px 0;
	background:#ffffff;
	margin-bottom:1.5rem;
}
.fazhan {
	position:relative;
	z-index:3;
	overflow:hidden;
	margin:10px auto 0;
	max-width:1600px;
	padding:0 96px;
}
.facp {
	position:relative;
	z-index:3;
	overflow:hidden;
	margin:5rem  0 0;
	max-width:1600px;
}
.qyln:hover {
	transform:translateY(-3px);
	box-shadow:0 4px 8px rgba(0,0,0,0.1);
}
}@media screen and (max-width:1366px) and (min-width:1024px) {
	.banner-box .content {
	width:100%;
	max-width:1600px;
	height:100%;
	margin:0rem 6rem;
}
.show-content>div>h4 {
	font-size:38px;
	line-height:1;
	color:#1a1a1a;
}
.ct_nav.on {
	position:fixed;
	top:76px;
	background:#fff;
	z-index:999;
	width:100%;
	max-width:1920px;
	margin:0px auto;
	text-align:center;
	overflow:hidden;
	padding:0 160px;
}
.banner-box::before {
	display:none;
}
.show-content {
	text-align:left;
}
.edge1 {
	margin-top:0rem;
	padding:68px 0 0;
	height:100%;
	text-align:center;
	font-size:28px;
	background-size:cover;
}
.ffazhan {
	padding:14px 0;
	background:#ffffff;
}
.fazhan {
	position:relative;
	z-index:3;
	overflow:hidden;
	margin:10px auto 0;
	max-width:1600px;
	padding:0 96px;
}
.facp {
	position:relative;
	z-index:3;
	overflow:hidden;
	margin:5rem auto 0;
	max-width:1600px;
}
.fazhan {
	width:100%;
	max-width:1600px;
	margin:1rem auto;
}
.case_js {
	width:100%;
	margin:1rem auto;
	overflow:hidden;
	margin-bottom:0px;
}
.ffazhan {
	padding:0px 0;
	background:#ffffff;
}
}.jdalr {
	max-width:1600px;
	margin:3rem auto 0;
	padding:20px;
}
/* 分类标题样式 */
.category {
	margin-bottom:8px;
	padding:10px 0;
}
.category h2 {
	font-size:2.2rem;
	font-weight:600;
	text-align:left;
	margin-bottom:20px;
	color:#333;
	display:flex;
	justify-content:flex-start;
	align-content:center;
	flex-wrap:wrap;
	flex-direction:row;
	align-items:baseline;
}
.category h2 span {
	font-size:4.8rem;
	font-weight:900;
	text-align:left;
	color:#93b3fc;
	font-style:italic;
	margin-right:20px;
}
/* 图片网格布局 */
.grid-container {
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
	gap:20px;
}
.grid-item img {
	width:100%;
	height:auto;
	object-fit:cover;
	transition:transform 0.3s ease;
}
.serabout2 li img:hover {
	transform:scale(1.009);
}
.serabout3 li img:hover {
	transform:scale(1.009);
}
.serabout4 li img:hover {
	transform:scale(1.009);
}
/* 图片标签样式 */
.label {
	background-color:#93b3fc;
	color:#fff;
	text-align:center;
	font-size:1.4rem;
	position:relative;
	padding:1rem;
}
.label::before {
	content:"";
	position:absolute;
	top:0;
	left:0;
	right:0;
	height:100%;
	background:rgba(255,255,255,0.2);
	z-index:0;
}
.label span {
	position:relative;
	z-index:1;
}
/* 响应式调整 */
@media (max-width:768px) {
	.grid-container {
	grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
}
.grid-item img {
	height:180px;
}
}@media (max-width:480px) {
	.grid-container {
	grid-template-columns:1fr;
}
.grid-item img {
	height:160px;
}
.category h2 {
	font-size:22px;
	margin-bottom:15px;
}
}/* 图片加载占位 */
.grid-item img {
	background-color:#e0e0e0;
	opacity:1;
	transition:opacity 0.5s ease,transform 0.3s ease;
}
/* 解决方案页面样式 */
@media screen and (max-width:980px) {
.product-detail-section {
	width:100%;
	overflow:hidden;
	position:relative;
	z-index:1;
}
.banner {
	width:100%;
	overflow:hidden;
	position:relative;
	z-index:1;
}
.li-box .li {
	width:99%;
	padding:2rem 2rem;
	height:70px;
	margin-right:2%;
	display:flex;
	background-color:#93b3fc;
	display:flex;
	justify-content:center;
	align-items:center;
}
}/* 每个 section 的通用样式 */
.edge1,.edge2,.edge3 {
	width:100%;
	max-width:1600px;
	margin:3rem auto;
	position:relative;
	overflow:hidden;
	list-style:none;
	padding:0;
	z-index:1;
	margin-bottom:1rem;
	border-radius:1rem;
	/* 居中显示 */
}
.edge1 {
	}.edge1 .pic {
	width:100%;
	height:100%;
	overflow:hidden;
	position:relative;
	font-size:0;
}
.edge1 .pic img {
	width:100%;
	height:100%;
	-o-object-fit:cover;
	object-fit:cover;
}
/* 文章内容样式 */
.waper {
	position:absolute;
	top:0%;
	left:0%;
	z-index:2;
	width:96%;
	max-width:680px;
	text-align:center;
	font-size:1.2rem;
	line-height:1.8;
}
h2 {
	font-size:2.2rem;
	line-height:3;
}
.edge-content {
	background-color:rgba(255,255,255,0.6);
	padding:2rem;
	border-radius:10px;
	width:80%;
	max-width:600px;
	margin:0% 2%;
	top:20%;
	left:0;
}
/* 表格样式 */
.product-table {
	width:100%;
	border-collapse:collapse;
}
.product-table td {
	padding:0.5rem;
	border:1px solid #ccc;
}
tr {
	background-color:rgba(255,255,255,0.2);
	transition:.3s;
}
.text-center {
	text-align:center;
}
/* 媒体查询，针对小屏幕设备优化 */
@media (max-width:667px) {
	.subnav {
	position:relative;
	z-index:8;
	line-height:26px;
	padding:8px 0;
	font-size:13px;
	background:#fff;
}
.waper {
	position:absolute;
	top:2%;
	left:10%;
	z-index:2;
	width:96%;
	max-width:380px;
	text-align:center;
	font-size:.8rem;
	line-height:1;
}
h2 {
	font-size:1.2rem;
	line-height:1.6;
}
.edge-content {
	background-color:rgba(255,255,255,0.6);
	padding:0rem;
	border-radius:10px;
	width:80%;
	max-width:400px;
	margin:0% 2%;
	top:20%;
	left:0;
	font-size:.8rem;
	line-height:1.2;
	height:186px;
	overflow:hidden;
}
.edge-bottom {
	height:136px;
	overflow:hidden;
}
}@media (max-width:1920px) and  (min-width:1367px) {
	.waper {
	position:absolute;
	top:18%;
	left:2%;
	z-index:2;
	width:99%;
	max-width:520px;
	text-align:center;
	font-size:1.2rem;
	line-height:2;
}
h2 {
	font-size:2.2rem;
	line-height:2;
}
}@media (max-width:1366px) and  (min-width:981px) {
	.subnav {
	position:relative;
	z-index:8;
	line-height:58px;
	padding:8px 0;
	font-size:15px;
	background:#fff;
}
.waper {
	position:absolute;
	top:12%;
	left:2%;
	z-index:2;
	width:96%;
	max-width:880px;
	text-align:center;
	font-size:1.8rem;
	line-height:2;
}
h2 {
	font-size:2.2rem;
	line-height:2;
}
}@media (max-width:980px) and  (min-width:668px) {
	.subnav {
	position:relative;
	z-index:8;
	line-height:58px;
	padding:8px 0;
	font-size:15px;
	background:#fff;
}
.waper {
	position:absolute;
	top:22%;
	left:2.5%;
	z-index:2;
	width:96%;
	max-width:680px;
	text-align:center;
	font-size:1rem;
	line-height:1;
}
.edge1,.edge2,.edge3,.edge-content {
	width:99%;
	margin:1rem auto;
	padding:1rem;
	margin-bottom:1rem;
}
.product-table td {
	padding:0.3rem;
}
h2 {
	font-size:1.6rem;
	line-height:1.6;
}
}@media screen and (max-width:1366px) and (min-width:1024px) {
	.subnav {
	position:relative;
	z-index:8;
	line-height:58px;
	padding:8px 0;
	font-size:15px;
	background:#fff;
}
.public-content {
	font-size:1.4rem;
	line-height:2;
	color:#000;
	width:100%;
	max-width:1600px;
	margin:0rem auto 0rem;
	border-radius:2rem;
	height:100%;
	padding:0px 5px;
	font-weight:300;
}
.serlist li {
	float:left;
	width:25%;
	margin-bottom:8px;
	border-radius:2rem;
}
.serlist li .pic {
	width:100%;
	height:100%;
	overflow:hidden;
	margin-bottom:20px;
	position:relative;
	font-size:0;
	text-align:center;
	line-height:328px;
	border-radius:1rem;
}
.serlist {
	overflow:hidden;
	padding:0 0 0px;
	margin:30px -24px 0;
}
.product-detail-feature-title {
	text-align:center;
	line-height:3;
}
.product-detail-feature {
	padding:0rem 1.2rem 0;
	overflow:hidden;
}
.n_makely {
	width:100%;
	max-width:1600px;
	margin:3rem auto 2rem;
}
.product-detail-feature-title .shtitle-2 {
	font-weight:900;
	line-height:3;
}
.e_container-2 {
	position:absolute;
	left:35%;
	top:25%;
	transform:translate(-50%,-50%);
	z-index:10;
}
.e_text-3 {
	width:800px;
	line-height:1;
	font-weight:bold;
	color:#fff;
	letter-spacing:.1px;
	border-radius:1rem;
}
.edge1-bottom {
	width:100%;
	border-top:2px solid rgba(255,255,255,.1);
	overflow:hidden;
	padding:1% 0;
	color:#333;
}
.n_makely ul li .makecon b span {
	display:block;
	line-height:28px;
	color:#93b3fc;
	font-size:26px;
	padding:0 16px;
	float:left;
	position:relative;
	margin:10px 10px 0 0;
	margin-bottom:20px;
	border-radius:1rem;
	width:210px;
	float:left;
	font-weight:900;
}
.e_richText-4 {
	width:100%;
	max-width:1366px;
	margin:2rem auto;
}
.e_richText-4 img {
	width:100%;
	text-align:center;
	border-radius:2rem;
}
}@media screen and (min-width:1367px) {
	.banner-box {
	width:100%;
	height:960px;
	background-size:cover;
	object-fit:cover;
	/* 或 use 'contain' based on your needs */
    background-repeat:no-repeat;
	background-size:100% 100%;
}
.banner-box::before {
	position:absolute;
	content:"";
	width:100%;
	height:960px;
	left:0;
	top:0;
	background:-webkit-gradient(linear,left top,left bottom,color-stop(80%,transparent),to(rgba(0,0,0,.5)));
	background:-webkit-linear-gradient(top,transparent 80%,rgba(0,0,0,.8) 100%);
	background:-o-linear-gradient(top,transparent 80%,rgba(0,0,0,.8) 100%);
	background:linear-gradient(to left,transparent 50%,rgba(0,0,0,.8) 100%);
	-o-transition:all 0.4s ease;
	transition:all 0.4s ease;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-ms-transition:all 0.4s ease;
}
.e_container-2 {
	position:absolute;
	left:38.333%;
	top:45%;
	transform:translate(-50%,-50%);
	z-index:10;
}
.e_text-3 {
	font-weight:900;
	overflow:hidden;
	line-height:2;
	color:#fff;
	font-size:60px;
	width:1200px;
}
.e_richText-5 {
	color:#fff;
	font-size:2rem;
	line-height:2;
	width:1200px;
	border-bottom:5rem;
	font-weight:900;
}
.e_richText-5 p {
	font-weight:900;
	overflow:hidden;
	line-height:2;
	color:#93b3fc;
	font-size:30px;
	width:1600px;
}
.e_richText-4 {
	width:100%;
	max-width:1600px;
	margin:3rem auto 0;
	border-radius:2rem;
	display:flex;
	justify-content:center;
	/* 水平居中 */
    align-items:center;
	/* 垂直居中 */
    text-align:center;
}
.e_richText-4 img {
	height:auto;
	max-width:100%;
	padding:40px 0px;
}
.n_makely ul li .makecon p {
	display:block;
	padding:12px 10px 12px 0;
	border-top:0;
	font-size:18px;
	line-height:2;
}
.public-content {
	font-size:1.4rem;
	line-height:2;
	color:#000000;
	width:100%;
	max-width:1600px;
	margin:3rem auto 0rem;
	border-radius:2rem;
	height:100%;
	padding:10px 30px;
	font-weight:300;
}
.n_makely ul {
	width:1600px;
	gap:0.1rem;
}
.n_makely ul li .img {
	border-radius:1rem;
	width:800px;
	height:566px;
}
.n_makely ul li .makecon {
	border-radius:1rem;
	width:700px;
}
.product-detail-feature {
	padding:2rem 0;
	overflow:hidden;
	padding-bottom:0;
}
.n_makely ul li .makecon {
	background:#fff;
	border-radius:1rem;
	padding:0.25rem 3.75rem;
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	height:100%;
}
.n_makely ul li .makecon b {
	color:#212121;
	font-size:2.125rem;
	line-height:1.5;
	margin:1rem 0 1.5rem;
}
.n_makely ul li .makecon b::before {
	width:0.5rem;
	height:0.5rem;
	color:#93b3fc;
	background-color:#666;
	border-radius:99999rem;
	top:0.7rem;
	position:absolute;
}
.n_makely ul li .makecon b span {
	display:block;
	line-height:28px;
	color:#93b3fc;
	font-size:26px;
	padding:0 16px;
	float:left;
	position:relative;
	margin:10px 10px 0 0;
	margin-bottom:20px;
	border-radius:1rem;
	width:160px;
	float:left;
	font-weight:900;
}
.n_makely ul li .makecon h5 {
	color:#212121;
	font-size:3rem;
	line-height:2;
	margin:1rem 0 1.5rem;
}
.serlist {
	width:100%;
	max-width:1600px;
	overflow:hidden;
	padding:0 0;
	margin:35px auto;
	margin-bottom:0;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	list-style:none;
}
.serlist li {
	width:24%;
	margin-bottom:8px;
	box-sizing:border-box;
	padding:8px 0;
}
.serlist li .lin {
	padding:0 0 0 0;
}
.serlist li a {
	display:block;
	position:relative;
}
.serlist li .pic {
	width:100%;
	height:100%;
	overflow:hidden;
	margin-bottom:20px;
	position:relative;
	font-size:0;
	text-align:center;
	line-height:328px;
	border-radius:1rem;
}
.serlist li img {
	width:100%;
	height:100%;
	-o-object-fit:cover;
	object-fit:cover;
}
.serlist li:hover  img {
	transform:scale(1.1);
}
.serlist li h3 {
	position:relative;
	overflow:hidden;
	height:34px;
	-webkit-transition:.5s;
	transition:.5s;
	font-size:18px;
	color:#333;
	line-height:34px;
	text-align:center;
}
.serlist li:hover h3 {
	color:#89bb12;
}
}@media screen and (max-width:1024px) {
	.serlist li {
	width:50%;
	margin-bottom:10px;
}
}@media screen and (max-width:980px) {
	.serlist {
	margin:0 -15px;
}
.serlist li .lin {
	padding:0 15px;
}
.e_text-3 {
	font-weight:900;
	overflow:hidden;
	color:#fff;
	font-size:1.6rem;
	line-height:1.8;
	width:100%;
}
.e_richText-5 {
	color:#fff;
	font-size:1rem;
	line-height:1.6;
	width:100%;
	border-bottom:5rem;
	font-weight:900;
}
.edge1-bottom {
	width:100%;
	border-top:2px solid rgba(255,255,255,.1);
	overflow:hidden;
	padding:1% 0;
	color:#333;
}
.edge1-bottom .table {
	width:100%;
	max-width:100%;
	margin:1rem auto;
	border:1px solid rgba(255,255,255,.9);
	opacity:.6;
	color:#fff;
}
.n_makely ul {
	width:100%;
	display:block;
	float:left;
	margin-bottom:0;
}
.n_makely ul li .makecon {
	background:#fff;
	border-radius:1rem;
	padding:1.25rem 0.75rem;
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	justify-content:center;
	height:100%;
}
}@media screen and (max-width:980px) {
	.n_makely ul li {
	width:100%;
	display:block;
	float:left;
	gap:10px;
	grid-template-columns:.678fr .322fr;
	margin-bottom:0rem;
}
.product-detail-feature {
	padding:0rem 0 0 0;
	overflow:hidden;
	padding-bottom:0;
}
.public-content {
	font-size:1.4rem;
	line-height:2;
	color:#000;
	width:100%;
	max-width:1600px;
	margin:1rem auto;
	background:rgba(255 255 255);
	border-radius:2rem;
	height:100%;
	padding:0rem 1rem;
	font-weight:300;
	margin-bottom:0;
}
.n_makely ul li .img {
	border-radius:1rem;
	margin-top:1rem;
}
.product-detail-feature-title .shtitle-2 {
	font-weight:900;
	font-size:2.2rem;
	text-align:center;
	line-height:3;
	padding-top:1rem;
	margin-bottom:0;
}
.edge1-content>h2 {
	width:100%;
	font-size:1.7rem;
	line-height:2;
	text-align:left;
}
.edge1-content>h2:after {
	display:block;
	width:68px;
	height:0px;
	content:'';
	margin:0px auto;
	background:#93b3fc;
}
.serlist {
	padding:0 0 0px;
	margin:1rem 0 0 0;
}
.serlist li {
	width:100%;
}
}/* 媒体查询，当屏幕宽度小于 600px 时应用这些样式 */
@media (max-width:980px) {
	.banner-box {
	background-size:cover;
	/* 确保背景图片覆盖整个容器 */
      background-position:center;
	/* 背景图片居中显示 */
      display:flex;
	/* 使用 flexbox 布局 */
      justify-content:center;
	align-items:center;
	min-height:490px;
	/* 设置最小高度 */
}
.banner-box::before {
	position:absolute;
	content:"";
	width:100%;
	min-height:490px;
	/* 设置最小高度 */
    left:0;
	top:0;
	background:-webkit-gradient(linear,left top,left bottom,color-stop(80%,transparent),to(rgba(0,0,0,.5)));
	background:-webkit-linear-gradient(top,transparent 80%,rgba(0,0,0,.8) 100%);
	background:-o-linear-gradient(top,transparent 80%,rgba(0,0,0,.8) 100%);
	background:linear-gradient(to left,transparent 10%,rgba(0,0,0,.8) 100%);
	-o-transition:all 0.4s ease;
	transition:all 0.4s ease;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-ms-transition:all 0.4s ease;
}
.e_container-2 {
	position:absolute;
	left:50%;
	top:30%;
	transform:translate(-50%,-50%);
	z-index:10;
	width:90%;
}
.product-detail-feature-title {
	text-align:center;
	line-height:3;
}
.e_richText-4 {
	margin:1rem auto 0;
	padding:0rem 1rem;
}
.n_makely {
	width:100%;
	max-width:100%;
	margin:0rem auto;
}
.n_makely ul li .makecon b {
	color:#212121;
	font-size:1rem;
	line-height:1.2;
	margin:0rem 0 .5rem;
}
.n_makely ul li .makecon b span {
	display:block;
	line-height:22px;
	color:#93b3fc;
	font-size:16px;
	padding:0 0px;
	float:left;
	position:relative;
	margin:5px 5px 0 0;
	margin-bottom:5px;
	width:30%;
	float:left;
	font-weight:900;
}
}@media screen and (min-width:1367px) {
	.banner-box .images {
	width:100%;
	height:auto;
	font-size:0;
	overflow:hidden;
}
.product-detail-feature-title .shtitle-2 {
	font-weight:900;
	line-height:3;
}
}/* 小屏幕设备样式 */
@media (max-width:600px) {
	.table {
	font-size:14px;
}
}@media screen and (min-width:1024px) {
	.product-detail-section-text {
	position:absolute;
	width:100%;
	left:9%;
	top:50%;
	transform:translateY(-50%);
	color:#fff;
	z-index:10;
}
.product-detail-section-title {
	position:relative;
	padding:2% 0;
	overflow:hidden;
}
.product-detail-section-txt {
	margin-top:1%;
}
.product-detail-section-title .shentitle-1 {
	font-weight:900;
	overflow:hidden;
	line-height:2;
	color:#fff;
	font-size:60px;
}
.product-detail-section-txt p {
	color:#fff;
	font-size:2rem;
	line-height:2;
	border-bottom:0rem;
	font-weight:900;
	width:100%;
	padding:0px 0px;
}
.subnav {
	position:relative;
	z-index:8;
	line-height:58px;
	padding:8px 0;
	font-size:15px;
	background:#fff;
}
.product-detail-section-pic::before {
	position:absolute;
	content:"";
	width:100%;
	height:960px;
	left:0;
	top:0;
	background:-webkit-gradient(linear,left top,left bottom,color-stop(80%,transparent),to(rgba(0,0,0,.5)));
	background:-webkit-linear-gradient(top,transparent 80%,rgba(0,0,0,.8) 100%);
	background:-o-linear-gradient(top,transparent 80%,rgba(0,0,0,.8) 100%);
	background:linear-gradient(to left,transparent 50%,rgba(0,0,0,.8) 100%);
	-o-transition:all 0.4s ease;
	transition:all 0.4s ease;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-ms-transition:all 0.4s ease;
}
}@media screen and (max-width:980px) {
	.product-detail-section-text {
	position:absolute;
	width:100%;
	left:2%;
	top:50%;
	color:#fff;
	z-index:10;
}
.product-detail-section-title {
	position:relative;
	padding:5% 0 0 0;
	overflow:hidden;
	font-size:1.6rem;
	line-height:1;
	padding:0rem 1rem;
}
.product-detail-section-txt .shtext-1  p {
	overflow:hidden;
	font-size:1rem;
	line-height:1.6;
	width:100%;
	padding:0rem 0rem;
	color:#fff;
}
.product-detail-section-pic::before {
	position:absolute;
	content:"";
	width:100%;
	height:100%;
	left:0;
	top:0;
	background:-webkit-gradient(linear,left top,left bottom,color-stop(80%,transparent),to(rgba(0,0,0,.5)));
	background:-webkit-linear-gradient(top,transparent 80%,rgba(0,0,0,.8) 100%);
	background:-o-linear-gradient(top,transparent 80%,rgba(0,0,0,.8) 100%);
	background:linear-gradient(to left,transparent 10%,rgba(0,0,0,.8) 100%);
	-o-transition:all 0.4s ease;
	transition:all 0.4s ease;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-ms-transition:all 0.4s ease;
}
}@media screen and (max-width:1366px) and (min-width:1024px) {
	.show-content>div>h4 {
	font-size:38px;
	line-height:1;
	color:#1a1a1a;
	margin-top:16px;
}
}@media (min-width:768px)  and (max-width:1365px) {
	.ct_nav {
	display:none;
}
.show-content>div>h4 {
	font-size:18px;
	line-height:1;
	color:#1a1a1a;
	margin-top:16px;
}
}@media (max-width:767px) {
	.cert-icon {
	width:40px;
	height:40px;
	margin:0px;
	margin-right:5px;
	display:flex;
	align-items:center;
	justify-content:center;
}
.show-content>div>h4 {
	font-size:18px;
	line-height:1;
	color:#1a1a1a;
	margin-top:16px;
}
.world-map {
	width:100%;
	height:auto;
	margin:50px auto 0;
	overflow: hidden;
}
.world-map img{
    width:100%;
	height:auto;
}
.info-box {
	position:absolute;
	top:-15px;
	left:6%;
	background-color:#93b3fc;
	color:white;
	padding:15px 20px;
	border-radius:4px;
	width:100%;
	max-width:300px;
	font-size:16px;
	box-shadow:0 2px 8px rgba(0,0,0,0.15);
	z-index:10;
	display:block;
}
}@media (min-width:768px) and  (max-width:980px) {
	.show-content>div>h3 {
	margin-top:15px;
	font-size:20px;
}
.category {
	margin-bottom:8px;
	padding:6px 0;
}
.separator {
	height:1px;
	background-color:#eee;
	margin:10px 0;
}
.world-map {
	width:100%;
	height:auto;
	margin:50px auto 0;
}
.world-map img{
    width:100%;
}
.info-box {
	position:absolute;
	top:-15px;
	left:6%;
	background-color:#93b3fc;
	color:white;
	padding:15px 20px;
	border-radius:4px;
	width:100%;
	max-width:300px;
	font-size:16px;
	box-shadow:0 2px 8px rgba(0,0,0,0.15);
	z-index:10;
	display:block;
}
.show-content>div>h4 {
	font-size:20px;
	margin-top:18px;
	color:#1a1a1a;
}
.show-content>div>h2 {
	font-size:26px;
}
.cert-icons {
	display:flex;
	justify-content:flex-start;
	flex-wrap:wrap;
	margin-top:0px;
}
.cert-item {
	margin-bottom:0px;
}
.cert-icon {
	width:80px;
	height:80px;
	margin:0px;
	margin-right:15px;
	display:flex;
	align-items:center;
	justify-content:center;
}
.cert-container {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin-bottom:0px;
}
p {
	line-height:26px;
	font-size:1rem;
	color:#444;
	text-align:left;
	margin-bottom:10px;
}
}@media (min-width:981px) and (max-width:1366px) {
	.info-box {
	position:absolute;
	top:5px;
	left:20%;
	background-color:#93b3fc;
	color:white;
	padding:15px 20px;
	border-radius:4px;
	width:100%;
	max-width:600px;
	font-size:16px;
	box-shadow:0 2px 8px rgba(0,0,0,0.15);
	z-index:10;
	display:block;
}
.ct_nav.on {
	position:fixed;
	top:76px;
	background:#fff;
	z-index:999;
	width:100%;
	max-width:1600px;
	margin:0px auto;
	text-align:center;
	overflow:hidden;
	padding:0 30px;
}
}@media (min-width:1367px) {
	.info-box {
	position:absolute;
	top:5px;
	left:20%;
	background-color:#93b3fc;
	color:white;
	padding:15px 20px;
	border-radius:4px;
	width:100%;
	max-width:600px;
	font-size:16px;
	box-shadow:0 2px 8px rgba(0,0,0,0.15);
	z-index:10;
	display:block;
}
.cert-container {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin-bottom:0px;
}
.label::before {
	content:"";
	position:absolute;
	top:0;
	left:0;
	right:0;
	height:100%;
	background:rgba(255,255,255,0.2);
	z-index:0;
}
.label {
	background-color:#e8e8e8;
	color:#181818;
	text-align:center;
	font-size:1.4rem;
	position:relative;
	padding:1rem;
}
.category {
	margin-bottom:0px;
	padding:10px 0;
}
.show-content>div>h2 {
	font-size:38px;
	line-height:1;
	color:#1a1a1a;
}
.cpxian {
	margin:3rem auto 0;
}
.show-content>div>h4 {
	font-size:26px;
	margin-top:16px;
	font-weight:normal;
}
.show-content>div>h3 {
	font-size:32px;
	margin-top:15px;
}
.cert-title {
	font-size:16px;
	font-weight:1;
	margin-bottom:10px;
	text-align:center;
}
.cert-item:hover {
	transform:translateY(-5px);
}
..abtpicbg:hover {
	transform:translateY(-5px);
	box-shadow:0 10px 20px rgba(0,0,0,0.1);
}
.grid-item:hover {
	transform:translateY(-8px);
}
.jdalr {
	width:100%;
	max-width:1600px;
	margin:0rem auto 0;
	padding:0px;
}
.grid-container {
	width:100%;
	max-width:1600px;
	display:block;
	margin:0 0px;
	overflow:hidden;
}
.grid-item {
	float:left;
	width:33.333%;
	padding:0 28px 0 0;
}
.show-content>div>h2 {
	font-size:32px;
	margin-top:15px;
}
.show-contact {
	margin-top:15px;
}
p {
	line-height:35px;
	font-size:16px;
	color:#444;
	padding:0px 0px;
}
.show-contact>a {
	display:inline-block;
	position:relative;
	color:#fff;
	border-radius:40px;
	overflow:hidden;
	border:2px solid #93b3fc;
	background:#93b3fc;
	margin-top:20px;
}
}
/*  发展历程new  */
/*  发展历程new  */
 /* 基础样式设置 */:root {
	--primary-color:#93b3fc;
	--primary-dark:#6d8fe8;
	--primary-light:#b9d0ff;
	--green-primary:#13943f; /* 主绿色 */
	--green-dark:#0d6e2f; /* 深绿色 */
	--green-light:#7ccc91; /* 浅绿色 */
	--text-color:#333333;
	--text-dark:#282C33; /* 深色文本 */
	--text-light:#ffffff;
	--bg-color:#f8fafc;
	--border-radius:12px;
	--transition:all 0.3s ease;
}
/* 时间轴容器 */
   .timeline-wrapper {
	max-width:1600px;
	margin:0 auto;
	padding:2rem 0rem 0rem;
}
.timeline-title {
	text-align:center;
	margin-bottom:3rem;
}
.timeline-title h2 {
	font-size:clamp(1.5rem,3vw,2.5rem);
	color:var(--text-color);
	margin-bottom:1rem;
}
.timeline-title p {
	font-size:clamp(1rem,1.5vw,1.2rem);
	color:#666;
	max-width:800px;
	margin:0 auto;
}
/* 时间轴主体 */
    .timeline-container {
	position:relative;
	margin:0 auto;
}
.timeline-track {
	display:flex;
	overflow-x:auto;
	scroll-snap-type:x mandatory;
	-webkit-overflow-scrolling:touch;
	scroll-behavior:smooth;
	padding:1rem 0;
	gap:1.5rem;
	/* 隐藏滚动条但保留功能 */
      -ms-overflow-style:none;
	scrollbar-width:none;
}
.timeline-track::-webkit-scrollbar {
	display:none;
}
/* 时间轴项目 - 交替使用蓝色和绿色避免堆积 */
    .timeline-item {
	flex:0 0 auto;
	width:clamp(280px,80vw,370px);
	scroll-snap-align:center;
	background-color: rgba(255, 255, 255, .6);
	color:var(--text-dark); /* 字体颜色改为#282C33 */
	border-radius:var(--border-radius);
	padding:1.5rem;
	box-shadow:0 10px 25px -5px rgba(147,179,252,0.3);
	transition:var(--transition);
	position:relative;
	overflow:hidden;
	border:1px solid #f7f7f7
}

/* 偶数项使用绿色系，实现交替效果 */
.timeline-item:nth-child(even) {
	background-color: rgba(255, 255, 255, .6);
	box-shadow:0 10px 25px -5px rgba(147,179,252,0.3);
}

.timeline-item:hover {
	transform:translateY(-5px);
}

/* 蓝色项 hover 效果 */
.timeline-item:not(:nth-child(even)):hover {
	box-shadow:0 10px 25px -5px rgba(147,179,252,0.3);
}

/* 绿色项 hover 效果 */
.timeline-item:nth-child(even):hover {
	box-shadow:0 10px 25px -5px rgba(147,179,252,0.3);
}

/* 边角装饰 */
.timeline-item::before,
.timeline-item::after {
	content:'';
	position:absolute;
	width:25px;
	height:25px;
	border:2px solid rgba(255,255,255,0.3);
	transition:var(--transition);
}

.timeline-item::before {
	top:15px;
	left:15px;
	border-right:none;
	border-bottom:none;
}
.timeline-item::after {
	bottom:15px;
	right:15px;
	border-left:none;
	border-top:none;
}

.timeline-item .year {
	font-size:1.5rem;
	font-weight:600;
	margin-bottom:0.75rem;
	display:inline-block;
	padding:0.25rem 0.75rem;
	background-color:rgba(255,255,255,0.1);
	backdrop-filter:blur(5px);
	border-radius:50px;
}
.timeline-item .title {
	font-size:26px;
	font-weight:300;
	margin-bottom:1rem;
}
.timeline-item .content {
	font-size:1rem;
	line-height:1.4;
}
.timeline-item .content p {
	margin-bottom:0.5rem;
}

/* 内容前的点标记 - 与当前项颜色匹配 */
.timeline-item:not(:nth-child(even)) .content p::before {
	content:'•';
	margin-right:0.5rem;
	color:var(--primary-light);
	margin-top:0.05rem;
}

.timeline-item:nth-child(even) .content p::before {
	content:'•';
	margin-right:0.5rem;
	color:var(--green-light);
	margin-top:0.05rem;
}

/* 指示器 - 同时包含蓝色和绿色 */
.indicators {
	display:flex;
	justify-content:center;
	margin-top:2rem;
	gap:0.5rem;
}
.indicator {
	width:8px;
	height:8px;
	border-radius:50%;
	cursor:pointer;
	transition:var(--transition);
}

/* 蓝色指示器 */
.indicator.blue {
	background-color:rgba(147,179,252,0.3);
}
.indicator.blue.active {
	width:24px;
	border-radius:4px;
	background-color:var(--primary-color);
}

/* 绿色指示器 */
.indicator.green {
	background-color:rgba(19,148,63,0.3);
}
.indicator.green.active {
	width:24px;
	border-radius:4px;
	background-color:var(--green-primary);
}

/* 响应式调整 */
@media (max-width: 768px) {
  .timeline-item {
    width: clamp(280px, 85vw, 350px);
  }
  
  .timeline-wrapper {
    padding: clamp(1.5rem, 4vw, 2rem) clamp(0.75rem, 3vw, 1.5rem);
  }
}

@media (max-width: 480px) {
  .timeline-item::before,
  .timeline-item::after {
    width: 15px;
    height: 15px;
  }
}
/* 公司介绍卡片 */
     .company-card {
	display:flex;
	flex-wrap:wrap;
	gap:30px;
	margin:30px;
	border-radius:16px;
	overflow:hidden;
	box-shadow:0 8px 30px rgba(0,0,0,0.1);
}
/* 左侧内容区 */
        .content-section {
	flex:1;
	min-width:300px;
	padding:40px;
	background-color:#fff;
	border-radius:12px;
	transition:transform 0.3s ease;
}
.content-section  h3 {
	font-size:2rem;
	line-height:2;
	font-weight:900;
}
/* 右侧图片区 */
        .image-section {
	flex:1;
	min-width:300px;
	border-radius:12px;
	overflow:hidden;
}
.image-section img {
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
	transition:transform 0.5s ease;
}
/* 鼠标悬停效果 */
        .company-card:hover .content-section {
	transform:translateX(5px);
}
.company-card:hover .image-section img {
	transform:translateX(-5px);
}
/* 公司详情 */
        .company-details h3 {
	font-size:1.8rem;
	margin-bottom:20px;
	position:relative;
	padding-left:20px;
	font-weight:900;
}
.company-details h3:before {
	content:"";
	position:absolute;
	left:0;
	top:50%;
	transform:translateY(-50%);
	width:8px;
	height:8px;
	background-color:#93b3fc;
	border-radius:50%;
}
.company-details p {
	margin-bottom:20px;
	font-size:1.2rem;
}
.features-list {
	list-style-type:none;
	margin-bottom:10px;
	margin-top:1rem;
}
.features-list li {
	margin-bottom:15px;
	position:relative;
	padding-left:30px;
	font-size:1.2rem;
}
.features-list li:before {
	content:"•";
	position:absolute;
	left:0;
	color:#93b3fc;
	font-size:1.3rem;
}
/* 按钮样式 */
    .cta-section {
	text-align:left;
	/* 使内部文本左对齐 */
    margin:10px 0 0;
	padding:20px 0;
	/* 新增属性，使整个区块左对齐 */
    display:block;
	float:left;
	/* 或使用margin-left:0;
	如果有默认外边距 */
}
.contact-text {
	margin:30px;
	font-weight:bold;
}
.cta-button {
	 padding: 12px 46px;
    font-size: 14px;
    font-weight: 1;
    text-align: center;
    color: #fff;
    background-color: #13943f;
    border: 1px solid #13943f;
    border-radius: 25px;
    cursor: pointer;
    transition: all 0.3s ease;
    min-width: 150px;
}
.cta-button:hover {
	 background-color: #ffffff;
    border: 1px solid #dddddd;
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    color: #333;
}
/* 响应式调整 */
        @media (max-width:1200px) {
	.company-card {
	gap:20px;
}
.content-section,.image-section {
	padding:30px 0px;
}
}@media (max-width:992px) {
	.company-card {
	    margin: 0px auto;
	flex-direction:column;
	box-shadow: none
}
.image-section img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.5s ease;
    border-radius:12px;
}
.image-gallery {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 15px;
    margin-top: 3rem;
    margin-bottom: 2rem;
}
.content-section {
	margin-bottom:0px;
}
.image-section {
	margin-top:0px;
}
.cta-section{
    text-align: left;
    margin: 10px 0 0;
    padding: 20px 0;
    display: block;
    float: left;
    display: none;
}
.content-section, .image-section {
        padding: 10px
}
}@media (max-width:768px) {
	.company-details h3:before {
	width:6px;
	height:6px;
}
.features-list li:before {
	font-size:1.1rem;
}
.cta-button {
	padding:12px 28px;
	font-size:1.1rem;
}
}