@charset "utf-8";
/* -----------首页分割线----------start------ */
/* 跳转 */
.jump {
	border-radius: 100rem;
	font-size: 1.6rem;
}
.jump::after {
	content: '\e63f';
	font-family: 'iconfont' !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
}
/* 首页栏目标题 */
.indexTitle {
	text-align: center;
}
.indexTitle h3 {
	font-size: 4.2rem;
	color: #333;
	/* font-weight: normal; */
}
.indexTitle p {
	font-size: 2rem;
	color: #999;
	margin-top: 0.8rem;
}
/* 轮播 */
.indexBanner {
	width: 100%;
}
.indexBanner .home_banner .indexBannerBox {
	position: relative;
	overflow: hidden;
}
.indexBanner .home_banner .indexBannerBox > img {
	width: 100%;
	object-fit: contain;
	transform: scale(1.1);
}
/* 第一张 */
.indexBanner .home_banner .indexBannerBox > .current {
	z-index: 2;
	left: 10%;
	top: 50%;
	transform: translateY(-50%);
	display: flex;
	flex-direction: column;
	row-gap: 4rem;
	width: 40%;
}
.indexBanner .home_banner .indexBannerBox > .current .describe {
	color: #fff;
}
.indexBanner .home_banner .indexBannerBox > .current .bannerTitle {
	font-size: 5.4rem;
	line-height: 1.5 !important;
}
.indexBanner .home_banner .indexBannerBox > .current .bannerIntro {
	transform-origin: left center;
	font-size: 1.6rem;
}
.indexBanner .home_banner .indexBannerBox > .current > .customerButton {
	align-self: start;
}
/* 第二张 */
.indexBanner .home_banner .indexBannerBox > .current2 .describe {
	background-color: var(--primary-color);
	align-self: start;
	padding: 1rem;
	font-size: 3.2rem;
}

/* 第三张 */
.indexBanner .home_banner .indexBannerBox > .current3 .describe {
	color: #ddb57e;
	font-size: 2.4rem;
}

.indexBanner .home_banner .indexBannerBox > .inner {
	position: absolute;
}
.indexBanner .home_banner .indexBannerBox > .inner .describe {
	opacity: 0;
	transform: scale(0.7);
}

.indexBanner .home_banner .indexBannerBox > .inner > .bannerTitle {
	color: var(--text-color-epic);
	font-weight: bold;
	transform: translateY(-50%);
	opacity: 0;
	line-height: 1;
}
.indexBanner .home_banner .indexBannerBox > .inner > .bannerIntro {
	line-height: var(--line-height-bouble);
	color: var(--text-color-epic);
	transform: scale(0.7);
	opacity: 0;
}
.indexBanner .home_banner .indexBannerBox > .inner > .customerButton {
	transform: translateY(50%);
	background-color: transparent;
	border: 1px solid #fff;
	padding: 0.5rem 2rem;
	border-radius: 100rem;
	font-size: 1.6rem;
}

.indexBanner .home_banner .indexBannerBox > .inner > .customerButton::after {
	content: '\e63f';
	font-family: 'iconfont' !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
}
.slideActive > img {
	transform: scale(1) !important;
	transition: var(--transition-large);
}
.slideActive > .inner > .describe {
	opacity: 1 !important;
	transform: scale(1) !important;
	transition: all 2s ease;
}
.slideActive > .inner > .bannerTitle {
	opacity: 1 !important;
	transform: translateY(0) !important;
	transition: all 2s ease;
}
.slideActive > .inner > .bannerIntro {
	opacity: 1 !important;
	transform: scale(1) !important;
	transition: all 2.2s ease;
}
.slideActive > .inner > .customerButton {
	transform: translateY(0) !important;
	transition: all 2.4s ease;
}

.indexBanner .home_banner .buttonBox {
	bottom: 5%;
	position: absolute;
	right: 10%;
	z-index: 99;
	display: flex;
	column-gap: 3rem;
}
.indexBanner .home_banner .index_prev,
.indexBanner .home_banner .index_next {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 4rem;
	height: 4rem;
	background-color: var(--background-color-ordinary);
	color: var(--text-color-rare);
	border: 0.1rem solid var(--border-color-elite);
	/* opacity: 0.8; */
	background-image: none;
	cursor: pointer;
	border-radius: 50%;
	font-size: var(--font-size-oversize);
	pointer-events: auto;
}
.indexBanner .home_banner .index_prev:hover,
.indexBanner .home_banner .index_next:hover {
	background-color: var(--primary-color);
	border-color: transparent;
	opacity: 1;
	color: var(--text-color-epic);
}
/* 四大事业部 */
.businessBox {
	background-color: #f3f3f5;
	padding: 5rem 0 0;
}
.business .business_container {
	margin-top: 4rem;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	column-gap: 4rem;
}
.business_item {
	display: flex;
	flex-direction: column;
	border-left: #d7e1ed solid 1px;
	padding: 2rem 0 6rem;
	justify-content: space-between;
}
.business_item:nth-child(odd) {
	margin-top: 5rem;
}
.business_item:nth-child(even) {
	padding-bottom: 12rem;
}
.business_item .business_text {
	padding-left: 1rem;
}
.business_item .business_text h4 {
	font-size: 2.4rem;
	margin-bottom: 0.8rem;
	font-weight: normal;
}
.business_item .business_text p {
	font-size: 1.6rem;
	color: #a2a2a2;
	line-height: 2;
}
.business_item .business_img_box {
	width: 100%;
	overflow: hidden;
	margin-top: 2rem;
}
.business_item:nth-child(odd) .business_img_box {
	border-top-right-radius: 2rem;
}
.business_item:nth-child(even) .business_img_box {
	border-bottom-right-radius: 2rem;
}
.business_item .business_img_box img {
	width: 100%;
	object-fit: contain;
}
/* 一站式服务 */
.serviceBox {
	background-color: #1355a5;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 0 0;
}
.service {
	padding: 7rem 0;
}
.service .indexTitle h3 {
	color: #fff;
}
.service .indexTitle p {
	color: #86daff;
}
.service_list {
	margin-top: 4rem;
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	column-gap: 2rem;
}
.service_list .service_item {
	display: flex;
	flex-direction: column;
	row-gap: 2rem;
}
.service_list .service_item .service_img {
	width: 100%;
	border-radius: 1rem;
	overflow: hidden;
}
.service_list .service_item .service_img img {
	width: 100%;
	object-fit: contain;
}
.service_list .service_item .service_label {
	background-color: #1690f0;
	color: #fff;
	text-align: center;
	font-size: 2.4rem;
	font-weight: 500;
	padding: 1.4rem 0;
	border-radius: 1rem;
}
/* 我司优势 */
.advantage {
	padding: 7rem 0;
}

.adv_container {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 3rem;
	margin-top: 6rem;
}
.adv_card {
	background: #ffffff;
	border-radius: 2rem;
	box-shadow: 0 4px 20px #00000015;
	padding: 4rem 2rem;
	display: flex;
	flex-direction: column;
	row-gap: 2rem;
}
.adv_card .adv_icon {
	font-size: 7rem;
	color: #cccccc;
	line-height: 1;
}
.adv_card h4 {
	font-size: 3rem;
	color: #1355a5;
}
.adv_card .adv_desc {
	font-size: 1.8rem;
	color: #888888;
	line-height: 2;
}
/* .adv_card .adv_more {
	margin-top: auto;
	font-size: 1.6rem;
	color: #1355a5;
	text-decoration: underline;
	cursor: pointer;
} */

/* -----------首页分割线----------end------ */