/* 基础重置与变量 */
:root {
	--primary-color: #031c6b; /* 深蓝色主调 */
	--accent-color: #031c6b; /* 点缀 */
	--on-color: #d79c4a; /* 当前 */
	--text-main: #3c4049;
	--text-white: #fff;
	--text-light: #3c4049;
	--bg-light: #f8f9fa;
	--bg-blue-gradient: linear-gradient(135deg, #e0f2fe 0%, #ffffff 100%);
	--max-width: 1200px;
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: MiSans;
	font-size: 14px;
	font-family: "MiSans", "思源黑体 CN","Noto Sans SC", arial, sans-serif !important;
}

body {
	color: var(--text-main);
	line-height: 1.6;
	background-color: #fff;
}

a {
	text-decoration: none;
	color: inherit;
}

ul {
	list-style: none;
}

img{
	display: block;
	max-width: 100%;
}

.container {
	max-width: var(--max-width);
	margin: 0 auto;
}

/* 顶部导航 */
header {
	background-color: #ffffff;
	box-shadow: 0 2px 10px rgba(0,0,0,0.05);
	position: sticky;
	top: 0;
	z-index: 100;
}

.nav-inner{
	background: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	/* max-height: 116px; */
}

.nav-inner.fixed{
	background:var(--primary-color) ;
}

.nav-inner_container {
	position: relative;
	justify-content: space-between;
	align-items: center;
	margin: 0 9.2% 0 3%;
	padding: 28px 0;
}

.logo {
	font-size: 24px;
	font-weight: bold;
	color: var(--primary-color);
	letter-spacing: 2px;
	width: 11%;
}

.nav-inner.fixed .logo img:last-child{
	display: block;
}

.nav-inner.fixed .logo img:first-child{
	display: none;
}

.logo img:first-child{
	display: block;
}

.logo img:last-child{
	display: none;
}

.nav-links{
	position: absolute;
	top: 30%;
	right: 3%;
	margin-left: 3rem;
}

.nav-links ul{
	overflow: hidden;
	gap: 30px;
	font-size: 14px;
	margin-right: 25px;
}

.nav-links ul li{
	float: left;
	margin-left: 35px;
}

.nav-links ul li b{
	display: block;
	width: 0px;
	height: 3px;
	background: var(--accent-color);
	margin: 0 auto;
	border-radius: 5px;
	transition-duration: .3s;
	opacity: 0;
}

.nav-links ul li:hover b{
	width: 20px;
	transition-duration: .3s;
	opacity: 1;
}

.nav-links ul li:hover a{
	font-weight: bold;
	color: var(--accent-color);
}

.nav-links ul li.on a{
	font-weight: bold;
	color: var(--accent-color);
}

.nav-links ul li:last-child a{
	font-weight: normal !important;
}

.nav-links ul li.on b{
	width: 20px;
	transition-duration: .3s;
	opacity: 1;
}

.nav-inner.fixed .nav-links a{
	color: var(--text-white);
}

.nav-inner.fixed .nav-links ul li:hover b{
	background: var(--text-white);
	opacity: 1 !important;
}
.nav-inner.fixed .nav-links ul li.on b{
	background: var(--text-white);
	opacity: 1 !important;
}

.nav-links a{
	color: var(--text-main);
	font-size: 1.6875rem;
	line-height: 3.6rem;
	
}

.nav-links a:hover {
	color: var(--accent-color);
}

/* .search{
	float: right;
	padding: 16px 0 ;
} */
.site-search{
	position: absolute !important;
	top: 18%;
	right: 0;
	padding: 16px 0 ;
}

.nav-inner.fixed .search a{
	background: url(../img/search_background_white.jpg) no-repeat left center;
}

.search a{
	display: block;
	width: 100%;
	background: url(../img/search_background.jpg) no-repeat left center;
	padding-left: 25px;
}

.search a img{
	max-width: 1.5rem;
	display: block;
}

.nav-inner.fixed .search a img:first-child{
	display: none;
}

.nav-inner.fixed .search a img:last-child{
	display: block;
}

.search a img:first-child{
	display: block;
}

.search a img:last-child{
	display: none;
}

/* 通用 Section 样式 */
section {
	padding: 80px 0;
}

.section-title {
	text-align: center;
	font-size: 4.125rem;
	color: var(--primary-color);
	letter-spacing: 4px;
	line-height: 1.2;
}

h3.section-title{
	font-size: 2.8125rem;
	color: #3c4049;
	padding:80px 0 40px
}

.section-subtitle {
	text-align: center;
	font-size: 2.0625rem;
	color: var(--text-light);
	margin-bottom: 50px;
}

/* 官栈与花胶 */
.index_bannertab{
	background: url(../img/bannertab_bg.jpg) no-repeat top center;
	background-size: 100% auto;
}

.index_product_text b{
	display: block;
	margin: 20px 0 60px;
	width: 66px;
	height: 4px;
	background:var(	--on-color) ;
}

.index_product{
	position: relative;
}

.indextime_title{
	position: relative;
}
.timeline-icon{
	
}
.indextime_titleright{
	position: absolute;
	width: 40%;
	right: 0;
	z-index: 2;
}

#timeline_second{
	margin: 0 13%;
}

.index_product_text{
	position: absolute;
	left: 8%;
	top: 100px;
}

.stat-item_img{
	max-width: 100px;
}

.stat-item_text{
	margin-left: 28px;
}

.stat-item .stat-item_text h3{
	line-height: 55px;
	overflow: hidden;
	color: var(	--on-color);
	text-align: left;
}
.stat-item .stat-item_text h3 span{
	font-size: 5rem;
	line-height: 55px;

}

.stat-item .stat-item_text h3 strong{
	font-size: 2rem;
	line-height: 55px;
	/* float: right; */
}

.stat-item .stat-item_text p{
	font-size: 2rem;
}

.index_product_text .section-title{
	text-align: left;
}

.product_describe{
	text-align: left; 
	color: var(--text-light); 
	max-width: 800px; 
	font-size: 1.875rem;
	font-weight: 300;
	line-height: 2.6rem;
}

.collagen-stats {
	justify-content: space-around;
	margin-bottom: 40px;
	text-align: left;
}

.stat-item{
	display: flex;
	margin-bottom: 35px;
}

.stat-item_img{
	
}

/* 时间轴 (简化版) */
.index_time{
	background: url(../img/time_line.png) no-repeat left 47%;
	background-size: 100% auto;
	min-height: 1000px;
	overflow: hidden;
	margin-top: 100px;
}
.index_time_bg{
	background: url(../img/index_time_bg.jpg) no-repeat bottom;
	background-size: 100% 35%;
	padding-bottom: 80px;
}
.timeline {
	display: flex;
	justify-content: space-between;
	position: relative;
	flex-wrap: wrap;
	gap: 20px;
}

#timeline_second .timeline-item{
	width: 30%;
}

.indextime_content{
	position: relative;
	margin-bottom: 40px;
	min-height: 300px;
}

#timeline_second .indextime_content{
	padding: 30px 20px;
	background-color: var(--text-white);
	border-radius: 5px;
	min-height: 192px;
	max-width: 80%;
	margin: 0 auto;
}

#timeline_second .indextime_img{
	padding-bottom: 100px;
}

#timeline_first{
	padding: 0 2%;
	padding-bottom: 60px;
}

#timeline_first .indextime_img{
	padding-top: 100px;
}

.indextime_img{
	margin: 0 auto;
	text-align: center;
	position: relative;
}

.indextime_img_line{
	margin: 0 auto;
	text-align: center;
	border-radius: 50%;
	border: 2px solid #dde5f6;
	width: 150px;
	height: 150px;
}

#timeline_first .img_line{
	top: 0;
}

#timeline_second .img_line{
	bottom: 0;
}

.img_line{
	position: absolute;
	width: 1px;
	left: 50%;
	height:100px ;
	background-color: #dde5f6;
}

.indextime_img img{
	width: 130px;
	display: block;
	margin: 10px auto;
	text-align: center;
}

.indextime_titleright span{
	text-align: left !important;
}

