/* 关于页面 */


@media (max-width: 1500px) {
}
@media (max-width: 1200px) {
}
@media (max-width: 990px) {
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}

/* 关于勃锐思莫 */
.about_introduce {
	/* padding: 6.1% 0 6.5%; */
	padding: 0 0 6.5%;
}
.about_introduce_cont {
	justify-content: space-between;
}
.about_introduce_left {
    width: 55.4%;
}
.about_introduce_left h3 {
    font-size: 44px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 1;
	letter-spacing: 0px;
	color: var(--dth-color);
}
.about_introduce_left h4 {
	font-size: 40px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 1.5;
	letter-spacing: 0px;
	color: #333333;
	margin-top: 0.3em;
}
.about_introduce_text {
	margin-top: 4.3%;
    font-size: 16px;
	height: 24.2em;
	overflow-y: auto;
	padding-right: calc(8.5% + 6px);
	-ms-overflow-style: scrollbar; 
}
/* 定义滚动条宽度 */
.about_introduce_text::-webkit-scrollbar  {
	width: 6px;
	background-color: #ecf3fa;
	display: block;
}
/* 定义滚动条轨道 */
.about_introduce_text::-webkit-scrollbar-track {
	background: rgb(239, 239, 239);
	border-radius: 2px;
}
/* 定义滑块 */
.about_introduce_text::-webkit-scrollbar-thumb {
	width: 6px;
	background: var(--dth-color);
	border-radius: 10px;
}
.about_introduce_text::-webkit-scrollbar-button {
	/* 滚动条两端的按钮 */
	display: none;
}

.about_introduce_text .wzs {
    font-size: inherit;
	font-weight: normal;
	font-stretch: normal;
	line-height: 2.2;
	letter-spacing: 0px;
	color: #555555;
	text-indent: 2em;
	height: auto;
}
.about_introduce_right {
    width: 36.6%;
}
.about_introduce_right .imgs {
    width: 100%;
	border-radius: 56px 0px 0px 0px;
	overflow: hidden;
}
.about_introduce_right .imgs img {
    display: block;
    width: 100%;
}


@media (max-width: 1500px) {
	.about_introduce_left h3 {
		font-size: 2.92vw;
	}
	.about_introduce_left h4 {
		font-size: 2.6vw;
	}
	.about_introduce_text {
		font-size: 16px;
	}
	.about_introduce_right .imgs {
		border-radius: 3.7vw 0px 0px 0px;
	}
}
@media (max-width: 1200px) {
	.about_introduce {
		/* padding: 50px 0; */
		padding: 0 0 50px;
	}
	.about_introduce_left h3 {
		font-size: 32px;
	}
	.about_introduce_left h4 {
		font-size: 28px;
	}
	.about_introduce_text {
		padding-right: calc(24px + 5px);
		margin-top: 20px;
		font-size: 15px;
		height: 21em;
	}
	.about_introduce_text::-webkit-scrollbar  {
		width: 5px;
	}
	.about_introduce_text .wzs {
		line-height: 2.1;
	}
}
@media (max-width: 990px) {
	.about_introduce {
		/* padding: 20px 0 32px; */
		padding: 0 0 32px;
	}
	.about_introduce_cont {
		flex-flow: column-reverse;
	}
	.about_introduce_left {
		width: 100%;
		margin-top: 20px;
	}
	.about_introduce_left h3 {
		font-size: 28px;
	}
	.about_introduce_left h4 {
		font-size: 24px;
	}
	.about_introduce_text {
		height: auto;
		padding: 0;
		margin-top: 10px;
	}
	.about_introduce_right {
		width: 100%;
	}
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
	.about_introduce {
		/* padding: 20px 0 24px; */
		padding: 0 0 24px;
	}
	.about_introduce_right .imgs {
		border-radius: 20px 0px 0px 0px;
	}
	.about_introduce_left h3 {
		font-size: 24px;
	}
	.about_introduce_left h4 {
		font-size: 20px;
	}
	.about_introduce_text {
		line-height: 2;
		font-size: 14px;
	}
	.about_introduce_text .wzs {
		line-height: 2;
	}
}
@media (max-width: 400px) {
	.about_introduce_text .wzs {
	}
	
}


