.about-idiv {
    width: 100%;
    position: relative;
    font-size: 0;
}
.about-i {
    margin-top: 4vw;
    position: relative;
    padding: 0 3.2vw;
}
.about-ixt {
    width: 100%;
    height: 1px;
    border-top: 1px dotted #ccc;
    position: absolute;
    top: 1.4vw;
    left: 0;
}
.about-iswiper{
	width: 100%;
	margin-left: 0%;
	position: relative;
	z-index: 3;
	min-height:8vw;
}
.about-isd{
	width: 10%;
	text-align: center;
	padding-top: 1.4vw;
	cursor: pointer;
transition: all .5s;
-webkit-transition: all .5s;
}
.about-i3{
	text-align: center;
	color: #999;
	margin-top: .2vw;
transition: all .5s;
-webkit-transition: all .5s;
font-size: 1.875vw;
}
.about-i2{
	width: 100%;
	height: 0;
	position: relative;
}
.about-i3:after{
	content: '';
	width: 8px;
	height: 8px;
	background: #ddd;
	border-radius: 100%;
	position: absolute;
	left: 50%;
	top: 1.4vw;
	margin-left: -4px;
	margin-top: -4px;
transition: all .5s;
-webkit-transition: all .5s;
}
.about-isd.on{
	width: 50% !important;
transition: all .5s;
-webkit-transition: all .5s;
}
.about-isd.on .about-i3{
	font-size: 3.75vw;
	color: var(--sitecolor);
	margin-bottom: 0;
transition: all .5s;
-webkit-transition: all .5s;
}
.about-isd.on .about-i3:after{
	width: 12px;
	height: 12px;
	margin-left: -6px;
	margin-top: -6px;
	background: var(--sitecolor);
transition: all .5s;
-webkit-transition: all .5s;
}

.about-jswiper{
	width: 100%;
	margin-top: 1.5vw;
}
.about-jsd{
	overflow: hidden;
}
.about-j2{
	width: 31.25vw;
	float: left;
	margin-left: 3vw;
}
.about-j34{
	width: 60.25vw;
	float: left;
	margin-left: 8vw;
	white-space: pre-line;
	padding-top: 2.2vw;
}
.about-j3{
	line-height: 1;
}
.about-j3 .year{
font-size: 2.125vw;
}
.about-j4{
	line-height: 1.8;
	margin-top: .2vw;color: #666;
}
.about-iprev, .about-inext {
    top: 0 !important;
    margin-top: 0 !important;
    left: 0 !important;
}
.about-inext {
    left: initial !important;
    right: 0 !important;
}
.services-fprev, .services-fnext {
    width: 2.8vw;
    height: 2.8vw;
    margin-top: -1.4vw;
    left: -1.4vw;
border-radius: 100%;font-size: 1rem;color: #fff;
background-color: var(--sitecolor);
    background-size: 99%;
}
.services-fnext {
    left: initial;
    right: -1.4vw;
	border-radius: 100%;
	background-color: var(--sitecolor);
}
@media(max-width:750px){
	
	.about-j2{
		width: 100%;
		margin-left: 0;
	}
	.about-j34{
		width: 100%;
		margin-left: 0%;
		padding-top: .4rem;
	}
	.about-i{
		padding: 0 .8rem;
	}
	.about-isd{
		padding-top: .4rem;
	}
	.about-ixt{
		top: .35rem;
	}
	.about-i3:after{
		top: .35rem;
	}
	.about-isd{
		width: 25%;
	}
	.about-i3{
		font-size: 1rem;
	}
	.about-i3:after{
		width: 6px;
		height: 6px;
		margin-left: -3px;
		margin-top: -3px;
	}
	.about-isd.on .about-i3:after{
		width: 8px;
		height: 8px;
		margin-left: -4px;
		margin-top: -4px;
	}
	.about-isd.on .about-i3{
		font-size: 1.125rem;
	}
	.about-story{
		margin-top: .4rem;
	}
	.about-j3 .year {
		font-size: 1.25rem;
	}
}