.container {
	background: #f4f6f8 url(../image/ab_culture.png) no-repeat 0 0 / 100% 100% border-box border-box;
}

.about-section {
	padding: 50px 0;
	overflow: hidden;
}

.about-company-profile {
	overflow: hidden;
}

.left {
	float: left;
}

.about-company-profile .left {
	width: 45%;
}

.right {
	float: right;
}

.about-company-profile .right {
	width: 50%;
	position: relative;
}

.img img {
	display: block;
	width: 100%;
	height: auto;
}

.about-company-profile .right .text_box {
	width: 78%;
	float: left;
}

.ltxt {
	text-align: left;
}

.title h2 {
	font-size: 40px;
	margin: 0;
	text-transform: uppercase;
}

.title i {
	display: block;
	margin: 0px auto;
	width: 40px;
	height: 4px;
}

.title i img {
	display: block;
	width: 100%;
}

.ltxt i {
	margin: 0px auto;
}

.title h3 {
	font-size: 26px;
	margin: 0;
	text-transform: uppercase;
	font-weight: normal;
}

.about-company-profile .right .text {
	font-size: 16px;
	line-height: 30px;
	color: #666;
	padding: 20px 0 0px 0;
	overflow: hidden;
}

@media screen and (max-width: 1680px) {
	.about-company-profile .right .text {
		padding: 30px 0 0px 0;
		font-size: 16px;
		line-height: 34px;
	}
}

.about-company-profile .right .slogan {
	position: absolute;
	right: 3.5%;
	top: 2%;
	text-transform: uppercase;
	font-size: 40px;
	color: #f7f7f7;
	font-weight: bold;
	writing-mode: vertical-lr;
	writing-mode: tb-lr;
	text-transform: uppercase;
	line-height: 1em;
	z-index: 0;
}

.Culture {
	/* background-position: center center;
		background-repeat: no-repeat;
		background-size: cover; */
	padding: 50px 0;
	background: #f4f6f8 url(../image/about.jpg) no-repeat 0 0 / 100% 100% border-box border-box;
}

.Culture .h1,
.page-dynamic-1 h1 {
	text-align: center;
	font-weight: bold;
	margin-bottom: 20px;
}

/* .Culture .Culture-tent {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	} */

.Culture .Culture-tent .swiper-slide {
	position: relative;
	width: 18.767%;
	min-width: 200px;
}

.Culture .Culture-tent .swiper-slide .item {
	display: block;
	background-color: #0f587c;
	height: 300px;
}

.Culture .Culture-tent .swiper-slide .item .Stext {
	text-align: center;
	position: absolute;
	color: #fff;
	top: 2.5%;
	left: 2.5%;
	width: 94%;
	height: 94%;
	border: 1px solid #fff;
	padding: 20px;
}

.Culture .Culture-tent .swiper-slide .item .Stext .p1 {
	margin-top: 20px;
	margin-bottom: 20px;
	position: relative;
	font-size: 20px;
}