/* 优势 */
.about_advant {
	background-color: var(--dth-color);
	padding: 5.3% 0 5.16%;
}
.about_advant_uls {}
.about_advant_uls ul {
	flex-wrap: wrap;
	align-items: unset;
}
.about_advant_uls .li_line {
	display: block;
	width: 1px;
	flex-shrink: 0;
	/* height: 148px; */
	background-color: #ffffff;
	opacity: 0.3;
	/* margin: 1% auto 0; */
	margin: 1% auto 0.5%;
}
.about_advant_uls .li_line:nth-child(6n) {
	display: none;
}
.about_advant_uls li {
	width: 28.3%;
	padding: 0 8%;
}
.about_advant_uls li:nth-child(6n - 1) {
	padding-right: 0;
	width: 35.2%;
}
.about_advant_uls li:nth-child(6n + 1) {
	padding-left: 0;
}
.about_advant_uls li:nth-child(n + 7) {
	margin-top: 5.2%;
}
.about_advant_uls .li_line:nth-child(n+7) {
	margin-top: 6.2%;
}
.about_advant_uls li:nth-child(6n - 3) {
	width: 36.2%;
}
.about_advant_uls li h5 {
	font-size: 24px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 1.5;
	letter-spacing: 0px;
	color: #ffffff;
}
.about_advant_uls li .sums {
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 1.88;
	letter-spacing: 0px;
	color: #ffffff;
	margin-top: 0.85em;
}


@media (max-width: 1500px) {
	.about_advant_uls .li_line {
		/* height: 9.86vw; */
	}
	.about_advant_uls li h5 {
		font-size: 1.6vw;
	}
	.about_advant_uls li .sums {
		font-size: 15px;
	}
}
@media (max-width: 1400px) {
	.about_advant_uls li {
		padding: 0 7%;
	}
}
@media (max-width: 1200px) {
	.about_advant {
		padding: 50px 0;
	}
	.about_advant_uls li {
		padding: 0 5%;
	}
	.about_advant_uls .li_line {
		/* height: 120px; */
	}
	.about_advant_uls li h5 {
		font-size: 18px;
	}
	.about_advant_uls li .sums {
		font-size: 14px;
	}
}
@media (max-width: 990px) {
	.about_advant {
		padding: 36px 0;
	}
	.about_advant_uls .li_line {
		margin: 5px auto 0;
		display: none;
	}
	.about_advant_uls .li_line:nth-child(6n) {
		/* display: block; */
	}
	.about_advant_uls .li_line:nth-child(n+7) {}
	.about_advant_uls ul {
		justify-content: space-between;
		align-items: unset;
	}
	.about_advant_uls li:nth-child(n+1) {
		width: 50%;
		padding: 20px;
		margin: 0;
		text-align: center;
	}
	.about_advant_uls li:nth-child(4n-1) {
		border-left: 1px solid rgba(255, 255, 255, 0.3);
	}
	.about_advant_uls :nth-child(4n) {
		display: none;
	}
	.about_advant_uls li:nth-child(n+5) {
		/* margin-top: 2%; */
		border-top: 1px solid rgba(255, 255, 255, 0.3);
	}
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
	.about_advant_uls {
		border-left: 1px solid rgba(255, 255, 255, 0.3);
	}
	.about_advant_uls li:nth-child(n+1) {
		width: 100%;
		text-align: left;
		padding: 20px 0 20px 20px;
	}
	.about_advant_uls li:first-child {
		padding-top: 0;
	}
	.about_advant_uls li:nth-last-child(1) {
		padding-bottom: 0;
	}
	.about_advant_uls li:nth-child(n+2) {
		border-top: 1px solid rgba(255, 255, 255, 0.3);
	}
	.about_advant_uls li:nth-child(4n-1) {
		border-left: none;
	}
}


