@charset "utf-8";

/* 基础样式重置 */
* {margin: 0;padding: 0;box-sizing: border-box;font-family:Poppins,"Microsoft YaHei", 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: #0087d1;/*深蓝色*/
    --secondary: #198e48;/*绿色*/
    --dark: #172B4D;
    --light: #F5F7FA;
    --accent: #FF5630;
    --gray-500: #6B7280;
    --gray-600: #4B5563;
    --white: #FFFFFF;--primary-green: #198e48;/*褐色*/
            --dark-green: #27ae60;
            --light-green: #908268;
            --primary-blue: #3498db;
            --dark-blue: #2980b9;
            --light-blue: #d6eaf8;
            --gray-dark: #0087d1;/*深蓝色*/
            --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:1500px;margin:auto;
	background-color: #fff;position: relative;z-index: 1000;}
/* LOGO区域样式 */
.logo {flex: 0 0 auto;}
.logo img {height:auto;width: auto;max-width:580px;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: 18px;line-height:1.4;font-weight:600;color:white;background: var(--dark-green);border-radius: 100px;padding: 6px 16px;display: inline-block;text-transform: uppercase;}

/* 联系方式区域样式 */
.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:30px;line-height:1;font-weight: bold;color:var(--dark);white-space: nowrap;}
.tel a{color: var(--dark);}

/* 响应式设计 */
@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:1500px;min-width:1200px;margin:auto;}
.nav-links li {position: relative; /* 为二级菜单定位做准备 */}
.nav-links a {line-height:3;font-size:18px;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:180px;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:16px;font-weight:400;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:300px;}
.nav_w400{min-width:450px;}

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

/* 遮罩层 */
.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:90%;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;font-size:3.4vw;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{max-height:16vw;max-width:70vw;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:1vw;}
.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: 150px;height:3px;border-radius:10px;
    background: linear-gradient(to left, var(--primary), var(--secondary));}