.Culture .Culture-tent .swiper-slide .item .Stext .p1::after {
	content: "";
	width: 10%;
	height: 1px;
	background-color: #fff;
	position: absolute;
	left: 50%;
	bottom: -0.16rem;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.Culture .Culture-tent .swiper-slide .item .Stext .p2 {

	font-size: 16px;
}

.hls-page-container {
	padding: 50px 0;
	background: #f4f6f8 url(../image/ab_honor.jpg) no-repeat 0 0 / 100% 100% border-box border-box;
}

.title {
	text-align: center;
}

.title h6 {
	font-size: 16px;
	width: 50%;
	margin: 24px auto;
	font-weight: 500;
	line-height: 30px;
}

.hls-page-container .swiper-button {
	position: relative;
	height: 60px;
	width: 170px;
	margin: 0 auto;
}

.hls-page-container .swiper-button-nextC,
.swiper-button-prevC {
	left: auto;
	right: 0;
	top: auto;
	bottom: 15px;
	margin: 0;
	width: 80px;
	height: 45px;
	position: absolute;
	outline: none;
	cursor: pointer;
}

.hls-page-container .swiper-button-nextC {
	background: url(../image/next.png) center no-repeat #f7f7f7;
	background-size: 20%;
	opacity: 0.4;
}

.hls-page-container .swiper-button-nextC::after {
	content: '';
	width: 1px;
	height: 45px;
	right: 80px;
	top: 0;
	position: absolute;
	background: #ccc;
}

.hls-page-container .swiper-button-prevC {
	background: url(../image/prev.png) center no-repeat #f7f7f7;
	background-size: 20%;
	right: 80px;
	opacity: 0.3;
}

.certificationlist {
	padding: 1% 0 5% 0;
	overflow: hidden;
}

.certification {
	padding-bottom: 3%;
	width: 88%;
	position: relative;
	overflow: hidden;
}

.certification .swiper-pagination.swiper-pagination-progressbar {
	bottom: 0;
	top: auto;
	background: #ededed;
	height: 2px;
}

.certification span.swiper-pagination-progressbar-fill {
	background: #1a1a1a;
}

.certification li {
	background: #f7f7f7;
	text-align: center;
	padding: 10% 5% 10% 5%;
	overflow: hidden;
}

.certification li .dtable {
	max-height: 300px;
}

.certification li .dtable-cell {
	max-height: 300px;
}

.certification li img {
	max-height: 300px;
	width: auto;
	max-width: 100%;
	display: inline-block;
}

.certification li h5 {
	color: #1a1a1a;
	font-size: 14px;
	padding-top: 20px;
	margin: 0;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-family: 'Conv_Montserrat-Bold', Arial, "微软雅黑", "黑体", '宋体';
}

.about_history {
	padding-top: 60px;
	position: relative;
	padding-bottom: 60px;
	background: #f4f6f8 url(../image/ab_1.jpg) no-repeat 0 0 / 100% 100% border-box border-box;
}

.about_history .history_swiper {
	position: relative;
	width: 88%;
	margin: 0 auto;
}

.about_history .swiper-container {
	width: 90%;
	margin: 0 auto;
}

.about_history .swiper-slide {
	padding-bottom: 60px;
	position: relative;
}

.about_history .swiper-slide:after {
	content: '';
	width: 0;
	height: 0;
	border: 20px solid transparent;
	border-bottom: 20px solid #d0d0d0;
	position: absolute;
	left: 50%;
	margin-left: -20px;
	bottom: -2px;
	z-index: 10;
}

.about_history .swiper-slide .item {
	position: relative;
	padding-bottom: 10%;
	margin: 0 5%;
}

.about_history .swiper-slide .item img {
	width: 100%;
}

.about_history .swiper-slide .item .text_box {
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 5% 8%;
	width: 74%;
	background: #fff;
	overflow: hidden;
	box-shadow: 0 0 8px rgb(0, 0, 0, 0.2);
}

.about_history .swiper-slide .item .text_box h3 {
	float: left;
	font-size: 20px;
	position: relative;
	padding-bottom: 10px;
	margin: 0px;
}

.about_history .swiper-slide .item .text_box h3:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 3px;
	background: #34bbea;
}

@media screen and (max-width: 769px) {
	.about-section {
		padding: 0;
	}

	.about-company-profile .left {
		display: none;
	}

	.about-company-profile .left,
	.about-company-profile .right {
		width: 100%;
		float: none;
	}

	.about-company-profile .left .img {
		width: 100%;
	}

	.about-company-profile .left .img img {
		width: 100%;
	}

	.about-company-profile .right {
		width: 100%;
		/* margin-top: 15px; */
	}

	.about-company-profile .right .text_box {
		width: 90%;
		margin: 0 5%;
	}

	.title h2 {
		font-size: 32px;
	}

	.title h3 {
		font-size: 20px;
	}

	.about-company-profile .right .text {
		padding: 5% 0;
	}

	.about-company-profile .right .slogan {
		display: none;
	}
}