/* 发展历程 */
.about_history {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	/* padding: 5.5% 0 4.7%; */
	padding: 0 0 4.7%;
}
.about_history_top {
	/* margin-top: 7.2%; */
}
.about_history_top .swiper {
	padding-top: 1px;
}
.about_history_top ul {
	/* align-items: flex-end !important; */
}
.about_history_top li {
	display: flex;
	align-items: unset;
	justify-content: flex-start;
	margin-top: auto;
}
.about_history_top li .tims {
	font-family: Gilroy;
	font-size: 48px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 1;
	letter-spacing: 0px;
	color: #0e2133;
	flex-shrink: 0;
}
.about_history_top li.swiper-slide-active .tims {
	color: var(--dth-color);
}
.li_cont_line {
	flex-shrink: 0;
	background-color: rgba(31, 114, 186, 0.2);
	display: block;
	width: 1px;
	margin: 0 24px 0 22px;
	position: relative;
}
.li_cont_line::before {
	content: "";
	display: block;
	width: 7px;
	height: 7px;
	background-color: var(--dth-color);
	border-radius: 50%;
	position: absolute;
	left: -3px;
	top: 0;
}
.about_history_top li .li_cont {
	flex-grow: 1;
}
.about_history_top li .li_cont h4  {
	font-size: 24px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 1.25;
	letter-spacing: 0px;
	color: #0e2133;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-bottom: 0.82em;
}
.about_history_top li .li_cont .sums {
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 1.75;
	letter-spacing: 0px;
	color: #666666;
	margin-bottom: 1.5em;
}
.about_history_top li .li_cont .li_imgs {
	max-width: 212px;
	width: 100%;
}
.about_history_top li .li_cont .li_imgs .imgs {
	padding-top: calc(128 / 212 * 100%);
}

.about_history_bot {
	margin-top: 6.6%;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	position: relative;
}
.about_history_bot::before {
	content: "";
	display: block;
	width: 100vw;
	position: absolute;
	left: 50%;
	margin-left: -50vw;
	height: 17px;
	top: 6px;
	background-image: url("//cdn.myxypt.com/fe01b27f/25/04/87e5671c764ffa0340d3a2b9bdfac9d68e510807.png");
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: auto 100%;
}
.about_history_arrow {
	display: block;
	width: 42px;
	height: 42px;
	background-color: var(--dth-color);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	border-radius: 50%;
}
.about_history_arrow:hover {
	background-color: var(--dth2-color);
}
.about_history_arrow.about_history_prev {
	background-image: url("//cdn.myxypt.com/fe01b27f/25/04/6fec8550841a7707d173bd9899fe890d5ab32ed2.png");
}
.about_history_arrow.about_history_next {
	background-image: url("//cdn.myxypt.com/fe01b27f/25/04/41318cbb9af15f1a8816212637886630375a0725.png");
	margin-left: auto;
}

.about_history_bot .swiper {
	margin: 20px 30px 0;
	width: calc(100% - 42px * 2 - 100px);
}

.about_history_bot li {
	text-align: center;
	cursor: pointer;
}
.about_history_bot li .li_round {
	width: 8px;
	height: 8px;
	background-color: var(--dth-color);
	border-radius: 50%;
	opacity: 0.5;
	margin: 0 auto;
}
.about_history_bot li.swiper-slide-thumb-active .li_round {
	opacity: 1;
}
.about_history_bot li .tims {
	font-family: Gilroy;
	font-size: 18px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 2;
	letter-spacing: 0px;
	color: var(--dth-color);
	opacity: 0.5;
}
.about_history_bot li.swiper-slide-thumb-active .tims {
	opacity: 1;
}

