/************************************************************
** 请将全局样式拷贝到项目的全局 CSS 文件或者当前页面的顶部 **
** 否则页面将无法正常显示                                  **
************************************************************/

html {
	font-size: 16px;
}

body {
	margin: 0;
	font-family: "Microsoft Yahei", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	width: 100vw;
	height: 100vh;
	background-color: #f8fafc;
}

body * {
	box-sizing: border-box;
	flex-shrink: 0;
}

a {
	color: #000000;
	text-decoration: none;
}

.flex-row {
	display: flex;
	flex-direction: row;
}

.flex-col {
	display: flex;
	flex-direction: column;
}

.justify-start {
	justify-content: flex-start;
}

.justify-end {
	justify-content: flex-end;
}

.justify-center {
	justify-content: center;
}

.justify-between {
	justify-content: space-between;
}

.justify-around {
	justify-content: space-around;
}

.justify-evenly {
	justify-content: space-evenly;
}

.items-start {
	align-items: flex-start;
}

.items-end {
	align-items: flex-end;
}

.items-center {
	align-items: center;
}

.items-baseline {
	align-items: baseline;
}

.items-stretch {
	align-items: stretch;
}

.self-start {
	align-self: flex-start;
}

.self-end {
	align-self: flex-end;
}

.self-center {
	align-self: center;
}

.self-baseline {
	align-self: baseline;
}

.self-stretch {
	align-self: stretch;
}

.flex-1 {
	flex: 1 1 0%;
}

.flex-auto {
	flex: 1 1 auto;
}

.flex-wrap {
	flex-wrap: wrap;
}

.grow {
	flex-grow: 1;
}

.grow-0 {
	flex-grow: 0;
}

.shrink {
	flex-shrink: 1;
}

.shrink-0 {
	flex-shrink: 0;
}

.relative {
	position: relative;
}

.font_2 {
	font-size: 1.58rem;
	line-height: 1.58rem;
	color: #333333;
}

.font_3 {
	font-size: 0.92rem;
	line-height: 0.79rem;
	color: #999999;
}

.text_1 {
	line-height: 0.86rem;
}

.page {
	width: 1200px;
	margin: 0 auto;
}