.indextime_content_position{
	position: absolute;
	padding: 30px 20px;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: var(--text-white);
	border-radius: 5px;
}
#timeline_first .indextime_content_position{
	width: 95%;
}

.timeline-item {
	flex: 1;
	min-width: 150px;
	position: relative;
	z-index: 2;
}

#timeline_first .timeline-icon{
	margin-top: 20px;
}

.indextime_titleright{
	
}

.indextime_titleright b{
	font-size: 1.5625rem;
	font-weight: 200;
	color: var(	--on-color);
}
.indextime_titleright b strong{
	font-size: 1.5625rem;
	font-weight: 200;
	color: var(	--on-color);
}

.indextime_titleright h4{
	font-size: 2.125rem;
	color: var(	--text-main) !important;
	margin: 0 !important;
	font-weight: bold;
}

.indextime_titleright p{
	font-weight: bold;
	font-size: 1.5625rem;
	color: var(	--text-main);
}

#timeline_second .timeline-icon{
	margin-bottom: 100px;
}

.timeline-icon {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
}

.timeline-item h4 {
	color: var(--primary-color);
	margin-bottom: 5px;
}

.timeline-item p {
	color: var(	--text-main);
	text-align: left;
	font-size: 1.25rem;
}

.timeline-item span{
	text-align: right;
	display: block;
	padding-top: 20px;
	font-size: 1rem;
}

/* 关于官栈 */
.about-section {
	background: url(../img/index_aboutbg.jpg) no-repeat right center;
	background-size: cover;
	padding: 90px 0;
}

.about-content {
	display: flex;
	align-items: center;
	gap: 50px;
}

.about-text {
	flex: 1;
	max-width: 60%;
}

.about-text h2 {
	font-size:4.7rem;
	color: var(--primary-color);
}

.about-text h2 span{
	color: var(	--text-main);
	font-size: 2.0625rem;
	font-weight: normal;
	display: block;
}

.about-text p {
	color: var(	--text-main);
	font-size: 1.875rem;
	line-height: 2.625rem;
	font-weight: 300;
	padding: 40px 0 100px;
}

.about-stats {
	display: flex;
	gap: 100px;
}

.about-stat-item h3 {
	
}

.about-stat-item h3 b{
	font-size: 4rem;
	color: var(--primary-color);
}

.about-stat-item h3 span{
	color: var(	--text-main);
	font-size: 1.875rem;
	font-weight: normal;
	padding-left: 5px;
}

.about-stat-item p {
	font-size: 1.5rem;
	color: var(	--text-main);
	margin-bottom: 0;
	padding: 0;
	
}

/* 生命周期滋补 */
.life_cycle section{
	padding: 120px 0 40px;
}

.lifecycle-grid {
	display: flex;
	justify-content: center;
	gap: 50px;
	padding-top: 20px;
	flex-wrap: wrap;
}

.lifecycle-item {
	text-align: center;
}

.lifecycle-icon {
	width: 200px;
	height: 200px;
	border-radius: 50%;
	background-color: #e6f0fa;
	margin: 0 auto 80px;
	overflow: hidden;
}

.lifecycle-item:hover .lifecycle-icon img{
	transition-duration: .3s;
	transform: scale(1.1);
}

.lifecycle-icon img{
	transition-duration: .3s;
}

.lifecycle-item p {
	font-size: 1.875rem;
	color: var(	--text-main);
}

/* 产品中心 */
.index_product{
	
}

.index_product .container{
	width: 100%;
	max-width: 100%;
}

.index_product section{
	padding: 120px 0;
}

.index_product .section-subtitle{
	text-align: left;
	font-size: 2.8125rem;
}

.products-section {
	text-align: center;
}

.products-grid {
	overflow: hidden;
}

.product-card {
	float: left;
	margin: 0 1%;
	border-radius: 16px;
	overflow: hidden;
	cursor: pointer;
	position: relative;
}

.product-card ul li:first-child{
	margin: 0;
}

.product-card ul li{
	position: relative;
	margin-top: 22px;
	border-radius: 16px;
	overflow: hidden;
}

.product-card:nth-child(1){
	width: 31%;
}

.product-card:nth-child(2){
	width: 20%;
}

.product-card:nth-child(3){
	width: 20%;
}

.product-card:nth-child(4){
	width: 20%;
}

.product-img {
	display: flex;
	justify-content: center;
	align-items: center;
	box-shadow: 2px 0 9px rgba(166,166,166,0.53);
	border-radius: 16px;
	transition-duration: .3s;
}

.product-img img{
	transition-duration: .3s;
}

.product-img:hover img{
	transform: scale(1.1);
	transition-duration: .3s;
}

.product-title {
	position: absolute;
	padding: 10px 20px;
	font-size: 16px;
	font-weight: bold;
	bottom: 0;
	left: 0;
	width: 100%;
	display: flex;
	color: var(--text-white);
	line-height: 2.8125rem;
}
.product-title h2{
	font-size: 2.0625rem;
	letter-spacing: 2px;
	padding-right: 0.625rem;
}

.product-title p{
	font-size: 1.8125rem;
	font-weight: 300;
	padding-left: 0.625rem;
}

.product-title h3{
	font-size: 1.5625rem;
	
}


/* 品质实力 */
.actual_strength .quality-section{
	position: relative;
	padding: 0;
}

