/* 全局重置 */
* {margin: 0;padding: 0;box-sizing: border-box;font-family: "微软雅黑", sans-serif;}
a{text-decoration:none;color:#00a3b5;}
/* 移动端视口适配 */
html {font-size: 16px;}
@media (max-width: 375px) {html {  font-size: 14px;}}
@media (max-width: 320px) {html {  font-size: 12px;}}
ol,ul,li{list-style:none;list-style-type:none;}
body {background-color: #f5f5f5;color: #333;line-height: 1.6;}

/* 头部导航 */
.header {background-color: #00a3b5;color: #fff;padding: 1rem;position: fixed;top: 0;left: 0;width: 100%;z-index: 999;}
.header-top {display: flex;justify-content: space-between;align-items: center;}
.logo a {font-size: 1.5rem;font-weight: bold;color: #fff;}
/* 汉堡菜单按钮 */
.menu-btn {width: 2rem;height: 2rem;display: flex;flex-direction: column;justify-content: space-around;cursor: pointer;}
.menu-btn span {display: block;width: 100%;height: 0.2rem;background-color: #fff;}
/* 导航菜单（默认隐藏） */
.nav {display: none;background-color: #fff;color: #333;margin-top: 1rem;border-radius: 0.5rem;overflow: hidden;}
.nav.active {display: block;}
.nav ul {list-style: none;}
.nav li {border-bottom: 1px solid #eee;}
.nav li:last-child {border-bottom: none;}
.nav a {display: block;padding: 1rem;color: #333;text-decoration: none;}
.nav a:hover, .nav a.active {background-color: #f0f8ff;color: #00a3b5;}
/* 子菜单样式 */
.sub-nav {background-color: #f9f9f9;}
.sub-nav li a {padding-left: 2rem;}

/* 主体内容 */
.main {padding: 6rem 1rem 3rem;max-width: 750px;margin: 0 auto;}
.page-title {font-size: 1.8rem;color: #00a3b5;margin-bottom: 1.5rem;padding-bottom: 0.5rem;border-bottom: 2px solid #eee;text-align:center;}
/* 列表项样式（带图片） */
.list-item {background-color: #fff;border-radius: 0.5rem;padding: 1rem;margin-bottom: 1rem;display: flex;gap: 1rem;box-shadow: 0 0 0.5rem rgba(0,0,0,0.1);}
.list-item-img {width: 8rem;height: 6rem;border-radius: 0.3rem;object-fit: cover;}
.list-item-content {flex: 1;}
.list-item-title {font-size: 1.2rem;margin-bottom: 0.5rem;color: #333;}
.list-item-desc {font-size: 0.9rem;color: #666;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.list-item-time {font-size: 0.8rem;color: #999;margin-top: 0.5rem;}

/* 详情页样式 */
.detail-content {background-color: #fff;padding: 1.5rem;border-radius: 0.5rem;box-shadow: 0 0 0.5rem rgba(0,0,0,0.1);}
.detail-content img,.detail-img {width: 100%!important;height: auto!important;border-radius: 0.5rem;margin: 1rem 0;}
.detail-text {font-size: 1rem;color: #333;margin-bottom: 1rem;}

/* 底部样式 */
.footer {background-color: #00a3b5;color: #fff;padding: 1.5rem 1rem;text-align: center;font-size: 0.9rem;position: fixed;bottom: 0;left: 0;width: 100%;}

/* 联系我们页面样式 */
.contact-info {background-color: #fff;padding: 1.5rem;border-radius: 0.5rem;box-shadow: 0 0 0.5rem rgba(0,0,0,0.1);}
.contact-item {margin-bottom: 1rem;display: flex;align-items: center;gap: 1rem;}
.contact-icon {font-size: 1.5rem;color: #00a3b5;}
/* banner轮播 */
.banner {width: 100%;height: 200px;overflow: hidden;position: relative;border-radius: 0.5rem;margin-bottom: 1.5rem;}
.banner-list {display: flex;width: 300%;height: 100%;transition: transform 0.5s ease;}
.banner-item {width: 100%;height: 100%;}
.banner-item img {width: 100%;height: 100%;object-fit: cover;}
.banner-dots {position: absolute;bottom: 0.8rem;left: 50%;transform: translateX(-50%);display: flex;gap: 0.5rem;}
.banner-dot {width: 0.8rem;height: 0.8rem;border-radius: 50%;background-color: rgba(255,255,255,0.6);cursor: pointer;}
.banner-dot.active {background-color: #00a3b5;}

/* 核心优势板块 */
.advantage-section {margin: 2rem 0;}
.section-title {font-size: 1.5rem;color: #00a3b5;margin-bottom: 1rem;text-align: center;position: relative;}
.section-title::after {content: '';display: block;width: 4rem;height: 0.2rem;background-color: #00a3b5;margin: 0.5rem auto;}
.advantage-list {display: grid;grid-template-columns: repeat(2, 1fr);gap: 1rem;}
.advantage-item {background-color: #fff;padding: 1.5rem 1rem;border-radius: 0.5rem;text-align: center;box-shadow: 0 0 0.5rem rgba(0,0,0,0.05);}
.advantage-icon {font-size: 2rem;color: #00a3b5;margin-bottom: 0.8rem;}
.advantage-name {font-size: 1.1rem;font-weight: bold;margin-bottom: 0.5rem;}
.advantage-desc {font-size: 0.9rem;color: #666;}

/* 服务速览板块 */
.service-section {margin: 2rem 0;}
.service-list {display: flex;overflow-x: auto;gap: 1rem;padding-bottom: 0.5rem;}
.service-item {min-width: 12rem;background-color: #fff;border-radius: 0.5rem;overflow: hidden;box-shadow: 0 0 0.5rem rgba(0,0,0,0.05);}
.service-item-img {width: 100%;height: 8rem;object-fit: cover;}
.service-item-content {padding: 1rem;}
.service-item-title {font-size: 1.1rem;font-weight: bold;margin-bottom: 0.5rem;}
.service-item-desc {font-size: 0.9rem;color: #666;}

/* 成功案例板块 */
.case-section {margin: 2rem 0;}
.case-list {display: grid;grid-template-columns: repeat(2, 1fr);gap: 1rem;}
.case-item {background-color: #fff;border-radius: 0.5rem;overflow: hidden;box-shadow: 0 0 0.5rem rgba(0,0,0,0.05);padding:10px;}
.case-item-img,.case-item img{width: 100%;height: 6rem;object-fit: cover;}
.case-item-content {padding: 0.8rem;}
.case-item-title {font-size: 1rem;font-weight: bold;margin-bottom: 0.3rem;}
.case-item-desc {font-size: 0.8rem;color: #666;}

/* 客户评价板块 */
.review-section {margin: 2rem 0;}
.review-list {background-color: #fff;border-radius: 0.5rem;padding: 1.5rem;box-shadow: 0 0 0.5rem rgba(0,0,0,0.05);}
.review-item {margin-bottom: 1.5rem;padding-bottom: 1.5rem;border-bottom: 1px solid #eee;}
.review-item:last-child {margin-bottom: 0;padding-bottom: 0;border-bottom: none;}
.review-user {display: flex;align-items: center;gap: 0.8rem;margin-bottom: 0.8rem;}
.review-avatar {width: 3rem;height: 3rem;border-radius: 50%;object-fit: cover;}
.review-name {font-weight: bold;}
.review-star {color: #ffd700;margin-left: auto;}
.review-content {font-size: 0.95rem;color: #333;line-height: 1.6;}

/* 预约咨询板块 */
.booking-section {background: linear-gradient(135deg, #00a3b5, #5cadff);color: #fff;padding: 2rem 1.5rem;border-radius: 0.5rem;text-align: center;margin: 2rem 0;}
.booking-title {font-size: 1.5rem;margin-bottom: 1rem;}
.booking-desc {font-size: 1rem;margin-bottom: 1.5rem;opacity: 0.9;}
.booking-btn {display: inline-block;background-color: #fff;color: #00a3b5;font-weight: bold;padding: 0.8rem 2rem;border-radius: 2rem;text-decoration: none;font-size: 1.1rem;box-shadow: 0 0.3rem 0.5rem rgba(0,0,0,0.1);}

.weizhi{margin-bottom:0.5rem;}
.weizhi,.weizhi a{color:#999;font-size: 0.85rem;}
.news-listpage a{margin:0 5px;}

.team-list {display: flex;flex-wrap: wrap;gap: 16px; /* 成员卡片之间的间距 */justify-content: center; /* 卡片居中排列 */}

/* 单个成员卡片样式 */
.team-card {width: calc(50% - 8px); /* 一行显示2个卡片，减去间距的一半 */background-color: #fff;border-radius: 12px; /* 圆角，提升美观度 */	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); /* 轻微阴影，增加层次感 */padding: 16px;text-align: center;transition: transform 0.2s ease; /* 触摸时的轻微缩放动画 */}

/* 卡片触摸/hover效果（适配移动端触摸） */
.team-card:active {transform: scale(0.98);}

/* 成员头像样式 */
.member-avatar {width: 80px;height: 80px;border-radius: 50%; /* 圆形头像 */	object-fit: cover; /* 保证图片比例，不拉伸 */margin: 0 auto 12px;border: 2px solid #eee;}

/* 成员姓名样式 */
.member-name {font-size: 18px;font-weight: 600;color: #333;margin-bottom: 4px;}

/* 成员职位样式 */
.member-position {font-size: 14px;color: #666;margin-bottom: 8px;}

/* 成员简介样式 */
.member-desc {font-size: 12px;color: #999;line-height: 1.4;}

/* 适配小屏手机（宽度小于375px），一行显示1个卡片 */
@media (max-width: 375px) {.team-card {	width: 100%;}}