@charset "utf-8";
/* -----------首页分割线----------start------ */
/* 首页头部自定义 */
/* .indexHead {
	position: relative;
	z-index: 4;
} */
/* 自定义轮播图的分页器 */
.my-bullet {
	width: 1.5rem;
	height: 1.5rem;
	display: inline-block;
	border-radius: 50%;
	background-color: var(--background-color-epic);
	cursor: pointer;
	margin: 0 0.4rem;
}
.my-bullet-active {
	background-color: var(--primary-color) !important;
}
.columnbox {
	position: relative;
	z-index: 3;
}
/* 轮播 */
/* .bury {
	position: relative;
	z-index: 2;
	max-height: 100rem;
	overflow: hidden;
	background-color: var(--background-color-elite);
} */
.indexBanner {
	/* width: 100%; */
}
.indexBanner .home_banner .indexBannerBox {
	position: relative;
	overflow: hidden;
}
.indexBanner .home_banner .indexBannerBox > img {
	width: 100%;
	object-fit: contain;
}
.indexBanner .home_banner .indexBannerBox > .inner {
	position: absolute;
	z-index: 2;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	flex-direction: column;
	row-gap: 4rem;
	align-items: center;
}
.indexBanner .home_banner .indexBannerBox > .inner > .bannerTitle {
	transform: translateY(-50%);
	opacity: 0;
}
.indexBanner .home_banner .indexBannerBox > .inner > .bannerIntro {
	font-size: var(--font-size-large);
	line-height: var(--line-height-bouble);
	width: 65%;
	color: var(--text-color-epic);
	transform: scale(0.7);
	opacity: 0;
}
.indexBanner .home_banner .indexBannerBox > .inner > .bannerlinks {
	opacity: 0;
	transform: translateY(30%);
}
.slideActive > .inner > .bannerTitle {
	opacity: 1 !important;
	transform: translateY(0) !important;
	transition: var(--transition-large);
}
.slideActive > .inner > .bannerIntro {
	opacity: 1 !important;
	transform: scale(1) !important;
	transition: var(--transition-large);
}
.slideActive > .inner > .bannerlinks {
	opacity: 1 !important;
	transform: translateY(0) !important;
	transition: var(--transition-large);
}

.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);
}
.indexBanner .home_banner .index_prev:hover,
.indexBanner .home_banner .index_next:hover {
	background-color: var(--primary-color);
	border-color: transparent;
	opacity: 1;
}

/* 关于我们 */
.introduce {
	column-gap: 3%;
	row-gap: 4rem;
	padding-top: 4rem;
	padding-bottom: 4rem;
	background-color: var(--background-color-base);
}
.introduce > .left {
	width: 52%;
	row-gap: 1rem;
	justify-content: flex-start;
}
.introduce > .left > h2 {
	color: var(--text-color-ordinary);
	font-size: var(--font-size-max);
	text-transform: capitalize;
	padding-bottom: 1.5rem;
	border-bottom: 0.1rem solid var(--border-color-ordinary);
}
.introduce > .left > h3 {
	color: var(--text-color-ordinary);
	font-size: var(--font-size-max);
	text-transform: capitalize;
}

.introduce > .left .material {
	font-size: var(--font-size-large);
	line-height: var(--line-height-bouble);
	color: var(--text-color-rare);
}
.enVersion .introduce > .left .material {
	font-size: var(--font-size-base);
}
.introduce > .right {
	overflow: hidden;
	width: 45%;
}
.introduce > .right img {
	width: 100%;
	border-radius: var(--border-radius-base);
	object-fit: cover;
}
/* 项目案例 */
.caseBox {
	background: var(--background-color-ordinary);
}
.case {
	padding-top: 4rem;
	padding-bottom: 4rem;
	background: var(--background-color-ordinary);
	row-gap: 1rem;
	overflow: hidden;
}
.case .caseTop {
	row-gap: 2rem;
}
.case .caseTop .classify {
	flex: 1;
	flex-wrap: wrap;
}
.case .caseTop .title > h3 {
	font-size: var(--font-size-max);
	color: var(--text-color-ordinary);
	display: flex;
	flex-direction: column;
	padding-bottom: 1rem;
	border-bottom: 0.1rem solid var(--border-color-ordinary);
	text-transform: capitalize;
}
.case .caseTop .classify .box {
	display: flex;
	flex-direction: column;
	font-size: var(--font-size-oversize);
	color: var(--text-color-elite);
	align-items: center;
	row-gap: 0.8rem;
	width: calc(100% / 8);
	height: auto;
	background: transparent;
	opacity: 1;
	border-radius: 0;
	padding: 1.5rem 0;
}
.case .caseTop .classify .box > img {
	filter: brightness(0.6);
}

