.banner {
	width: 100%;
	position: relative;
	padding-bottom: 40.5%;
}
.banner .banner-container {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.banner-item {
	width: 100%;
	height: 0px;
	padding-bottom: 40.5%;
	position: relative;
	box-sizing: border-box;
	display: block;
	overflow: hidden;
}

.banner-item .banner-img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	border: none;
}

.banner-item .slide-content {
	position: absolute;
	left: 10.9375%;
	top: 38.28%;
}
.swiper-pagination {
	position: absolute;
	bottom: 86px;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
}
.swiper-pagination-item {
	width: 16px;
	height: 4px;
	background: rgba(255, 255, 255, 0.46);
	cursor: pointer;
}
.swiper-pagination-item-active {
	background: #f07c05;
	width: 32px;
	height: 4px;
}

/* info */
.info-container {
	width: 100%;
	height: 392px;
	position: relative;
}

.info-container .info-box {
	position: absolute;
	top: -60px;
	left: 50%;
	transform: translateX(-50%);
	width: 1400px;
	height: 394px;
	padding: 70px 28px;
	box-sizing: border-box;
	display: flex;
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 0 20px -2px rgba(0, 0, 0, 0.1);
	z-index: 10;
}
.info-box .info-item {
	width: 33.3333%;
	height: 100%;
	padding: 0 28px 32px;
	box-sizing: border-box;
	border-right: 1px solid var(--border-1-c-1-f-23-d-08, rgba(28, 31, 35, 0.08));
	position: relative;
}
.info-box .info-item::after {
	bottom: 0;
	left: 28px;
	content: '';
	position: absolute;
	width: 32px;
	height: 4px;
	background: #f07c05;
}
.info-box .info-item:last-child {
	border-right: none;
}
.info-box .info-item .icon {
	width: 40px;
	height: 40px;
	aspect-ratio: 1/1;
	margin-bottom: 22px;
}

.info-box .info-item .title {
	height: 80px;
	width: 100%;
	overflow: hidden;
	color: var(--text-black1, rgba(0, 0, 0, 0.9));
	text-overflow: ellipsis;
	white-space: nowrap;
	font-family: 'Microsoft YaHei UI';
	font-size: 26px;
	font-style: normal;
	font-weight: 700;
	line-height: 38px; /* 146.154% */
	margin-bottom: 22px;
}
.info-box .info-item .desc {
	color: var(--text-black3, rgba(0, 0, 0, 0.6));
	font-family: 'Microsoft YaHei UI';
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 26px; /* 162.5% */
}

/* company-container */
.company-container {
	width: 100%;
	height: 766px;
	padding: 113px 0 0;
	box-sizing: border-box;
	background: #f2f4f5;
}

.company-box {
	width: 1400px;
	position: relative;
	height: 100%;
	margin: 0 auto;
}
.company-left {
	width: 809px;
}
.company-left .company-img {
	width: 809px;
	height: 525px;
	aspect-ratio: 94/61;
	border-radius: 6px;
}
.company-right {
	position: absolute;
	top: -53px;
	right: 0;
	width: 788px;
	height: 646px;
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.08);
	overflow: hidden;
}
.company-right .info-top {
	height: 498px;
	width: 100%;
	background-color: #fff;
	padding: 72px 54px 0;
	box-sizing: border-box;
}

.company-right .info-top .info-top-title {
	color: var(--text-black1, rgba(0, 0, 0, 0.9));
	font-family: 'Microsoft YaHei UI';
	font-size: 44px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin-bottom: 8px;
}
.company-right .info-top .info-top-title-en {
	color: var(--text-black4, rgba(0, 0, 0, 0.4));
	font-family: Inter;
	font-size: 18px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
	text-transform: uppercase;
	margin-bottom: 40px;
}
.company-right .info-top .info-top-desc {
	color: var(--text-black2, rgba(0, 0, 0, 0.8));
	font-family: 'Microsoft YaHei UI';
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px; /* 187.5% */
}

.company-right .total-box {
	width: 100%;
	height: 148px;
	background: #f07c05;
	box-sizing: border-box;
	display: flex;
	padding: 13px 0;
}
.company-right .total-box .total-item {
	padding: 9px 40px;
	box-sizing: border-box;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: relative;
}
.company-right .total-box .total-item::after {
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	width: 1px;
	height: 72px;
	background: rgba(255, 255, 255, 0.6);
}

.company-right .total-box .total-item:last-child::after {
	display: none;
}

.company-right .total-box .total-item .total-num {
	color: var(--text-white1, rgba(255, 255, 255, 0.98));
	font-family: 'Microsoft YaHei UI';
	font-size: 46px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}
