@charset "utf-8";

ul, li {list-style: none;margin: 0;padding: 0;}
p {margin: 0;padding: 0;}
body {padding: 0;margin: 0;}

h1, h2, h3, h4, h5, h6 {margin: 0;padding: 0;}

main {
	background-color: #fbfbfb;
}
/* ````````````````````````````````````````````````` */
.About-part1 {
	max-width: 1840px;
	height: 955px;
	margin: 0 auto;
	background: url("../images/about-us/bg-part1.jpg") no-repeat center bottom;
	padding-top: 30px;
}
.About-part1-container {
	position: relative;
	height: 100%;
}
.crumbs {
	max-width: 1280px;
	margin: 0 auto;
	font-size: var(--font-size-base);
	line-height: var(--line-height-tight);
	font-weight: var(--font-weight-normal);
	padding: 0 15px;
}
.crumbs a {
	color: #177ddb;
	text-decoration: none;
}
.About-part1-title {
	font-size: var(--font-size-base);
	line-height: var(--line-height-tight);
	font-weight: var(--font-weight-normal);
	text-align: center;
	color: #4d4d4d;
	max-width: 1000px;
	margin: 0 auto 30px;
	padding: 0 15px;
}
.About-part1-title strong {
	display: block;
	font-size: var(--font-size-4xl);
	line-height: var(--line-height-relaxed);
	font-weight: var(--font-weight-bold);
	color: #000000;
}
.About-part1-list {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	text-align: left;
	position: absolute;
	bottom: 100px;
	left: 0;
	right: 0;
}
.About-part1-item {
	width: 290px;
	height: 195px;
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.8);
	box-sizing: border-box;
	padding: 20px 10px 25px 35px;
}
.About-part1-item-time {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-right: 20px;
	margin-bottom: 15px;
}
.About-part1-item:last-of-type .About-part1-item-time::after {
	display: none;
}
.About-part1-item-time::after {
	content: '';
	display: block;
	width: 10px;
	height: 17px;
	background: url("../images/about-us/arrow.png") no-repeat center;
}
.About-part1-item-time span {
	font-size: var(--font-size-base);
	line-height: var(--line-height-relaxed);
	font-weight: var(--font-weight-normal);
	color: #ffffff;
	background-color: #000000;
	padding: 3px 18px;
	border-radius: 30px;
	display: inline-block;
}
.About-part1-item-name {
	font-size: var(--font-size-2xl);
	line-height: var(--line-height-tight);
	font-weight: var(--font-weight-bold);
	color: #000000;
}
.About-part1-item-desc {
	font-size: var(--font-size-sm);
	line-height: var(--line-height-tight);
	font-weight: var(--font-weight-normal);
	color: #4d4d4d;
}

@media (max-width: 1200px) {

}
@media (max-width: 992px) {

}
@media (max-width: 768px) {

}
@media (max-width: 576px) {
	.About-part1 {
		height: auto;
		padding-bottom: 100px;
	}
	.About-part1-list {
		position: relative;
		bottom: 0;
	}
}


/* ````````````````````````````````````````````````` */
.About-part2 {
	text-align: center;
	padding: 30px 0;
}
.About-part2-container {
	max-width: 1200px;
	margin: 0 auto;
}
.About-part2-list {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
}
.About-part2-item {
	flex: 1;
}
.About-part2-name {
	font-size: var(--font-size-3xl);
	line-height: var(--line-height-tight);
	font-weight: var(--font-weight-bold);
	color: #000000;
}
.About-part2-desc {
	font-size: var(--font-size-sm);
	line-height: var(--line-height-tight);
	font-weight: var(--font-weight-normal);
	color: #4d4d4d;
}

@media (max-width: 992px) {
	.About-part2-list {
		flex-wrap: wrap;
		justify-content: space-around;
	}
	.About-part2-item {
		flex: none;
	}
}
@media (max-width: 768px) {

}
@media (max-width: 576px) {

}

