html {
	scroll-behavior: smooth;
}

body {
	margin: 0;
	font: 0.14rem/1.5 Microsoft YaHei, Source Han Sans CN, sans-serif;
	color: #444;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	font-size: 100%;
	font-weight: normal;
}

ul,
ol,
li,
dl,
dt,
dd {
	margin: 0;
	padding: 0;
	list-style: none;
}

p {
	margin: 0;
}

img {
	display: block;
	margin: 0 auto;
	object-fit: contain;
	max-width: 100%;
	max-height: 100%;
	border-radius: 0.03rem;
}

a {
	text-decoration: none;
	color: #222222;
	transition: all .4s ease-in-out 0s;
}

a:hover {
	color: #0f1e89;
}

.clearfix::after {
	content: "";
	display: block;
	height: 0;
	line-height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}

table {
	max-width: 100%;
	margin-top: 0.15rem;
	border-collapse: collapse;
}

table,
th,
td {
	border: 0.01rem solid #f5f5f5;
}

th {
	background: #05bd8e;
	color: #fff;
	font-weight: 100;
}

th,
td {
	text-align: center;
	padding: 0.1rem;
}

input {
	font-family: 'Montserrat-Regular';
	padding: 0.15rem;
	margin-bottom: 0.15rem;
	height: 0.3rem;
	border: 0.01rem solid #f5f5f5;
	border-radius: 0.03rem;
}

textarea {
	font-family: 'Montserrat-Regular';
	padding: 0.15rem;
	margin-bottom: 0.15rem;
	border: 0.01rem solid #f5f5f5;
	border-radius: 0.03rem;
}

input:focus,
textarea:focus {
	outline: 0.01rem solid #05bd8e;
}

.hide {
	display: none;
}

.formbtn {
	background: #05bd8e;
	color: #fff;
	padding: 0.15rem 0.5rem;
	border: none;
	font-size: 0.18rem;
	text-transform: uppercase;
	border-radius: 0.03rem;
}

.formbtn:hover {
	background: #222222;
	color: #fff;
}

.imgitem {
	position: relative;
	height: 0;
	padding-bottom: 66.66%;
}

.imgitem img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

/* reset */
/* tool bar */
.tool-bar {
	position: fixed;
}

.tool-item-cap {
	background: rgba(0, 0, 0, .45);
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	color: #fff;
}

.tool-item-cap .fa {
	line-height: 1;
}

.tool-item-cap.active {
	background: #05bd8e;
	color: #fff;
}

.tool-bar .back-top {
	cursor: pointer;
}

.tool-qrcode {
	position: absolute;
	background: #fff;
	text-align: center;
}

.tool-tel {
	position: absolute;
	right: 0;
	background: #05bd8e;
	color: #fff;
	text-align: center;
	white-space: nowrap;
}

.tool-tel a {
	display: block;
	color: #fff;
}

.tool-item-sub {
	visibility: hidden;
	opacity: 0;
	transition: opacity .2s, visibility .2s
}

.tool-item:hover .tool-item-sub, .tool-item.active .tool-item-sub {
	visibility: visible;
	opacity: 1
}

/* end tool bar */
/* mobile menu */
.m-menu-open,
.m-menu-close {
	display: none;
}

.nav-menu-child {
	display: none;
}

/* mobile menu */
/* side */
.accordion {
	display: flex;
	flex-direction: column;
}

.accordion-item {
	background-color: #f5f5f5;
	font-size: 0.16rem;
	border: none;
	border-radius: 0.03rem;
	color: #000;
	cursor: pointer;
	padding: 15px;
	text-align: left;
	outline: none;
	transition: background-color 0.6s ease;
	border-bottom: 0.01rem solid #fff;
}

.accordion-item.active {
	background-color: #f5f5f5;
}

.accordion-item-content {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.6s ease;
}

.ind-pro-nav-ul li a {
	position: relative;
	font-size: 0.15rem;
	display: block;
	padding: 0.1rem;
}

.ind-pro-nav-ul li a:hover {
	background: #05bd8e;
	color: #fff;
}

.ind-pro-nav-ul li a::before {
	content: "\f196";
	font-family: FontAwesome;
	display: inline-block;
	margin-right: 0.05rem;
}

/* side */
/* top */
.top {
	background: #05bd8e;
	color: #fff;
	padding: 0.1rem 0;
}

.top-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.top-item a {
	display: inline-block;
	color: #fff;
	padding: 0 0.1rem;
}

.top-item a:nth-child(n+2) {
	border-left: 0.01rem solid #fff;
}

.top-item a:hover {
	color: #222;
}

/* top */
/* header */

#header{
	width: 100%;
	position: fixed;
	z-index: 999;
	box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.2);
	background-color: #fff;
}

.header {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.logo img {
	width: 156px;
	object-fit: cover;
}

#pjax-container {
	padding-top:96px;
}

/* header */

/* banner */

.slider{
	padding: 0.3rem 0;
}

.page-banner{
	padding: 0.3rem 0;
}

.banner-item img,
.page-banner img {
	object-fit: cover;
	width: 100%;
	border-radius: 0.3rem;
}

/* banner */

/* ind-tag */
.ind-tag {
	background: #f5f5f5;
	padding: 0.15rem 0;
}

.ind-tag span {
	font-weight: bold;
	color: #05bd8e;
	font-size: 0.16rem;
}

.ind-tag a {
	display: inline-block;
	padding: 0 0.1rem;
}

/* ind-tag */
/* ind-pro */
.ind-pro-title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 0.3rem;
	border-bottom: 0.01rem solid #f5f5f5;
}

.ind-pro-title h2 {
	position: relative;
	font-size: 0.2rem;
	font-weight: bold;
	padding: 0.05rem 0;
}

.ind-pro-title h2::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -0.01rem;
	width: 0.8rem;
	height: 0.02rem;
	background: #05bd8e;
}

.ind-pro-title .more {
	color: #05bd8e;
}

.ind-pro-title .more:hover {
	color: #000;
}

.ind-pro-ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.ind-pro-ul li {
	box-sizing: border-box;
	margin-bottom: 0.3rem;
	width: 49%;
}

.ind-pro-ul .list-item {
	background: #f5f5f5;
	border: 0.01rem solid #f5f5f5;
	transition: 0.4s;
}

.ind-pro-ul .list-item:hover {
	transform: translateY(-0.1rem);
}

.ind-pro-ul .list-item-text {
	padding: 0.15rem;
	text-align: center;
	border-radius: 0.03rem;
}

.ind-pro-ul .list-item-text h3 {
	white-space: nowrap;
	overflow: hidden;
}

.ind-pro-nav h2 {
	background: #05bd8e;
	font-size: 0.2rem;
	font-weight: bold;
	color: #fff;
	padding: 0.15rem;
	border-radius: 0.03rem;
}

/* ind-pro */
/* ind-about */
.ind-about {
	background: #f5f5f5;
}
.section.ind-about {
	padding: 0.3rem 0;
}

.ind-about-text h2 {
	font-size: 0.26rem;
	font-weight: bold;
	color: #0f1e89;
	margin: 0.15rem 0;
}

.ind-about-text p {
	font-size: 0.15rem;
	line-height: 0.24rem;
	margin-bottom: 0.15rem;
}

.ind-about-text .more {
	display: inline-block;
	padding: 0.15rem 0.3rem;
	background: #05bd8e;
	color: #fff;
	font-size: 0.16rem;
	font-weight: bold;
	border-radius: 0.03rem;
}

.ind-about-text .more:hover {
	background: #222;
}

/* ind-about */

/* ind-4xz */

.ind-4xz {
	padding: 0 0 0.3rem 0 !important;
}