.case .caseTop .classify .swiper-pagination-bullet-active {
	background-color: var(--primary-color);
	color: var(--text-color-epic);
}
.case .caseTop .classify .swiper-pagination-bullet-active > img {
	filter: none;
}
.case .caseContent {
	position: relative;
}
.case .caseContent .caseItem > img {
	width: 100%;
	height: 62rem;
	object-fit: cover;
}
.case .caseContent .buttonBox {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
	display: flex;
	justify-content: space-between;
	width: calc(100% + 10rem);
}
.case .caseContent .buttonBox > div {
	padding: 1.5rem 0.5rem;
	font-size: var(--font-size-oversize);
	border: 0.1rem solid var(--border-color-rare);
	color: var(--text-color-rare);
	cursor: pointer;
	transition: var(--transition-small);
}
.case .caseContent .buttonBox > div:hover {
	color: var(--text-color-epic);
	border-color: var(--primary-color);
	background-color: var(--primary-color);
}
.gallery-top {
	/* height: 64rem; */
}
/* 最新消息 */
.news {
	padding-top: 5rem;
	padding-bottom: 5rem;
	row-gap: 3rem;
	overflow: hidden;
}
.news .newsTop .title > h3 {
	font-size: var(--font-size-max);
	color: var(--text-color-ordinary);
	display: flex;
	flex-direction: column;
	padding-bottom: 1rem;
	border-bottom: 0.1rem solid var(--border-color-ordinary);
	text-transform: capitalize;
}
.news .newsTop .classify {
	column-gap: 1.5rem;
}
.news .newsTop .classify .box {
	align-items: flex-start;
	font-size: var(--font-size-large);
	color: var(--text-color-legend);
	border-radius: var(--border-radius-base);
	border: 0.1rem solid var(--border-color-legend);
	padding: 0.6rem 1.2rem;
	width: auto;
	height: auto;
	background: transparent;
	opacity: 1;
	text-transform: capitalize;
}
.news .newsTop .classify .swiper-pagination-bullet-active {
	border-color: var(--primary-color);
	color: var(--primary-color);
}
.newsList {
	column-gap: 2rem;
	justify-content: space-between;
}
.newsList .photo > img {
	width: 100%;
	height: 40rem;
	object-fit: cover;
}
.newsList .photo {
	position: relative;
}
.newsList .photo > div {
	position: absolute;
	bottom: 0;
	background: linear-gradient(to top, var(--background-color-elite), transparent);
	color: var(--text-color-epic);
	font-size: var(--font-size-medium);
	padding: 0 2rem;
	width: 100%;
	height: 18%;
	display: flex;
	align-items: center;
	cursor: pointer;
	line-height: var(--line-height-base);
	box-sizing: border-box;
}
.newsList .photo:hover > div {
	color: var(--primary-color);
}
.newsList > .item {
	background-color: var(--background-color-ordinary);
	width: 30%;
}
.newsList > .item > a {
	height: 25%;
	font-size: var(--font-size-medium);
	line-height: var(--line-height-bouble);
	border-bottom: 0.1rem solid var(--border-color-rare);
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: normal;
	word-wrap: break-word;
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
	padding: 0 1.5rem;
}
.newsList > .item > a::after {
	content: '';
	height: 0.1rem;
	width: 0;
	background-color: var(--primary-color);
	position: absolute;
	bottom: 0;
}
.newsList > .item > a:hover {
	color: var(--primary-color);
	border-color: transparent;
}
.newsList > .item > a:hover::after {
	transition: var(--transition-medium);
	width: 100%;
}
/* -----------首页分割线----------end------ */