.company-right .total-box .total-item .total-num span {
	color: var(--text-white1, rgba(255, 255, 255, 0.98));
	font-family: 'Microsoft YaHei UI';
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.company-right .total-box .total-item .total-desc {
	color: var(--text-white1, rgba(255, 255, 255, 0.98));
	font-family: 'Microsoft YaHei UI';
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

/* 客户 */
.customer-box {
	width: 100%;
	height: 821px;
	padding: 98px 0 90px;
	box-sizing: border-box;
	background: #fff;
}
.customer-swiper-container {
	margin-top: 68px;
	height: 290px;
	margin-bottom: 54px;
	position: relative;
	z-index: 1;
	width: 100%;
	overflow: hidden;
}
.customer-swiper-container::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 580px;
	height: 295px;
	background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #fff 83.36%);
	z-index: 2;
}

.customer-swiper-container::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 580px;
	height: 295px;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #fff 83.36%);
	z-index: 2;
}

.customer-swiper-container .swiper-slide {
	width: 412px;
	/* height: 288px; */
	/* margin-right: 32px; */
}

.customer-swiper-wrapper .swiper-slide {
  margin-right: 32px; 
}
.customer-swiper-container .swiper-slide .customer-item {
	width: 410px;
	height: 288px;
	display: block;
	border-radius: 20px;
	border: 1px solid #d9d9d9;
	background: #fff;
	overflow: hidden;
}
.customer-swiper-container .swiper-slide .customer-item .customer-img:hover{
	transform: scale(1.1);
}

.customer-swiper-button {
	width: 1400px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	gap: 32px;
}
.customer-swiper-button .customer-swiper-button-prev,
.customer-swiper-button .customer-swiper-button-next {
	display: flex;
	width: 64px;
	height: 64px;
	padding: 20px;
	box-sizing: border-box;
	justify-content: center;
	align-items: center;
	border-radius: 80px;
	border: 1px solid #d9d9d9;
	cursor: pointer;
}

.customer-swiper-button .customer-swiper-button-prev .icon,
.customer-swiper-button .customer-swiper-button-next .icon {
	width: 24px;
	height: 24px;
}
.customer-swiper-button .customer-swiper-button-prev:hover,
.customer-swiper-button .customer-swiper-button-next:hover {
	background: #f5f5f5;
}

/* 公共标题 */

.module-title-box {
	width: 1400px;
	margin: 0 auto;
}

.module-title {
	color: var(--text-black1, rgba(0, 0, 0, 0.9));
	font-family: 'Microsoft YaHei UI';
	font-size: 44px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin-bottom: 8px;
}
.module-title-en {
	color: var(--text-black4, rgba(0, 0, 0, 0.4));
	font-family: Inter;
	font-size: 18px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
	text-transform: uppercase;
	margin-bottom: 13px;
}

.module-btn {
	display: inline-flex;
	height: 50px;
	padding: 9px 4px;
	box-sizing: border-box;
	align-items: center;
	gap: 10px;
	border-bottom: 2px solid #f07c05;
	cursor: pointer;
}

.module-btn .icon {
	width: 32px;
	height: 32px;
}

/* 新闻中心 */
.news-box {
	width: 100%;
	height: 878px;
	padding: 92px 0 0;
	box-sizing: border-box;
	background: #f2f4f5;
}

.news-box .news-list {
	width: 1400px;
	margin: 40px auto 0;
	display: flex;
	gap: 29px;
}

.news-item {
	width: 328px;
	height: 416px;
	border-radius: 12px;
	background: #fff;
	box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.08);
	overflow: hidden;
}

.news-item .news-img {
	width: 328px;
	height: 204px;
	margin-bottom: 16px;
}

.news-item .news-info {
	width: 100%;
	padding: 0 20px;
	box-sizing: border-box;
}
/* 两行溢出隐藏 */
.news-item .news-info .news-title {
	color: var(--text-black1, rgba(0, 0, 0, 0.9));
	font-family: 'Microsoft YaHei UI';
	font-size: 22px;
	height: 76px;
	font-style: normal;
	font-weight: 700;
	line-height: 36px; /* 163.636% */
	margin-bottom: 10px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	overflow: hidden;
}
.news-item .news-info .news-desc {
	overflow: hidden;
	color: var(--text-black4, rgba(0, 0, 0, 0.4));
	text-overflow: ellipsis;
	font-family: 'Microsoft YaHei UI';
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 32px; /* 200% */
	margin-bottom: 16px;
}

.news-item .news-info .news-arrow {
	width: 32px;
	height: 32px;
	background: url('../images/index/arrow.png') no-repeat center;
	background-size: contain;
}

.news-item:hover .news-title {
	color: #f07c05;
}

.news-item:hover .news-arrow {
	background: url('../images/index/long-arrow.png') no-repeat center;
	background-size: contain;
	width: 42px;
	padding: 10px 4px;
	box-sizing: border-box;
	height: 32px;
	transition: all 0.1s ease;
}
.arrow-box {
  display: inline-block;
  vertical-align: middle;
}
.time-arrow {
  display: block;
  width: 32px; 
  height: 32px; 
}
.long-arrow {
  display: none;
  width: 45px; 
  height: 32px; 
}