.ind-4xz .container{ 
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.ind-4xz-item{
	display: block;
	padding: 0.4rem 1.2rem;
	background: #d7f2e7;
	color: #05bd8e;
	font-size: 0.26rem;
	font-weight: bold;
	border-radius: 0.3rem;
}

/* ind-4xz */

/* ind-case */
.ind-case-title {
	position: relative;
	text-align: center;
	font-size: 0.2rem;
	font-weight: bold;
	color: #222;
	margin-bottom: 0.3rem;
}

.ind-case-title::after {
	content: "";
	display: block;
	margin: 0 auto;
	width: 1rem;
	height: 0.02rem;
	background: #05bd8e;
	margin-top: 0.1rem;
}

.ind-case-ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.ind-case-ul li {
	box-sizing: border-box;
	margin-bottom: 0.3rem;
}

.ind-case-ul .list-item {
	border: 0.01rem solid #f5f5f5;
	border-radius: 0.03rem;
}

.ind-case-ul .list-item-text {
	padding: 0.15rem;
	border-radius: 0.03rem;
}

.ind-case-ul .list-item-text h3 {
	font-size: 0.15rem;
	font-weight: bold;
	margin-bottom: 0.1rem;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	white-space: nowrap;
}

.ind-case-ul .list-item-text p {
	color: #797979;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* ind-case */
/* ind-blog */
.ind-blog {
	border-top: 0.01rem solid #f5f5f5;
}

.ind-blog-ul .list-item {
	display: flex;
	justify-content: space-between;
	align-content: stretch;
	background: #fff;
	border: 0.01rem solid #f5f5f5;
	padding: 0.15rem;
	border-radius: 0.03rem;
}

.ind-blog-ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.ind-blog-ul li {
	box-sizing: border-box;
	margin-bottom: 0.3rem;
}

.ind-blog-time {
	box-sizing: border-box;
	width: 20%;
	background: #0f1e89;
	color: #fff;
	padding: 0.1rem 0;
	text-align: center;
	margin: auto;
	border-radius: 0.03rem;
}

.ind-blog-text {
	box-sizing: border-box;
	width: 80%;
	padding-left: 0.15rem;

}

.ind-blog-text h3 {
	font-weight: bold;
	font-size: 0.15rem;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.ind-blog-text p {
	color: #797979;
	margin: 0.06rem 0;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.ind-blog-time span {
	font-size: 0.3rem;
	font-weight: bold;
	display: inline-block;
	border-bottom: 0.01rem solid #fff;
}

.ind-blog-time p {
	margin: 0.05rem 0;
}

/* ind-blog */
/* flink */
.flink {
	background: #f5f5f5;
	padding: 0.15rem 0;
}

.flink a {
	display: inline-block;
	padding: 0.05rem 0.1rem;
}

/* flink */
/* footer */
.footer {
	background: #3a3a3a;
	color: #fff;
}

.foot img {
	max-width: 1.5rem;
	display: inline-block;
}

.foot a {
	color: #fff;
}

.foot a:hover {
	color: #000;
}

.foot h2 {
	font-size: 0.18rem;
	font-weight: bold;
	margin-bottom: 0.15rem;
}

.foot p {
	margin: 0.1rem 0;
}

.foot p i {
	display: inline-block;
	background: #fff;
	color: #05bd8e;
	border-radius: 0.04rem 0.1rem;
	width: 0.25rem;
	height: 0.25rem;
	line-height: 0.25rem;
	text-align: center;
}

.foot h3 {
	margin-bottom: 0.15rem;
}

.footer-ul li {
	margin: 0.05rem 0 0.05rem 0.05rem;
	font-size: 0.15rem;
}

.footer-bottom {
	border-top: 0.01rem solid rgba(255, 255, 255, .1);
	text-align: center;
	padding: 0.15rem 0;
}

.footer-bottom a {
	color: #fff;
}

.footer-bottom a:hover {
	color: #000;
}

/* footer */
/* layout */
/* index-product */
.index-pro-item:nth-child(even) {
	margin-top: 0.3rem;
}

.index-pro-item h2 {
	text-align: center;
	font-size: 0.24rem;
	font-weight: bold;
	position: relative;
	margin-bottom: 0.3rem;
}

.index-pro-ul {
	display: flex;
	/* justify-content: space-between; */
	flex-wrap: wrap;
}

.index-pro-ul li {
	box-sizing: border-box;
	width: 50%;
	padding: 0.1rem;
	margin-bottom: 0.3rem;
	transition: 0.4s;
}

.index-pro-ul li:hover {
	transform: translateY(-0.1rem);
}

.index-pro-ul .list-item-text {
	padding: 0.15rem;
	text-align: center;
	background: #f5f5f5;
	border: 0.01rem solid #f5f5f5;
	border-radius: 0.03rem;
}

.index-pro-ul .list-item-text h3 {
	white-space: nowrap;
	overflow: hidden;
}

/* index-product */
/* list-product */
/* crumb */
.crumb {
	background: #f5f5f5;
	font-size: 0.15rem;
	padding: 0.15rem;
	border-radius: 0.03rem;
}

/* crumb */
.list-pro-ul {
	display: flex;
	/* justify-content: space-between; */
	flex-wrap: wrap;
}

.list-pro-ul li {
	box-sizing: border-box;
	width: 50%;
	padding: 0.1rem;
	margin-bottom: 0.3rem;
	transition: 0.4s;
}

.list-pro-ul li:hover {
	transform: translateY(-0.1rem);
}

.sidebar {
	margin-top: 0.3rem;
}

.side {
	margin-bottom: 0.3rem;
}

.side h2 {
	padding: 0.15rem;
	background: #05bd8e;
	color: #fff;
	font-weight: bold;
	font-size: 0.2rem;
	border-radius: 0.03rem;
}

.side-item {
	border: 0.01rem solid #f5f5f5;
	border-radius: 0.03rem;
}

.side-pro-ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 0.15rem;
}

.side-pro-ul li {
	box-sizing: border-box;
	width: 49%;
	margin-bottom: 0.15rem;
}

.side-pro-ul .list-item-text {
	padding: 0.15rem;
	text-align: center;
	background: #f5f5f5;
	border-radius: 0.03rem;
}

.side-pro-ul .list-item-text h3 {
	white-space: nowrap;
	overflow: hidden;
}

.side-item p {
	padding: 0.05rem 0 0.1rem 0.1rem;
}

.side-blog-ul {
	padding: 0.1rem;
}

.side-blog-ul li:nth-child(n+2) {
	margin-top: 0.1rem;
	padding-top: 0.1rem;
	border-top: 0.01rem dashed #f5f5f5;
}

.side-blog-ul li a {
	display: block;
	width: 100%;
}

.list-pro-ul .list-item {
	border: 0.01rem solid #f5f5f5;
	border-radius: 0.03rem;
}

.list-pro-ul .list-item-text {
	padding: 0.15rem;
	text-align: center;
	background: #f5f5f5;
	border-radius: 0.03rem;
}

.list-pro-ul .list-item-text h3 {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* list-product */
/* pagination */
.pagnavi {
	padding: 0.5rem 0;
	text-align: center;
}

.pagnavi a {
	display: inline-block;
	padding: 0.05rem 0.15rem;
	border: 0.01rem solid #05bd8e;
}

.pagnavi a:hover {
	background: #05bd8e;
	color: #fff;
}

.pagnavi .current {
	background: #05bd8e;
	color: #fff;
}

/* pagination */
/* single-pro */
.toppro {
	padding-top: 0.5rem;
}

.toppro-text h1 {
	font-size: 0.3rem;
	font-weight: bold;
	margin: 0.15rem 0;
}

.toppro-text p {
	color: #797979;
	font-size: 0.15rem;
	line-height: 0.24rem;
	margin: 0.15rem 0;
}

.toppro-text .more {
	font-size: 0.16rem;
	border-radius: 0.04rem;
	display: inline-block;
	border: 0.01rem solid #05bd8e;
	background: #05bd8e;
	color: #fff;
	padding: 0.1rem 0.3rem;
}

.toppro-text .more:hover {
	border: 0.01rem solid #05bd8e;
	color: #05bd8e;
	background: #fff;
}

.single-arc h2 {
	font-size: 0.22rem;
	margin-top: 0.15rem;
	font-weight: bold;
}

.single-arc h3 {
	font-size: 0.2rem;
	margin-top: 0.15rem;
	font-weight: bold;
}

.single-arc h4 {
	font-size: 0.18rem;
	margin-top: 0.15rem;
	font-weight: bold;
}

.single-arc h5 {
	font-size: 0.16rem;
	margin-top: 0.15rem;
	font-weight: bold;
}

.single-arc h6 {
	font-size: 0.14rem;
	margin-top: 0.15rem;
	font-weight: bold;
}

.single-arc p {
	margin-top: 0.15rem;
	line-height: 0.26rem;
}

.single-arc a {
	color: #05bd8e;
}

.single-arc a:hover {
	color: #000;
}

.single-arc img {
	margin: 0.3rem 0 0 0;
	max-width: 100%;
	width: 100%;
}

.single-arc iframe {
	display: block;
	margin-top: 0.15rem;
}

.toppro-img .imgitem {
	padding-bottom: 85%;
	border-radius: 0.16rem;
	overflow: hidden;
	border: 0.01rem solid rgba(15,30,137,0.12);
	background: #fafbfc;
}

.toppro-img .imgitem img {
	object-fit: contain;
}

/* single-pro */
/* rel */
.rel {
	margin-bottom: 0.3rem;
}

.rel h2 {
	font-size: 0.22rem;
	font-weight: bold;
	border-bottom: 0.01rem solid #f5f5f5;
	padding-bottom: 0.1rem;
	margin-bottom: 0.3rem;
}

/* rel */
.rel-pro-ul {
	display: flex;
	/* justify-content: space-between; */
	flex-wrap: wrap;
}

.rel-pro-ul li {
	box-sizing: border-box;
	width: 50%;
	padding: 0.1rem;
}

.rel-pro-ul .list-item-text {
	padding: 0.15rem;
	text-align: center;
	background: #f5f5f5;
	border: 0.01rem solid #f5f5f5;
	border-radius: 0.03rem;
}

/* rel */
/* list-solution */
.list-sol-ul li {
	margin-bottom: 0.3rem;
	transition: 0.4s;
}

.list-sol-ul li:hover {
	transform: translateY(-0.1rem);
}

.list-sol-ul .list-item-text {
	padding: 0.15rem;
	background: #f5f5f5;
	border-radius: 0.03rem;
}

.list-sol-ul .list-item-text h3 {
	font-size: 0.17rem;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;

}

.list-sol-ul .list-item-text p {
	color: #797979;
	margin: 0.15rem 0;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* list-solution */
/* list-case */
.list-case-ul .list-item-text {
	padding: 0.15rem;
}

.list-case-ul .list-item-text h3 {
	font-size: 0.17rem;
}

.list-case-ul .list-item-text p {
	margin: 0.1rem 0;
	color: #797979;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.list-case-ul li:nth-child(n+2) {
	border-top: 0.01rem solid #f5f5f5;
	margin-top: 0.3rem;
	padding-top: 0.3rem;
}

/* list-case */
/* list-blog */
.list-blog-ul li {
	margin-bottom: 0.3rem;
	background: #f5f5f5;
	padding: 0.15rem;
	border-radius: 0.03rem;
}

.list-blog-ul li h3 {
	font-size: 0.17rem;
	margin: 0.1rem 0;
	position: relative;
	padding-left: 0.1rem;
}

.list-blog-ul li h3::before {
	content: "";
	width: 0.05rem;
	height: 0.15rem;
	display: block;
	background: #05bd8e;
	position: absolute;
	left: 0;
	top: 0.05rem;
}

.list-blog-ul li p {
	margin: 0.15rem 0;
	color: #797979;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* list-blog */
/* single-blog */
.single-content-title {
	font-size: 0.22rem;
	position: relative;
	color: #05bd8e;
	font-weight: bold;
	border-bottom: 0.01rem solid #f5f5f5;
	margin-bottom: 0.3rem;
}

.single-content-title::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0.9rem;
	height: 0.02rem;
	background: #05bd8e;
}

.single-title {
	border-bottom: 0.01rem solid #f5f5f5;
	padding-bottom: 0.15rem;
}

.single-title h1 {
	font-size: 0.26rem;
	font-weight: bold;
	margin-bottom: 0.1rem;
}

.tags {
	margin: 0.15rem 0;
}

.tags a {
	margin-right: 0.1rem;
}

.prenext {
	border-top: 0.01rem solid #f5f5f5;
	border-bottom: 0.01rem solid #f5f5f5;
	margin: 0.15rem 0;
}

.prenext p {
	margin: 0.15rem 0;
}

.prenext span {
	font-weight: bold;
}

/* single-blog */
/* 404 */
.page404 {
	text-align: center;
	padding: 1rem 0;
	border-top: 0.01rem solid #f5f5f5;
}

.page404 h1 {
	font-weight: bold;
	font-size: 1rem;
	color: #05bd8e;
	font-weight: bold;
	margin-bottom: 0.3rem;
}

.languages {
	margin-left: 10px;
}
.language-item {
	display: flex;
	align-items: center;
}
.language-icon {
	width: 20px;
	height: 16px;
	object-fit: contain;
	margin-right: 5px;
}

/* 404 */
/* pc style */
@media screen and (min-width: 768px) {
	html {
		font-size: 625%;
	}

	.container {
		width: 7.6rem;
		margin: 0 auto;
	}

	/* reset */
	/* tool bar */
	.tool-bar {
		right: 5px;
		bottom: 200px;
		z-index: 99;
	}

	.tool-item {
		position: relative;
		width: 80px;
		height: 64px;
		margin-bottom: 1px;
	}

	.tool-item-cap {
		border-radius: 4px;
	}

	.tool-item-cap:hover {
		background: #05bd8e;
	}

	.tool-item-cap .fa {
		margin-top: 10px;
		font-size: 24px;
	}

	.tool-item-name {
		font-size: 13px
	}

	.tool-qrcode {
		top: 0;
		right: 80px;
		padding: 10px 10px 1px;
		box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
		border-radius: 4px;
	}

	.tool-qrcode .wechat-qrcode {
		margin-bottom: 10px;
	}

	.tool-qrcode .wechat-qrcode .qrcode {
		height: 128px;
		width: 128px;
		border: 1px solid #f5f5f5;
		border-radius: 4px;
		padding: 3px;
		margin-bottom: 4px;
	}

	.tool-qrcode .qrcode img {
		height: 120px;
		width: 120px
	}

	.tool-qrcode .qrcode-name {
		margin-bottom: 10px;
		font-size: 13px;
		color: #666;
	}

	.tool-tel {
		top: 0;
		width: 280px;
		height: 64px;
		border-radius: 4px;
		line-height: 64px;
		font-size: 28px;
	}

	.tool-tel .fa {
		margin-right: 20px;
	}

	/* end tool bar */
	/* header */
	.header {
		padding: 0.15rem 0;
	}

	.logo-tel {
		margin-left: 0.6rem;
	}

	.logo-tel p {
		font-weight: bold;
		font-size: 0.15rem;
	}

	.logo-tel a {
		color: #05bd8e;
		font-weight: bold;
		font-size: 0.3rem;
		line-height: 0.3rem;
	}

	.logo-tel a:hover {
		color: #222;
	}

	/* header */
	/* layout */
	.section {
		padding: 0.7rem 0;
	}

	.ind-case-ul li {
		width: 49%;
	}

	/* ind-case */
	/* ind-blog */
	.ind-blog-ul li {
		width: 49%;
	}

	/* ind-blog */
	/* footer */
	.footer-item {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.foot {
		box-sizing: border-box;
		width: 49%;
	}

	.foot:nth-child(3),
	.foot:nth-child(4) {
		margin: 0.3rem 0;
	}

	/* footer */
	/* layout */
	/* list-solution */
	.list-sol-ul {
		display: flex;
		/* justify-content: space-between; */
		flex-wrap: wrap;
	}

	.list-sol-ul li {
		box-sizing: border-box;
		width: 50%;
		padding: 0.1rem;
	}

	/* list-solution */
	/* list-case */
	.list-case-ul .list-item {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.list-case-ul .list-item-img {
		width: 30%;
	}

	.list-case-ul .list-item-text {
		width: 70%;
		padding-left: 0.3rem;
	}

	/* list-case */
}

@media screen and (min-width: 1200px) {
	html {
		font-size: 625%;
	}

	.container {
		width: 11.7rem;
	}

	/* reset */
	/* header */
	.navbar {
		display: flex;
		align-items: center;
	}

	.nav-menu {
		display: flex;
	}

	.nav-menu-child-child {
		display: none;
		width: 2rem;
		background: #f5f5f5;
		box-shadow: 0 0.05rem 0.05rem rgba(0, 0, 0, .1);
		z-index: 99;
	}

	.nav-menu-child-child>li {
		display: block;
	}

	.nav-menu-child-child>li:nth-child(n+2) {
		border-top: 0.01rem solid rgba(0, 0, 0, .1);
	}

	.nav-menu-child-child>li>a {
		display: block;
		width: 100%;
		text-align: center;
		padding: 0.1rem 0;
	}

	.nav-menu-child-child>li>a:hover {
		background: #05bd8e;
		color: #fff;
	}

	.nav-menu>li {
		position: relative;
		display: inline-block;
	}

	.nav-menu>li>a {
		font-size: 0.15rem;
		font-weight: 500;
		display: block;
		padding: 0.15rem;
	}

	.nav-menu-child>li {
		position: relative;
	}

	.nav-menu-child>li:nth-child(n+2) {
		border-top: 0.01rem solid rgba(0, 0, 0, .1);
	}

	.nav-menu-child>li:hover .nav-menu-child-child {
		display: block;
		position: absolute;
		left: 100%;
		top: 0;
	}

	.nav-menu-child>li>a {
		display: block;
		text-align: center;
		padding: 0.1rem 0.05rem;
	}

	.nav-menu-child>li>a:hover {
		background: #05bd8e;
		color: #fff;
	}

	.nav-menu>li:hover .nav-menu-child {
		display: block;
		position: absolute;
		z-index: 99;
		width: 120%;
		left: 0;
		background: #f5f5f5;
		box-shadow: 0 0.05rem 0.05rem rgba(0, 0, 0, .1);
	}

	/* header */
	/* layout */
	/* ind-pro */
	.ind-pro-item {
		display: flex;
		justify-content: space-between;
		flex-direction: row-reverse;
		padding: 0 1rem;
	}

	.ind-pro-list {
		box-sizing: border-box;
		width: 80%;
	}

	.ind-pro-nav {
		box-sizing: border-box;
		width: 20%;
		padding-right: 0.3rem;
	}

	.ind-pro-ul li {
		width: 24%;
	}

	/* ind-pro */
	/* ind-about */
	.ind-about-item {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.ind-about-img {
		box-sizing: border-box;
		width: 40%;
	}

	.ind-about-text {
		box-sizing: border-box;
		width: 60%;
		padding: 0.3rem;
	}

	/* ind-about */
	/* ind-case */
	.ind-case-ul li {
		width: 24%;
	}

	/* ind-case */
	/* footer */
	.foot {
		width: 24%;
	}

	.foot:nth-child(3),
	.foot:nth-child(4) {
		margin: 0;
	}

	/* footer */
	/* layout */
	/* index-product */
	.index-pro-ul li {
		width: 25%;
	}

	/* index-product */
	/* list-product */
	.page-item {
		display: flex;
		justify-content: space-between;
		flex-direction: row-reverse;
		padding: 0 1rem;
	}

	.page-content {
		box-sizing: border-box;
		flex: 1;
		min-width: 0;
	}

	.sidebar {
		box-sizing: border-box;
		width: 25%;
		flex-shrink: 0;
		padding-right: 0.3rem;
		margin-top: 0;
	}

	.list-pro-ul li {
		width: 33.33%;
	}

	/* list-product */
	/* single-pro */
	.toppro {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
	}

	.toppro-img {
		width: 45%;
		padding-bottom: 0.3rem;
	}

	.toppro-text {
		width: 55%;
		padding: 0 0.3rem 0.3rem 0.3rem;
	}
	.toppro-text h1 {
		margin-top: 0;
	}
	.toppro-text .single-arc p {
		font-size: inherit !important;
		color: #666;
		line-height: 1.8;
	}
	.toppro-text .single-arc * {
		font-size: inherit !important;
	}
	.toppro-text .single-arc strong {
		display: inline-block;
		font-size: 0.14rem !important;
		color: #0f1e89;
		margin-right: 0.04rem;
	}
	/* pro-banner */
	.pro-banner {
		position: relative;
		width: 100%;
		overflow: hidden;
		border-radius: 0.03rem;
		margin-bottom: 0.3rem;
	}
	.pro-banner img {
		display: block;
		width: 100%;
		height: auto;
	}

	/* single-pro */
	/* rel */
	.rel-pro-ul li {
		width: 25%;
	}

	/* rel */
	/* list-solution */
	.list-sol-ul li {
		width: 33.33%;
	}

	/* list-solution */
}

@media screen and (min-width: 1400px) {
	html {
		font-size: 625%;
	}

	.container {
		width: 13.7rem;
		margin: 0 auto;
	}

	/* reset */

}

/* m style */
@media screen and (max-width: 1200px) {

	.m-menu-open,
	.m-menu-close {
		width: 0.3rem;
		height: 0.3rem;
		line-height: 0.3rem;
		font-size: 0.3rem;
	}

	.m-menu-open {
		display: inline-block;
	}

	.m-nav-show .m-menu-open {
		display: none;
	}

	.m-nav-show .m-menu-close {
		display: inline-block;
	}

	.nav-menu {
		display: none;
	}

	.nav-menu>li>a {
		display: block;
		background: #fff;
		padding: 0.1rem;
	}

	.m-nav-show .nav-menu {
		display: block;
		position: absolute;
		z-index: 111;
		top: 15%;
		right: 0;
		width: 100%;
	}

	.m-nav-show .nav-menu li {
		display: block;
		border-top: 0.01rem solid #f5f5f5;
		text-align: center;
	}

	/* tool bar */
	.tool-bar {
		bottom: 0;
		z-index: 10;
		width: 100%;
		font-size: 0.16rem;
	}

	.tool-item {
		float: left;
		width: 25%;
		height: 0.8rem;
	}

	.tool-item-cap .fa {
		margin-top: 0.2rem;
		font-size: 0.3rem;
	}

	.tool-item-name {
		margin-top: 0.1rem;
		font-size: 0.18rem;
	}

	.tool-qrcode {
		bottom: 100%;
		left: 0;
		width: 100%;
		padding: 0.4rem 0 0.2rem;
	}

	.tool-qrcode .wechat-qrcode {
		display: inline-block;
		margin: 0 0.4rem;
	}

	.tool-qrcode .wechat-qrcode .qrcode {
		width: 2.08rem;
		height: 2.08rem;
		padding: 0.04rem;
	}

	.tool-qrcode .qrcode img {
		height: 2rem;
		width: 2rem;
	}

	.tool-tel {
		top: -100%;
		width: 100%;
		height: 1rem;
		line-height: 1rem;

	}

	.tool-tel a {
		font-size: 0.3rem;
		color: #fff;
	}

	/* end tool bar */
}

@media screen and (max-width: 768px) {
	.container {
		margin-left: 0.15rem;
		margin-right: 0.15rem;
	}

	/* reset */
	/* header */
	/* tool bar */
	.tool-bar {
		left: 0;
		bottom: 0;
		width: 100%;
		border-top: 0.03rem solid #05bd8e;
	}

	.tool-item {
		float: left;
		width: 25%;
	}

	.tool-item .fa {
		font-size: 0.18rem;
		margin-top: 0.18rem;
	}

	/* end tool bar */
	/* top */
	.top-left {
		display: none;
	}

	.top-right {
		width: 100%;
		text-align: center;
	}

	/* top */
	/* header */
	.header {
		padding: 0.15rem 0;
	}

	.logo-tel {
		display: none;
	}

	/* header */
	/* layout */
	.section {
		padding: 0.3rem 0;
	}

	/* footer */
	.foot {
		margin-bottom: 0.3rem;
	}

	/* footer */
	/* layout */
	/* single-pro */
	.toppro {
		padding-top: 0.3rem;
	}

	.single-table {
		overflow-x: auto;
		width: 100%;
	}
}

/* about page */
.about-brand {
	padding: 0.7rem 0 0.5rem;
}

.about-hero {
	position: relative;
	background: linear-gradient(135deg, #0f1e89 0%, #1a3a9e 100%);
	border-radius: 0.08rem;
	padding: 1rem 0.6rem;
	color: #fff;
	overflow: hidden;
	margin-bottom: 0.6rem;
}
.about-hero-text {
	position: relative;
	z-index: 1;
	max-width: 60%;
}
.about-hero-text h1 {
	font-size: 0.32rem;
	font-weight: bold;
	margin-bottom: 0.2rem;
}
.about-hero-desc {
	font-size: 0.16rem;
	line-height: 1.8;
	opacity: 0.85;
}
.about-hero-deco {
	position: absolute;
	right: -0.3rem;
	top: -0.3rem;
	width: 4rem;
	height: 4rem;
}
.about-dot {
	position: absolute;
	border-radius: 50%;
	display: block;
}
.about-dot-1 {
	width: 1.6rem;
	height: 1.6rem;
	background: rgba(5, 189, 142, 0.15);
	right: 0.3rem;
	top: 0.2rem;
}
.about-dot-2 {
	width: 1rem;
	height: 1rem;
	background: rgba(5, 189, 142, 0.2);
	right: 0.8rem;
	top: 0.8rem;
}
.about-dot-3 {
	width: 0.5rem;
	height: 0.5rem;
	background: rgba(5, 189, 142, 0.3);
	right: 1.1rem;
	top: 1.2rem;
}

.about-section-title {
	font-size: 0.24rem;
	font-weight: bold;
	color: #222;
	text-align: center;
	margin-bottom: 0.4rem;
	position: relative;
}
.about-section-title::after {
	content: "";
	display: block;
	width: 0.6rem;
	height: 0.03rem;
	background: #05bd8e;
	margin: 0.1rem auto 0;
	border-radius: 0.02rem;
}

.about-timeline {
	margin-bottom: 0.6rem;
}
.about-timeline-track {
	position: relative;
	display: flex;
	justify-content: space-between;
	padding: 0.4rem 0 0.3rem;
}
.about-timeline-track::before {
	content: "";
	position: absolute;
	left: 10%;
	right: 10%;
	top: 0;
	height: 0.03rem;
	background: linear-gradient(90deg, #05bd8e, #0f1e89);
	border-radius: 0.02rem;
}
.about-timeline-item {
	position: relative;
	flex: 1;
	text-align: center;
	padding: 0 0.06rem;
}
.about-timeline-year {
	display: block;
	font-size: 0.22rem;
	font-weight: bold;
	color: #0f1e89;
	margin-bottom: 0.08rem;
}
.about-timeline-dot {
	display: block;
	width: 0.14rem;
	height: 0.14rem;
	border-radius: 50%;
	background: #05bd8e;
	border: 0.03rem solid #fff;
	box-shadow: 0 0 0 0.02rem #05bd8e;
	margin: 0 auto 0.15rem;
	position: relative;
	z-index: 1;
}
.about-timeline-item p {
	font-size: 0.13rem;
	color: #888;
	line-height: 1.5;
}

.about-features {
	margin-bottom: 0.4rem;
}
.about-features-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 0.2rem;
}
.about-feature-card {
	background: #fff;
	border: 0.01rem solid #e8e8e8;
	border-radius: 0.06rem;
	padding: 0.3rem 0.2rem;
	text-align: center;
	transition: transform 0.3s, box-shadow 0.3s;
}
.about-feature-card:hover {
	transform: translateY(-0.05rem);
	box-shadow: 0 0.08rem 0.2rem rgba(0,0,0,0.06);
}
.about-feature-icon {
	width: 0.6rem;
	height: 0.6rem;
	margin: 0 auto 0.15rem;
}
.about-feature-icon svg {
	width: 100%;
	height: 100%;
}
.about-feature-card h3 {
	font-size: 0.17rem;
	font-weight: bold;
	color: #222;
	margin-bottom: 0.1rem;
}
.about-feature-card p {
	font-size: 0.13rem;
	color: #888;
	line-height: 1.6;
}

@media screen and (max-width: 768px) {
	.about-hero {
		padding: 0.4rem 0.3rem;
		border-radius: 0.04rem;
	}
	.about-hero-text {
		max-width: 100%;
	}
	.about-hero-text h1 {
		font-size: 0.24rem;
	}
	.about-hero-desc {
		font-size: 0.14rem;
	}
	.about-hero-deco {
		display: none;
	}
	.about-features-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 0.1rem;
	}
	.about-feature-card {
		padding: 0.2rem 0.15rem;
	}
	.about-timeline-track {
		flex-wrap: wrap;
		padding: 0.25rem 0 0;
	}
	.about-timeline-track::before {
		display: none;
	}
	.about-timeline-item {
		flex: 0 0 33.33%;
		margin-bottom: 0.2rem;
	}
	.about-timeline-year {
		font-size: 0.18rem;
	}
	.about-timeline-item p {
		font-size: 0.12rem;
	}
}

	/* single-pro */

/* milestone page (发展历程) */
.fazhanlicheng .milestone-brand {
	background: url('/uploads/202607/23/5872e55d97c77dcb.webp') center top / 100% auto no-repeat;
	margin-top: 0.5rem;
	padding: 0.5rem 0;
	border-radius: 0.06rem;
	overflow: hidden;
}
.fazhanlicheng .milestone-brand > * {
	position: relative;
	z-index: 1;
}

.fazhanlicheng .milestone-hero {
	position: relative;
	background: transparent;
	padding: 0.1rem 0;
	margin-bottom: 0.3rem;
	overflow: hidden;
}
.fazhanlicheng .milestone-hero-text {
	position: relative;
	z-index: 1;
	max-width: 100%;
	text-align: left;
	padding-left: 0.5rem;
}
.fazhanlicheng .milestone-hero-text h1 {
	font-size: 0.36rem;
	font-weight: bold;
	color: #0f1e89;
	text-align: left;
}
.fazhanlicheng .milestone-hero-desc {
	font-size: 0.15rem;
	line-height: 1.8;
	color: #444;
	margin-bottom: 0.05rem;
	text-align: left;
}
.fazhanlicheng .milestone-hero-stats {
	display: flex;
	justify-content: flex-start;
	gap: 0.4rem;
	background: transparent;
}
.fazhanlicheng .milestone-stat {
	text-align: center;
}
.fazhanlicheng .milestone-stat-num {
	display: block;
	font-size: 0.28rem;
	font-weight: bold;
	color: #05bd8e;
}
.fazhanlicheng .milestone-stat-label {
	display: block;
	font-size: 0.12rem;
	color: #555;
	margin-top: 0.02rem;
}
.fazhanlicheng .milestone-hero-deco {
	display: none;
}
.fazhanlicheng .milestone-hero * {
	background: transparent;
}

/* 第一行：2009, 2016, 2021, 2025 */
.fazhanlicheng .milestone-row-1 {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	gap: 0.2rem;
	margin-top: 0.5rem;
	margin-bottom: 0.25rem;
}
.fazhanlicheng .milestone-row-1 .milestone-card {
	background: transparent;
	border: none;
	padding: 0.15rem 0.25rem;
	text-align: center;
	border-radius: 0.06rem;
}

/* 第二行：2014, 2018, 2023 */
.fazhanlicheng .milestone-row-2 {
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	gap: 0.2rem;
	margin-top: 3.3rem;
	margin-bottom: 0.25rem;
	padding-bottom: 1rem;
}
.fazhanlicheng .milestone-row-2 .milestone-card {
	background: transparent;
	border: none;
	padding: 0.15rem 0.25rem;
	text-align: center;
	border-radius: 0.06rem;
	width: 3rem;
	min-width: 3rem;
}

.fazhanlicheng .milestone-card-year,
.fazhanlicheng .milestone-card-tag {
	display: none;
}
.fazhanlicheng .milestone-card-desc {
	white-space: nowrap;
	text-align: center;
	font-size: 0.13rem;
	color: #444;
}
.fazhanlicheng .milestone-card-dot,
.fazhanlicheng .milestone-card-glow {
	display: none;
}

.fazhanlicheng .milestone-outlook {
	text-align: center;
	padding: 0.2rem;
	margin-top: 0.3rem;
	background: rgba(5, 189, 142, 0.08);
	border: none;
	border-radius: 0.06rem;
}
.fazhanlicheng .milestone-outlook p {
	font-size: 0.14rem;
	color: #888;
}

/* responsive */
@media screen and (max-width: 768px) {
	.fazhanlicheng .milestone-brand {
		margin-top: 0.3rem;
	}
	.fazhanlicheng .milestone-hero {
		padding: 0.4rem 0;
		margin-bottom: 0.3rem;
	}
	.fazhanlicheng .milestone-hero-text h1 {
		font-size: 0.24rem;
	}
	.fazhanlicheng .milestone-hero-desc {
		font-size: 0.13rem;
	}
	.fazhanlicheng .milestone-hero-stats {
		gap: 0.2rem;
	}
	.fazhanlicheng .milestone-stat-num {
		font-size: 0.22rem;
	}
	.fazhanlicheng .milestone-stat-label {
		font-size: 0.11rem;
	}
	.fazhanlicheng .milestone-row-1,
	.fazhanlicheng .milestone-row-2 {
		flex-wrap: wrap;
		gap: 0.15rem;
	}
	.fazhanlicheng .milestone-row-2 {
		margin-top: 1rem;
	}
	.fazhanlicheng .milestone-row-2 .milestone-card {
		width: auto;
		min-width: auto;
	}
	.fazhanlicheng .milestone-card-desc {
		font-size: 0.12rem;
	}
	.fazhanlicheng .milestone-outlook p {
		font-size: 0.12rem;
	}
}

/* yxs page (用户心声) */
.yxs-page {
	position: relative;
	min-height: 100vh;
	background: url('/uploads/202607/21/8458a56fc69c778c.webp') center/cover fixed;
}
.yxs-overlay {
	position: absolute;
	inset: 0;
	background: rgba(0,0,0,0.5);
}
.yxs-chat {
	position: relative;
	z-index: 1;
	max-width: 1100px;
	margin: 0 auto;
	padding: 0.6rem 0.3rem 0.6rem;
}
.yxs-chat-header {
	text-align: center;
	margin-bottom: 0.5rem;
}
.yxs-chat-header h1 {
	font-size: 0.34rem;
	font-weight: bold;
	color: #fff;
	margin-bottom: 0.06rem;
}
.yxs-chat-header p {
	font-size: 0.15rem;
	color: rgba(255,255,255,0.65);
}

/* message row */
.yxs-msg {
	margin-bottom: 0.3rem;
	padding: 0 0.06rem;
}
.yxs-msg.right {
	text-align: right;
}

/* avatar */
.yxs-av {
	width: 0.44rem;
	height: 0.44rem;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 0.16rem;
	font-weight: bold;
	color: #fff;
	vertical-align: top;
	margin-top: 0.24rem;
	flex-shrink: 0;
}
.yxs-msg:not(.right) .yxs-av {
	margin-right: 0.12rem;
}
.yxs-msg.right .yxs-av {
	margin-left: 0.12rem;
}
.yxs-msg:nth-of-type(2) .yxs-av  { background: linear-gradient(135deg, #FF6B6B, #ee5a24); }
.yxs-msg:nth-of-type(3) .yxs-av  { background: linear-gradient(135deg, #a29bfe, #6c5ce7); }
.yxs-msg:nth-of-type(4) .yxs-av  { background: linear-gradient(135deg, #fd79a8, #e84393); }
.yxs-msg:nth-of-type(5) .yxs-av  { background: linear-gradient(135deg, #fdcb6e, #f39c12); }
.yxs-msg:nth-of-type(6) .yxs-av  { background: linear-gradient(135deg, #00b894, #00cec9); }
.yxs-msg:nth-of-type(7) .yxs-av  { background: linear-gradient(135deg, #74b9ff, #0984e3); }

/* bubble column */
.yxs-col {
	display: inline-block;
	max-width: 58%;
	vertical-align: top;
}
.yxs-msg.right .yxs-col {
	text-align: left;
}

/* meta line */
.yxs-meta {
	display: flex;
	align-items: center;
	gap: 0.08rem;
	margin-bottom: 0.06rem;
	padding: 0 0.04rem;
}
.yxs-msg.right .yxs-meta {
	justify-content: flex-end;
}
.yxs-meta-name {
	font-size: 0.14rem;
	font-weight: bold;
	color: rgba(255,255,255,0.9);
}
.yxs-meta-xhs {
	font-size: 0.1rem;
	color: rgba(255,255,255,0.45);
}

/* bubble */
.yxs-bubble {
	background: rgba(255,255,255,0.12);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	border: 1px solid rgba(255,255,255,0.15);
	border-radius: 0.12rem;
	padding: 0.18rem 0.22rem;
}
.yxs-msg:not(.right) .yxs-bubble {
	border-top-left-radius: 0.03rem;
}
.yxs-msg.right .yxs-bubble {
	border-top-right-radius: 0.03rem;
}
.yxs-bubble p {
	font-size: 0.13rem;
	color: rgba(255,255,255,0.9);
	line-height: 1.7;
	margin: 0;
}

/* product tag */
.yxs-tag {
	display: inline-block;
	padding: 0.02rem 0.1rem;
	background: rgba(5,189,142,0.35);
	border-radius: 0.03rem;
	font-size: 0.1rem;
	color: #05bd8e;
	font-weight: bold;
	margin-top: 0.04rem;
}
.yxs-msg.right .yxs-tag {
	float: right;
}

@media screen and (max-width: 768px) {
	.yxs-chat {
		padding: 0.4rem 0.16rem;
	}
	.yxs-chat-header h1 {
		font-size: 0.24rem;
	}
	.yxs-av {
		width: 0.36rem;
		height: 0.36rem;
		font-size: 0.14rem;
		margin-top: 0.18rem;
	}
	.yxs-bubble p {
		font-size: 0.12rem;
	}
	.yxs-col {
		max-width: 65%;
	}
}


/* rnd page (研发实力) */
.rnd-wrap {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0.6rem 0.3rem;
}
.rnd-header {
	text-align: center;
	margin-bottom: 0.4rem;
}
.rnd-header h1 {
	font-size: 0.32rem;
	font-weight: bold;
	color: #0f1e89;
	margin-bottom: 0.06rem;
}
.rnd-header p {
	font-size: 0.15rem;
	color: #888;
}
.rnd-img-box {
	position: relative;
	border-radius: 0.08rem;
	overflow: hidden;
}
.rnd-img-box > img {
	display: block;
	width: 100%;
	height: auto;
}

/* yanfashili (研发实力) */
.yanfashili .rnd-left-text {
	position: absolute;
	left: 48%;
	bottom: 13%;
	width: 40%;
}
.yanfashili .rnd-left-text h2 {
	font-size: 0.32rem;
	font-weight: bold;
	color: #0f1e89;
	margin-bottom: 0.1rem;
}
.yanfashili .rnd-left-text p {
	font-size: 0.2rem;
	color: #333;
	line-height: 1.8;
}
.yanfashili .rnd-left-text p + p {
	margin-top: 0.3rem;
}
.yanfashili .rnd-right-text {
	position: absolute;
	left: 9%;
	top: 9%;
	width: 60%;
}
.yanfashili .rnd-right-text h2 {
	font-size: 0.32rem;
	font-weight: bold;
	color: #fff;
	margin-bottom: 0.1rem;
}
.yanfashili .rnd-right-text p {
	font-size: 0.2rem;
	color: rgba(255,255,255,0.9);
	line-height: 1.8;
}
.yanfashili .rnd-right-text p + p {
	margin-top: 0.3rem;
}

/* yuancailiao (原材料溯源) */
.yuancailiao .rnd-left-text {
	position: absolute;
	left: 8%;
	top: 14%;
	width: 32%;
	max-width: 400px;
}
.yuancailiao .rnd-left-text h2 {
	font-size: 0.32rem;
	font-weight: bold;
	color: #0f1e89;
	margin-bottom: 0.1rem;
}
.yuancailiao .rnd-left-text p {
	font-size: 0.2rem;
	color: #333;
	line-height: 1.8;
}
.yuancailiao .rnd-left-text p + p {
	margin-top: 0.3rem;
}

/* ziyougongchang (自有工厂) */
.ziyougongchang .rnd-right-text {
	position: absolute;
	left: 10%;
	top: 4%;
	width: 80%;
	max-width: 1200px;
}
.ziyougongchang .rnd-right-text p {
	font-size: 0.2rem;
	color: #000;
	line-height: 1.8;
}
.ziyougongchang .rnd-right-text p + p {
	margin-top: 0.3rem;
}


/* quanweirenzheng (权威认证) */
.quanweirenzheng .rnd-right-text {
	position: absolute;
	left: 10%;
	text-align: right;
	top: 4%;
	width: 80%;
}
.quanweirenzheng .rnd-right-text p {
	font-size: 0.2rem;
	color: #fff;
	line-height: 1.4;
}
.quanweirenzheng .rnd-right-text p + p {
	margin-top: 0.15rem;
}
@media screen and (max-width: 768px) {
	.yanfashili .rnd-left-text,
	.yuancailiao .rnd-left-text {
		left: 2%;
		top: 4%;
		width: 45%;
	}
	.yanfashili .rnd-left-text h2,
	.yanfashili .rnd-right-text h2,
	.yuancailiao .rnd-left-text h2,
	.ziyougongchang .rnd-right-text h2 {
		font-size: 0.18rem;
	}
	.yanfashili .rnd-left-text p,
	.yanfashili .rnd-right-text p,
	.yuancailiao .rnd-left-text p,
	.ziyougongchang .rnd-right-text p {
		font-size: 0.13rem;
	}
	.yanfashili .rnd-right-text {
		left: 48%;
		top: 4%;
		width: 46%;
	}
	.ziyougongchang .rnd-right-text {
		left: 4%;
		top: 4%;
		width: 92%;
	}
	.quanweirenzheng .rnd-right-text {
		left: 4%;
		top: 4%;
		width: 92%;
		}
}

/* slider carousel */
.slider-track {
	position: relative;
	overflow: hidden;
	border-radius: 0.3rem;
}
.slider-slide {
	display: none;
}
.slider-slide.active {
	display: block;
}
.slider-slide img {
	object-fit: cover;
	width: 100%;
	border-radius: 0.3rem;
}
.slider-dots {
	text-align: center;
	margin-top: 0.15rem;
}
.slider-dots .dot {
	display: inline-block;
	width: 0.1rem;
	height: 0.1rem;
	border-radius: 50%;
	background: #ccc;
	margin: 0 0.05rem;
	cursor: pointer;
	transition: background 0.3s;
}
.slider-dots .dot.active {
	background: #05bd8e;
}

/* qiyejianjie (企业简介) */

/* qiyejianjie (企业简介) */
.qyjj-wrap {
	position: relative;
}

.qyjj-img-box {
	position: relative;
	overflow: hidden;
	border-radius: 0.08rem;
}
.qyjj-img-box > img {
	display: block;
	width: 100%;
	height: auto;
}

.qyjj-overlay {
	position: absolute;
	left: 10%;
	top: 5%;
	width: 80%;
	z-index: 1;
}
.qyjj-overlay h2 {
	font-size: 0.3rem;
	font-weight: bold;
	color: #fff;
	margin-bottom: 0.14rem;
	text-shadow: 0 2px 8px rgba(0,0,0,0.5);
}
.qyjj-overlay p {
	font-size: 0.17rem;
	color: rgba(255,255,255,0.95);
	line-height: 1.9;
	text-shadow: 0 1px 4px rgba(0,0,0,0.5);
}
@media screen and (max-width: 768px) {
	.qyjj-overlay { left: 4%; top: 1rem; width: 70%; }
	.qyjj-overlay h2 { font-size: 0.2rem; }
	.qyjj-overlay p { font-size: 0.13rem; }
}

/* contact page (联系我们) */
.contact .container {
	position: relative;
	aspect-ratio: 600/337;
	overflow: hidden;
	border-radius: 0.06rem;
	background: url('/uploads/202607/23/3c00a2c39cf098e3.webp') left top / 100% auto no-repeat;
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}
.contact-content {
	position: absolute;
	right: 0;
	top: 0;
	width: 35%;
	padding: 1.5rem 0.5rem 0.5rem;
	z-index: 1;
	color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	overflow-y: auto;
}
.contact-text {
	color: #fff;
	font-size: 0.18rem;
	line-height: 2;
}
.contact-text h2 {
	font-size: 0.36rem;
	font-weight: bold;
	text-align: left;
	margin-bottom: 0.3rem;
	color: #fff;
}
.contact-text p,
.contact-text span {
	font-size: 0.18rem;
	color: #fff;
}

@media screen and (max-width: 768px) {
	.contact .container {
		aspect-ratio: auto;
		min-height: auto;
		padding: 0.3rem;
	}
	.contact-content {
		position: static;
		width: 100%;
		height: auto;
		padding: 0.3rem;
	}
}

/* ============================================================
   2026-08 全站视觉升级（追加覆盖块 · 可整体删除回退）
   品牌：舒比奇 · 设计系统：深绿 #0a5c45 + 暖白 #FAF9F6 + 亮绿 #05bd8e
   ============================================================ */
* , *::before, *::after { box-sizing: border-box; } /* 全站统一 border-box，修复移动端横向溢出 */
:root {
  --sb-green: #0a5c45;
  --sb-green2: #007a56;
  --sb-accent: #05bd8e;
  --sb-blue: #0f1e89;
  --sb-bg: #FAF9F6;
  --sb-card: #ffffff;
  --sb-ink: #123;
  --sb-body: #3d4f48;
  --sb-muted: #8a9792;
  --sb-line: #f0ece4;
  --sb-r: 0.16rem;
  --sb-sh: 0 0.02rem 0.1rem rgba(13,80,58,.06);
  --sb-sh2: 0 0.14rem 0.3rem rgba(13,80,58,.13);
}
html { font-size: 100px; } /* 桌面端 rem 基准固定（移动端由 JS 内联覆盖） */
body { background: var(--sb-bg); color: var(--sb-body); }
h1 { font-size: 0.24rem; font-weight: 900; letter-spacing: 0.02rem; }
h2 { font-size: 0.2rem; font-weight: 800; letter-spacing: 0.01rem; }
h3 { font-size: 0.16rem; font-weight: 800; }
a { color: #243832; }
a:hover { color: var(--sb-accent); }
.section { margin-bottom: 0.3rem; }

/* ============ Task 2: 头部导航 ============ */
#header { box-shadow: 0 0.02rem 0.14rem rgba(13,80,58,.08); }
.nav-menu > li > a { font-size: 0.16rem; color: #243832; position: relative; }
.nav-menu > li > a:hover { color: var(--sb-accent); }
.nav-menu > li.active > a { color: var(--sb-green); font-weight: 700; }
.nav-menu > li.active > a::after { width: 60%; }
/* 桌面端子菜单：≥1201 固定 hover + focus（含键盘/点击保持） */
@media (min-width: 1201px) {
  .nav-menu > li:hover .nav-menu-child,
  .nav-menu > li:focus-within .nav-menu-child { display: block; position: absolute; z-index: 99; width: 120%; left: 0; top: 100%; }
}
/* 汉堡菜单（≤1200px）：图标固定右上角 + 子菜单展开 */
@media (max-width: 1200px) {
  #header .container { position: relative; }
  .m-menu-open, .m-menu-close { position: absolute; right: 0.2rem; top: 50%; transform: translateY(-50%); z-index: 120; }
  .m-nav-show .nav-menu-child { display: block; position: static; width: 100%; background: #f6f6f6; box-shadow: none; border: none; border-radius: 0; }
  .m-nav-show .nav-menu-child > li > a { text-align: left; padding: 0.1rem 0.4rem; font-size: 0.13rem; color: var(--sb-body); }
  .m-nav-show .nav-menu-child > li > a:hover { background: transparent; color: var(--sb-accent); }
  .m-nav-show .nav-menu-child-child { display: block; position: static; width: 100%; background: #fff; box-shadow: none; border: none; border-radius: 0; }
  .m-nav-show .nav-menu-child-child > li > a { text-align: left; padding: 0.1rem 0.6rem; font-size: 0.12rem; color: var(--sb-muted); }
}
.nav-menu > li > a::after { content: ""; position: absolute; left: 50%; transform: translateX(-50%); bottom: -0.02rem; width: 0; height: 0.03rem; border-radius: 0.02rem; background: var(--sb-accent); transition: width .25s ease; }
.nav-menu > li > a:hover::after { width: 60%; }
.nav-menu-child { border-radius: 0.12rem; border: 1px solid var(--sb-line); box-shadow: var(--sb-sh2); background: var(--sb-card); }
.nav-menu-child > li > a { font-size: 0.13rem; color: var(--sb-body); padding: 0.1rem 0.16rem; }
.nav-menu-child > li > a:hover { color: var(--sb-accent); background: #f6fdf9; }
.nav-menu-child-child { border-radius: 0.1rem; border: 1px solid var(--sb-line); box-shadow: var(--sb-sh2); background: var(--sb-card); }

/* ============ Task 3: 首页轮播 + 三块 ============ */
.slider { position: relative; padding: 0.3rem 0 0.2rem; }
.slider-track { border-radius: var(--sb-r); }
.slider-slide img { border-radius: 0; box-shadow: 0 0.14rem 0.34rem rgba(13,80,58,.16); }
.slider-dots { position: absolute; bottom: 0.34rem; left: 50%; transform: translateX(-50%); display: flex; gap: 0.08rem; z-index: 2; }
.slider-dots .dot { width: 0.1rem; height: 0.1rem; border-radius: 99px; background: rgba(255,255,255,.6); transition: all .25s ease; cursor: pointer; }
.slider-dots .dot.active { width: 0.28rem; background: #fff; box-shadow: 0 0 0.08rem rgba(0,80,50,.35); }
.page-banner img { border-radius: var(--sb-r); }

.ind-4xz { padding: 0 !important; }
.ind-4xz .container { gap: 0.16rem; }
.ind-4xz-item { flex: 1; display: flex; align-items: center; gap: 0.16rem; padding: 0.2rem 0.24rem; background: var(--sb-card); border: 1px solid var(--sb-line); border-radius: var(--sb-r); box-shadow: var(--sb-sh); transition: all .25s ease; color: #243832; }
.ind-4xz-item:hover { transform: translateY(-0.04rem); box-shadow: var(--sb-sh2); color: #243832; }
.ind-4xz-ic { width: 0.44rem; height: 0.44rem; border-radius: 0.13rem; display: flex; align-items: center; justify-content: center; font-size: 0.2rem; color: var(--sb-accent); background: #d7f2e7; flex-shrink: 0; }
.ind-4xz-item:nth-child(2) .ind-4xz-ic { color: var(--sb-blue); background: #e0e7fc; }
.ind-4xz-item:nth-child(3) .ind-4xz-ic { color: var(--sb-green); background: #f1f1f1; }
.ind-4xz-tx b { display: block; font-size: 0.17rem; font-weight: 800; color: var(--sb-ink); letter-spacing: 0.03rem; }
.ind-4xz-tx small { display: block; font-size: 0.115rem; color: var(--sb-muted); margin-top: 0.03rem; letter-spacing: 0.005rem; }

/* ============ Task 4: 产品中心列表 ============ */
/* 分类标题：去掉左侧绿色竖条与左内边距（原为左对齐装饰，与 base 的居中标题冲突），保持居中、简洁 */
.index-pro-item h2 { font-size: 0.2rem; font-weight: 900; color: var(--sb-ink); margin-bottom: 0.18rem; }
.index-pro-item h2 a { color: var(--sb-ink); }
.index-pro-ul { gap: 0.16rem; }
.index-pro-ul li { width: calc(33.33% - 0.11rem); }
.index-pro-ul .list-item { background: var(--sb-card); border: 1px solid var(--sb-line); border-radius: var(--sb-r); overflow: hidden; box-shadow: var(--sb-sh); transition: all .25s ease; }
.index-pro-ul .list-item:hover { transform: translateY(-0.04rem); box-shadow: var(--sb-sh2); }
.index-pro-ul .list-item .imgitem img { border-radius: 0; }
.index-pro-ul .list-item-text { padding: 0.14rem 0.16rem 0.16rem; text-align: left; }
.index-pro-ul .list-item-text h3 { font-size: 0.14rem; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* ============ Task 5: 产品详情 ============ */
.toppro { display: flex; gap: 0.3rem; background: var(--sb-card); border: 1px solid var(--sb-line); border-radius: var(--sb-r); padding: 0.3rem; box-shadow: var(--sb-sh); }
.toppro-img { flex-shrink: 0; }
.toppro-img .imgitem img { border-radius: 0.12rem; }
.toppro-text { flex: 1; }
.toppro-text h1 { font-size: 0.24rem; font-weight: 900; color: var(--sb-ink); margin-bottom: 0.12rem; }
.toppro-text .single-arc { font-size: 0.14rem; line-height: 1.9; color: var(--sb-body); }
.tags { margin-top: 0.16rem; }
.tags a { display: inline-block; background: #eafaf3; color: #0a8f6a; font-size: 0.12rem; padding: 0.04rem 0.14rem; border-radius: 99px; margin-right: 0.08rem; font-weight: 700; }
.tags a:hover { background: var(--sb-accent); color: #fff; }
.pro-banner { margin-top: 0.3rem; }
.pro-banner img { border-radius: var(--sb-r); box-shadow: var(--sb-sh); }

/* ============ Task 6: 文章列表 + 分页 ============ */
.list-blog-ul li { background: var(--sb-card); border: 1px solid var(--sb-line); border-radius: var(--sb-r); padding: 0.2rem 0.24rem; margin-bottom: 0.14rem; box-shadow: var(--sb-sh); transition: all .25s ease; }
.list-blog-ul li:hover { transform: translateY(-0.03rem); box-shadow: var(--sb-sh2); }
.list-blog-ul .info { color: var(--sb-muted); font-size: 0.12rem; margin-bottom: 0.08rem; }
.list-blog-ul .info a { color: var(--sb-accent); }
.list-blog-ul h3 { margin-bottom: 0.06rem; }
.list-blog-ul h3 a { font-size: 0.16rem; font-weight: 800; color: var(--sb-ink); }
.list-blog-ul h3 a:hover { color: var(--sb-accent); }
.list-blog-ul p { color: var(--sb-muted); font-size: 0.13rem; line-height: 1.8; margin: 0.08rem 0; }
.list-blog-ul .more { color: var(--sb-accent); font-size: 0.12rem; font-weight: 700; }
.single-content-title { font-size: 0.22rem; font-weight: 900; color: var(--sb-ink); padding: 0.1rem 0 0.2rem; }
.pagnavi { display: flex; flex-wrap: wrap; gap: 0.08rem; margin-top: 0.24rem; }
.pagnavi a { display: inline-flex; align-items: center; justify-content: center; min-width: 0.36rem; height: 0.36rem; padding: 0 0.12rem; border-radius: 0.08rem; background: var(--sb-card); border: 1px solid var(--sb-line); color: var(--sb-body); font-size: 0.13rem; }
.pagnavi a.current { background: var(--sb-green); color: #fff; border-color: var(--sb-green); font-weight: 700; }
.pagnavi a:hover { border-color: var(--sb-accent); color: var(--sb-accent); }

/* ============ Task 7: 文章/单页正文排版 ============ */
.single-title { text-align: center; padding: 0.2rem 0 0.1rem; }
.single-title h1 { font-size: 0.26rem; font-weight: 900; color: var(--sb-ink); letter-spacing: 0.02rem; }
.markdown-body, .single-arc { font-size: 0.14rem; line-height: 2; color: var(--sb-body); word-break: break-word; }
.markdown-body h2, .single-arc h2 { font-size: 0.2rem; font-weight: 800; color: var(--sb-ink); margin: 0.24rem 0 0.12rem; }
.markdown-body h3, .single-arc h3 { font-size: 0.17rem; font-weight: 800; color: var(--sb-green); margin: 0.2rem 0 0.1rem; }
.markdown-body h4, .single-arc h4 { font-size: 0.15rem; font-weight: 700; color: var(--sb-ink); margin: 0.16rem 0 0.08rem; }
.markdown-body img, .single-arc img { border-radius: 0.12rem; }
.markdown-body blockquote, .single-arc blockquote { border-left: 0.04rem solid var(--sb-accent); background: #f2fbf7; margin: 0.14rem 0; padding: 0.12rem 0.16rem; color: var(--sb-body); border-radius: 0 0.08rem 0.08rem 0; }
.markdown-body table, .single-arc table { border-radius: 0.08rem; overflow: hidden; }
.markdown-body th, .single-arc th { background: var(--sb-green); }
.page-content { background: var(--sb-card); border: 1px solid var(--sb-line); border-radius: var(--sb-r); padding: 0.3rem; box-shadow: var(--sb-sh); }

/* ============ Task 8: 侧边栏 ============ */
.side { background: var(--sb-card); border: 1px solid var(--sb-line); border-radius: var(--sb-r); overflow: hidden; box-shadow: var(--sb-sh); margin-bottom: 0.2rem; }
.side > h2 { background: var(--sb-green); color: #fff; font-size: 0.16rem; font-weight: 800; padding: 0.14rem 0.18rem; letter-spacing: 0.02rem; }
.side-blog-ul li a { display: flex; align-items: center; gap: 0.1rem; padding: 0.1rem 0.16rem; font-size: 0.13rem; color: var(--sb-body); border-bottom: 1px solid #f6f3ec; }
.side-blog-ul li a::before { content: "›"; color: var(--sb-accent); font-weight: 700; }
.side-blog-ul li a:hover { color: var(--sb-accent); padding-left: 0.22rem; }
.accordion-item { width: 100%; text-align: left; background: var(--sb-card); border: none; border-bottom: 1px solid #f6f3ec; font-size: 0.13rem; color: var(--sb-body); padding: 0.12rem 0.16rem; cursor: pointer; }
.accordion-item.active { color: var(--sb-green); font-weight: 700; background: #f6fdf9; }
.ind-pro-nav-ul li a { font-size: 0.12rem; color: var(--sb-muted); padding: 0.08rem 0.3rem; display: block; }
.ind-pro-nav-ul li a:hover { color: var(--sb-accent); }

/* ============ Task 9: 页脚（2026-08 重设计：顶部对齐+紧凑） ============ */
.footer { background: linear-gradient(160deg,#0a4a38,#0d6b4f); padding: 0.35rem 0 0; margin-top: 0.3rem; }
.footer-item { justify-content: space-between; align-items: flex-start; }
.footer-item .foot { flex: 0 0 auto; width: auto; }
.foot-brand { flex: 0 0 100%; max-width: 100%; display: flex; align-items: center; gap: 0.18rem; margin-bottom: 0.28rem; padding-bottom: 0.24rem; border-bottom: 1px solid rgba(255,255,255,.14); }
.foot-brand-logo { width: 0.66rem; height: 0.66rem; background: #fff; border-radius: 0.12rem; display: flex; align-items: center; justify-content: center; padding: 0.08rem; flex-shrink: 0; }
.foot-brand-logo img { max-width: 100%; max-height: 100%; border-radius: 0; }
.foot-brand-name { color: #fff; font-size: 0.18rem; font-weight: 800; letter-spacing: 0.04rem; line-height: 1.3; }
.foot-brand-slogan { color: rgba(255,255,255,.72); font-size: 0.12rem; line-height: 1.8; margin-top: 0.04rem; }
.footer .foot h2 { color: #fff; font-size: 0.15rem; font-weight: 800; margin-bottom: 0.12rem; }
.footer .foot p { display: flex; align-items: center; gap: 0.08rem; color: rgba(255,255,255,.68); font-size: 0.13rem; margin-bottom: 0.1rem; line-height: 1.6; }
.footer .foot p i { background: transparent; color: var(--sb-accent); font-size: 0.15rem; width: auto; height: auto; line-height: 1; border-radius: 0; }
.footer .footer-ul li a { color: rgba(255,255,255,.68); font-size: 0.13rem; line-height: 2.1; }
.footer .footer-ul li a:hover { color: var(--sb-accent); }
.footer-bottom { border-top: 1px solid rgba(255,255,255,.12); margin-top: 0.28rem; padding: 0.14rem 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 0.08rem 0.2rem; color: rgba(255,255,255,.5); font-size: 0.12rem; text-align: center; }
.footer-bottom a { color: rgba(255,255,255,.5); white-space: nowrap; }
.footer-bottom a:hover { color: var(--sb-accent); }

/* ============ Task 10: 表单与按钮 ============ */
input, textarea, select { border-radius: 0.08rem; border: 1px solid #dde5e1; background: #fff; }
input:focus, textarea:focus { border-color: var(--sb-accent); box-shadow: 0 0 0 0.02rem rgba(5,189,142,.15); outline: none; }
.formbtn { background: linear-gradient(135deg,#05bd8e,#0a9a74); color: #fff; border: none; border-radius: 99px; font-size: 0.14rem; font-weight: 700; padding: 0.13rem 0.4rem; box-shadow: 0 0.08rem 0.18rem rgba(5,189,142,.35); cursor: pointer; }
.formbtn:hover { background: linear-gradient(135deg,#0a9a74,#05bd8e); color: #fff; }
table { border-radius: 0.08rem; overflow: hidden; }
th { background: var(--sb-green); }
.tool-item-cap { border-radius: 0.1rem; }
.tool-item:hover .tool-item-sub, .tool-item.active .tool-item-sub { border-radius: 0.1rem; }

/* ============ Task 11: 移动端适配 ============ */
@media (max-width: 768px) {
  .ind-4xz .container { flex-direction: column; gap: 0.12rem; }
  .ind-4xz-item { width: 100%; padding: 0.16rem 0.2rem; }
  .index-pro-ul li { width: calc(50% - 0.08rem); }
  .toppro { flex-direction: column; }
  .toppro-img { width: 100%; }
  .page-item { flex-direction: column; }
  .sidebar { width: 100%; margin-top: 0.2rem; }
  .footer-item { display: flex; flex-wrap: wrap; gap: 0.2rem; padding: 0 0.1rem; }
  .footer .foot { flex: 0 0 calc(50% - 0.2rem); width: calc(50% - 0.2rem); padding-right: 0; }
  .footer .foot:nth-child(1) { flex-basis: 100%; width: 100%; }
  .footer .foot:nth-child(4) { flex-basis: 100%; width: 100%; }
  .foot-brand { margin-bottom: 0.2rem; }
  .page-content { padding: 0.16rem; }
  .pagnavi a { min-width: 0.32rem; height: 0.32rem; }
  .footer-bottom { font-size: 0.1rem; line-height: 1.7; padding: 0.1rem 0.15rem; }
}

/* ============ Task 12: 单页内容首元素为图片时去掉 img 自带上边距 ============ */
/* 一张图页面（如 五民愿景一张图）内容首元素是整幅图片，.single-arc img 自带 0.3rem 上边距，
   会与 .page-content 卡片的 0.3rem 内边距叠加成 0.6rem，顶部留白明显大于左右两侧；
   改为顶部间距统一由卡片内边距控制，图片与卡片上边距/左右边距保持一致。 */
.single-arc > img:first-child,
.single-arc > :first-child img:first-child {
    margin-top: 0;
}

/* ============ Task 14: 桌面端 .page 统一提供 nav 下方 0.3rem 顶部间距 ============ */
/* 所有内容模板的最外层都是 <div class="page">，此前桌面端（≥1200px）没有任何顶部间距，
   导致内容（卡片/定制页 Hero/产品详情）直接贴住导航栏；移动端 .section 有 0.3rem 间距，
   桌面端反而是例外。统一在 .page 上给 0.3rem，覆盖单页、定制页、列表、详情等全部页面，
   与卡片内边距/移动端间距/全站 30px 节奏一致。 */
@media (min-width: 1200px) {
	.page {
		padding-top: 0.3rem;
	}
}

/* ============ Task 15: 统一定制页桌面端间距（消除与 .page 顶部间距叠加的额外边距） ============ */
/* 1) 发展历程 .milestone-brand 自带 margin-top 0.5rem，与 .page 的 0.3rem 叠加成 0.8rem（其他页 0.3rem），桌面端清零；移动端 0.3rem 保留 */
/* 2) 联系我们 .contact .container 自带 margin 0.5rem 上下，桌面端清零（顶部交给 .page，底部由页脚自身 0.3rem 提供）；移动端保留原值 */
/* 3) 产品中心 .index-pro 继承 .section 的 0.7rem 上下内边距（其他内容页已被 .page-item 清零），桌面端统一为 0.3rem，保持 30px 节奏 */
@media (min-width: 1200px) {
	.fazhanlicheng .milestone-brand {
		margin-top: 0;
		padding-bottom: 0;
	}
	.contact .container {
		margin-top: 0;
		margin-bottom: 0;
	}
	.index-pro {
		padding: 0.3rem 0;
	}
}

/* ============ Task 16: rnd 系列页（研发实力/原材料溯源/自有工厂/权威认证）去内边距 ============ */
/* .rnd-wrap 的 0.6rem/0.3rem 内边距使标题距 nav 达 0.9rem、图片内收，桌面端去掉后由 .page 0.3rem 统一控制 */
@media (min-width: 1200px) {
	.rnd-wrap {
		padding: 0;
	}
}

/* ============ 2026-08 覆盖块结束 ============ */