.banner {
	height: 13.49rem;
	background-image: url("../images/oneNetcomOffice/banner.png");
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.nav-list {
	margin-top: 3.32rem;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 32px;
}

.nav-list-item {
	width: 100%;
	height: 10.4286rem;
	padding: 1.9rem 16px;
	letter-spacing: 0.22rem;
	box-sizing: border-box;
}

.demand {
	background-image: url("../images/oneNetcomOffice/demand.png");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	border-radius: 24px;
	overflow: hidden;
}

.product {
	background-image: url("../images/oneNetcomOffice/product.png");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	border-radius: 24px;
	overflow: hidden;
}

.plat {
	display: inline-block;
	margin-bottom: 4.56rem;
	width: 100%;
	height: 10.2857rem;
	background-image: url("../images/oneNetcomOffice/390_245.png");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	border-radius: 24px;
	overflow: hidden;
}

.nav-list-item-title {
	font-size: 1.5rem;
	font-weight: bold;
	color: #623f1a;
}

.news {
	/* margin-top: 3.63rem; */
}

.news-hesder {
	padding: 0 0.26rem;
}

.news-hesder-left,
.news-hesder-right {
	width: 37.27rem;
}

.news-hesder-right {
	padding-left: 1.32rem;
}

.news-hesder-title {
	color: #191919;
	font-size: 1.58rem;
	line-height: 1.52rem;
}

.news-hesder-info {
	margin-top: 0.53rem;
	font-size: 0.92rem;
	line-height: 0.79rem;
	color: #999999;
}

.news-content {
	padding-bottom: 4.56rem;
}

.news-content-left,
.news-content-right {
	width: 36.27rem;
}

.news-content-right {
	margin-left: 2.32rem;
}

.space-x-25 > *:not(:first-child) {
	margin-left: 1.65rem;
}

.news-content-image {
	border-radius: 0.53rem;
	width: 13.58rem;
	height: 7.71rem;
}

.news-content-title {
	font-size: 1.19rem;
	line-height: 1.98rem;
	color: #000000;
}

.space-x-160 > *:not(:first-child) {
	margin-left: 10.54rem;
}

.news-content-info {
	font-size: 0.79rem;
	line-height: 0.66rem;
	color: #999999;
}

.news-content-item {
	padding: 1.78rem 0;
	border-bottom: 1px dashed #000000;
}

.group_10 {
	width: 20.89rem;
}

.space-y-23 > *:not(:first-child) {
	margin-top: 1.52rem;
}

.group_11 {
	margin-top: 1.78rem;
}

.image_3 {
	width: 36.25rem;
	height: 0.066rem;
}

.image_4 {
	width: 36.38rem;
	height: 0.066rem;
}

.list-item {
	padding: 1.32rem 0 1.45rem;
}

.group_12 {
	padding: 0.4rem 0;
	flex: 1 1 37.34rem;
	overflow-x: hidden;
}

.section_2 {
	padding: 0.79rem 0 0.33rem;
	background-color: #0000000d;
	border-radius: 0.26rem;
	width: 4.48rem;
	height: 4.48rem;
}

.group_16 {
	text-align: center;
}

.font_8 {
	font-size: 0.92rem;
	line-height: 1.58rem;
	color: #666666;
}

.group_14 {
	margin: 0 0.92rem 0.2rem 1.05rem;
	width: 30.91rem;
}

.font_7 {
	font-size: 1.19rem;
	line-height: 1.58rem;
	color: #000000;
}

.text_9 {
	margin-right: 0.72rem;
}

.group_13 {
	padding: 0.4rem 0.26rem 0.4rem 1.32rem;
	flex: 1 1 37.34rem;
	overflow-x: hidden;
}

.section_3 {
	padding: 0.86rem 0 0.33rem;
	background-color: #0000000d;
	border-radius: 0.26rem;
	width: 4.48rem;
	height: 4.48rem;
}

.group_17 {
	text-align: center;
}

.group_15 {
	margin-bottom: 0.2rem;
	width: 30.12rem;
}

.space-y-6 > *:not(:first-child) {
	margin-top: 0.4rem;
}

.text_10 {
	margin-right: 0.33rem;
	line-height: 0.86rem;
}

.image_5 {
	width: 36.31rem;
	height: 0.066rem;
}

.list-item_2 {
	padding: 1.84rem 0;
}

.group_21 {
	text-align: center;
}

.group_18 {
	margin-left: 1.65rem;
	width: 30.25rem;
}

.text_11 {
	margin-right: 0.53rem;
}

.group_19 {
	margin-left: 2.24rem;
}

.space-x-23 > *:not(:first-child) {
	margin-left: 1.52rem;
}

.group_22 {
	text-align: center;
}

.group_20 {
	margin-bottom: 0.2rem;
	width: 29.79rem;
}

.text_12 {
	margin-right: 0.4rem;
}

.space-x-44 > *:not(:first-child) {
	margin-left: 2.9rem;
}

.group_25 {
	text-align: center;
}

.group_24 {
	margin-bottom: 0.2rem;
	width: 29.59rem;
}

.space-y-34 > *:not(:first-child) {
	margin-top: 2.24rem;
}

.text_13 {
	line-height: 1.19rem;
}

.space-x-22 > *:not(:first-child) {
	margin-left: 1.45rem;
}

.group_26 {
	text-align: center;
}

.group_23 {
	margin-bottom: 0.2rem;
	width: 29.33rem;
}

.space-y-7 > *:not(:first-child) {
	margin-top: 0.46rem;
}

.more {
	padding-top: 0.79rem;
	margin-left: 31.7rem;
}

.company {
	padding-bottom: 6.2rem;
}

.company > *:not(:first-child) {
	margin-top: 1.2rem;
}

.font_9 {
	font-size: 0.79rem;
	line-height: 0.79rem;
}

.company-head > *:not(:first-child) {
	margin-top: 0.33rem;
}

.company-content {
	margin-top: 3.56rem;
	height: 141px;
}

.company-content > *:not(:first-child) {
	margin-top: 1.98rem;
}

.swiper {
	width: 100%;
}

.swiper-wrapper {
	width: 100%;
}

.image-wrapper {
	padding: 0.26rem 0;
	margin: 0.71rem;
	width: 11.07rem;
	background-color: #ffffff;
	height: 2.97rem;
	border: solid 0.066rem #e4e4e4;
}

.company .company-content .swiper-slide {
	width: 1200px;
}
.special {
	padding: 8px;
	margin: 2.2857rem 0;
	background-image: url("../images/oneNetcomOffice/special-bg.png");
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.special .special-content {
	margin-top: 2.2857rem;
	height: 22rem;
}
.swiper-wrapper {
}
.special .special-content .swiper-slide {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	height: 20rem;
	gap: 32px;
}
/* 产品卡片样式 */
.product-card {
	background-color: #fff;
	/* overflow: hidden; */
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
	border-radius: 4px;
}
.product-header {
	padding: 16px;
}
.product-logo {
	width: 100%;
	height: 48px;
	object-fit: contain;
	margin-bottom: 16px;
}

.product-title {
	display: block;
	text-align: center;
	font-size: 16px;
	color: #333;
	font-weight: 500;
}

.product-info {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin-bottom: 20px;
	background: #f8fafc;
}

.product-info-row {
	display: flex;
	justify-content: space-between;
	gap: 8px;
}

.product-info-item {
	flex: 1;
	padding: 8px;
	border-radius: 4px;
	text-align: center;
}

.info-label {
	color: #666;
	font-weight: bold;
	margin-bottom: 4px;
}

.info-value {
	color: #999;
}

.special .special-content .product-button {
	display: inline-block;
	width: 60%;
	padding: 8px;
	margin: 0 auto;
	background: #37aef2;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	font-size: 14px;
	transition: background 0.3s;
}

.special .special-content .product-button:hover {
	background: #2c8ac9 !important;
	text-decoration: none;
}

/* 分页器样式 */
.special .special-content .swiper-pagination {
	display: flex;
	justify-content: center;
}

.special .special-content .swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #c3c3c3;
	margin: 0 4px;
}

.special .special-content .swiper-pagination-bullet-active {
	background: #37aef2;
}