@media (max-width: 1500px) {
	.about_history_top {
		/* margin-top: 6%; */
	}
	.about_history_top li .tims {
		font-size: 3.2vw;
	}
	.about_history_top li .li_cont h4 {
		font-size: 22px;
	}
	.about_history_top li .li_cont .sums {
		font-size: 15px;
	}
}
@media (max-width: 1200px) {
	.about_history_top li .tims {
		font-size: 36px;
	}
	.about_history_top li .li_cont h4 {
		font-size: 20px;
	}
}
@media (max-width: 990px) {
	.about_history {
		/* padding: 42px 0; */
		/* padding: 0 0 42px; */
	}
	.about_history_top {
		/* margin-top: 30px; */
	}
	.about_history_arrow {
		width: 36px;
		height: 36px;
	}
	.about_history_bot::before {
		top: 3px;
	}
	.about_history_bot .swiper {
		margin: 16px 30px 0;
		width: calc(100% - 36px * 2 - 60px);
	}
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
	.about_history {
		/* padding: 36px 0; */
		padding: 0 0 36px;
	}
	.about_history_top {
		/* margin-top: 24px; */
	}
	.about_history_top li .tims {
		font-size: 32px;
	}
	.about_history_top li .li_cont h4 {
		font-size: 18px;
		margin-bottom: 0.6em;
	}
	.about_history_top li .li_cont .sums {
		font-size: 14px;
		margin-bottom: 1.2em;
	}
}


/* 企业文化 */
.about_culture {
	/* padding: 5.5% 0 9%; */
	padding: 0 0 84px;
}

.about_culture_uls {
	/* margin-top: 4.5%; */
}
.about_culture_uls ul {
	justify-content: space-between;
}

.about_culture_uls li .imgs {
	/* padding-top: calc(578 / 444 * 100%); */
	padding-top: calc(500 / 444 * 100%);
}
.about_culture_uls li .text {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	background-color: rgba(255, 255, 255, 0.7);
	height: 27.68%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.about_culture_uls li .text .text_wz {
	padding: 0 6.3%;
	position: relative;
}
.about_culture_uls li .text .text_wz::before {
	content: "";
	display: block;
	width: 4px;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-image: linear-gradient(to top,var(--dth-color) 0%, var(--dth2-color) 100%);
}
.about_culture_uls li .text h4 {
	font-size: 28px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 1;
	letter-spacing: 0px;
	color: var(--dth-color);
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.about_culture_uls li .text h5 {
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 1.2;
	letter-spacing: 0px;
	color: #555555;
	margin-top: 0.6em;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.sdsds{
	overflow: hidden;
}


@media (max-width: 1500px) {
	.about_culture_uls li .text h4 {
		font-size: 1.86vw;
	}
	.about_culture_uls li .text h5 {
		font-size: 17px;
	}
}
@media (max-width: 1400px) { 
	.about_culture_uls li .text h5 {
		font-size: 16px;
		line-height: 1.5;
	}
}
@media (max-width: 1200px) {
	.about_culture {
		/* padding: 50px 0 60px; */
		padding: 0 0 60px;
	}
	.about_culture_uls {
		/* margin-top: 36px; */
	}
	.about_culture_uls li .text {
		height: 120px;
	}
	.about_culture_uls li .text h4 {
		font-size: 22px;
	}
	.about_culture_uls li .text h5 {
		font-size: 15px;
	}
	.about_culture_uls li .text .text_wz {
		padding: 0 20px;
	}
	.about_culture_uls li .text .text_wz::before {
		width: 3px;
	}
}
@media (max-width: 990px) {
	.about_culture {
		/* padding: 45px 0 50px; */
		padding: 0 0 50px;
	}
	.about_culture_uls ul {
		flex-wrap: wrap;
	}
	/* .about_culture_uls li {
		width: 48%;
	}
	.about_culture_uls li:nth-child(n+3) {
		margin-top: 4%;
	} */
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
	.about_culture {
		/* padding: 42px 0 36px; */
		padding: 0 0 36px;
	}
	.about_culture_uls {
		/* margin-top: 24px; */
	}
	.about_culture_uls li {
		width: 100%;
	}
	.about_culture_uls li:nth-child(n+2) {
		margin-top: 24px;
	}
	.about_culture_uls li .text {
		height: auto;
		padding: 30px 0;
	}
	.about_culture_uls li .text h4 {
		font-size: 20px;
	}
	.about_culture_uls li .text h5 {
		font-size: 14px;
	}
}