.index-title p {color: #999;max-width:1200px;margin: 0 auto;font-weight: 400;font-size: 16px;}
.about-content {display: flex;align-items: center;gap: 50px;}
.about-text {flex: 1;}
.about-text h2 {font-size: 20px;font-weight:500;margin-bottom:20px;color: black;line-height: 1.8;text-transform: uppercase;margin-left: 16px;}
.about-text h3 {font-size: 20px;margin-bottom:5px;color: white;line-height: 1.2;text-transform: uppercase;display: inline-block;padding: 5px 15px;background: var(--gray-dark);font-weight: 300;border-radius: 100px;}
.about-text p {margin-bottom:15px;color: #555;font-size:18px;line-height:1.6;font-weight:300;}
.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:linear-gradient(to left, var(--primary), var(--secondary)); color: white;
    border-radius: 6px; text-decoration: none; font-weight:700; width: fit-content; transition: background-color 0.3s;
margin-top: 20px;transition: all 300ms;
}
.about-text-btn:hover{padding: 12px 30px 12px 30px;}
@media (max-width: 768px) {
.about {padding:5vw 0;background-size:600vw}
.about-text h2 {font-size:3.6vw;line-height:1.4}
.about-text h3{font-size:3.6vw;line-height:1.4}
}


/* 首页应用场景 */
.app{margin: 0;padding:50px 0 80px 0;background: linear-gradient(to left, var(--primary), var(--secondary));}
.app .container{max-width: 1600px !important;}
.app .index-title h2,.app .index-title p{color:white !important;}
.app .index-title h2::after{background:white;}
.app-content{display: flex;justify-content: center;gap: 20px;}
.app-app{flex:1 1 25%;background-color: black;display: block;position: relative;width:100%;overflow: hidden;border-radius: 10px;}
.app-app::before{content:"";position:absolute;left:0;bottom:0;z-index:2;width:100%;height:100%;background:linear-gradient(to bottom, #090c1800, #090c1899);transition:.3s all;}
.app-apptext{position: absolute;bottom:0;left: 0;z-index: 3;width: 100%;padding: 20px 22px;transition: .3s all;}
.app-apppic{width:100%;display:flex;justify-content:center;align-items:center;transition:.3s all;position:relative;z-index:1;}
.app-apppic img{width:100%;}
.app-appn1{color:white;margin-bottom:6px;display: inline-block;background: var(--dark-green);font-size: 18px;font-weight:500;padding: 0 20px;line-height: 2;border-radius: 20px;}
.app-appn2{font-size:36px;font-weight:bold;margin-bottom:10px;line-height:1;color: white;}
.app-appn3{height:auto;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;font-size:14px;line-height:1.2;opacity:0;transition:.3s all;color: white;}
.app-appn4{width:30px;height:30px;border-radius:50%;border:1px solid white;opacity:0;display:flex;justify-content:center;align-items:center;margin-top:15px;transition:.3s all;}
.app-appn4 img{width: 16px;height: 16px;box-sizing: border-box;}
.app-app:hover .app-apptext{bottom:0;}
.app-app:hover .app-appn3{opacity:1;}
.app-app:hover .app-appn4{opacity:1;}
/* ========== 首页应用场景 - 响应式（手机版） ========== */
@media (max-width: 768px) {
    .app {padding: 30px 15px 40px 15px; /* 手机边距缩小 */}
    .app .container{padding:0;}
    .app-content {display: grid;grid-template-columns: repeat(2, 1fr); /* 手机端自动 2 列排列 */gap: 12px; /* 缩小间距 */}
    .app-app {flex: unset;border-radius: 8px; /* 圆角缩小更美观 */}
    .app-apptext {padding: 12px 14px; /* 文字内边距缩小 */}
    .app-appn1 {font-size: 14px;padding: 0 12px;line-height: 1.8;margin-bottom: 4px;}
    .app-appn2 {font-size: 20px; /* 标题缩小 */margin-bottom: 4px;}
    .app-appn3 {font-size: 12px; /* 描述文字缩小 */}
    .app-appn4 {width: 24px;height: 24px;margin-top: 8px;}
    .app-appn4 img {width: 12px;height: 12px;}
}

/* 更小屏幕（iPhone SE 等）自动变 1 列 */
@media (max-width: 380px) {
  .app-content {grid-template-columns: repeat(1, 1fr);}
}











/* 首页推荐产品样式 */
.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;display: flex;justify-content: center;flex-wrap: wrap;gap: 12px;max-width: 1650px;margin:auto;}
.categories-scroll::-webkit-scrollbar {display: none; /* 针对Webkit内核浏览器隐藏滚动条 */}
.category-tag {padding:7px 15px;background:var(--dark-blue);
    border-radius:20px;font-size:15px;font-weight:400;color:var(--white);text-decoration: none;transition:all 500ms;}
.category-tag:hover{:#444;background: #444444;}
.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 {display:flex;justify-content:center;align-items:center;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:16px;line-height:1.4;font-weight:400;color:#333333;margin:0 0 8px 0;text-align:center;
-webkit-line-clamp:3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}
#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 {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;}
#in_productsSwiper .product-title{font-size:3.2vw;}
.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: 40px; margin-bottom: 20px; line-height: 1.3;text-transform: uppercase;}
.in_solution-content p{color: #fff; line-height: 1.4; margin-bottom: 25px; font-size: 1rem;max-width:560px;}
.in_solution-content ul{color: #fff;margin-bottom:30px;list-style: none;max-width:600px;}
.in_solution-content ul li{font-size:18px;line-height:1.4;margin-bottom:20px;font-weight:700;}
.in_solution-content ul li a{font-size:18PX;line-height:1.4;font-weight:400;
    display: inline-block; padding:10px 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;
width: 100%;
}
.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;  color: white;
    border-radius: 6px; text-decoration: none; font-weight:700; width: fit-content; transition: background-color 0.3s;}
.in_solution-more:hover {background:var(--secondary);}
@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;gap: 30px;}
.service-card {border-radius:8px;padding:0;text-align:center;
        box-shadow:0 5px 15px rgba(0,0,0,0.05);transition:transform 0.3s;flex: 0 1 31%;margin-bottom: 20px;}
.service-card:hover {transform: translateY(-5px);}
.service-icon {width: 100%;margin: 0 auto 5px auto;}
.service-icon img{max-width:100%;width:auto;box-sizing:border-box;}
.service-icon i {font-size: 30px;color: var(--primary-green);}
.service-card h3 {color: white;font-size:16px;line-height:1.4;font-weight:400;}
.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;}
.services-grid{gap:1vw;}
.service-card h3{font-size:3.6vw;}
.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);}
.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 0 20px 0;flex: 1;display: flex;flex-direction: column;}
.in-case-title {font-size:20px;line-height:1.4;color: var(--gray-dark);margin-bottom:10px;font-weight: 600;}
.in-case-desc{font-size: 16px;color: #333;margin-bottom: 10px;flex: 1;line-height: 1.5;}
.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;
-webkit-line-clamp: 3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;}
.in-case-desc{font-size:3.2vw;
-webkit-line-clamp: 3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;}
}






        /* 技术支持区域样式 */
.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: #333;font-size: 16px;font-weight: 400;margin: 0;line-height: 1.4;}
.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: 60px;}
.in-news-card {border-radius: 8px;/*! overflow: hidden; *//*! box-shadow: 0 5px 15px rgba(0,0,0,0.05); */}
.in-news-image {height: 300px;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 0;background-color: white;}
.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: #333;font-size:18px;line-height:1.4;font-weight:500;
    -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-grid{gap:0;}
