@keyframes donghua {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 50%, 0);
		transform: translate3d(0, 50%, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.donghua {
	-webkit-animation-name: donghua;
	animation-name: donghua;
}

.no-padding {
	padding: 0;
	 !important;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.clearfix {
	display: block;
	content: '';
	clear: both;
}

.cd-timeline-content h2 {
	font-size: 18px !important;
	color: #3D464C;
	margin: 0;
}

.cd-timeline-content p {
	font-size: 14px !important;
	;
	font-weight: 400;
	color: #858585;
	line-height: 20px;
	margin: 0;
}

.dash-line {
	content: '';
	position: absolute;
	bottom: -50px;
	left: 18px;
	height: 50px;
	width: 4px;
	background: url(../images/xuxian.png);
	transform: rotate(180deg);
	z-index: 2;
}

.about-us-pic-box .col-md-2,
.col-md-4,
.col-md-6 {
	padding: 0px;
	overflow: hidden;
}

.about-us-pic-box.row .row {
	margin: 0;
}




.timeline {
	position: relative;
	margin-bottom: 30px;
	margin-top: 50px;
}

.timeline ul li {
	list-style-type: none;
	position: relative;
	width: 4px;
	margin: 0 auto;
	background: #FF0000;
}

.timeline ul li:nth-child(1) {
	padding-top: 0;
}

.timeline ul::after {
	content: '';
	position: absolute;
	bottom: -40px;
	left: 49.9%;
	height: 50px;
	width: 4px;
	background: url(../images/xuxian.png);
	transform: rotate(180deg);
	z-index: 100;
}

.timeline ul::before {
	content: '';
	position: absolute;
	top: -50px;
	left: 49.9%;
	height: 50px;
	width: 4px;
	background: url(../images/xuxian.png);
	z-index: 100;
}

.timeline ul li::after {
	content: '';
	position: absolute;
	left: -23px;
	top: 0%;
	width: 48px;
	height: 48px;
	z-index: 2;
	background: url(../images/kt-circle.png) no-repeat;
	background-size: contain;
}

.timeline ul li:nth-child(1)::after {
	top: 17;
}

.timeline ul li div {
	position: relative;
	bottom: 0;
	width: 408px;
	height: 155px;
}

/* .timeline ul li div div {
	display: flex;
	flex-direction: column;
	justify-content: center;
} */

.timeline-content {
	width: 350px;
	height: 132px;
}

.timeline-content h2 {
	font-size: 18px;
	margin-top: 0;
	color: #CF0F41;
}

.timeline-content p {
	font-size: 14px;
	color: #CF0F41;
}

.timeline ul li:nth-of-type(odd)>div.timeline-block {
	left: 45px;
}

.timeline ul li:nth-of-type(odd)>div.timeline-block .timeline-content {
	background: url(../images/kt-about-back-001.png) no-repeat;
	background-size: contain;
	padding: 29px 30px 0 54px;
}

.timeline ul li:nth-of-type(even)>div.timeline-block {
	left: -450px;
}

.timeline ul li:nth-of-type(even)>div.timeline-block .timeline-content {
	background: url(../images/kt-about-back-002.png) no-repeat;
	background-size: contain;
	padding: 29px 50px 0 40px;
}

.timeline ul li:nth-of-type(odd)>div.timeline-block .timeline-content h2 {
	color: #fff;
}

.timeline ul li:nth-of-type(odd)>div.timeline-block .timeline-content p {
	color: rgba(255, 255, 255, 0.7);
}

.timeline ul li div {
	visibility: hidden;
	opacity: 0;
	transition: all 0.5s ease-in-out;
}

.timeline ul li:nth-of-type(odd) div {
	transform: translate3d(100px, -10px, 0) rotate(10deg);
}

.timeline ul li:nth-of-type(even) div {
	transform: translate3d(-100px, -10px, 0) rotate(10deg);
}

.timeline ul li.in-view div {
	transform: none;
	visibility: visible;
	opacity: 1;
}
.about49{
	margin-top: 49px;
}
.about180{
	margin-top: 30px; margin-bottom: 130px;
}
@media (max-width: 768px){
	.about49{
		margin-top:unset;
	}
	.about180{
		margin-top: 10px;
		margin-bottom: 40px;
	}
	.company-info{
		font-size: 14px;
		line-height: 24px;
		margin: 0px;
	}
}