@charset "utf-8";

/* 基础样式重置 */
* {margin: 0;padding: 0;box-sizing: border-box;font-family:"Microsoft YaHei", "Segoe UI", Arial, sans-serif;}
body {background-color:#fff;color: #333;line-height: 1.6;}
.container {width: 100%;max-width: 1400px;margin: 0 auto;padding: 0 20px;}


:root {
	--primary: #06387d;/*深蓝色*/
	--secondary: #908268;/*褐色*/
	--dark: #172B4D;
	--light: #F5F7FA;
	--accent: #FF5630;
	--gray-500: #6B7280;
	--gray-600: #4B5563;
	--white: #FFFFFF;
            --primary-green: #908268;/*褐色*/
            --dark-green: #27ae60;
            --light-green: #908268;
            --primary-blue: #3498db;
            --dark-blue: #2980b9;
            --light-blue: #d6eaf8;
            --gray-dark: #06387d;/*深蓝色*/
            --gray-light: #ecf0f1;
}
/*-定制---------------------------------------------------------------------------------------*/
::selection{background-color:#908268;color:#fff;}
::-moz-selection{background-color:#908268;color:#fff;}
::-webkit-selection{background-color:#908268;color:#fff;}

/*分页样式-------------------------------------------------------------------------------------*/
.pagination{margin:50px auto 0 auto;}
.pagination ul{display: flex;justify-content: center;gap: 10px;}
.pagination ul li{color:#000;display:inline-block;text-align: center;overflow:hidden;}
.pagination ul li a{width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;border-radius: 50%;
  background-color: white;color: var(--gray-dark);border: 1px solid #ddd;cursor: pointer;transition: all 0.3s;}
.pagination ul li.current a{background-color: var(--primary-green);color: white;border-color: var(--primary-green);}
.pagination ul li a:hover{background-color: var(--primary-green);color: white;border-color: var(--primary-green);}
.pagination ul li span{display:block;float:left;padding:0;border-radius:5px;margin-left:0;color: #000;line-height:30px;}

@media (max-width: 768px) {.pagination{margin-bottom:5vw;}}

a{text-decoration:none;}

.none_pc{display:none !important;}
@media (max-width: 768px) {.none_pc{display:block !important;}.none_mb{display:none !important;}}

/* 导航栏样式 */
header {background-color: rgba(255, 255, 255, 0.95);box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);position: fixed;width: 100%;top: 0;z-index: 1000;transition: all 0.3s ease;}

/* 顶部容器样式 */
.header {display: flex;justify-content: space-between;align-items: center;padding: 15px 0;max-width:1260px;margin:auto;
	background-color: #fff;position: relative;z-index: 1000;}
/* LOGO区域样式 */
.logo {flex: 0 0 auto;}
.logo img {height:70px;width: auto;transition: transform 0.3s ease;}
.logo img:hover {transform: scale(1.05);}

/* 标语区域样式 */
.slogan {flex: 1;text-align:left;padding:0 20px;}
.slogan div:first-child {font-size: 1rem;line-height:1;font-weight:400;color:var(--gray-500);}
.slogan div:last-child {font-size: 1.2rem;line-height:1.6;font-weight:700;color:var(--dark);}

/* 联系方式区域样式 */
.contact {display: flex;align-items: center;gap:16px;flex: 0 0 auto;}
.call-icon img {height:50px;width: auto;box-sizing:border-box;display:block;}
.tel {font-size:2rem;line-height:1;font-weight: bold;color:var(--dark);white-space: nowrap;}
        
/* 响应式设计 */
@media (max-width: 768px) {
	.header {flex-direction: column;padding: 15px 20px;}
	.logo {margin-bottom: 15px;}
	.slogan {padding: 0;margin-bottom: 15px;text-align: center;}
	.slogan div:first-child {font-size: 1.1rem;}
	.slogan div:last-child {font-size: 0.85rem;}
	.contact {justify-content: center;width: 100%;}
}
@media (max-width: 480px) {
	.slogan div:first-child {font-size: 1rem;}
	.tel {font-size: 1rem;}
}




nav{background: linear-gradient(to left, var(--primary), var(--secondary));padding:0 24px;width:100%;}
.nav-links {display: flex;justify-content: space-between;list-style: none;width:100%;max-width:1300px;min-width:1200px;margin:auto;}
.nav-links li {position: relative; /* 为二级菜单定位做准备 */}
.nav-links a {line-height:4;font-size:1rem;text-decoration: none;color: var(--white);font-weight: 500;transition: color 0.3s;display: block; /* 使链接填充整个li区域，便于点击 */display: flex;justify-content: center;align-items: center;}
.nav-links a:hover {color: var(--white);}

.nav-links span{background:url(../images/cn.svg) no-repeat center center;width:30px;height:30px;display: flex;justify-content: center;align-items: center;background-size: 24px;margin-right:10px;}

/* 二级菜单样式 */
.dropdown {position:absolute;top:100%;/* 定位在父元素下方 */left:-1.8rem;background-color:white;box-shadow:0 5px 15px rgba(0,0,0,0.1);border-radius:0 0 4px 4px;min-width:240px;width:auto;max-width:100%;padding:10px;display:none;
/* 默认隐藏 */z-index:1001;/* 确保在其他内容上方 */opacity:0;/* 用于动画效果 */transform:translateY(10px);/* 用于动画效果 */transition:opacity 0.3s ease, transform 0.3s ease;}
.dropdown li {margin: 0;list-style:none; /* 重置li的margin */}
.dropdown a {padding:8px 20px;line-height:1.6;font-size:1rem;color: var(--gray-600);transition: all 0.3s;}
.dropdown a:hover {background: linear-gradient(to right, var(--primary), var(--secondary));color: var(--white);padding-left: 25px; /* 悬停时轻微缩进效果 */border-radius:5px;}

.category-link1{text-align:left;justify-content: left !important;}

/* 鼠标悬停时显示二级菜单 */
.has-dropdown:hover .dropdown {display: block;opacity: 1;transform: translateY(0);}
/* 为有二级菜单的菜单项添加指示箭头 */
.has-dropdown > a::after {content: "\f078";font-family: "Font Awesome 6 Free";font-weight: 900;font-size: 12px;margin-left: 8px;display: inline-block;transition: transform 0.3s;}
.has-dropdown:hover > a::after {transform: rotate(180deg); /* 悬停时箭头旋转 */}
.nav_w250{min-width:400px;}
.nav_w400{min-width:400px;}

/* 移动端适配样式 */
/* 汉堡菜单按钮 */
.menu-toggle {display: none;position: fixed;top: 3.5vw;right: 5vw;z-index: 1003;background:var(--secondary);border: none;color: var(--white);font-size: 2rem;
    cursor: pointer;padding: 1vw 3vw;}

/* 遮罩层 */
.nav-overlay {display: none;position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.5);z-index: 1000;}

/* 响应式断点 - 移动端 */
@media (max-width: 768px) {
    /* 隐藏PC端导航，显示汉堡按钮 */
    .menu-toggle {display: block;}
    nav {padding:0;}
    .nav-links {/* 移动端导航样式 */
        position: fixed;display: flex;justify-content:start;top: 0;right: 0;height: 100vh;width: 100%;max-width:80%;min-width: auto;flex-direction: column;
        background: linear-gradient(to bottom, var(--primary), var(--secondary));padding:3vw 1vw 1vw 1vw;margin: 0;transform: translateX(100%); /* 初始隐藏在右侧 */
        transition: transform 0.3s ease;z-index: 1002;overflow-y: auto; /* 内容过多时可滚动 */
    }
    /* 显示导航菜单 */
    .nav-links.active {transform: translateX(0);}
    /* 显示遮罩层 */
    .nav-overlay.active {display: block;}
    .nav-links li {margin:0 0 0 1vw !important;border-bottom:1px solid rgba(255, 255, 255, 0.2);}
    .nav-links a {line-height:2.5;padding:.5vw 1vw;}
    /* 移动端二级菜单调整 */
    .dropdown {position:static; /* 取消绝对定位 */
        background-color: transparent !important;margin:0;margin:0;min-width:auto;box-shadow:none;}
    /* 移动端二级菜单默认隐藏（通过JS控制显示） */
    .has-dropdown .dropdown {display:none;opacity: 1;transform: translateY(0);}
    /* 移动端二级菜单展开状态 */
    .has-dropdown .dropdown.active {display: block;}
    /* 移动端箭头旋转由JS控制 */
    .has-dropdown > a.active::after {transform: rotate(180deg);}
    /* 调整二级菜单链接样式 */
    .dropdown{padding:0;}
    .dropdown a {padding:1vw 2vw !important;line-height:1.4 !important;color:var(--white);background-color:transparent;margin-bottom:0.6vw;}
    .dropdown a:hover{padding:1vw 2vw;line-height:1.4;color:var(--white);background-color:transparent;background:transparent;margin-bottom:0.6vw;}

    .dropdown li {border-bottom:0 !important;}

    .mb_proclass{}
    .category-item1{display:inline-block;vertical-align:middle;width:100%;border-bottom:0 !important;}
    .category-link1{}
    .category-item2{
        padding:0;border:0 !important;margin:0 0 0.5vw 1vw;
        display:inline-block;vertical-align:middle;background-color:transparent !important;background:transparent !important;}
    .category-link2{padding:0 !important;background-color:transparent !important;background:transparent !important;}
    .category-link2 i{margin-right:1vw !important;}

    .nav_w250,.nav_w400{min-width:100%;}
    .header{display: flex;justify-content:left !important;align-items: center;flex-direction: row;}
    .logo{margin:0;}
    .logo img{height:12vw;margin:0;display:block;}
}



/* BANNER */
.sbanner .swiper-button-next,.sbanner .swiper-button-prev{color:#009eeb;}
.sbanner .swiper-pagination-bullet-active{background:#ff9b00;}
.sbanner img{max-width:100%;display:block;}


/* 关于我们区域 */
.about {padding: 80px 0;background-color: white;background: url(../images/in_about.jpg) no-repeat center center;background-size: 100%;}
.index-title {text-align: center;margin-bottom:30px;}
.index-title h2 {font-size: 2.2rem;color: var(--gray-dark);margin-bottom:26px;position: relative;}
.index-title h2::after {content: '';position: absolute;bottom: -12px;left: 50%;transform: translateX(-50%);width: 60px;height:5px;border-radius:10px;
    background-color: var(--primary-green);}
.index-title p {color: #666;max-width:1200px;margin: 0 auto;}
.about-content {display: flex;align-items: center;gap: 50px;}
.about-text {flex: 1;}
.about-text h3 {font-size: 2.2rem;margin-bottom: 20px;color: var(--gray-dark);}
.about-text p {margin-bottom:15px;color: #555;font-size:16px;line-height:1.8;}
.about-image {flex: 1;border-radius: 8px;overflow: hidden;box-shadow: 0 5px 15px rgba(0,0,0,0.1);}
.about-image img {width: 100%;height: auto;display: block;}
.about-text-btn{display: inline-block; padding: 12px 24px; background-color:var(--primary-green); color: white;
    border-radius: 6px; text-decoration: none; font-weight:700; width: fit-content; transition: background-color 0.3s;}
@media (max-width: 768px) {
.about {padding:5vw 0;background-size:600vw}
.about-text h3{font-size:5vw;}
}

/* 首页推荐产品样式 */
.recommended-products {margin: 40px 0;}
.section-title {font-size: 28px;font-weight: bold;color: #333;margin-bottom: 20px;}
.categories-container {position: relative;margin-bottom: 30px;}
.categories-scroll {white-space: nowrap;overflow-x: auto;padding-bottom: 10px;scrollbar-width: none;-ms-overflow-style: none;}
.categories-scroll::-webkit-scrollbar {display: none; /* 针对Webkit内核浏览器隐藏滚动条 */}
.category-tag {display:inline-block;padding:8px 30px;margin: 0 4px;background:var(--primary);
    border-radius:20px;font-size:15px;font-weight:400;color:var(--white);text-decoration: none;transition:all 0.3s;}
.category-tag:hover{background:var(--primary-green);color:white !important;}
.scroll-btn {position: absolute;top: 50%;transform: translateY(-50%);width: 30px;height: 30px;border-radius: 50%;
    background: white;border: 1px solid #eee;box-shadow: 0 2px 5px rgba(0,0,0,0.1);cursor: pointer;display: none;
    /* 默认隐藏，可能需要JS控制显示 */}
.scroll-btn-left {left: -10px;}
.scroll-btn-right {right: -10px;}



/* 首页 Swiper 区域样式 */
.swiper-section {position: relative;min-width:1200px;max-width:1600px;margin:auto;}
.swiper-section  .swiper-container {width:100%;overflow:hidden;width:90%;margin:auto;padding:15px 0;}
#in_productsSwiper .swiper-wrapper {display: flex;transition: transform 0.3s ease-out;}
#in_productsSwiper .swiper-slide {flex-shrink: 0;margin-right: 20px;}
#in_productsSwiper .product-card {border-radius: 8px;overflow: hidden;box-shadow: 0 0 10px rgba(0,0,0,0.05);
    transition: all 0.3s ease;text-decoration: none; /* 继承自a标签的样式 */display: block; /* 确保a标签作为块级元素显示 */}
#in_productsSwiper .product-card:hover {box-shadow: 0 0 20px rgba(0,0,0,0.1); /* 悬停效果 */
    transform: translateY(-2px);}
#in_productsSwiper .product-image-container {height:250px;display:flex;justify-content:center;align-items:center;border:1px solid #eee;box-sizing:border-box;}
#in_productsSwiper .product-image {width:auto;height:auto;max-width: 100%;max-height: 100%;object-fit: cover;
    transition: transform 0.5s ease;}
#in_productsSwiper .product-card:hover .product-image {transform: scale(1.05); /* 图片悬停放大效果 */}
#in_productsSwiper .product-content {padding: 15px;display:block;width:100%;gap:0;}
#in_productsSwiper .product-title {font-size: 15px;line-height:1.6;font-weight:400;color: #333;margin: 0 0 8px 0;text-align: center;}
#in_productsSwiper .product-description {display:none;font-size: 13px;color: #666;margin: 0 0 10px 0;line-height: 1.4;}
#in_productsSwiper .product-price {font-size: 15px;color: #165DFF;font-weight: 600;}
#in_productsSwiper .swiper-button-prev,#in_productsSwiper .swiper-button-next {}
#in_productsSwiper .swiper-button-prev {left: -15px;}
#in_productsSwiper .swiper-button-next {right: -15px;}



/* Swiper 区域样式 */
.swiper-section {position: relative;min-width:1200px;max-width:1600px;margin:auto;}
.swiper-section  .swiper-container {width:100%;overflow:hidden;width:90%;margin:auto;padding:0 0 15px 0;}
#productsSwiper .swiper-wrapper {display: flex;transition: transform 0.3s ease-out;}
#productsSwiper .swiper-slide {flex-shrink: 0;margin-right: 20px;}
#productsSwiper .product-card {border-radius: 8px;overflow: hidden;box-shadow: 0 0 10px rgba(0,0,0,0.05);
    transition: all 0.3s ease;text-decoration: none; /* 继承自a标签的样式 */display: block; /* 确保a标签作为块级元素显示 */}
#productsSwiper .product-card:hover {box-shadow: 0 0 20px rgba(0,0,0,0.1); /* 悬停效果 */
    transform: translateY(-2px);}
#productsSwiper .product-image-container {height:250px;display:flex;justify-content:center;align-items:center;}
#productsSwiper .product-image {width:auto;height:auto;max-width: 100%;max-height: 100%;object-fit: cover;
    transition: transform 0.5s ease;}
#productsSwiper .product-card:hover .product-image {transform: scale(1.05); /* 图片悬停放大效果 */}
#productsSwiper .product-content {padding: 15px;}
#productsSwiper .product-title {font-size: 15px;line-height:1.6;font-weight:400;color: #333;margin: 0 0 8px 0;text-align: center;}
#productsSwiper .product-description {display:none;font-size: 13px;color: #666;margin: 0 0 10px 0;line-height: 1.4;}
#productsSwiper .product-price {font-size: 15px;color: #165DFF;font-weight: 600;}
#productsSwiper .swiper-button-prev,#productsSwiper .swiper-button-next {}
#productsSwiper .swiper-button-prev {left: -15px;}
#productsSwiper .swiper-button-next {right: -15px;}

@media (max-width: 768px) {
.swiper-section{max-width:90vw !important;margin:auto;min-width:320px !important;}
.swiper-section .swiper-container{padding:0;}
#in_productsSwiper .product-image-container{height:auto;}
#productsSwiper .product-image-container{height:auto;}
.recommended-products {width:90%;margin:5vw auto;}
.categories-container{display:none !important;}
}

/* 首页解决方案卡片样式 */
.in_solution-card {display: flex; flex-wrap: wrap; background-color: white;overflow: hidden;transition: all 0.3s ease;}
.in_solution-card:hover {box-shadow: 0 12px 32px rgba(0,0,0,0.12);}
.in_solution-img {flex: 1; min-width: 300px; position: relative; overflow: hidden;}
.in_solution-img img {width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease;}
.in_solution-card:hover .in_solution-img img {transform: scale(1.1);}
.in_solution-card:hover .in_solution-img img {transform: scale(1.05);}

/* 首页解决方案内容区域样式 */
.in_solution-content{flex: 1; min-width: 300px; padding:40px 0 40px 5rem; display: flex; flex-direction: column; justify-content: center;
background: url(../images/jiejue.jpg) no-repeat center center;background-size: 100%;opacity: 1.2;
background: linear-gradient(to right, var(--primary), var(--secondary));}
.in_solution-content h3{color: #fff; font-size: 1.8rem; margin-bottom: 20px; line-height: 1.3;}
.in_solution-content p{color: #fff; line-height: 1.4; margin-bottom: 25px; font-size: 1rem;max-width:500px}
.in_solution-content ul{color: #fff;margin-bottom:30px;list-style: none;}
.in_solution-content ul li{font-size:1.1rem;line-height:1.6;margin-bottom:.5vw;font-weight:700;}
.in_solution-content ul li a{font-size:1.1rem;line-height:1.6;font-weight:700;
    display: inline-block; padding:5px 15px;color:var(--dark);border-radius:6px;text-decoration:none;
    width: fit-content; transition:all 0.3s;border:1px solid var(--gray-light);
    background-color: white;}
.in_solution-content ul li a:hover{border:1px solid var(--primary-blue);background-color:var(--secondary);color: white;}
.in_solution-more{display: inline-block; padding: 12px 24px; background-color:var(--primary-green); color: white;
    border-radius: 6px; text-decoration: none; font-weight:700; width: fit-content; transition: background-color 0.3s;}
.in_solution-more:hover {background-color:var(--dark-green);}
@media (max-width: 768px) {
	.in_solution-content {padding:30px 25px !important;}
	.in_solution-content h3 {font-size: 1.5rem !important;}
    .in_solution-content ul li{margin-bottom:3vw;}
    .in_solution-content ul li a{font-size:3vw;font-weight:400;}
}


    /* 服务区域 */
.services {padding: 80px 0;background-color: var(--gray-light);background: url(../images/pro.jpg) no-repeat center center;background-size: 100%;}
.services .index-title h2,.services .index-title p{color:white;}
.services-grid {display: flex;flex-wrap: wrap;justify-content: space-between;}
.service-card {background-color: white;border-radius:8px;padding:20px 20px 20px 20px;text-align:center;
        box-shadow:0 5px 15px rgba(0,0,0,0.05);transition:transform 0.3s;flex: 0 1 31%;margin-bottom: 30px;}
.service-card:hover {transform: translateY(-5px);}
.service-icon {width: 100%;margin: 0 auto 5px auto;}
.service-icon img{max-width:100%;width:auto;}
.service-icon i {font-size: 30px;color: var(--primary-green);}
.service-card h3 {margin-bottom:10px;color: var(--gray-dark);font-size:1.1rem;line-height:1.8;}
.service-card a {display: block;width: 100%;color: #666;font-size:14px;line-height:1.8;}
.service-card a:hover {color:var(--primary);}
@media (max-width: 768px) {
.services{background-size:600vw;padding:5vw 0;}
.service-card h3{font-size:4vw;}
.service-card{flex:0 1 48%;}
}
    /* 成功案例区域 */
.in-cases {padding:80px 0;background-color: white;}
.in-cases-swiper {position:relative;padding:0 0 30px 0 !important;}
.in-cases-swiper .swiper-wrapper{padding:15px 0 !important;}
.in-case-card {background-color: #fff;border-radius: 8px;overflow: hidden;box-shadow: 0 0 20px rgba(0,0,0,0.15);
        transition: all 0.3s ease;height: 100%;display: flex;flex-direction: column;}
.in-case-card:hover {transform: translateY(-5px);box-shadow: 0 0 30px rgba(0,0,0,0.12);}
.in-case-image {height:auto;width:auto;max-width:100%;display:flex;justify-content: center;align-items: center;}
.in-case-image img {height:auto;width:auto;max-width:100%;object-fit: cover;transition: transform 0.5s ease;}
.in-case-card:hover .in-case-image img {transform: scale(1.05);}
.in-case-content {padding:15px 25px 20px 25px;flex: 1;display: flex;flex-direction: column;}
.in-case-title {font-size: 1.1rem;line-height:1.5;color: var(--gray-dark);margin-bottom:10px;font-weight: 600;}
.in-case-desc{font-size:.8rem;line-height:1.4;color: #666;margin-bottom:10px;flex: 1;line-height: 1.7;}
.in-case-product {display: inline-block;padding:5px 12px;background-color: var(--light-green);color: var(--dark);
        border-radius: 4px;font-size: 0.9rem;line-height:1.4;font-weight: 500;margin-top: auto;width: fit-content;}

    /* 轮播导航按钮样式 */
.in-cases .swiper-button-prev,.in-cases .swiper-button-next {width: 45px;height: 45px;background-color: white;border-radius: 50%;box-shadow: 0 2px 10px rgba(0,0,0,0.1);color: var(--primary-green);top: 50%;transform: translateY(-50%);}
.swiper-button-prev::after, .swiper-button-next::after {font-size: 18px;font-weight: bold;}
.swiper-pagination-bullet {width:15px !important;height:15px !important;background-color: #ddd;opacity: 1;}
.swiper-pagination-bullet-active {background-color: var(--primary-green);width: 25px;border-radius: 5px;}
@media (max-width: 768px) {
.in-cases{background-size:600vw;padding:5vw 0;}
.in-case-content{padding:3vw;}
.in-case-title{font-size:3vw !important;}
}






        /* 技术支持区域样式 */
.tech-support {padding: 60px 0;text-align: center;background:#f2f2f2;}
.tech-grid {display: flex;flex-wrap: wrap;justify-content: center;gap: 20px;}
.tech-item {flex: 1;min-width: 160px;max-width: 200px;padding: 30px 15px;text-align: center;transition: transform 0.3s ease, box-shadow 0.3s ease;}
.tech-item:hover {transform: translateY(-5px);}
.tech-icon {width:100px;height:100px;display: flex;align-items: center;justify-content: center;margin: 0 auto 15px;}
.tech-icon i {font-size:80px;color: var(--primary);}
.tech-item h3 {color: var(--gray-dark);font-size: 1rem;font-weight: 600;margin: 0;}
.tech-support .in_solution-more{text-align:center;}


/* 服务流程区域样式 */
.service-process {padding: 80px 0;background-color:var(--gray-light);
background: url(../images/100.jpg) no-repeat center center;background-size: 100%;}
.service-process .index-title h2,.service-process .index-title p{color: white;}
.in-process-container {margin-top: 50px;}
.in-process-line {width:50px;height:20px;background:url(../images/xxx.svg) no-repeat center right;z-index: 1;background-size: 100%;
}
.in-process-steps {display: flex;justify-content: space-between;position: relative;z-index: 2;width: 100%;align-items: center;}
.in-process-step {text-align: center;flex: 1;max-width: 160px;}
.in-step-icon {width:100px;height:100px;display: flex;align-items: center;justify-content: center;margin: 0 auto 15px;color: white;}
.in-step-icon i {font-size:60px;}
.in-process-step h3 {color: var(--white);font-size:1.2rem;font-weight:500;margin: 0;}
/* 响应式设计 */
@media (max-width: 992px) {
.tech-item {min-width: 140px;padding: 20px 10px;}
.tech-item h3{font-size:3.6vw;}
.in-process-steps {flex-wrap: wrap;justify-content: center;gap: 30px;}
.in-process-step {flex: 0 0 calc(33.333% - 30px);max-width: calc(33.333% - 30px);}
.in-process-line {display: none;}
/* 小屏添加步骤序号 */
.in-process-step::before {content: attr(data-step);display: block;width: 24px;height: 24px;background-color: var(--dark-green);
    color: white;border-radius: 50%;margin: 0 auto 8px;font-size: 0.8rem;line-height: 24px;}

.service-process{background-size:300vw;padding:5vw 0;}
.in-process-container{margin:0;}
}
@media (max-width: 576px) {
    .tech-grid {gap: 15px;}
    .tech-item {flex: 0 0 calc(50% - 15px);max-width: calc(50% - 15px);min-width: 120px;}
    .in-process-steps{gap:0;}
    .in-process-step {flex: 0 0 calc(32% - 0px);max-width: calc(32% - 0px);margin-bottom: 3vw;}
    .in-process-step::before {display: none;}
    .in-step-icon{width:10vw;height:10vw;margin-bottom: 0;}
    .in-step-icon i{font-size:8vw;}
    .in-process-step h3{font-size:3vw;}
    .index-title h2 {font-size:6vw;}
    .index-title p{font-size:3vw;}
}





        /* 新闻区域 */
.in-news {padding: 80px 0;background-color: white;}
.in-news-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 30px;}
.in-news-card {border-radius: 8px;overflow: hidden;box-shadow: 0 5px 15px rgba(0,0,0,0.05);}
.in-news-image {height: 200px;overflow: hidden;}
.in-news-image img {width: 100%;height: 100%;object-fit: cover;transition: transform 0.5s;}
.in-news-card:hover .news-image img {transform: scale(1.1);}
.in-news-content {padding: 20px;background-color: var(--gray-light);}
.in-news-date {color: var(--gray-500);font-size: 0.9rem;margin-bottom:5px;line-height:1}
.in-news-content h3{margin-bottom: 10px;color: var(--gray-dark);font-size:1rem;line-height:1.6;
    -webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;
}
.in-news-content p{font-size:0.9rem;line-height:1.2;color: #666;margin-bottom:15px;
-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;
}
.in-read-more {color: var(--primary-blue);text-decoration: none;font-weight: 500;font-size:.9rem;line-height:2;}
@media (max-width:800px) {
.in-news{padding:5vw 0;}
.in-news-content h3{font-size:3.2vw;font-weight:400;}
.in-news-content p{display:none;}
}



/* 页脚样式 */
footer {background-color:var(--gray-dark);color: white;padding:50px 0 30px;border-top:10px solid var(--primary-green);}
.footer-grid {display:flex;justify-content:space-between;flex-wrap:nowrap;margin-bottom: 50px;gap:5%;}
.footer-col:nth-child(1){flex:1 1 30%;width:auto;}
.footer-col:nth-child(2){flex:0 1 30%;min-width:360px;}
.footer-col:nth-child(3){flex:0 1 40%;min-width:545px;}
.footer-col img{max-width:96%;margin-bottom:10px;}
.footer-col h3 {font-size: 1.3rem;margin-bottom:10px;position: relative;padding-bottom: 10px;}
.footer-col h3::after {content: '';position: absolute;bottom: 0;left: 0;width: 40px;height: 3px;background: var(--primary);}


.footer-products {list-style: none;display:flex;justify-content:left;flex-wrap:wrap;}
.footer-products li {margin-bottom: 12px;color:var(--light-blue);flex:1 1 100%;}
.footer-products a {color:var(--light-blue);text-decoration: none;transition: all 0.3s;}
.footer-products a:hover {color:var(--light-blue);}
.footer-products i{margin-right:12px !important;}

.footer-links {list-style: none;}
.footer-links li {margin-bottom: 12px;color:var(--light-blue);}
.footer-links a {color:var(--light-blue);text-decoration: none;transition: all 0.3s;}
.footer-links a:hover {color:var(--light-blue);padding-left:15px;}
.footer-about p {color: var(--light-blue);margin-bottom: 20px;}
.footer-links i{margin-right:12px !important;}

.footer-contact-c{display:flex;flex-wrap:nowrap;}
.footer-contact{display:inline-block;vertical-align:top;margin-left:2vw;}
.footer-qr{display:inline-block;vertical-align:top;max-width:150px;margin-top:.6vw;}
.footer-qr img{width:100%;}
.footer-qr-text{text-align:center;font-size:1rem;}

.social-links {display: flex;gap: 15px;margin-top: 50px}
.social-links a {width: 40px;height: 40px;background: rgba(255, 255, 255, 0.1);border-radius: 50%;display: flex;align-items: center;justify-content: center;
	color:var(--light-blue);transition: all 0.3s;}
.social-links a:hover {background: var(--primary);transform: translateY(-5px);}
.copyright {text-align: center;padding-top: 30px;border-top: 1px solid rgba(255, 255, 255, 0.1);color:var(--light-blue);font-size: 0.9rem;}
.copyright span,.copyright a,.copyright p{margin:0 10px;color: var(--light-blue);}

@media (max-width: 768px) {
    footer{padding:5vw 0 3vw 0 !important}
.footer-col:nth-child(1),.footer-col:nth-child(2),.footer-col:nth-child(3){display:none;}
.social-links{margin-top:5vw;}
.footer-grid{margin-bottom:3vw;}

.copyright{padding-top:2vw;}
.copyright span,.copyright a{font-size:1vw;}
}


/* 响应式设计 */
@media (max-width: 768px) {
.navbar {flex-direction: column;    padding: 15px 0;}
.nav-links {margin-top:0;}
.nav-links li {margin: 0 10px;}
.hero-content h2 {font-size: 2.2rem;}
.about-content {flex-direction: column;}

.hero {height: 50vh;}
.badge {flex: 1 0 100%;}

/* 案例轮播响应式 */
.in-case-title {font-size: 1.2rem;}
.in-case-image {height: 160px;}
.swiper-button-prev, .swiper-button-next {width: 35px;    height: 35px;}
}













































































/* 主横幅区域 */
.hero {background: linear-gradient(rgba(44, 62, 80, 0.7), rgba(44, 62, 80, 0.7));height:500px;display: flex;align-items: center;color: white;text-align: center;margin-top:0;}    
.hero-content h2{font-size: 3rem;margin-bottom: 20px;font-weight: 700;}
.hero-content p{font-size: 1.2rem;max-width:1000px;margin: 0 auto 20px;}
.hero-content-link{display:flex;justify-content:center;align-items:center;flex-wrap: wrap;}
.hero-content-link a{font-size: 1.2rem;line-height:1.6;margin:1rem 2rem 0 2rem;
background-color:var(--secondary);padding:.6rem 2rem;color:white;border-radius:100px;transition: all 300ms;
}
.hero-content-link a:hover{background-color:var(--primary);}
.filter-options{display: flex;justify-content: center;flex-wrap: wrap;gap: 15px;}
.filter-btn{padding: 8px 20px;background-color: var(--light-green);color: var(--dark-green);border: none;border-radius: 30px;cursor: pointer;transition: all 0.3s;font-weight: 500;}
.filter-btn.active, .filter-btn:hover{background-color: var(--primary-green);color: white;}
.btn{margin:2rem autotext-align:center;transition: all 300ms;}
.hero-content a{color:white;width:18rem;font-weight:700;text-align:center;background-color:var(--primary);padding:.8rem 0;text-decoration: none;
    border-radius: 4px;}
.hero-content a:hover{background-color: var(--primary-green);}
@media (max-width: 768px) {
    .hero{height:45vw;}
.hero-content h2{font-size:6vw;margin-bottom:0;}
.hero-content p{font-size:3vw;margin-bottom:2vw;}
.hero-content a{margin:3vw auto;font-size:3.6vw;padding:2vw 0;width:60vw;font-weight:400;}
.hero-content .mb_btn30 a{width:28vw;}
}
/* 内页大标题样式 */
.solutions-content {padding:70px 0;background-color: white;}
.ny_title {text-align: center;margin-bottom:40px;}
.ny_title h2{font-size:2.2rem;color: var(--gray-dark);margin-bottom: 15px;position: relative;}
.ny_title h2::after {content: '';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);
    width:60px;height:5px;background-color: var(--primary-green);border-radius:5px;}
.ny_title p{color: #666;max-width: 700px;margin: 0 auto;font-size:1rem;}



    /* 关于我们内容区域 */
.about-content-section {padding: 80px 0 0 0;background-color: white;}

.rich-text {text-align:center;margin-bottom: 20px;position: relative;}
.rich-text-h3 {font-size: 2.2rem;color: var(--gray-dark);margin-bottom: 15px;position: relative;}
.rich-text-p {color:#666;max-width:1200px;margin:0 auto;font-size:1.2rem;font-weight: 400;}
.rich-text::after {content: '';position: absolute;bottom:-1rem;left: 50%;transform: translateX(-50%);
            width: 80px;height: 3px;background-color: var(--primary-green);}

/* 富文本容器基础样式 */
.rich-text-content {font-family: "PingFang SC", "Microsoft YaHei", sans-serif; /* 与网站字体一致 */font-size: 16px; /* 基础字号 */color: #333; /* 文本主色 */line-height: 1.8; /* 行高（提升可读性） */max-width: 1200px; /* 内容最大宽度（与页面布局匹配） */margin: 0 auto; /* 居中 */padding: 20px 0; /* 上下内边距 */}
/* 段落标签 */
.rich-text-content p {margin: 0 0 .5em 0; /* 段落底部间距（避免拥挤） */text-align: justify; /* 两端对齐（可选，提升美观） */}
/* 避免空段落占位 */
.rich-text-content p:empty {margin: 0;height: 0;}
/* 一级标题（富文本内） */
.rich-text-content h1 {font-size: 24px;color: #222;margin: 1.8em 0 0.8em;font-weight: 600;border-bottom: 1px solid #eee; /* 底部边框区分 */padding-bottom: 8px;}
/* 二级标题 */
.rich-text-content h2 {font-size: 20px;color: #222;margin: 1.5em 0 0.6em;font-weight: 600;}
/* 三级及以下标题（按需调整） */
.rich-text-content h3,.rich-text-content h4,.rich-text-content h5,.rich-text-content h6 {font-size: 18px;color: #333;margin: 1.2em 0 0.5em;font-weight: 600;}
/* 无序列表 */
.rich-text-content ul {margin: 0 0 1.5em 0;padding-left: 2em; /* 左缩进 */list-style-type: disc; /* 圆点符号（可选：替换为自定义图标） */}
/* 有序列表 */
.rich-text-content ol {margin: 0 0 1.5em 0;padding-left: 2em;list-style-type: decimal; /* 数字编号 */}
/* 列表项 */
.rich-text-content li {margin: 0.5em 0; /* 列表项间距 */}
/* 嵌套列表（避免缩进过深） */
.rich-text-content ul ul,.rich-text-content ol ol,.rich-text-content ul ol,.rich-text-content ol ul {margin: 0.3em 0;padding-left: 1.5em;}
/* 图片基础样式 */
.rich-text-content img {max-width: 100% !important; /* 关键：强制不超过容器宽度 */height: auto !important; /* 保持宽高比 */display: block; /* 避免图片底部间隙 */margin: 1.5em auto; /* 居中显示 */border-radius: 4px; /* 轻微圆角（可选） */box-shadow: 0 2px 8px rgba(0,0,0,0.1); /* 轻微阴影（可选） */}
/* 若有图片说明（如<p class="picture-desc">） */
.rich-text-content .picture-desc {text-align: center;font-size: 14px;color: #666;margin-top: -1em; /* 与图片靠近 */}
/* 超链接 */
.rich-text-content a {color: #165DFF; /* 网站主题色（示例） */text-decoration: none; /* 去掉默认下划线（可选） */transition: color 0.2s;}
.rich-text-content a:hover {color: #0E42D2; /* hover加深 */text-decoration: underline; /* hover显示下划线（可选） */}
/* 表格 */
.rich-text-content table {width: 100%;border-collapse: collapse; /* 合并边框 */margin: 1.5em 0;border: 1px solid #eee;}
/* 表头 */
.rich-text-content th {background-color: #f5f5f5;font-weight: 600;}
/* 单元格 */
.rich-text-content th,.rich-text-content td {padding: 12px 15px;border: 1px solid #eee;text-align: left;}
/* 隔行变色（可选） */
.rich-text-content tr:nth-child(even) {background-color: #fafafa;}
/* 引用块 */
.rich-text-content blockquote {margin: 1.5em 0;padding: 15px 20px;border-left: 4px solid #165DFF; /* 左侧主题色边框 */background-color: #f9f9f9;color: #666;font-size: 15px;}
/* 手机端适配 */
@media (max-width: 768px) {
.about-content-section{padding-top:5vw;}
.rich-text-h3{font-size:6vw;}
.rich-text-p{font-size:3.6vw;}
.rich-text-content {  font-size: 15px;  padding: 15px; /* 增加左右内边距，避免贴边 */}
.rich-text-content h1 {  font-size: 22px;}
.rich-text-content h2 {  font-size: 19px;}
    /* 表格横向滚动（避免挤压） */
.rich-text-content table {  display: block;overflow-x: auto;}
}



/*主要客户*/
.jd_logo{margin:50px auto}
.jd_logo ul{display:flex;justify-content:left;gap:2%;list-style:none;flex-wrap:wrap;}
.jd_logo ul li{flex:1 1 15%;border:1px solid #ddd;margin-bottom:30px;max-width:15%;display:flex;justify-content:center;align-items: center;}
.jd_logo ul li img{max-width:100%;width:auto;max-height:100px;height:auto;}




        /* 企业文化网格 */
.wenhua-container {width: 100%;margin:0 0 0 0;padding:0;}
.wenhua-grid {}
.wenhua-row {display:grid;gap:0;}
.wenhua-row-1 {grid-template-columns: 1fr 1fr 1fr;}
.wenhua-row-2 {grid-template-columns: 1fr 1fr;}
.wenhua-row-3 {grid-template-columns: 1fr 1fr 1fr;}
.wenhua-card {background:rgba(255, 255, 255, 0.85);background-size:cover;background-position:center;padding: 5vw 3vw;text-align:center;display:flex;align-items: center;justify-content:center;flex-wrap:wrap;}
.wenhua-card-title-bag{font-size:3rem !important;line-height:1;font-weight:bold;color:#ffffff;display:flex;align-items: center;justify-content:center;}
.wenhua-card-title {flex:1 0 100%;width:100%;font-size:1.8rem;line-height:1.4;font-weight: bold;margin-bottom:.5rem;color: #ffffff;}
.wenhua-card-content {flex:1 0 100%;width:100%;font-size:1.2rem;line-height: 1.6;color: #fff;}
@media (max-width: 768px) {
    .wenhua-container{margin:5vw 0;}
    .wenhua-card-title-bag{font-size:6vw !important;}
    .wenhua-card{margin:2vw auto;}
    .wenhua-row {display:block;width:90%;margin:2vw auto;}
    .wenhua-card-title{font-size:5vw !important;}
    .wenhua-card-content {width:100%;font-size:3.6vw;line-height: 1.6;color: #fff;}
}


    /* 资质样式 */
.honor-swiper {position:relative;padding:0 0 50px 0 !important;}
.honor-swiper .swiper-wrapper{padding:15px 0 !important;}
.honor-card {background-color: #fff;border-radius: 8px;overflow: hidden;height: 100%;display: flex;flex-direction: column;}
.honor-image {height:25vw;width:auto;max-width:100%;max-height:25vw;display:flex;justify-content: center;align-items: center;}
.honor-image img {height:auto;width:auto;max-width:100%;max-height:25vw;}
.honor-title {font-size:.9rem;color: var(--gray-dark);font-weight:400;line-height:1.4;text-align: center;padding:.5rem 0;}
@media (max-width: 768px) {
    .honor-image {width:100%;max-width:100%;display:flex;justify-content: center;align-items: center;}
    .honor-image img {height:auto;width:auto;max-width:100%;}
}





/* 解决方案内容区域样式 */
.solutions-content {padding:60px 0 80px 0;background-color:white;}
.solutions-content .section-title {text-align: center;margin-bottom: 50px;}
.solutions-content .section-title h2 {font-size: 2.2rem;color: var(--gray-dark);margin-bottom: 15px;position: relative;}
.solutions-content .section-title p {color:#666;max-width:1200px;margin: 0 auto;font-size:1.2rem;font-weight: 400;}

/* 解决方案卡片样式 */
.solution-cards {display:grid;grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));gap: 30px;margin-top: 40px;}
.solution-card {background-color: var(--gray-light);border-radius: 8px;overflow: hidden;box-shadow: 0 5px 15px rgba(0,0,0,0.05);transition: transform 0.3s;display: flex;flex-direction: column;}
.solution-card:hover {transform: translateY(-10px);}
.solution-img {height: 200px;overflow: hidden;}
.solution-img img {width: 100%;height: 100%;object-fit: cover;transition: transform 0.5s;}
.solution-card:hover .solution-img img {transform: scale(1.1);}
.solution-details {padding: 25px;flex: 1;display:flex;flex-direction:column;}
.solution-details h3 {font-size: 1.1rem;line-height:1.4;color: var(--gray-dark);margin-bottom: 15px;}
.solution-details p {font-size:.9rem;line-height:1.4;color: #555;margin-bottom:10px;flex: 1;}
.solution-details a{color:white;display:block;width:12rem;margin:auto;font-weight:400;text-align:center;
    background-color:var(--primary-green);padding:.5rem 0;text-decoration: none;
    border-radius:50px;}
.solution-details a:hover{background-color: var(--dark-green);}
.solution-features{margin-bottom:10px;list-style:none;}
.solution-features li {margin-bottom: 8px;color: #666;position: relative;padding-left: 20px;}
.solution-features li:before {content: "✓";color: var(--primary-green);font-weight: bold;position: absolute;left: 0;}
@media (max-width: 768px) {
.solutions-content .section-title p{font-size:3vw;}
}



        /* 详细内容区域样式 */
.detail-content .section-title {text-align: center;margin-bottom: 50px;padding-bottom: 20px;position: relative;}
.detail-content .section-title h2 {font-size: 2.2rem;color: var(--gray-dark);margin-bottom: 15px;}
.detail-content .section-title p {font-size: 1.1rem;color: var(--gray-600);max-width:1200px;margin: 0 auto;}
.detail-content .section-title::after {content: '';position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);
            width: 80px;height: 3px;background-color: var(--primary-green);}

        /* 详细内容区域样式 */
.detail-content {padding: 80px 0;background-color: var(--white);}
.detail-section {margin-bottom:20px;padding: 0 15px;}
.detail-section h3{font-size: 1.5rem;color: var(--gray-dark);margin-bottom: 25px;padding-bottom: 12px;
            border-bottom: 2px solid var(--light-green);position: relative;}
.detail-section h3::after {content: '';position: absolute;width: 60px;height: 2px;background-color: var(--primary-green);
            bottom: -2px;left: 0;}
.detail-section p {margin-bottom:5px;text-align: justify;line-height: 1.8;}

        /* 表格样式优化 */
.detail-section table {width: 100%;border-collapse: collapse;margin: 30px 0;box-shadow: 0 2px 10px rgba(0,0,0,0.05);
            overflow: hidden;border-radius: 6px;}
.detail-section th, 
.detail-section td {padding: 15px 20px;text-align: left;border-bottom: 1px solid #eee;}
.detail-section th {background-color: var(--light-blue);color: var(--gray-dark);font-weight: 600;}
.detail-section tr:hover {background-color: var(--light);}
.detail-section tr:last-child td {border-bottom: none;}

        /* 子标题样式 */
.detail-section h4 {font-size: 1.3rem;color: var(--gray-dark);margin: 30px 0 15px;}
.detail-section h5 {font-size: 1.1rem;color: var(--gray-600);margin: 20px 0 12px;}

        /* 横向排版样式 - 复用类 */
.horizontal-container {display: flex;flex-wrap: wrap;gap: 25px;margin: 20px 0 30px;}
.horizontal-item {flex: 1;min-width: 280px;padding: 20px;border: 1px solid var(--light-green);border-radius: 8px;
            background-color: var(--light);}
.horizontal-item-title {font-size: 1rem;color:var(--primary);margin-bottom: 10px;font-weight: 600;}
.horizontal-item-desc {margin-bottom: 0;font-size: 0.95rem;line-height: 1.6;}

/* 联系区域样式 */
.contact-section {background-color: var(--gray-dark);padding: 80px 0;text-align: center;color: white;}
.contact-content {max-width: 700px;margin: 0 auto;}
.contact-content h3 {font-size: 1.8rem;margin-bottom: 20px;}
.contact-content p {font-size: 1.1rem;margin-bottom: 30px;opacity: 0.9;}
.contact-content p:last-child {margin-top: 40px;font-size: 1rem;opacity: 0.8;}
.contact-content a{color:white;display:block;width:18rem;margin:auto;font-weight:700;text-align:center;
    background-color:var(--primary-green);;padding:.8rem 0;text-decoration: none;
    border-radius: 4px;}
.contact-content a:hover{background-color: var(--dark-green);}



/* 响应式设计优化 */
@media (max-width: 992px) {
        /* 详细内容区域样式 */
.detail-content{padding:5vw 0 !important;}
.detail-content .section-title {text-align: center;margin-bottom: 50px;padding-bottom: 20px;position: relative;}
.detail-content .section-title h2 {font-size:5vw;color: var(--gray-dark);margin-bottom: 15px;line-height:1.6;}
.detail-content .section-title p {font-size:3.6vw;color: var(--gray-600);max-width:1200px;margin: 0 auto;}
.detail-content .section-title::after {content: '';position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);
            width: 80px;height: 3px;background-color: var(--primary-green);}

.detail-content .detail-section h3 {font-size:3.6vw;}

        }
@media (max-width: 768px) {
.detail-content {padding:5vw 0 !important;}
.detail-section {margin-bottom: 40px;}
.detail-section h3 {font-size: 1.5rem;}
.detail-section table {font-size: 0.9rem;}
.detail-section th,.detail-section td {padding: 12px 15px;}
.contact-section {padding: 60px 0;}
}
@media (max-width: 576px) {
.section-title h2 {font-size:6vw;}
.detail-columns {grid-template-columns: 1fr;}
.detail-column {padding: 20px;}
.btn {padding: 10px 20px;font-size: 0.9rem;}
/* 表格在小屏幕横向滚动 */
.table-wrapper {overflow-x: auto;}
.detail-section table {min-width: 500px;}
}







/* 案例网格布局 */
.cases-detail-content {padding: 80px 0;background-color: var(--white);border-bottom:1px solid #ddd;}
.cases-grid {padding: 60px 0;}
.cases-grid-container {display:grid;grid-template-columns:repeat(auto-fill, minmax(350px, 1fr));gap: 30px;}
.case-item {background-color: white;border-radius: 8px;overflow: hidden;box-shadow: 0 5px 20px rgba(0,0,0,0.08);transition: all 0.3s ease;}
.case-item:hover {transform: translateY(-5px);box-shadow: 0 10px 30px rgba(0,0,0,0.12);}
.case-img {height: 250px;overflow: hidden;}
.case-img img {width: 100%;height: 100%;object-fit: cover;transition: transform 0.5s ease;}
.case-item:hover .case-img img {transform: scale(1.05);}
.case-details {padding:15px 25px 20px 25px;}
.case-title {font-size: 1.1rem;line-height:1.5;color: var(--gray-dark);margin-bottom:5px;font-weight: 600;}
.case-desc {font-size:.9rem;color: #666;margin-bottom: 10px;line-height: 1.4;}
.case-products {display: inline-block;padding: 5px 12px;background-color: var(--light-green);color: var(--dark-green);border-radius: 4px;font-size: 0.9rem;font-weight: 500;margin-bottom: 15px;}
.case-results {color: #555;font-size: 0.95rem;line-height: 1.6;padding-top: 15px;}
        
/* 响应式设计 */
@media (max-width: 768px) {
.page-hero-content h1 {font-size: 2rem;}
.grid-container {grid-template-columns: 1fr;}
}

/* 案例介绍布局 */
.case_info_c{display:flex;justify-content:space-between;flex-wrap:wrap;}
.case_info_left{flex:1 1 45%;margin-right:5%;}
    .case_info_left img{max-width:100%;}
.case_info_right{flex:1 1 45%;}
    .case_info_right h2{font-size:1.2rem;line-height:1.4;color: var(--gray-dark);margin-bottom:15px;padding-bottom:10px;
            border-bottom:2px solid var(--light-green);}
    .case_info_right p{font-size:1.2rem;line-height:1.4;color: var(--gray-dark);margin-bottom:15px;padding-bottom:10px;
            border-bottom:2px solid var(--light-green);}
    .case-detail-section {margin:40px 0;padding:0;}
    .case-detail-section h3{font-size:1.2rem;line-height:1.4;color: var(--gray-dark);margin-bottom:15px;padding-bottom:10px;
            border-bottom:2px solid var(--light-green);position: relative;}
    .case-detail-section h3::after {content: '';position: absolute;width:60px;height:2px;background-color: var(--primary-green);
            bottom: -2px;left: 0;}
    .case-detail-section p {margin-bottom:5px;text-align:justify;font-size:1rem;line-height:1.6;}
/* 响应式设计 */
@media (max-width: 768px) {
.case_info_left,.case_info_right{width:100%;flex:1 1 100%;}
.case_info_right h2{font-size:3.6vw;line-height:1.5;font-weight:400;}
.case-detail-section{font-size:3.6vw;line-height:1.5;font-weight:400;}
.case-detail-section p{font-size:3.6vw;line-height:1.5;font-weight:400;}
}




	/* 新闻分类区域 */
	.news-categories {padding:40px 0;background-color:white;}
	.categories-container {display:flex;justify-content:center;flex-wrap:wrap;gap:15px;}
	.category-btn {padding:8px 20px;background-color:var(--light-green);color:var(--dark-green);border:none;border-radius:30px;cursor:pointer;transition:all 0.3s;font-weight:500;}
	.category-btn.active,.category-btn:hover {background-color:var(--primary-green);color:white;}
	/* 新闻网格布局 */
	.news-grid-section {padding:60px 0;background-color:#f9f9f9;}
	.news-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px;}
	.news-card {background-color:white;border-radius:8px;overflow:hidden;box-shadow:0 5px 20px rgba(0,0,0,0.08);transition:all 0.3s ease;}
	.news-card:hover {transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,0.12);}
	.news-image {height:200px;overflow:hidden;}
	.news-image img {width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease;}
	.news-card:hover .news-image img {transform:scale(1.05);}
	.news-content {padding:25px;}
	.news-date {color:var(--primary-green);font-size:0.9rem;margin-bottom:10px;display:block;}
	.news-content .news-title {font-size:1rem;color:var(--gray-dark);margin-bottom:15px;font-weight:400;line-height:1.4;
        -webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;
    }
	.news-excerpt {color:#666;margin-bottom:20px;line-height:1.4;font-size:.9rem;
        -webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;
    }
	.read-more {color:var(--primary-blue);text-decoration:none;font-weight:500;display:inline-flex;align-items:center;}
	.read-more:hover {color:var(--dark-blue);}
	.read-more i {margin-left:5px;transition:transform 0.3s;}
	.read-more:hover i {transform:translateX(3px);}

	/* 特色新闻区域 */
	.featured-news {padding:80px 0;background-color:white;}
	.featured-container {display:grid;grid-template-columns:1fr 1fr;gap:30px;}
	.featured-main {position:relative;border-radius:8px;overflow:hidden;box-shadow:0 5px 20px rgba(0,0,0,0.1);}
	.featured-main img {width:100%;height:400px;object-fit:cover;}
	.featured-content {position:absolute;bottom:0;left:0;right:0;padding:30px;background:linear-gradient(transparent,rgba(0,0,0,0.8));color:white;}
	.featured-content .news-date {color:var(--light-green);}
	.featured-content .news-title {color:white;font-size:1.8rem;}
	.featured-sidebar {display:flex;flex-direction:column;gap:20px;}
	.featured-side-item {display:flex;gap:15px;padding:15px;background-color:var(--gray-light);border-radius:8px;transition:all 0.3s;}
	.featured-side-item:hover {background-color:var(--light-green);transform:translateX(5px);}
	.featured-side-img {width:100px;height:80px;border-radius:4px;overflow:hidden;}
	.featured-side-img img {width:100%;height:100%;object-fit:cover;}
	.featured-side-content {flex:1;}
	.featured-side-content .news-date {font-size:0.8rem;}
	.featured-side-content .news-title {font-size:1rem;margin-bottom:5px;}
	/* 新闻通讯订阅 */
	.newsletter {padding:80px 0;background:linear-gradient(rgba(39,174,96,0.9),rgba(39,174,96,0.9)),url('https://images.unsplash.com/photo-1584433144859-1fc3ab64a957?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80') no-repeat center center/cover;color:white;text-align:center;}
	.newsletter-content {max-width:600px;margin:0 auto;}
	.newsletter h2 {font-size:2.2rem;margin-bottom:20px;}
	.newsletter p {margin-bottom:30px;font-size:1.1rem;}
	.subscribe-form {display:flex;max-width:500px;margin:0 auto;}
	.subscribe-input {flex:1;padding:12px 20px;border:none;border-radius:4px 0 0 4px;font-size:1rem;}
	.subscribe-btn {padding:12px 25px;background-color:var(--gray-dark);color:white;border:none;border-radius:0 4px 4px 0;cursor:pointer;transition:background-color 0.3s;}
	.subscribe-btn:hover {background-color:#1e2a36;}
	/* 分页控件 */
	.pagination {display:flex;justify-content:center;margin-top:50px;gap:10px;}
	.page-btn {width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:white;color:var(--gray-dark);border:1px solid #ddd;cursor:pointer;transition:all 0.3s;}
	.page-btn.active,.page-btn:hover {background-color:var(--primary-green);color:white;border-color:var(--primary-green);}
        /* 响应式设计 */
        @media (max-width: 992px) {
.featured-container {grid-template-columns: 1fr;}
.featured-sidebar {grid-row: 1;}
        }
        @media (max-width: 768px) {
.news-grid {grid-template-columns: 1fr;}
.subscribe-form {flex-direction: column;}
.subscribe-input, .subscribe-btn {width: 100%;border-radius: 4px;margin-bottom: 10px;}
        }








/* 面包屑导航 */
.breadcrumb {padding:20px 0;background-color:white;border-bottom:1px solid #eee;}
.breadcrumb ul {display:flex;list-style:none;}
.breadcrumb li {margin-right:10px;font-size:0.9rem;color:#666;}
.breadcrumb li:not(:last-child)::after {content:'/';margin-left:10px;color:#ccc;}
.breadcrumb a {color:var(--primary-blue);text-decoration:none;}
.breadcrumb a:hover {text-decoration:underline;}
/* 新闻详情区域 */
.news-detail {padding:40px 0;background-color:white;}
.news-header {text-align:center;margin-bottom:40px;padding-bottom:20px;border-bottom:1px solid #eee;}
.news-detail .news-title {font-size:1.4rem;color:var(--gray-dark);margin-bottom:20px;line-height:1.4;font-weight:700;}
.news-meta {display:flex;justify-content:center;align-items:center;gap:20px;color:#666;font-size:0.95rem;}
.news-date,.news-category,.news-author {display:flex;align-items:center;}
.news-meta i {margin-right:5px;color:var(--primary-green);}
/* 新闻内容样式 */
.news-content {max-width:800px;margin:0 auto;}
.news-featured-image {width:100%;border-radius:8px;overflow:hidden;margin-bottom:30px;box-shadow:0 5px 15px rgba(0,0,0,0.08);}
.news-featured-image img {width:100%;height:auto;display:block;}
.news-body {font-size:1.05rem;line-height:1.8;color:#444;}
.news-body h2 {font-size:1.6rem;color:var(--gray-dark);margin:30px 0 15px;padding-bottom:10px;border-bottom:2px solid var(--light-green);}
.news-body h3 {font-size:1.3rem;color:var(--gray-dark);margin:25px 0 12px;}
.news-body p {margin-bottom:20px;text-align:justify;}
.news-body blockquote {background-color:var(--light-green);border-left:4px solid var(--primary-green);padding:20px;margin:25px 0;font-style:italic;color:#444;}
.news-body ul,.news-body ol {margin:20px 0;padding-left:20px;}
.news-body li {margin-bottom:10px;}
/* 图片画廊 */
.news-gallery {display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin:30px 0;}
.gallery-item {border-radius:6px;overflow:hidden;box-shadow:0 3px 10px rgba(0,0,0,0.08);}
.gallery-item img {width:100%;height:200px;object-fit:cover;transition:transform 0.5s;}
.gallery-item:hover img {transform:scale(1.05);}
/* 相关新闻 */
.related-news {padding:60px 0;background-color:#f9f9f9;}
.related-news .section-title h2{font-size:2rem;text-align: center;}
.related-news .section-title p{font-size:1.2rem;text-align: center;font-weight: 400;color: #777;}
.related-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;}
.related-item {background-color:white;border-radius:8px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,0.05);transition:all 0.3s;}
.related-item:hover {transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,0.1);}
.related-image {height:180px;overflow:hidden;}
.related-image img {width:100%;height:100%;object-fit:cover;transition:transform 0.5s;}
.related-item:hover .related-image img {transform:scale(1.05);}
.related-content {padding:20px;}
.related-date {color:var(--primary-green);font-size:0.85rem;margin-bottom:10px;display:block;}
.related-title {font-size:1rem;color:var(--gray-dark);margin-bottom:10px;font-weight:400;line-height:1.4;}
.related-link {color:var(--primary-blue);text-decoration:none;font-weight:500;display:inline-flex;align-items:center;}
.related-link:hover {color:var(--dark-blue);}
.related-link i {margin-left:5px;transition:transform 0.3s;}
.related-link:hover i {transform:translateX(3px);}
/* 分享按钮 */
.share-section {display:flex;justify-content:center;gap:15px;margin:40px 0;}
.share-btn {width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;background-color:#555;transition:all 0.3s;cursor:pointer;}
.share-weibo {background-color:#e6162d;}
.share-weixin {background-color:#07c160;}
.share-linkedin {background-color:#0077b5;}
.share-link {background-color:var(--primary-blue);}
.share-btn:hover {transform:translateY(-3px);box-shadow:0 5px 10px rgba(0,0,0,.1);}
/* 返回按钮 */
.back-to-news {text-align:center;margin-top:40px;}
.back-btn {display:inline-flex;align-items:center;padding:12px 25px;background-color:var(--gray-dark);color:white;text-decoration:none;border-radius:4px;transition:all 0.3s;}
.back-btn:hover {background-color:#1e2a36;transform:translateY(-2px);}
.back-btn i {margin-right:8px;}

/* 响应式设计 */
@media (max-width:768px) {
.news-title {font-size:4vw;}
.news-meta {flex-direction:column;gap:10px;}
.news-gallery {grid-template-columns:1fr;}
.related-grid {grid-template-columns:1fr;}
.news-header{margin:0;}
.news-detail .news-title{font-size:4vw;}
.news-meta{display: none;}

.related-date{display: none;}
.related-title{font-size:3.6vw;font-weight:400;}
}








/* 技术支持区域样式 */
.tech-content {padding: 80px 0;background-color: white;}
        
/* 内容块样式 */
.content-block {margin-bottom: 60px;}
.content-block h3 {font-size: 1.8rem;color: var(--gray-dark);margin-bottom: 20px;padding-bottom: 10px;}
.content-block p {margin-bottom: 20px;color: #555;line-height: 1.8;}
        
/* 卡片网格样式 */
.tech-content .card-grid {display:grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 30px;margin-top: 40px;}
.tech-content .card-grid .card {background-color:var(--dark-green);text-align:center;padding-bottom:2rem;}
.tech-content .card-grid .card img {max-width:100%;width:auto;margin-bottom: 15px;}
.tech-content .card-grid .card h4 {font-size: 1.4rem;line-height:1.4;color: var(--white);margin-bottom:5px;}
.tech-content .card-grid .card p {font-size: 1rem;line-height:1.4;color: #fff;}

/* 客户价值承诺样式 */
.jishukehu .section-title h2{color:white;text-align: center;}
.jishukehu .section-title p{color:white;font-size:1rem;text-align: center;}
.jishukehu .card-grid {display:grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 30px;margin-top: 40px;}
.jishukehu .card-grid .card {background-color:rgba(255, 255, 255, 0.2);border-radius:100px;padding:1rem 0;}
.jishukehu .card-grid .card:hover{background-color:var(--dark-green);border-radius:100px;padding:1rem 0;}
.jishukehu .card-grid .card img {max-width:100%;width:auto;margin-bottom: 15px;}
.jishukehu .card-grid .card h4 {font-size: 1.4rem;line-height:1.4;color: var(--white);margin-bottom:5px;}
.jishukehu .content-block h3{border:0;color:white;text-align:center;margin-top:50px;}

/* 特色服务样式 */
.tech-content .feature-grid {display:flex;justify-content:space-between;max-width:1400px;margin:30px auto 0 auto;}
.tech-content .feature-item {flex:0 1 30%;background-color:white;border-radius:8px;padding:30px;box-shadow: 0 5px 15px rgba(0,0,0,0.05);max-width:430px;min-width:300px;}
.tech-content .feature-item h4 {font-size: 1.3rem;line-height:1;color: var(--gray-dark);margin-bottom:15px;display: flex;align-items: center;}
.tech-content .feature-item h4:before {content: "✓";color: var(--primary-green);font-weight: bold;margin-right: 10px;font-size: 1.5rem;}
.tech-content .feature-item p {font-size:1rem;line-height:1.4;color: var(--gray-dark);margin-bottom:5px;}

/* 技术服务样式 */
.jishufuwu .feature-grid {display:flex;justify-content:space-between;max-width:900px;margin:30px auto 0 auto;}
.jishufuwu .feature-item {flex:1 0 100%;background-color:white;border-radius:8px;padding:30px;box-shadow: 0 5px 15px rgba(0,0,0,0.05);max-width:430px;}
.jishufuwu .feature-item h4 {font-size: 1.3rem;line-height:1;color: var(--gray-dark);margin-bottom:15px;display: flex;align-items: center;}
.jishufuwu .feature-item h4:before {content: "✓";color: var(--primary-green);font-weight: bold;margin-right: 10px;font-size: 1.5rem;}
.jishufuwu .feature-item p {font-size:1rem;line-height:1.4;color: var(--gray-dark);margin-bottom:5px;}

/* 流程样式 */
.process-container {display:flex;justify-content:space-between;align-items:center;margin:40px 0;position: relative;}
.in-process-line {flex:0 1 auto;width:3rem;height:20px;background:url(../images/xxx.svg) no-repeat center right;z-index: 1;
    background-size: 100%;}
.process-container .process-step {flex:0 1 auto;width:auto;margin:auto;text-align:center;}
.process-step .step-icon{width:auto;display:flex;align-items:center;justify-content:center;background-color:var(--primary);
    margin:0 auto 1rem auto;color: white;font-size:2rem;color:var(--white);width:5rem;height:5rem;border-radius:200px;}
.process-step h4 {font-size: 1.2rem;color: var(--gray-dark);text-align:left;width:100%;
display:flex;align-items:center;justify-content:center;}
.process-connector {position: absolute;top: 35px;left: 15%;right: 15%;height: 2px;background-color: var(--light-blue);z-index: 1;}
        
/* 保障体系样式 */
.system-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: 25px;margin-top: 30px;}
.system-item {background-color: white;border-radius: 8px;padding: 25px;box-shadow: 0 5px 15px rgba(0,0,0,0.05);border-left: 4px solid var(--primary-green);}
.system-item h4 {font-size: 1.3rem;color: var(--gray-dark);margin-bottom: 15px;}
        
        /* 联系区域样式 */
.contact-section {background-color: var(--gray-light);padding: 60px 0;text-align: center;}
.contact-content {max-width: 700px;margin: 0 auto;}

/* 响应式设计 */
@media (max-width: 768px) {
.process-container {flex-direction: column;gap: 30px;}
.process-connector {display: none;}
.card-grid, .feature-grid, .system-grid {grid-template-columns: 1fr;}

.mb_jishu1{width:90%;margin:auto;}
.mb_jishu2{background-size:350vw !important;padding:5vw 0;}
.mb_jishu3{padding:5vw 0;}
.mb_jishu4{background-size:350vw !important;padding:5vw 0;}
.mb_jishu5{padding:5vw 0;}
.mb_jishu6{background-size:350vw !important;padding:5vw 0;}
.mb_jishu7{padding:5vw 0;}

.content-block{margin:0;}
.tech-content{padding:5vw 0;}
.tech-content .feature-grid{flex-wrap:wrap;justify-content:center;}
.tech-content .feature-item{flex:1 1 100%;margin-bottom: 3vw;}

.section-title h2{font-size:5vw;text-align: center;}
.section-title p{font-size:3.6vw;text-align: center;}

.tech-content .card-grid .card h4{font-size:4vw;}
.tech-content .card-grid .card p{font-size:3vw;}

.process-container{flex-direction:row;gap:0;}
.process-step .step-icon{width:11vw;height:11vw;}
.process-step h4{font-size:2.8vw;font-weight:400;text-align: center;}
}




/* 人才招聘 —— 内容区域样式 */
.join-content {padding:2rem 0;background-color: white;}
/* 内容块样式 */
.join-content .content-block {margin-bottom: 60px;text-align:center;}
.join-content .content-block h3{text-align:center;font-size:1.4rem;display:inline-block;margin:auto;padding:.6rem 2rem;
    line-height:1;color:var(--white);background-color: var(--primary);border-radius:15rem;}
.join-content .content-block p{text-align:center;width:100%;margin:1rem 0;font-size:1rem;color: #555;line-height:1.4;}
/* 卡片网格样式 */
.join_list{margin-top: 40px;}
.join_content{background-color: var(--gray-light);border-radius: 8px;text-align:left;
    display:flex;justify-content:left;align-items: center;height:100%;margin-bottom:2rem;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);transition:all 0.5s;}
.join_content:hover {background-color:var(--secondary);transform: translateY(-10px);}
.join_title{flex:0 1 30%;font-size:2rem;color:white;background-color:var(--primary);height:100%;
    display: flex;justify-content:center;align-items: center;padding:3.5rem 2rem;}
.join_c{flex:1 1 70%;padding:0 2rem;box-sizing: border-box;}
.join_c p{color: #555;font-size:1.2rem;line-height:1.5;margin-bottom:.5rem;}
.join_content:hover .join_c p{color: #fff;}
@media (max-width: 768px) {
.join-content .content-block h3{font-size:4vw;padding:3vw 3vw;}
.join_content{flex-wrap:wrap;}
.join_title{flex:1 1 100%;font-size:5vw;padding:3vw 5vw;}
.join_c{flex:1 1 100%;padding:3vw 4vw;}
.join_c p{font-size:3.6vw;line-height:1.6;}
}

/* 发展通道样式 */
.development-path {display:flex;justify-content: space-between;margin-top:30px;flex-wrap: wrap;}
.path {flex: 1;min-width: 300px;background-color: white;border-radius: 8px;padding: 25px;margin: 0 15px 30px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);border-left: 4px solid var(--primary-blue);text-align: left;}
.path h4 {font-size: 1.4rem;color: var(--gray-dark);margin-bottom: 15px;text-align: left;}
.path strong {font-size:1rem;line-height:1;color: var(--white);margin-left:1rem;background-color: var(--primary);
padding:.3rem 1rem;font-weight: 400;border-radius:50px;}
.path ul {list-style-type: none;display: flex;justify-content:left;align-items: center;border-bottom: 1px solid #eee;}
.path li {padding: 8px 0 8px 3rem;position: relative;display: flex;justify-content:left;align-items: center;}
.path li:nth-child(1){padding-left:0 !important;}
.path li:nth-child(1):before{content:"" !important;}
.path li:before {content: "→";width:3rem;position: absolute;left:0;color: var(--primary-blue);font-size:1.5rem !important;line-height:1;text-align: center;}

@media (max-width: 768px) {
.development-path{flex-wrap:wrap;}
.path{font-size:3.6vw;}
.path h4{font-size:4vw;}
.path strong{font-size:3.6vw;padding:1vw 2vw;}
}
    
/* 培养机制样式 */
.cultivation-system {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 30px;margin-top: 30px;}
.system-item {background-color: white;border-radius: 8px;padding: 25px;box-shadow: 0 5px 15px rgba(0,0,0,0.05);border-top: 4px solid var(--primary-green);}
.system-item h4 {font-size: 1.3rem;color: var(--gray-dark);margin-bottom: 15px;}
        
/* 激励体系样式 */
.incentive-system {display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: 25px;margin-top: 30px;}
.incentive-item {background-color: white;border-radius: 8px;padding: 25px;box-shadow: 0 5px 15px rgba(0,0,0,0.05);text-align: center;}
.incentive-icon {width:8rem;height:8rem;background-color: var(--light-green);border-radius: 50%;
    display: flex;align-items: center;justify-content: center;margin: 0 auto 15px;}
.incentive-icon i {font-size:4rem;color: var(--dark-green);}
.incentive-system h4{font-size: 1.3rem;line-height:2;color: var(--gray-dark);margin-bottom: 15px;}
.incentive-system p{font-size: 1rem;line-height:1.6;color: var(--gray-dark);margin-bottom: 15px;}

/* 联系区域样式 */
.contact-section {background-color: var(--gray-light);padding: 60px 0;text-align: center;}
.contact-content {max-width: 700px;margin: 0 auto;}
.email-link {display: inline-block;font-size: 1.5rem;color: var(--primary-blue);text-decoration: none;margin: 20px 0;font-weight: 600;}
.email-link:hover {color: var(--dark-blue);text-decoration: underline;}

/* 响应式设计 */
@media (max-width: 768px) {
.incentive-item{padding:3vw 0;}
.incentive-system h4{font-size:5vw;}
.incentive-system p{font-size:3.6vw;}
.development-path {flex-direction: column;}
.path {margin: 0 0 30px 0;}
}













/* 合作伙伴区域样式 */

/* 愿景与使命 */
.cta-section {padding: 100px 0;background-color: white;text-align: center;}
.cta-content {max-width: 700px;margin: 0 auto;}
.cta-content h2 {font-size: 2.5rem;margin-bottom: 20px;color: var(--white);}
.cta-content p {font-size: 1.2rem;margin-bottom: 30px;color: var(--white);}
/* 响应式设计 */
@media (max-width: 768px) {
.cta-content h2{font-size:5vw;}
.cta-section{background-size:350vw !important;padding:5vw 0;}
}

/*研发方向*/
.research-section {padding: 40px 0;background-color: #eee;}
.research-content {background-color: #fff;padding: 40px 50px;border-radius: 12px;box-shadow: 0 4px 12px rgba(0,0,0,0.05);}
.main-title {color: #2c3e50;font-size: 28px;margin-top: 0;margin-bottom: 20px;padding-bottom: 15px;border-bottom: 2px solid #3498db;}
.intro-text {color: #34495e;font-size: 16px;line-height: 1.6;margin-bottom: 30px;}
.research-module {margin-bottom: 35px;padding: 25px;background-color: #f0f7ff;border-radius: 8px;}
.research-module:last-child {margin-bottom: 0; /* 最后一个模块去除底部间距 */
    }
.module-title {color: #2980b9;font-size: 20px;margin-top: 0;margin-bottom: 15px;}
.module-text {color: #34495e;font-size: 15px;line-height: 1.6;margin-bottom: 12px;}
.module-text:last-child {margin-bottom: 0; /* 每个模块最后一段去除底部间距 */}
/* 响应式设计 */
@media (max-width: 768px) {
.main-title{font-size:3.6vw;}
.module-title{font-size: 4vw;}
.module-text{font-size: 3.6vw;}
.research-module h4{font-size: 4vw;}
.intro-text{font-size:3vw;margin-bottom: 3vw;}
.research-module{padding:3vw;}
.research-content{background-size:350vw !important;padding:5vw;}
.cta-content p{font-size:3vw;}
}



.section-header {text-align: center;margin-bottom: 60px;}
.section-title {font-size:1.6rem;color: var(--dark);margin-bottom: 15px;font-weight: 700;text-align:center;}
.section-title h2{text-align:center;font-size:1.8rem;}
.section-title p{text-align:center;font-size:1rem;font-weight:400;}
.section-desc {color: var(--gray);max-width: 600px;margin: 0 auto;}


/* 社会责任区域样式 */
.responsibility {padding: 100px 0;background: linear-gradient(135deg, var(--secondary), var(--primary-dark));}
.responsibility-grid {}
.responsibility-card {display:flex;justify-content:center;align-items:center;margin-bottom:2rem;
    background:var(--gray-light);border-radius: 12px;padding:0;backdrop-filter:blur(10px);transition: all 0.3s;}
.responsibility-card:hover {transform: translateY(-10px);}
.responsibility-card-img{flex:0 1 30%;}
.responsibility-card-img img{width:auto;max-width:100%;display:block;}
.responsibility-card-c{flex:1 1 70%;box-sizing:border-box;width:100%;text-align:left;padding:0 3rem;}
.responsibility-card-c h3 {font-size: 1.5rem;line-height:1.5;margin-bottom:30px;}
.responsibility-card-c p {opacity: 0.9;font-size: 1rem;line-height:1.5;margin-bottom:1rem;}
@media (max-width: 768px) {
.responsibility{padding:5vw 0;}
.responsibility-card{flex-wrap:wrap;width:80%;margin:auto;}
.responsibility-card-c{padding:5vw;}
.responsibility-card-c h3{font-size:3.6vw;margin-bottom:2vw;}
.responsibility-card-c p{font-size:3vw;}
.responsibility-card-img{width:100%;flex:1 1 100%;}
.responsibility-card-c{width:100%;flex:1 1 100%;}
}
/* 响应式设计 */
@media (max-width: 992px) {
	.hero h1 {font-size:6vw;}
}
@media (max-width: 768px) {
	.hero h1 {font-size: 2.2rem;}
	.hero-buttons {flex-direction: column;align-items: flex-start;gap: 15px;}  
	.section-title {font-size:6vw;}
}
@media (max-width: 576px) {
	.hero h1 {font-size:6vw;}
	.responsibility-grid {grid-template-columns: 1fr;}
}











/* 产品展示区域 */
.products-section {padding: 60px 0;background-color: white;}
.products-container {display: flex;gap: 30px;}
        
/* 左侧分类列表 */
.categories-sidebar {flex: 0 0 250px;border-radius:8px;padding:0;height:fit-content;
    position:sticky;top:1rem;}
.categories-title {font-size:1.3rem;background-color:var(--primary);color: var(--white);line-height:1;
    border-bottom: 2px solid var(--light-green);padding:1.4rem 0;display: flex;justify-content: center;align-items: center;
}
.categories-list {list-style:none;}
.category-item {background-color:var(--gray-light);border-bottom:1px solid var(--white);}
.category-link {display:block;padding:.8rem 1rem;color: #555;text-decoration: none;transition:all 800ms;font-weight:400;line-height:1.4;}
.category-link:hover, .category-link.active {background-color: var(--light-green);color: var(--white);font-weight:700;}
.category-link i{margin-right:1rem;}
.category-item2 {background-color:var(--white);border-bottom:1px solid var(--gray-light);}
.category-link2 {display:block;padding:.6rem 2rem;color: #555;text-decoration: none;transition:all 800ms;font-weight:400;
    line-height:1.4;font-size:.96rem;}
.category-link2:hover, .category-link.active {background-color: var(--light-green);color: var(--white);font-weight:400;}
.category-link2 i{margin-right:1rem;}

@media (max-width: 768px) {.categories-sidebar{display:none;}}
        
/* 右侧产品网格 */
.products-grid {flex: 1;}
.products-header {display: flex;justify-content: space-between;align-items: center;margin-bottom: 30px;}
.products-grid .products-title {font-size: 1.5rem;color: var(--gray-dark);border-bottom:3px solid var(--primary);line-height:1;display:block;width:100%;padding:1rem 0;}
.products-grid .products-title i{margin-right:1rem;color:var(--primary);}
.view-options {display: flex;gap: 10px;}
.view-btn {width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;border-radius: 4px;background-color: var(--gray-light);color: #666;cursor: pointer;transition: all 0.3s;}
.view-btn.active, .view-btn:hover {background-color: var(--primary-green);color: white;}
        
/* 产品网格布局 */
.grid-container {display: grid;grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));gap: 25px;}
.product-card {background-color: white;border-radius: 8px;overflow: hidden;box-shadow: 0 0 15px rgba(0,0,0,0.15);transition: all 0.3s;}
.product-card:hover {transform: translateY(-5px);box-shadow: 0 0 20px rgba(0,0,0,0.2);}
.product-image {height:200px;overflow: hidden;position:relative;display:flex;justify-content:center;align-items:center;}
.product-image img {width:auto;height:auto;max-width: 100%;max-height: 100%;object-fit: cover;transition: transform 0.5s;}
.product-card:hover .product-image img {transform: scale(1.05);}
.product-badge {position: absolute;top: 15px;right: 15px;background-color: var(--primary-green);color: white;padding: 5px 10px;border-radius: 20px;font-size: 0.8rem;font-weight: 500;}
.products-grid .product-content {padding:0 0 20px 0;}
.products-grid .product-title {text-align:center;font-size:1rem;color:var(--gray-dark);margin:1rem 0;font-weight:400;line-height: 1.4;}
.product-desc {color: #666;font-size: 0.9rem;margin-bottom: 15px;line-height: 1.5;}
.products-grid .product-actions {display: flex;justify-content:center;}
.detail-btn, .inquiry-btn {padding: 8px 15px;border-radius: 4px;font-size: 0.9rem;font-weight: 500;cursor: pointer;transition: all 0.3s;}
.detail-btn {background-color: transparent;color: var(--primary);border: 1px solid var(--primary-blue);}
.detail-btn:hover {background-color: var(--primary-green);color: white;border: 1px solid var(--primary-green);}
.inquiry-btn {background-color: var(--primary-green);color: white;border: none;}
.inquiry-btn:hover {background-color: var(--dark-green);}
        
/* 分页控件 */
.pagination {display: flex;justify-content: center;margin-top: 50px;gap: 10px;}
.page-btn {width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;border-radius: 50%;background-color: white;color: var(--gray-dark);border: 1px solid #ddd;cursor: pointer;transition: all 0.3s;}
.page-btn.active, .page-btn:hover {background-color: var(--primary-green);color: white;border-color: var(--primary-green);}
        
/* 产品筛选 */
.product-filters {background-color: white;border-radius: 8px;box-shadow: 0 5px 15px rgba(0,0,0,0.05);padding: 20px;margin-bottom: 30px;}
.filter-title {font-size: 1.1rem;color: var(--gray-dark);margin-bottom: 15px;}
.filter-options {display: flex;flex-wrap: wrap;gap: 10px;}
.filter-btn {padding: 8px 15px;background-color: var(--gray-light);color: #666;border: none;border-radius: 20px;cursor: pointer;transition: all 0.3s;}
.filter-btn.active, .filter-btn:hover {background-color: var(--primary-green);color: white;}
        
/* 响应式设计 */
@media (max-width: 992px) {
    .products-container {flex-direction: column;}
.categories-sidebar {flex: 1;position: static;margin-bottom: 30px;}
}
@media (max-width: 768px) {
    .products-section{padding:5vw 0;}
    .grid-container {grid-template-columns: repeat(auto-fill, minmax(46%, 1fr));}
    .products-grid .products-title{font-size:5vw;border:0;}
    .product-card{height:45vw;}
    .product-image{height:35vw;padding:2vw;}
    .products-grid .product-content{padding-bottom:0;}
    .products-grid .product-title{font-size:3vw;line-height:1.5;margin:1vw 0;}
    .products-grid .product-actions{display:none;}
}




    .product-detail {margin-left:2rem;}
    /* 产品展示区 */
    .product-content {display: grid;grid-template-columns: 1fr 1.2fr;gap: 30px;margin-bottom: 40px;}
    #products-grid .product-content {display:block;width:100%;margin-bottom:10px;}

    /* 图片区域 */
    .product-images {border: 1px solid #f0f0f0;border-radius: 8px;overflow: hidden;}
    .main-image {width: 100%;height: 450px;background: #f9f9f9;display: flex;align-items: center;justify-content: center;position: relative;}
    .main-image img {max-width: 100%;max-height: 100%;object-fit: contain;}
    .thumb-images {display: flex;gap: 10px;padding: 10px;overflow-x: auto;scrollbar-width: thin;}
    .thumb-item {width: 80px;height: 80px;border: 2px solid transparent;border-radius: 4px;cursor: pointer;overflow: hidden;}
    .thumb-item.active {border-color: #2f80ed;}
    .thumb-item img {width: 100%;height: 100%;object-fit: cover;}
    /* 产品信息区域 */
    .product-info {padding: 10px;}
    .product-name {font-size: 24px;margin-bottom: 15px;line-height: 1.3;}
    .product-no {color: #666;font-size: 14px;margin-bottom: 20px;padding-bottom: 15px;border-bottom: 1px dashed #eee;}
    .product-price {font-size: 28px;color: #e53e3e;margin: 20px 0;font-weight: bold;}
    /* 规格参数 */
    .specs-title {font-size:1.2rem;line-height:1;margin:30px 0;padding:.8rem 1rem .8rem 1rem;border-left:.5rem solid #2f80ed;background-color:var(--gray-light);}
    .specs-table {width: 100%;border-collapse: collapse;margin-bottom: 30px;}
    .specs-table tr {border-bottom: 1px solid #f0f0f0;}
    .specs-table td {padding: 12px 10px;}
    .specs-table td:first-child {width: 30%;color: #666;background: #f9f9f9;}
    /* 详细介绍 */
    .detail-section {margin: 50px 0;padding-top: 30px;border-top: 1px solid #eee;}
    .detail-title {font-size: 20px;text-align: center;margin-bottom: 30px;padding-bottom: 10px;display: inline-block;position: relative;left: 50%;transform: translateX(-50%);}
    .detail-title::after {content: "";position: absolute;bottom: 0;left: 10%;width: 80%;height: 3px;background: #2f80ed;}
    .detail-content {line-height: 1.8;font-size: 16px;color: #555;padding: 0 10px;}
    .detail-content p {margin-bottom: 15px;}
    /* 无产品提示 */
    .no-product {text-align: center;padding: 100px 0;color: #999;}
    .no-product button {margin-top: 20px;padding: 8px 20px;background: #2f80ed;color: white;border: none;border-radius: 4px;cursor: pointer;}


    .product-detail .btn a{color:white;display:block;width:18rem;margin:auto;font-weight:700;text-align:center;
    background-color:var(--primary-green);;padding:.8rem 0;text-decoration: none;
    border-radius: 4px;}
    .product-detail .btn a:hover{background-color: var(--primary);}

    @media (max-width: 768px) {
        .product-detail {margin-left:0;}
        .product-content {grid-template-columns: 1fr;}
        .product-detail .btn{display:none;}
        .products-section{padding-bottom:0;}
        .promore{display: none;}
    }