@charset "utf-8";
/* 资质图片列表 */
.lists_images_license {
	row-gap: 3rem;
	padding-top: 3rem;
}
.lists_images_license .middle {
	row-gap: 3rem;
}
.lists_images_license .middle li {
	text-align: center;
	padding: 0.3rem;
	transition: var(--transition-medium);
	position: relative;
	cursor: pointer;
}
.lists_images_license .middle > li .preview {
	width: 100%;
	overflow: hidden;
	aspect-ratio: 4/4;
	border: 0.1rem solid var(--border-color-elite);
	padding: 0.5rem;
}
.lists_images_license .middle > li .preview > img {
	object-fit: contain;
	width: 100%;
	height: 100%;
	transition: var(--transition-medium);
	background-color: var(--text-color-epic);
}
/* 图片列表缩略图 */
.lists_images_thumbnail {
	/* row-gap: 3rem; */
	margin-top: 3rem;
}
.lists_images_thumbnail .middle {
	row-gap: 1rem;
}
.lists_images_thumbnail .middle li {
	text-align: center;
	padding: 0.3rem;
	transition: var(--transition-medium);
	position: relative;
}
.lists_images_thumbnail .middle > li .preview {
	width: 100%;
	overflow: hidden;
	aspect-ratio: 4/3;
}
.lists_images_thumbnail .middle > li .preview > img {
	object-fit: cover;
	width: 100%;
	height: 100%;
	transition: var(--transition-medium);
	background-color: var(--text-color-epic);
}

/* 图片列表*/
.lists_images {
	/* padding: 3rem 0; */
	row-gap: 4rem;
}
.lists_images .middle {
	row-gap: 3rem;
}
.lists_images .middle li {
	text-align: center;
	padding: 0.3rem;
	transition: var(--transition-medium);
	position: relative;
}
.lists_images .middle > li .preview {
	width: 100%;
	overflow: hidden;
	aspect-ratio: 5/3;
}
.lists_images .middle > li .preview > img {
	object-fit: cover;
	width: 100%;
	height: 100%;
	transition: var(--transition-medium);
	background-color: var(--text-color-epic);
}
.lists_images .middle > li .preview_title {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 0;
	visibility: hidden;
	overflow: hidden;
	line-height: var(--line-height-bouble);
	font-size: var(--font-size-base);
	padding: 1.5rem 1rem;
	background: linear-gradient(to top, var(--background-color-elite), transparent);
	color: var(--text-color-epic);
}
.lists_images .middle > li:hover .preview > img {
	transform: scale(1.03);
}
.lists_images .middle > li:hover .preview_title {
	height: auto;
	visibility: visible;
	transition: var(--transition-medium);
}

/* 内页图集 */
.innerAtlas {
	padding: 3rem 0;
}
.innerAtlas .top {
	padding: 3rem 0;
	border-bottom: 0.2rem solid var(--border-color-elite);
	column-gap: 2.2rem;
}
.innerAtlas .top .retreat {
	cursor: pointer;
}
.innerAtlas .top .title h2 {
	color: var(--text-color-ordinary);
	font-size: var(--font-size-extraLarge);
	font-weight: bold;
	line-height: var(--line-height-bouble);
	margin-bottom: 2.5rem;
}
.innerAtlas .top .date span {
	color: var(--text-color-legend);
	font-size: var(--font-size-small);
	margin-right: 3rem;
	display: inline-block;
}
.innerAtlas .content {
	padding-top: 2rem;
}
.innerAtlas .content .gallery-top .picture {
	width: 100%;
	object-fit: contain;
}
.innerAtlas .content .gallery-thumbs .picture {
	width: 100%;
	object-fit: contain;
}
.innerAtlas .content .gallery-top .swiper-button-prev,
.innerAtlas .content .gallery-top .swiper-button-next {
	font-size: var(--font-size-max);
	color: var(--text-color-epic);
}
.innerAtlas .content .gallery-top .swiper-button-prev {
	left: 1rem;
}
.innerAtlas .content .gallery-top .swiper-button-next {
	right: 1rem;
}
.innerAtlas .content .gallery-thumbs {
	margin-top: 3rem;
}
.innerAtlas .content .gallery-thumbs .swiper-slide {
	opacity: 0.5;
	cursor: pointer;
}
.innerAtlas .content .gallery-thumbs .swiper-slide-thumb-active {
	opacity: 1;
}