/* ````````````````````````````````````````````````` */
.About-part3 {
	background: linear-gradient(180deg, #fbfbfb, #f5f5f5);	
}
.About-part3-container {
	padding-top: 50px;
	max-width: 1840px;
	height: 742px;
	margin: 0 auto;
	background: url("../images/about-us/bg-part3.png") no-repeat center top;
	box-sizing: border-box;
	margin: 0 auto;
}
.About-part3-title {
	font-size: var(--font-size-base);
	line-height: var(--line-height-tight);
	font-weight: var(--font-weight-normal);
	text-align: center;
	color: #cccccc;
	padding: 0 15px;
	opacity: 0;
    transform: translateY(50px);
    transition: all 0.6s 0.2s;
	max-width: 1200px;
	margin: 0 auto;
}
.foucs .About-part3-title {
	opacity: 1;
    transform: none;
}
.About-part3-title strong {
	display: block;
	font-size: var(--font-size-4xl);
	line-height: var(--line-height-relaxed);
	font-weight: var(--font-weight-bold);
	color: #ffffff;
}
.About-part3-list {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
	opacity: 0;
    transform: translateY(50px);
    transition: all 0.6s 0.7s;
	max-width: 1200px;
	margin: 20px auto 50px;
}
.foucs .About-part3-list {
	opacity: 1;
    transform: none;
}
.About-part3-item {
	flex: 1;
	text-align: center;
}
.About-part3-name {
	font-size: var(--font-size-sm);
	line-height: 1;
	font-weight: var(--font-weight-bold);
	background: linear-gradient(to right, #00ffbf, #7edc85);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}
.About-part3-name b {
	font-size: var(--font-size-10xl);
	line-height: var(--line-height-tight);
	font-weight: var(--font-weight-bold);
}
.About-part3-desc {
	font-size: var(--font-size-base);
	line-height: var(--line-height-tight);
	font-weight: var(--font-weight-normal);
	color: #7b7c7c;
}
.About-part3-pic {
	text-align: center;
}
.About-part3-pic img {
	max-width: 1022px;
	width: 100%;
	height: auto;
	opacity: 0;
    transform: translateY(50px);
    transition: all 0.6s 1.2s;
}
.foucs .About-part3-pic img {
	opacity: 1;
    transform: none;
}


@media (max-width: 992px) {

}
@media (max-width: 768px) {

}
@media (max-width: 576px) {
	.About-part3-list {
		flex-wrap: wrap;
		justify-content: space-around;
	}
	.About-part3-item {
		flex: none;
	}
}

/* ````````````````````````````````````````````````` */
.About-part4 {
	padding-bottom: 50px;
	padding-top: 30px;
	background: linear-gradient(180deg, #f5f5f5, #f5f7f9);	
}
.About-part4-container {
	max-width: 1920px;
	margin: 0 auto;
}
.About-part4-title {
	font-size: var(--font-size-4xl);
	line-height: var(--line-height-relaxed);
	font-weight: var(--font-weight-bold);
	text-align: center;
	color: #000000;
	margin-bottom: 50px;
}
.About-part4-list {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 20px;
}
.About-part4-item {
	width: 275px;
	height: 330px;
	background-color: #ffffff;
	box-sizing: border-box;
	border: 1px solid #ffffff;
	border-radius: 15px;
	padding: 30px 20px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	/* transition: 0.8s cubic-bezier(0.05, 0.61, 0.41, 0.95); */
}
.About-part4-item:hover {
	/* border: 1px solid #0067f9; */
}
.About-part4-item.active {
	width: 382px;
	height: 490px;
	background: url("../images/about-us/bg-part4-item.png")no-repeat center top;
}
.About-part4-item-top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}
.About-part4-item-name {
	font-size: var(--font-size-base);
	line-height: var(--line-height-normal);
	font-weight: var(--font-weight-bold);
	color: #000000;
	margin-bottom: 15px;
}
.About-part4-item-desc {
	font-size: var(--font-size-sm);
	line-height: var(--line-height-normal);
	font-weight: var(--font-weight-normal);
	color: #4d4d4d;
	display: none;
	margin-bottom: 20px;
}
.About-part4-item.active .About-part4-item-desc {
	display: block;
}
.About-part4-item-more a {
	display: inline-block;
	padding: 1px 10px;
	font-size: var(--font-size-xs);
	line-height: var(--line-height-normal);
	border: 1px solid #2d73ff;
	color: #2d73ff;
	text-decoration: none;
	border-radius: 30px;
}
.About-part4-item-flex {
	flex: 1;
	width: 100%;
	margin-bottom: 15px;
}
.About-part4-item.active .About-part4-item-flex {
	background: url("../images/about-us/i-d.png") no-repeat left bottom;
}

@media (max-width: 1560px) {
	.About-part4-list {
		flex-wrap: wrap;
	}
}
@media (max-width: 992px) {

}
@media (max-width: 768px) {

}
@media (max-width: 576px) {

}

/* ````````````````````````````````````````````````` */
.About-part5 {
	padding: 50px 0;
	background: linear-gradient(180deg, #f5f7f9, #f4f7fa);	
}
.About-part5-container {
	max-width: 1200px;
	margin: 0 auto;
}
.About-part5-title {
	font-size: var(--font-size-4xl);
	line-height: var(--line-height-relaxed);
	font-weight: var(--font-weight-bold);
	color: #000000;
	border-bottom: 1px solid #d0d3d0;
	padding-bottom: 10px;
	padding: 0 15px;
}
.About-part5-swiper {
	padding: 30px 0;
	position: relative;
}
.About-part5-name {
	font-size: var(--font-size-base);
	line-height: var(--line-height-normal);
	font-weight: var(--font-weight-normal);
	color: #000000;
	padding: 10px 0;
}
.About-part5-desc {
	font-size: var(--font-size-sm);
	line-height: var(--line-height-normal);
	font-weight: var(--font-weight-normal);
	color: #4d4d4d;
	margin-bottom: 15px;
}
.About-part5-more a {
	font-size: var(--font-size-base);
	line-height: var(--line-height-normal);
	font-weight: var(--font-weight-normal);
	color: #ffffff;
	background-color: #0067f9;
	text-decoration: none;
	border-radius: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	height: 45px;
}
.About-part5-swiper .swiper-button-next {
	right: -40px !important;
	color: #c9c9c9;
}
.About-part5-swiper .swiper-button-prev {
	left: -40px !important;
	color: #c9c9c9;
}
.swiper-button-next::after,
.swiper-button-prev::after {
  	font-size: 18px !important; 
	font-weight: 900 !important;
}


@media (max-width: 1200px) {
	.About-part5-swiper {
		padding: 30px;
		position: relative;
	}
	.About-part5-swiper .swiper-button-next {
		right: 30px !important;
		top: 100% !important;
	}
	.About-part5-swiper .swiper-button-prev {
		left: 30px !important;
		top: 100% !important;
	}
}
@media (max-width: 768px) {

}
@media (max-width: 576px) {

}

/* ````````````````````````````````````````````````` */