.in-news-content h3{font-size:3.2vw;font-weight:400;}
.in-news-content p{display:none;}
}



    .read-more {color:#7e7e7e;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);}










/* 页脚样式 */
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;display: none;}
.footer-col:nth-child(2){flex:0 1 66%;min-width:360px;}
.footer-col:nth-child(3){flex:0 1 34%;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;gap:12px 10px;}
.footer-products li {color:var(--light-blue);flex:1 1 48%;}
.footer-products a {color:var(--light-blue);text-decoration:none;transition: all 0.3s;display:flex;justify-content:left;flex-wrap:nowrap;align-items:center;gap:10px 12px;}
.footer-products a:hover p{color:white !important;}
.footer-products a i{}
.footer-products a p{font-size:15px;line-height:1.4;}

.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;display:flex;justify-content:left;flex-wrap:nowrap;align-items:center;gap:0 12px;}
.footer-links a i{}
.footer-links a p{font-size:15px;}
.footer-about p {color: var(--light-blue);margin-bottom: 20px;font-size:15px;}
.footer-links a:hover p{color:white;}

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

.social-links {display: flex;gap: 15px;margin-top: 30px}
.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: 10px 0;color:var(--light-blue);font-size: 12px;background: #0005;}
.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){display:none;}

.footer-col:nth-child(3){flex:0 1 100%;max-width:90%;margin:auto;}
.footer-contact-c{flex-wrap:wrap;min-width:100% !important;}
.footer-qr,.footer-contact{width:100%;max-width:100%;}
.footer-qr{text-align: center;margin-bottom:5vw;border-bottom:1px solid #ffffff55;padding-bottom:5vw;}
.footer-qr img{max-width:160px;margin:auto;}
.footer-qr-text{font-size:3.6vw;}

.footer-col h3{display:none;}

.social-links{margin-top:5vw;}
.footer-grid{margin-bottom:3vw;}

.copyright{padding:0;background:none;}
.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:80px;line-height:1;margin-bottom: 20px;font-weight: 700;text-transform: uppercase;}
.hero-content p{font-size:24px;max-width:1000px;margin: 0 auto 20px;}
.hero-content-link{display:flex;justify-content:center;align-items:center;flex-wrap: wrap;gap:0 20px;}
.hero-content-link a{font-size: 1.2rem;line-height:1.6;margin:1rem 0 0 0;
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 auto;text-align:center;transition: all 300ms;}
.hero-content a{color:white;font-weight:400;text-align:center;background-color:var(--primary);padding:10px 20px;text-decoration: none;font-size:18px;
    border-radius: 4px;}
.hero-content a:hover{background-color: var(--primary-green);}
@media (max-width: 768px) {
    .hero{height:45vw;}
    .hero-content-link{gap:2vw;}
.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:auto !important;padding:1vw 2vw;margin:0;}
}
/* 内页大标题样式 */
.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:80px;position: relative;}
.rich-text-h3 {font-size:40px;color: var(--gray-dark);margin-bottom: 15px;position: relative;font-weight: 400;line-height: 1}
.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{margin-bottom:5vw;}
.rich-text-h3{font-size:6vw;}
.rich-text-p{font-size:3.6vw;}
.rich-text-content {  font-size:3.6vw;line-height:1.4;  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;}
@media (max-width: 768px) {
    .jd_logo ul{justify-content: center;}
    .jd_logo ul li{flex:1 1 23%;max-width:23%;}
}




        /* 企业文化网格 */
.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-grid-container {padding:0 0 50px 0 !important;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:50px;}
.honor-card {}
.honor-image {height:auto;width:auto;max-width:100%;max-height:300px;display:flex;justify-content:center;align-items:center;}
.honor-image img {height:auto;width:auto;max-width:100%;max-height:300px;}
.honor-title {font-size:18px;color:#333333;font-weight:400;line-height:1.4;text-align:center;padding:15px 0;}
@media (max-width: 768px) {
    .honor-grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(30vw,1fr));gap:0 5vw;}
    .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;}


        /* 横向排版样式 - 复用类 */
.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);}
        }
@media (max-width: 768px) {
.detail-content {padding:5vw 0 !important;}
.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;}
}







/* 案例网格布局 */
.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;cursor: zoom-in;}
.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:#333333;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;}
}







/* 面包屑导航 */
.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;}








/* 技术支持区域样式 */
.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;}
}










/*右侧悬浮侧边栏*/

/* 右侧悬浮容器 */
.float-sidebar {position:fixed;right:20px;bottom:10%;transform:translateY(-50%);z-index:999;display:flex;flex-direction:column;gap:4px;}
/* 单个按钮块 */
.sidebar-item {width:60px;height:60px;background:#0087d1;position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;}
/* 白色图标容器 */
.icon-box {width:36px;height:36px;fill:#fff;}
/* 悬浮弹出文字面板 */
.tip-panel {position:absolute;right:60px;background:#fff;padding:10px 16px;white-space:nowrap;border:1px solid #ddd;display:none;font-size:24px;color:#333;box-sizing:border-box;}
.tip-panel a{color:#333;}
/* 鼠标移入显示提示 */
.sidebar-item:hover .tip-panel {display:block;}