.actual_strength_content{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

.actual_strength_content .container{
	background:rgb(255 255 255 / 65%);
	padding: 40px 90px 50px;
}

.actual_strength_content h2{
	font-size: 2.875rem;
	letter-spacing: 2px;
	text-align: center;
	padding-bottom: 0.625rem;
	color: var(--text-main);
}

.actual_strength_content span{
	display: block;
	text-align: left;
	font-size: 1.75rem;
	line-height: 2.5rem;
	color: var(--text-main);
}

.feature-item img{
	display: block;
	width: 5rem;
}

.quality-banner {
	width: 100%;
	margin-top: 90px;
}

.quality-features {
	display: flex;
	justify-content: space-around;
	margin-top: 40px;
	text-align: center;
	flex-wrap: wrap;
	gap: 90px;
}

.feature-item {
	display: flex;
	gap: 20px;
}

.feature-item:first-child p{
	line-height: 5rem;
}

.feature-item p{
	text-align: left;
	font-size: 1.5625rem;
	color: var(--text-main);
	letter-spacing: 1px;
	line-height: 2.5rem;
}

.quality-bannerimg{
	display: flex;
	padding: 100px 0;
}

.quality-bannerimg{
	max-width: 100rem;
	margin: 0 auto;
}

.quality-list{
	max-width: 100rem;
	margin: 0 auto;
	display: flex;
	gap: 2.8125rem;
}

.quality-list_content ul li{
	display: flex;
	gap: 3.125rem;
	padding: 46px 0;
}

.quality-list_content ul li img{
	height: 5.625rem;
}

.quality-list_content ul li p{
	font-size: 1.875rem;
	line-height: 5.625rem;
	color: var(	--text-main); 
}

/* 新闻动态 */
.index_news section{
	padding: 140px 0 170px;
}

.index_newstitle{
	display: flex; 
	justify-content: space-between; 
	align-items: center; 
	margin-bottom: 90px;
}

.index_newstitle a{
	color: var(	--text-white); 
	font-size: 1.5625rem;
	width: 200px;
	height:3.75rem;
	line-height: 3.75rem;
	text-align: center;
	background: url(../img/a.png) 150px center var(--primary-color) no-repeat;
	background-size: auto 18px;
	border-radius: 0.625rem;
	transition-duration: .3s;
}

.index_newstitle a:hover{
	background: url(../img/a.png) 160px center var(--primary-color) no-repeat;
	background-size: auto 18px;
	transition-duration: .3s;
}

.news-list {
	display: flex;
	flex-direction: column;
	gap: 40px;
	margin: 0 auto;
}

.news-item {
	display: flex;
	gap: 80px;
	overflow: hidden;
	align-items: center;
}

.news-img {
	width:50%;
	overflow: hidden;
	border-radius: 16px;
	flex-shrink: 0;
	
}

.news-img img{
	transition-duration: .3s;
	width: 100%;
}

.news-item:hover .news-img img{
	transform: scale(1.1);
	transition-duration: .3s;
}

.news-content {
	flex: 1;
}

.news-date {
	font-size: 2rem;
	color: var(--text-main);
}

.news-title {
	font-size: 2rem;
	padding: 2.5rem 0 3.75rem;
	color: var(--text-main);
}
.news-item:hover .news-title{
	color: var(--primary-color);
}

.news-btn {
	display: inline-block;
	border: 1px solid var(--text-main);
	color: var(--text-main);
	background: url(../img/a_main.png) 146px center var(--text-white) no-repeat;
	background-size: auto 16px;
	border-radius: 1.25rem;
	height: 2.5rem;
	line-height: 2.5rem;
	text-align: center;
	font-size: 1.25rem;
	width: 200px;
}

/* 页脚 */
.backto_top{
	position: absolute;
	top: -7%;
	right: 12%;
	max-width:6% ;
	border-radius: 50%;
	transition-duration: .3s;
}

.backto_top:hover{
	top: -9%;
	transition-duration: .3s;
}

footer {
	background-color: var(--primary-color);
	color: #ffffff;
	position: relative;
	padding: 60px 0 10px;
}

.footer-content {
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 30px;
}

.footer-logo {
	max-width: 13%;
	margin-left: 6%;
}

.footer-logo img{
	display: block;
	width: 100%;
}

.footer-links {
	display: flex;
	gap: 100px;
	text-align: center;
	max-width: 65%;
	margin: 0 auto;
	padding: 100px 0 140px;
}

.footer-link-item {
	font-size: 14px;
	margin: 0 auto;
	text-align: center;
}

.footer-link-item a span{
	font-size: 1.875rem;
	display: block;
	margin-bottom: 30px;
	color: var(--text-white);
}

.footer-link-item i {
	display: block;
	font-size: 24px;
	margin-bottom: 10px;
	font-style: normal;
}

.footer-bottom {
	border-top: 1px solid rgba(255,255,255,0.7);
	opacity: .65;
	padding: 10px 12% 0;
	overflow: hidden;
}

.footer-bottom p{
	float: left;
	font-size: 1.1875rem;
	color: var(--text-white);
	padding: 0 20px 0 30px;
	background: url(../img/copyright.png) no-repeat left center;
	background-size: auto 80%;
}

.footer-bottom  a{
	float: left;
	display: block;
	font-size: 1.1875rem;
	color: var(--text-white);
	padding: 0 20px;
	background: url(../img/footerbg.jpg) no-repeat left center;
}

.wechat-item {
  position: relative;
  overflow: visible;
}

.wechat-trigger {
  display: block;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.wechat-qr {
  position: absolute;
  z-index: 100;
  left: 50%;
  bottom: calc(100% + 18px);
  width: 150px;
  padding: 5px;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .2);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translate(-50%, 8px);
  transition: opacity .2s ease, transform .2s ease, visibility .2s;
}

.wechat-qr img {
  display: block;
  width: 100%;
  height: auto;
}

.wechat-item.is-open .wechat-qr {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translate(-50%, 0);
}

/* 主体内容卡片 */
.company_introduction{
	padding: 110px 8% 0;
}

.main-container {
	margin: 120px 0;
	background: var(--text-white);
	padding: 80px 60px 60px;
	box-shadow: 2px 0 29px rgba(166,166,166,0.18);;
}

.news_detail .main-container{
	margin: 120px 0 90px;
}

/* 页面标题 */
.page-title {
	text-align: center;
	color: var(--primary-color);
	font-size: 3.2rem;
	font-weight: bold;
	border-bottom: 6px solid #ebebeb;
	letter-spacing: 1px;
	padding-bottom: 12px;
}

/* 内容区块 */
.content-section {
	text-align: justify;
	line-height: 1.6;
	font-size: 1.375rem;
	font-weight: 300;
	color: var(--text-main);

}
.content-section b{
	font-size: 1.375rem;
	line-height: 1.6;
	font-weight: 500;
	color: var(--text-main);
}
.content-section h3 span{
	font-size: 1.625rem;
	color: var(--text-main);
}

.content-section h2 span{
	color: var(--primary-color);
	font-size: 2rem !important;
	margin: 40px 0;
	display: block;
	font-weight: bold !important;
}

.content-section strong{
	line-height: 1.4;
	font-size: 1.625rem !important;
	color: var(--primary-color);
	font-weight: 300;
}

.article-content{
	font-size: 1.75rem;
	color:var(--text-main);
}

.article-content img{
	display: block;
	width: 100%;
}

/* 图片占位符 */
.img-placeholder {
	width: 100%;
	background-color: var(--on-color); /* 默认占位色 */
	margin: 80px 0;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #999;
	font-size: 16px;
	overflow: hidden;
}

/* 模拟原图中的照片色调 */
.img-building-1 { background: linear-gradient(to bottom, #c4d7e8, #eef2f5); }
.img-building-2 { background: linear-gradient(to bottom, #a3c2db, #d9e5ed); }
.img-team { background: linear-gradient(to bottom, #d4e5f7, #f0f5fa); }

.company_introduction section{
	padding: 0;
}

/* 段落文字 */
.content-section p {
	color: var(--text-main);
	margin-bottom: 40px;
	text-align: justify;
	line-height: 1.4;
	font-size: 1.625rem;
}

/* 顶部 Banner */
.innerpage_banner{
	padding-top: 109px;
	position: relative;
}

.innerpage_banner section{
	padding: 0;
}

.banner-right{
	position: absolute;
	max-width: 38%;
	right: 8%;
}

.banner {
	position: relative;
	background: linear-gradient(135deg, #d3e5f9 0%, #eff5fc 100%);
	overflow: hidden;
	display: flex;
	align-items: center;
}

/* 新闻内容区域 */
.news-section {
	padding: 100px 2%;
}

.news-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 50px;
}

.result .news-grid{
	display: block;
	max-width: 40%;
	margin: 100px auto 0;
}

.news-card {
	background: #fff;
	overflow: hidden;
	box-shadow: 0 0 10px rgba(166,166,166,0.5);
	display: flex;
	flex-direction: column;
	transition: transform 0.3s;
}

.news-card:hover {
	transform: translateY(-5px);
}

.card-img {
	width: 100%;
	background-color: #e0e0e0; /* 图片占位 */
	background-size: cover;
	background-position: center;
	height: 330px;
	max-height: 330px;
	overflow: hidden;
}

.card-img img{
	display: block;
	width: 100%;
}

/* 为不同卡片设置不同背景色模拟图片 */
.card-img-1 { background-image: linear-gradient(45deg, #2c4b7c, #4a7ab5); }
.card-img-2 { background-image: linear-gradient(45deg, #4a5a7c, #6a8ab5); }
.card-img-3 { background-image: linear-gradient(45deg, #1a3b6c, #3a6b9c); }

.card-content {
	padding: 25px 40px 45px;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
}

.card-content h3 {
	font-size: 1.875rem;
	font-weight: 600;
	line-height: 1.2;
	color: #3e3e3e;
	display: -webkit-box;
	min-height: 63px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2; /* 限制显示的行数 */
	overflow: hidden;
	text-overflow: ellipsis; /* 虽然 -webkit-line-clamp 通常会自动处理，但加上更稳妥 */
}

.btn-wrap {
	display: flex;
	justify-content: flex-end;
	margin-bottom: 15px;
	padding: 35px 0 25px;
}

.btn-more {
	display: inline-block;
	padding: 6px 20px;
	font-size: 1.25rem;
	color: var(--text-gray);
	border: 1px solid #ccc;
	border-radius: 20px;
	transition: all 0.3s;
}

.btn-more:hover {
	background-color: var(--primary-color);
	color: #fff;
	border-color: var(--primary-color);
}

.card-footer {
	border-top: 1px solid var(--primary-color);
	padding-top: 15px;
	font-size: 1.25rem;
	color: #747474;
	letter-spacing: 1px;
	
}

/* 分页器 */
.pagination {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 90px;
	gap: 15px;
	font-size: 1.25rem;
}

.page-item {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 50px;
	height: 50px;
	border: 1px solid var(--text-main);
	color: var(	--text-main);
	cursor: pointer;
	transition: all 0.2s;
	font-size: 1.25rem;
}

.page-item:hover {
	border-color: var(--primary-color);
	color: var(--primary-color);
}

.page-item.active {
	background-color: var(--primary-color);
	color: #fff;
	border-color: var(--primary-color);
}

.page-jump {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-left: 10px;
}

.page-jump input {
	width: 80px;
	height: 50px;
	text-align: center;
	border: 1px solid #ddd;
	border-radius: 4px;
	outline: none;
}
.page-jump span{
	font-size: 1.25rem;
	color: var(	--text-main);
}
/* 文章详情内容区域 */
.news_detail{
	padding: 110px 8% 0;
}

.article-section {
	padding: 60px 0;
	max-width: 960px; /* 限制文章主体宽度，阅读体验更好 */
	margin: 0 auto;
}

.news_detail section{
	padding: 0;
	max-width: 100%;
}

.article-date {
	text-align: center;
	font-size: 1.5rem;
	color: #a1a1a1;
	padding: 10px 0 40px;
}

.article-content p {
	color: var(--text-main);
	margin-bottom: 40px;
	text-align: justify;
	line-height: 1.4;
	font-size: 1.625rem;
}

.article-image {
	width: 100%;
	height: auto;
	min-height: 400px;
	background-color: #e0e8f0; /* 图片占位背景 */
	background-image: linear-gradient(135deg, #d9e6f2, #a9c2e0);
	border-radius: 4px;
	margin: 35px 0;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #8899a6;
	font-size: 14px;
}

/* 上一页/下一页导航 */
.article-nav {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 80px;
	border-top: 1px solid var(--border-color);
	color: #2b2e36;
}

.article-nav a {
	transition: color 0.3s;
	max-width: 35%;
	font-size: 1.375rem;
}

.article-nav a:hover {
	color: var(--primary-color);
}

.article-nav .next {
	text-align: right;
}

/* 往期推荐模块 */
.recommend-section {
	background-color: var(--text-white);
	padding: 40px 60px !important;
	margin-bottom: 110px;
	box-shadow: 2px 0 29px rgba(166,166,166,0.18);
}

.recommend-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 30px;
}

.recommend-header h2 {
	font-size: 2.8125rem;
	color: var(--primary-color);
	font-weight: bold;
}

.recommend-header .more-icon {
	font-size: 20px;
	color: var(--text-light-gray);
	cursor: pointer;
	letter-spacing: 2px;
}

.recommend-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 30px;
}

.recommend-card {
	background: #fff;
	overflow: hidden;
	transition: transform 0.3s;
}

.recommend-card:hover {
	transform: translateY(-3px);
}

.recommend-img {
	width: 100%;
	background-color: #dcdcdc; /* 图片占位 */
	background-size: cover;
	height: 190px;
	overflow: hidden;
	background-position: center;
}

/* 为不同卡片设置不同背景色模拟图片 */
.rec-img-1 { background-image: linear-gradient(45deg, #5a8bc2, #8ab2e0); }
.rec-img-2 { background-image: linear-gradient(45deg, #c27a5a, #e0b28a); }
.rec-img-3 { background-image: linear-gradient(45deg, #6a9a7a, #9ac2a8); }
.rec-img-4 { background-image: linear-gradient(45deg, #3a5a7c, #6a8ab5); }

.recommend-content {
	padding: 15px;
}

.recommend-content p {
	font-size: 1.5rem;
	color: var(	--text-main);
	line-height: 1.3;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin-top: 10px;
	text-align: center;
}

/* 门店网格 */
.offline_store{
	padding: 110px 0 150px;
	margin: 0 10%;
}

.offline_storetitle{
	font-size: 3.625rem;
	color: var(--text-main);
	padding: 80px 0 90px;
	text-align: center;
}

.stores-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 150px;
}

.store-card {
	display: flex;
	flex-direction: column;
	align-items: center;
}

/* 图片区域 */
.store-img-wrapper {
	width: 100%;
	border-radius: 10px;
	background-color: #fff;
	transition: transform 0.3s;
	cursor: pointer;
}

.store-img-wrapper:hover {
	transform: translateY(-5px);
}

.store-img-placeholder {
	width: 100%;
	height: 100%;
	border-radius: 8px;
	overflow: hidden;
	background: linear-gradient(135deg, #eabc7b, #ca964d);
	display: flex;
	justify-content: center;
	align-items: center;
	color: #555;
	font-size: 16px;
	position: relative;
	overflow: hidden;
}

.store-img-placeholder img{
	padding: 2px 2px;
	border-radius: 10px;
	overflow: hidden;
	width: 100%;
}

/* 文字信息 */
.store-name {
	font-size: 2.125rem;
	font-weight: bold;
	color: var(--primary-color);
	text-align: center;
	padding: 100px 0 0;
}

.store-address {
	text-align: center;
}

.store-address a{
	font-size: 1.5rem;
	color: var(--text-main);
	letter-spacing: 1px;
}

.contact{
	padding: 170px 0 0;
	
	
	background: #ededed;
}

.contact main{
	background: url(../img/contact_bg.jpg) no-repeat center right #fff;
	background-size: cover;
	border-top-left-radius: 300px;
}

.content-container {
	padding: 150px 8% 180px;
	display: flex;
	justify-content: space-between;
	position: relative;
	z-index: 1;
	gap: 80px;
}

/* 左侧：媒体采访与品牌合作 */
.media-section {
	flex: 1;
	max-width: 50%;
}

.media-section h2 {
	font-size: 3.375rem;
	color: var(--primary-color);
	margin-bottom: 110px;
	letter-spacing: 1px;
}

.contact-list {
	display: flex;
	flex-direction: column;
	gap: 0;
}

.contact-item {
	display: flex;
	align-items: center;
	gap: 25px;
	padding: 25px 0;
	border-bottom: 1px dashed var(--border-color);
	font-size: 18px;
	
	color: var(--text-dark);
}

.contact-item span{
	line-height: 80px;
	font-size: 2.375rem;
	color: var(--text-main);
	border-bottom: 1px solid #dde5f6;
	display: block;
	width: 100%;
	padding-bottom: 20px;
}

.contact-item:last-child span{
	border: none;
}

.contact-item:last-child {
	border-bottom: none;
}

.icon-circle {
	max-width: 80px;
}

/* 右侧：业务合作 */
.business-section {
	flex: 1;
	max-width: 450px;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.business-section h2 {
	font-size: 3.375rem;
	color: var(--primary-color);
	margin-bottom: 110px;
	letter-spacing: 1px;
}

.qr-card {
	background:var(--text-white);
	border-radius: 22px;
	box-shadow: 10px 0 13px rgb(32 70 171 / 20%);
	margin-bottom: 40px;
	overflow: hidden;
}

/* 二维码中间的logo */
.qr-logo {
	
}

.business-tip {
	display: flex;
	align-items: center;
	gap: 10px;
}

.business-tip img{
	max-width: 30px;
}

.business-tip span{
	font-size: 1.875rem;
	color: var(--text-main);
}

.business-tip span b{
	font-size: 1.875rem;
	color: var(--primary-color);
}
/* 产品列表容器 */
.product{
	background: #f6f6f6;
}
.product section{
	padding: 0;
	overflow: hidden;
}
.product section:hover .product-img-area img{
	transform: scale(1.1);
	transition-duration: .3s;
}
.product-img-area img{
	transition-duration: .3s;
}
.products-wrapper {
	display: flex;
	padding: 120px 8%;
	flex-direction: column;
}

.product-row{
	margin-bottom: 70px;
}

.product-row:last-child{
	margin-bottom: 0;
}

/* 单个产品区块 */
.product-row {
	display: flex;
	align-items: center;
}

/* 偶数行翻转布局 */
.product-row:nth-child(even) {
	flex-direction: row-reverse;
}

/* 图片区域占位 */
.product-img-area {
	justify-content: center;
	align-items: center;
	width: 42%;
	position: relative;
}

.product-row:nth-child(even) .sketch-placeholder {
	right: auto;
	left: 20px;
}

.product-row:nth-child(even) .product-text-area {
	padding-left: 20%;
	padding-right: 8%;
}

.product-row:nth-child(1){
	background: url(../img/pro_bg01.png) no-repeat right center #ffffff;
	background-position: right center !important;
	background-size: auto 70%;
}
.product-row:nth-child(2){
	background: url(../img/pro_bg02.png) no-repeat left center #ffffff;
	background-position: left center !important;
	background-size: auto 70%;
}
.product-row:nth-child(3){
	background: url(../img/pro_bg03.png) no-repeat right center #ffffff;
	background-position: right center !important;
	background-size: auto 70%;
}
.product-row:nth-child(4){
	background: url(../img/pro_bg04.png) no-repeat left center #ffffff;
	background-position: left center !important;
	background-size: auto 70%;
}
.product-row:nth-child(5){
	background: url(../img/pro_bg05.png) no-repeat right center #ffffff;
	background-position: right center !important;
	background-size: auto 70%;
}
.product-row:nth-child(6){
	background: url(../img/pro_bg06.png) no-repeat left center #ffffff;
	background-position: left center !important;
	background-size: auto 70%;
}

/* 文字区域 */
.product-text-area {
	flex: 1;
	display: flex;
	flex-direction: column;
	padding-left: 8%;
	padding-right: 8%;
}

.product-text-area h2 {
	font-size: 4.0625rem;
	font-weight: bold;
	line-height: 80px;
	color: var(--primary-color);
}

.product-text-area p {
	font-size: 2.3rem;
	color: var(--primary-color);s
	line-height: 1.8;
}

/* 购买按钮 */
.btn-buy {
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 45%;
	padding: 5px 30px;
	font-size: 2rem;
	background: url(../img/buy_bg.png) no-repeat 85% center var(--primary-color);
	background-size: auto 30px;
	color: var(--text-white);
	border-radius: 50px;
	font-weight: bold;
	transition: all 0.3s ease;
	cursor: pointer;
	margin-top: 20px;
	font-weight: 300;
	margin-left: 0 !important;
	max-width: 230px;
}

.btn-buy:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(26, 74, 138, 0.3);
}
/* 2. 代言人引言区域 */
.quote-section {
	background-color: var(--white);
}
.grow_together section{
	padding: 0;
}

.quote-container {
	max-width: var(--max-width);
	margin: 0 auto;
	display: flex;
	align-items: center;
	gap: 60px;
}

.quote-text {
	flex: 1.2;
	position: relative;
}

.quote-icon {
	font-size: 80px;
	color: #d1e7f5;
	font-family: Georgia, serif;
	line-height: 1;
	position: absolute;
	top: -40px;
	left: -20px;
}

.quote-content {
	font-size: 20px;
	color: var(--text-dark);
	line-height: 2;
	padding-left: 40px;
	position: relative;
	z-index: 1;
}

.quote-author {
	margin-top: 20px;
	padding-left: 40px;
	font-size: 16px;
	color: var(--text-gray);
	text-align: right;
}

.quote-img-placeholder {
	flex: 0.8;
	height: 350px;
	background: linear-gradient(135deg, #e0e4eb, #c4d7e8);
	border-radius: 12px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #888;
	font-size: 16px;
}

/* 4. 用户故事 */
.user-story-section {
	padding: 140px 0 80px !important;
	background-color: var(--white);
}

.user-story-container {
	margin: 0 auto;
}

/* 数据统计栏 */
.stats-grid {
	padding: 0 8%;
	gap: 30px;
	margin-bottom: 60px;
	overflow: hidden;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
}

.stat-card {
	text-align: center;
	display: flex;
	gap: 20px;
}

.stat-card_img{
	max-width: 120px;
}

.stat-card_text{
	text-align: left;
	max-width: 50%;
}

.stat-card_text .number {
	display: flex;
}

.stat-card_text .number b{
	font-size: 3.0625rem;
	font-weight: bold;
	color: var(--primary-color);
}

.stat-card_text .number span{
	font-size: 1.875rem;
	color: var(--text-main);
	padding-left: 10px;
	padding-top: 18px;
}

.stat-card_text .label {
	font-size: 1.375rem;
	color: var(--text-main);
	line-height: 1.625rem;
}

/* 用户证言列表 */
.testimonial-list {
	padding-top: 30px;
	display: flex;
	flex-direction: column;
	gap: 60px;
}

.testimonial-item {
	display: flex;
	align-items: center;
	gap: 100px;
	padding: 80px 8%;
}

.testimonial-item:nth-child(even) {
	flex-direction: row-reverse;
}

.testimonial-item:nth-child(odd) {
	background: #fbfcfe;
}

.testimonial-img {
	width: 38%;
	border-radius: 50%;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}

.testimonial-text {
	
}

.testimonial-text h4 {
	font-size: 2.5625rem;
	color: #000000;
	font-weight: 600;
	margin-bottom: 20px;
}

.testimonial-text p {
	font-size: 1.5rem;
	color: var(--text-main);
	line-height: 1.5;
	text-align: justify;
	font-weight: 300;
}

/* 5. 用户活动 */
.activity-section {
	padding: 40px 20px 80px;
	margin: 60px 0 80px;
	
}

.activity-banner {
	margin: 90px auto 0;
	align-items: center;
	position: relative;
	overflow: hidden;
	background: #fbfcfe;
	overflow: hidden;
}

.activity-left {
	position: relative;
	z-index: 1;
	width: 40%;
	float: left;
}

.activity-right {
	padding-right: 8%;
	position: relative;
	z-index: 1;
	max-width: 52%;
	float: left;
}
.activity-right_content{
	padding: 100px 0 0 60px;
}

.activity-right_text {
	display: flex;
	color: var(--text-main);
	box-sizing: border-box;
	justify-content: space-between;
	margin-bottom: 80px;
}

.activity-right_content h2{
	font-size: 1.875rem;
	max-width: 56%;
	margin-bottom: 50px;
	font-weight: 500;
}

.activity-right_text p {
	font-size: 1.5rem;
	line-height: 1.5;
	max-width: 56%;
	font-weight: 300;
}

.activity-qr {
	max-width: 30%;
	align-items: center;
	margin-top: -30px;
}

.activity-icons {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 60px;
	text-align: center;
	padding-left: 60px;
}

.activity-icon-item {
	
}

.activity-icon-circle img{
	max-width: 130px;
}

.activity-icon-item span {
	font-size: 12px;
	color: #cb974c;
	display: block;
	font-size: 2.0625rem;
	padding: 40px 0 10px;
}
.activity-icon-circle b{
	display: block;
	font-size: 1.25rem;
	color: var(--text-main);
	font-weight: 300;
}

.lifecycle_content{
	
}

.lifecycle_source{
	font-size: 1.125rem;
	color: #919191;
	padding: 20px 0 100px;
	margin: 0 50px;
}

/* 2. 视频播放区 */
.video-section {
	background: url(../img/lifevideo_bg.jpg) #fff no-repeat top;
	padding: 100px 20px 80px;
	text-align: center;
	position: relative;
}

.video-section .section-title{
	background: url(../img/lifecycle_titlebg.png) no-repeat center;
	background-size: 80% auto;
}

.video-bg-text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 60px;
	font-weight: bold;
	color: #f0f5fa;
	white-space: nowrap;
	letter-spacing: 15px;
	z-index: 0;
	pointer-events: none;
}

.video-container {
	width: 100%;
	max-width: 1300px;
	height: 730px;
	background: #fdfdfd;
	margin: 30px auto 0;
	border-radius: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 1;
	border: 5px solid #f3f3f3;
	overflow: hidden;
}

.play-btn {
	width: 180px;
	height: 180px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	transition: transform 0.3s;
	position: absolute;
}
.play-btn:hover { transform: scale(1.1); }
.play-btn::after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-left: 22px solid var(--primary-blue);
	margin-left: 8px;
}

/* 3. 生命周期阶段 - 交替布局 */
.lifecycle-wrapper {
	padding: 40px 0 0;
}

.phase-row {
	align-items: center;
	border-radius: 20px;
	background: #fff;
	position: relative;
	margin: 0 50px 50px;
}

.lifecycle-wrapper ul li{
	margin-bottom: 0;
}

.lifecycle-wrapper ul li{
	margin-bottom: 50px;
}

.lifecycle-wrapper ul li:nth-child(2) .phase-text{
	right: 0;
	left: auto;
}
.lifecycle-wrapper ul li:nth-child(4) .phase-text{
	right: 0;
	left: auto;
}

.phase-text {
	position: absolute;
	top:0;
	left: 0;
	max-width: 60%;
	padding: 80px 100px;
}

.phase-title-tag {
	background:url(../img/phase_subtitlebg.png) no-repeat center;
	background-size: 100% 100%;
	display: inline-block;
	border-top-left-radius: 35px;
	border-bottom-right-radius: 35px;
	padding: 5px 60px;
	font-size: 2.5rem;
	text-shadow:3px 0 1px #5f8eda ;
	color: var(--text-white);
	font-weight: bold;
	letter-spacing: 2px;
}

.phase-desc b{
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background:#a1a1a1;
	display: inline-block;
	margin-right: 10px;
	margin-top: 14px;
	float: left;
}


.phase-subtitle {
	font-size: 2.5rem;
	color: var(--primary-color);
	font-weight: bold;
	margin: 20px 0;
}

.phase-desc {
	
}

.phase-desc p {
	font-size: 1.5rem;
	color: #595959;
	line-height: 1.6;
	margin-bottom: 15px;
	position: relative;
	padding-left: 15px;
}

.phase-img-placeholder {
	overflow: hidden;
	justify-content: center;
	align-items: center;
}
/* Hero 区域 */
.hero {
	position: relative;
	height: 400px;
	background: linear-gradient(to bottom, #a4c8e8, #ffffff);
	display: flex;
	justify-content: center;
	align-items: center;
	color: #333;
	font-size: 24px;
}

.hero-stats {
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	display: flex;
	justify-content: space-around;
}

.science_icon{
	max-width: 90px;
	margin-right: 20px;
}

.science_text span{
	display: block;
	color: var(--text-white);
	text-align: left;
}

.science_text .number{
	font-size: 1.75rem;
	color: var(--text-white);
	line-height: 2.75rem;
	font-weight: 300;
}

.science_text .number strong{
	font-size: 2.5rem;
}

.science_text .number b{
	font-size: 3.75rem;
	color: var(--text-white);
}

.science_text .label{
	font-size: 1.25rem;
	font-weight: 300;
}

.stat-item {
	text-align: center;
	display: flex;
	align-items: center;
	margin: 20px 0;
}

.evidencebased_science .container{
	max-width: 100%;
	width: 100%;
}
.evidencebased_science section{
	padding: 110px 0 0;
}

/* 专家委员会 */
.expert-banner {
	width: 100%;
	background-color: #d4e5f7;
	border-radius: 12px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #555;
	margin: 80px 0;
	font-size: 18px;
}

.expert-intro {
	text-align: center;
	color: var(--main-color);
	font-size: 1.75rem;
	line-height: 1.5;
	max-width: 70%;
	margin: 0 auto 90px;
}

.expert-cards {
	display: flex;
	flex-direction: column;
	gap: 50px;
	max-width: var(--max-width);
	margin: 0 auto;
}

.expert-card {
	display: flex;
	gap: 70px;
	border-radius: 8px;
	align-items: center;
}

.expert-avatar {
	border-radius:10px;
	overflow: hidden;
	flex-shrink: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	max-width: 35%;
}

.expert-info h3 {
	font-size: 2.375rem;
	color: var(--primary-color);
	margin-bottom: 20px;
	margin-left: 15px;
}

.expert-info p {
	color: #3e3e3e;
	font-size: 1.5rem;
	margin-bottom: 10px;
	overflow: hidden;
}

.expert-info p b{
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #a1a1a1;
	display: inline-block;
	margin-right: 10px;
	margin-top: 14px;
	float: left;
}


/* 独立研发团队 */
.team{
	max-width: var(--max-width);
	margin: 0 auto;
}

.team-photo {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 80px 0;
}

.team-grid {
	
}

.team-card {
	display: flex;
	gap: 40px;
	border-bottom:1px solid #eff3fb ;
	padding: 30px 0;
}

.team-card:last-child{
	border: none;
}

.team-card-header {
	width: 80%;
	margin-bottom: 20px;
	position: relative;
	padding-left: 40px;
}

.team_line{
	position: absolute;
	left: 0;
	top: 0;
	background: #eff3fb;
	width: 1px;
	height: 100%;
}

.team-icon {
	border-radius: 50%;
	width: 140px;
}

.team-card h3 {
	color: #0341ac;
	font-size: 2.8125rem;
	margin-bottom: 20px;
	
}

.team-card p {
	color: #3e3e3e;
	font-size: 1.5rem;
}

.partner-logos {
	display: flex;
	flex-direction: column;
	gap: 25px;
	margin-top: 50px;
}

.partner-item {
	display: flex;
	align-items: center;
	gap: 20px;
}

.partner-icon {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	flex-shrink: 0;
}

.partner-item_text{
	background: #fcfcfd;
	padding: 20px 20px;
	width: 100%;
}

.partner-item_text h4{
	font-size: 1.875rem;
	color:#004ea2
}

.partner-item_text span{
	font-size: 1.25rem;
	color: #3e3e3e;
}

/* 表型驱动研究 */
.research{
	margin: 0 8%;
}

.section-innertitle{
	font-size: 1.625rem;
	padding: 60px 0 ;
	text-align: center;
}
.classic .section-subtitle{
	font-size: 2.75rem;
	margin: 0;
	letter-spacing: 2px;
}
.research-flow {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	position: relative;
	margin-top: 60px;
	flex-wrap: wrap;
	gap: 20px;
	position: relative;
}

.flow-item:first-child b{
	display: none;
}

.flow-item b{
	display: block;
	background: #dde5f6;
	width: 1px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.flow-item {
	flex: 1;
	min-width: 150px;
	text-align: center;
	position: relative;
	z-index: 2;
	background-color: #fff;
	padding: 10px;
	min-height: 210px;
}

.flow-item h4 {
	color: var(--primary-color);
	margin-bottom: 20px;
	font-size: 1.875rem;
}

.flow-item p {
	font-size: 1.5rem;
	color: var(--main-color);
	text-align: center;
	padding: 0 10px;
	line-height: 1.5;
}

/* 传统典籍 */
.classic{
	margin: 0 8%;
}

.classic-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 30px;
}

.classic-card {
	overflow: hidden;
	text-align: center;
}

.classic-card h4 {
	color: var(--primary-color);
	font-size: 1.875rem;
	margin-bottom: 30px;
}

.classic-img{
	position: relative;
	border-radius: 20px;
	overflow: hidden;
}

.classic-card p {
	font-size: 1.375rem;
	color: var(--main-color);
	padding: 0 15px;
	position: absolute;
	top:60px;
	left: 7%;
	width: 86%;
}

/* 标志性成分 */
.ingredient{
	margin: 0 8%;
}

.ingredient .section-subtitle{
	letter-spacing: 2px;
	font-size: 2.75rem;
	margin: 0;
}

.ingredient .section-subtitle b{
	font-size: 5rem;
	color: #cb974c;
	font-style: italic;
	padding-right: 10px;
}

.ingredient-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
	margin-top: 40px;
}

.ingredient-card {
	text-align: center;
}

.ingredient-img {
	height: 150px;
	background-color: #f0f2f5;
	border-radius: 8px;
	margin-bottom: 15px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #999;
}

.ingredient-card h4 {
	font-size: 2.25rem;
	color: var(--primary-color);
	margin-bottom: 20px;
}

/* 多层级科学验证 */
.verification{
	margin: 0 8%;
}

.verification .section-subtitle{
	letter-spacing: 2px;
	font-size: 2.75rem;
	margin: 0;
}

.verification-grid {
	display: flex;
	gap: 40px;
	justify-content:space-around;
	margin-top: 40px;
	align-items: center;
}

.verification-card {
	overflow: hidden;
	flex: 1;
}

.verification-img {
	background-color: #e0e4eb;
	border-radius: 30px;
	margin-bottom: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #999;
}

.verification_text{
	background: #f8fafc;
	padding: 0 30px;
	height: 400px;
	border-radius: 30px;
	display: flex;
	flex-direction: column;
	justify-content: center;  /* 上下居中（主轴） */
	align-items: center;      /* 水平居中（交叉轴） */
}

.verification-card h3 {
	align-items: center;
	color: var(--primary-color);
	font-size: 2.25rem;
	margin-bottom: 30px;
	text-align: center;
	width: 100%;
}

.verification-card p {
	font-size: 1.5rem;
	color: var(--main-color);
	text-align: left;
}

/* 相关论文 */
.paper-list {
	margin: 80px 8% 0;
}

.paper-item {
	display: block;
	padding: 20px 40px;
	font-size: 1.5rem;
	color: var(--main-color);
}

.paper-item:hover {
	background-color: var(--primary-color) !important;
	color: var(--text-white);
}
.paper-item:nth-child(even){
	background-color: var(--text-white);
}
.paper-item:nth-child(odd){
	background-color: #f8fafc;
}
.paper-item:first-child {
	background-color: var(--primary-color);
	color: var(--text-white);
	font-weight: bold;
}

/* 科研合作伙伴 */
.partners {
	margin: 0 8%;
}
.partners .section-subtitle{
	font-size: 2.75rem;
	margin: 0;
	letter-spacing: 2px;
}

.partners-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	margin: 40px 0 100px;
	text-align: center;
	position: relative;
}
.partners-grid b{
	width: 100%;
	position: absolute;
	height:1px;
	top: 50%;
	left: 0;
	background: #dde5f6;
}

.partner-logo-box {
	display: flex;
	flex-direction: column;
	justify-content: center;  /* 上下居中（主轴） */
	align-items: center;      /* 水平居中（交叉轴） */
	height: 120px;
	margin: 20px 0;
	border-right: 1px solid #dde5f6;
}

.partner-logo-box:nth-child(4){
	border-right: none;
}

.partner-logo-box:nth-child(7){
	border-right: none;
}


.partner-name {
	font-size: 2rem;
	color: var(--main-color);
}

.quality_honor{
	background: url(../img/honor_bg.jpg) no-repeat center;
}

/* 2. 高科技创新应用 */
.tech-grid {
	display: flex;
	gap: 40px;
	justify-content: space-around;
	margin-top: 25px;
	align-items: center;
}
.tech section{
	padding: 80px 0 30px;
}
.tech-card {
	border-radius: 20px;
	background: #fcfbfb;
	flex: 1;
}

.quality-video{
	position: relative;
}

.quality-video .play-btn{
	width: 140px;
	height: 140px;
	top: 50%;
	left: 50%;
	margin-top: -70px;
	margin-left: -70px;
}

.tech-img {
	justify-content: center;
	align-items: center;
}

.tech-text {
	padding: 40px 20px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.tech-text h4 { 
	font-size: 2.375rem; 
	color: var(--primary-color); 
	margin-bottom: 10px; 
	letter-spacing: 1px;
}
.tech-text h4 b{
	font-size: 2.375rem; 
	color: var(--text-main);
}
.tech-text p { 
	font-size: 1.5rem; 
	color: var(--text-main);
	line-height: 1.5; 
}

/* 3. 全链路质量标准 */
.quality_strength .video-container{
	max-width: 1200px;
	box-shadow: 8px 0 6px #dedede;
	border-radius: 60px;
	border: none;
	background: #f9f9f9;
	margin: 80px auto 0;
}
.quality-info {
	text-align: center;
	margin: 60px 0;
}
.quality-info h3 {
	font-size: 3.125rem;
	color: #3e3e3e;
	display: flex;
	font-weight: 400;
	align-items: center;
	justify-content: center;
	gap: 10px;
	margin-bottom: 10px;
}
.quality-info h3 b{
	font-size: 4.375rem;
	color: var(--primary-color); 
}
.quality-info h3 img{
	max-width: 50px;
}
.quality-info p { 
	font-size: 2.5rem;
	color: var(--primary-color); 
	font-weight: bold; 
	letter-spacing: 1px;
}

.cert-badges {
	display: flex;
	justify-content: center;
	gap: 94px;
	flex-wrap: wrap;
	margin-top: 40px;
}
.badge-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
}


/* 4. 自有工厂 */
.factory{
	width: 100%;
	margin-top: 60px;
}
.factory-section {
	width: 100%;
	overflow: hidden;
	position: relative;
}

/* 左侧文字面板 */
.left-panel {
	left: 0;
	width: 66%;
	position: absolute;
	padding: 60px 60px 60px 8%;
	display: flex;
	background: rgb(255 255 255 / 88%);
	flex-direction: column;
	justify-content: center;
	z-index: 2;
	margin: 80px 0;
	top: 50%;
	margin-top: -263px;
}

.main-title {
	font-size: 2.8125rem;
	font-weight: 600;
	color: #3e3e3e;
	margin-bottom: 50px;
	letter-spacing: 1px;
	line-height: 1.4;
}

/* 选项卡和文字内容的横向布局 */
.content-wrapper {
	display: flex;
	gap: 70px;
	align-items: flex-start;
}

/* 选项卡按钮组 */
.tabs {
	display: flex;
	flex-direction: column;
	gap: 15px;
	min-width: 100px;
}

.tab-btn {
	padding: 10px 30px;
	border: none;
	background: var(--text-white);
	color: #333;
	font-size: 1.5rem;
	font-weight: 500;
	border-radius: 25px;
	cursor: pointer;
	transition: all 0.3s ease;
	text-align: center;
}

.tab-btn:hover {
	background: var(--primary-color);
	color: #ffffff;
}

.tab-btn.active {
	background: var(--primary-color);
	color: #ffffff;
}

/* 描述文字 */
.text-content {
	flex: 1;
	text-align: justify;
	min-height: 160px; /* 防止切换时高度跳动 */
	transition: opacity 0.3s ease;
}
.text-content p{
	font-size: 1.5rem;
	color: #3e3e3e;
	line-height: 1.5;
	margin-bottom: 40px;
}

/* 右侧图片面板 */
.right-panel {
	width: 74%;
	float: right;
	position: relative;
	overflow: hidden;
}

.right-panel img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: opacity 0.4s ease;
}


/* 图片平滑切换动画 */
.fade-out {
	opacity: 0 !important;
}

.fade-in {
	opacity: 1 !important;
}

/* 5. 产业标准和原料控制 */
.process-cards {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 20px;
	margin-top: 80px;
}
.process-card {
	border-radius:15px;
	overflow: hidden;
	background: #fff;
	display: flex;
	flex-direction: column;

}
.process-header {
	text-align: center;
}
.process-card:nth-child(1)  { 
	background: url(../img/process_bg01.jpg) no-repeat center; 
	}
.process-card:nth-child(2)  { 
	background: url(../img/process_bg02.jpg) no-repeat center; 
	}
.process-card:nth-child(3)  { 
	background: url(../img/process_bg03.jpg) no-repeat center; 
	}
.process-card:nth-child(4)  { 
	background: url(../img/process_bg04.jpg) no-repeat center; 
	}
.process-card:nth-child(5)  { 
	background: url(../img/process_bg05.jpg) no-repeat center; 
	}

.process-header h4 { 
	font-size: 1.75rem; 
	color:var(--text-white);
	padding: 30px 0 10px;
}
.process-header img { 
	display: block;
	margin: 0 auto;
	max-width: 90px;
}

.control .container{
	max-width: 100%;
	margin: 0 8%;
}

.process-body {
	padding: 30px 20px;
}
.process-body li {
	font-size: 1.5rem;
	color: var(--text-white);
	margin-bottom: 8px;
	gap: 5px;
	
}
.process-body li::before {
	content: '•';
	color: var(--primary-blue);
	font-weight: bold;
}

/* 下方三个小版块 */
.sub-process-row {
	padding-top: 50px;
}
.sub-process-label {
	margin-top: 60px;
}
.sub-process-images {
	
}
.sub-process-caption {
	font-size: 2.125rem;
	color: var(--primary-color);
	margin-top: 20px;
	text-align: center;
	font-weight: bold;
}

/* 轮播图容器 */
.quality_standard .container{
	max-width: 100%;
}

.standard-carousel{
	background: #e1f4fd;
	margin: 110px 0 80px;
}

.standard-carousel .carousel-wrapper {
	max-width: var(--max-width);
	position: relative;
	margin:0 auto;
	display: flex;
	border-radius: 15px;
	align-items: center;
	justify-content: center;
	background: none !important;
}

/* 内容区域 */
.standard-carousel .carousel-content {
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 9; /* 保持16:9比例 */
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
	background-color: #000; /* 图片加载前的背景 */
	border-radius: 15px;
	overflow: hidden;
	
	
}

/* 图片样式 */
.standard-carousel .carousel-content img {
	width: 100%;
	height: 100%;
	object-fit: cover; /* 保证图片不变形 */
	display: block;
	transition: opacity 0.3s ease-in-out;
}

/* 底部文字覆盖层 */
.caption-container {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: rgba(255, 255, 255, 0.85); /* 半透明白色背景 */
	padding: 15px 30px;
	text-align: center;
}

.caption-text {
	color: var(--main-color);
	font-size: 1.875rem;
	font-weight: 500;
	text-align: left;
	letter-spacing: 1px;
}

/* 左右箭头按钮 */
.arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 60px;
	height: 60px;
	background-color: #ffffff;
	border: none;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
	z-index: 10;
	transition: all 0.2s ease;
	color: #333;
}

.arrow:hover {
	background-color: #f0f0f0;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.arrow:active {
	transform: translateY(-50%) scale(0.95);
}

/* 箭头 SVG 图标样式 */
.arrow svg {
	width: 30px;
	height: 30px;
	fill: none;
	stroke: currentColor;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
}

/* 定位左右箭头 */
.arrow-left {
	left: 10px; /* 稍微向外偏移 */
}

.arrow-right {
	right: 10px; /* 稍微向外偏移 */
}

/* 轮播视口 */
.quality_honor_title {
	background: url(../img/certificates_bg.png) no-repeat center;
}

.quality_honor_title .section-innertitle{
	padding: 30px 0 60px;
}

.quality_honor section{
	padding: 100px 0 0;
}

.quality_honor .container{
	max-width: 100%;
}

.quality_honor .slider-window {
	width: 100%;
	overflow: hidden;
	padding: 40px 0;
	cursor: grab; /* 提示可抓取 */
	-webkit-mask-image: linear-gradient(to right, transparent, black 15%, black 85%, transparent);
	mask-image: linear-gradient(to right, transparent, black 15%, black 85%, transparent);
}

.quality_honor .slider-window:active {
	cursor: grabbing; /* 抓取中 */
}

.quality_honor .slider-track {
	display: flex;
	align-items: center;
	/* 过渡动画：拖拽时会通过 JS 临时移除 */
	transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
	will-change: transform;
}

/* 拖拽中禁用过渡和文本选择 */
.quality_honor .slider-track.dragging {
	transition: none !important;
}

/* 单个卡片幻灯片 */
.quality_honor .slide {
	flex: 0 0 auto;
	width: 340px;
	transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1);
	opacity: 0.4;
	transform: scale(0.85);
	filter: grayscale(40%);
	cursor: pointer;
}

/* 激活状态的卡片 */
.quality_honor .slide.active {
	opacity: 1;
	transform: scale(1.05);
	filter: grayscale(0%);
	z-index: 2;
}

/* 证书内容占位 */
.quality_honor .cert-content {
	text-align: center;
}

/* 实际图片样式 */
.quality_honor .cert-card img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	padding: 10px;
	pointer-events: none; /* 防止图片被拖拽 */
	-webkit-user-drag: none;
}

/* 底部指示器 */
.quality_honor .dots-nav {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 12px;
	margin-top: 20px;
}

.quality_honor .dot {
	width: 12px;
	height: 12px;
	background-color: #c4d1e0;
	border-radius: 50%;
	cursor: pointer;
	transition: all 0.3s ease;
}

.quality_honor .dot:hover {
	background-color: #a0b4c8;
}

.quality_honor .dot.active {
	width: 40px;
	background-color: #cb974c;
	border-radius: 6px;
}
.history-section{
	position: relative;
	min-height: 960px;
	background:url(../img/time_bg.jpg) no-repeat center;
	background-size: 100% 100%;
}
.history{
	
}

.modal video{
	width: 80%;
}


/* 简单的响应式调整 */
@media (max-width: 1700px) {
	.nav-links a{
		font-size: 1.5rem;
	}
}

@media (max-width: 1600px) {
	.footer-bottom p{
		font-size: 0.9375rem;
	}
	
	.footer-bottom a{
		font-size: 0.9375rem;
	}
	
	.footer-bottom{
		padding: 10px 8% 0;
	}
	
	.footer-link-item a span{
		font-size: 1.5rem;
	}
	.nav-inner_container {
		margin: 0 3%;
	}
	.section-title{
		font-size: 4rem;
	}
	.product_describe{
		font-size: 1.7rem;
	}
	.stat-item .stat-item_text h3 span{
		font-size: 4rem;
	}
	.index_time{
		margin-top: 0;
	}
	.about-text p{
		font-size: 1.8;
	}
	.indextime_content{
		min-height: 340px;
	}
	.footer-links{
		max-width: 80%;
	}
	.media-section h2{
		font-size: 3.1rem;
	}
	.business-section h2{
		font-size: 3.1rem;
	}
	.contact-item span{
		font-size: 2.1rem;
	}
	.activity-right{
		padding-right: 0;
	}
	.phase-text{
		padding: 50px 80px;
	}
	.product-text-area p{
		font-size: 2.1rem;
	}
	.btn-buy{
		width: 45%;
	}
	.story-heading h1{
		font-size: 4rem !important;
	}
	.nav-links ul li{
		margin-left: 25px;
	}
	
}
@media (max-width: 1400px) {
	.nav-links a{
		font-size: 1.35rem;
	}
	.indextime_content{
		min-height:380px
	}
	.page-title{
		font-size: 2.8rem;
	}
	.content-container{
		padding: 150px 6% 180px;
	}
	.section-title{
		font-size: 3.6rem;
	}
	.team-card h3{
		font-size: 2.4rem;
	}
	.phase-text{
		padding: 30px 60px;
	}
	.phase-desc p{
		font-size: 1.3rem;
	}
	.phase-subtitle{
		font-size: 2.4rem;
	}
	.stores-grid{
		gap:100px
	}
	.store-name{
		padding: 60px 0;
	}
	.product-text-area p{
		font-size: 1.8rem;
	}
	.btn-buy{
		background: url(../img/buy_bg.png) no-repeat 90% center var(--primary-color);
		background-size: auto 20px;
		font-size: 1.5rem;
	}
	.product-text-area h2{
		font-size: 3rem;
	}
	.process-header h4{
		font-size: 1.25rem;
	}
	.process-body li{
		font-size: 1.25rem;
	}
	.indextime_titleright h4{
		font-size: 1.8rem;
	}
	.timeline-item p{
		font-size: 1.1rem;
	}
	.story-heading h1{
		font-size: 3.6rem !important;
	}
	.card-img {
		height: 230px;
		max-height: 230px;
		overflow: hidden;
	}
	.activity-icon-circle b{
		font-size: 1.1rem;
	}
	.video-container{
		max-width: 80%;
		height: 600px;
	}
	.stat-item{
		margin: 10px 0;
	}
}

@media (max-width: 1300px) {
	.nav-links { 
		display: none; 
		} /* 移动端暂时隐藏导航链接 */
	.about-content { flex-direction: column; }
	.timeline::before { display: none; }
	.news-item { flex-direction: column; }
	.news-img { width: 100%; }
	.footer-content { flex-direction: column; }
}