.section .title{
	font-size: 3em;
	color: #3d3d3d;
	font-weight: bold;
	text-align: center;
	margin-bottom: 1.75em;
}
.sec0{
	text-align: center;
	padding: 0.73% 0 2.6%;
}



.sec1{
	text-align: center;
	padding: 2.6% 0 4.9%;
}
.sec1 .box{
	text-align: justify;
	border-radius: 0.5em;
	border: 1px solid rgb(167, 174, 184);
	position: relative;
	overflow: hidden;
	padding: 4.73% 5.07% 3.04%;
	color: #3d3d3d;
}
.sec1 .box::before{
	content: "";
	display: block;
	width: 100%;
	height: 0.5em;
	background-repeat: no-repeat;
	background-image: url(../images/repairintro_sec1_bg1.jpg);
	background-size: cover;
	position: absolute;
	left: 0;
	top: 0;
}
.sec1 .box h3{
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: 1.54em;
}
.sec1 .box p{
	font-size: 1em;
	line-height: 2;
	margin-bottom: 0.625em;
}
.sec1 .box p.dot{
	padding-left: 1.125em;
}
.sec1 .box p.dot::before{
	content: "";
	width: 0.4375em;
	height: 0.4375em;
	display: inline-block;
	vertical-align: top;
	margin-left: -1.125em;
	margin-right: 0.6875em;
	margin-top: 0.78125em;
	background-color: #3d3d3d;
	border-radius: 50%;
}
.sec1 .box p b{
	color: #00a4ff;
}
.sec1 .part1{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-direction: row;
}
.sec1 .part1 li,.sec1 .part2 li{
	width: 47.35%;
}
.sec1 .line{
	height: 2px;
	background-color: #d6d9de;
	margin: 2.875em 0 3.125em;
}
.sec1 .part2 ul{
	margin-bottom: 2.5em;
}
.sec1 .part2 li:nth-child(odd){
	float: left;
}
.sec1 .part2 li:nth-child(even){
	float: right;
}
.sec1 .part2 li:nth-child(1){
	margin-bottom: 0.5em;
}
.sec1 .tip{
	font-size: 0.875em;
	line-height: 1.714;
	opacity: 0.6;
}



.sec2{
	padding: 4.9% 0 5.2%;
	color: #3d3d3d;
}
.sec2 h3{
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: 1.625em;
}
.sec2 p{
	font-size: 1em;
	line-height: 2.125;
}
.sec2 .part1{
	margin-bottom: 4.46%;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: row;
	overflow: hidden;
}
.sec2 .part1 li{
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: column;
}
.sec2 .part1 .icon{
	width: auto;
	height: 2.5em;
}
.sec2 .part1 .cir{
	margin: 1.375em auto 0.875em;
	position: relative;
	padding: 0.125em;
	background-color: #fff;
}
.sec2 .part1 .cir .borders{
	position: relative;
	z-index: 1;
	background-color: #fff;
	width: 1em;
	height: 1em;
	border: 0.25em solid #00a4ff;
	border-radius: 50%;
}
.sec2 .part1 .cir::before,.sec2 .part1 .cir::after{
	content: "";
	display: block;
	position: absolute;
	height: 0.1875em;
	background-color: #00a4ff;
	top: 50%;
	margin-top: -0.0625em;
	width: 100vw;
	z-index: -1;
}
.sec2 .part1 .cir::before{
	right: 100%;
	display: none;
}
.sec2 .part1 .cir::after{
	left: 100%;
}
.sec2 .part1 li:last-child .cir::after{
	background-color: #fff;
}
.sec2 .part2{
	text-align: justify;
	border-radius: 0.5em;
	border: 1px solid rgb(167, 174, 184);
	position: relative;
	overflow: hidden;
	padding: 2em 0;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	flex-direction: row;
}
.sec2 .part2::before{
	content: "";
	display: block;
	width: 100%;
	height: 0.5em;
	background-repeat: no-repeat;
	background-image: url(../images/repairintro_sec1_bg1.jpg);
	background-size: cover;
	position: absolute;
	left: 0;
	top: 0;
}
.sec2 .part2 li{
	width: 50%;
	padding: 1.76% 5.4% 2.03%;
}
.sec2 .part2 li:first-child{
	border-right: 1px solid #a7aeb8;
}


.sec3{
	padding: 5.2% 0 9.9%;
}
.sec3 .box{
	background-color: #f6fcfe;
	border-radius: 0.625em;
	border: 1px solid rgba(0,149,217,0.5);
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: row;
}
.sec3 .text-box{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50.34%;
}
.sec3 .text-box li{
	font-size: 1.125em;
	color: #333;
	margin-bottom: 2.5em;
	padding-left: 2.333em;
	position: relative;
}
.sec3 .text-box li:last-child{
	margin-bottom: 0;
}
.sec3 .text-box li b{
	margin-right: 0.5em;
}
.sec3 .text-box li .icon{
	width: 1.333em;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	margin-top: -0.1665em;
}
.sec3 .img-box{
	width: 49.66%;
}


@media only screen and (min-width:1024px){
}

@media only screen and (max-width:1024px) {
	.ban{
		background-position: 70% center;
	}
	.section .title{
		font-size: 2em;
		margin-bottom: 1.5em;
	}
	.sec0{
		padding: 10px 0 0;
	}



	.sec1{
		padding: 10% 0 7.5%;
	}
	.sec1 .box{
		padding: 3em 2em;
	}
	.sec1 .box h3{
		font-size: 1.25em;
		margin-bottom: 1em;
	}
	.sec1 .part1{
		display: block;
	}
	.sec1 .part1 li,.sec1 .part2 li{
		width: 100%;
	}
	.sec1 .part1 li:nth-child(1){
		margin-bottom: 2em;
	}
	.sec1 .line{
		margin: 2em 0;
	}
	.sec1 .part2 ul{
		margin-bottom: 1.5em;
	}
	.sec1 .part2 li:nth-child(1){
		margin-bottom: 1em;
	}
	.sec1 .part2 li:nth-child(2){
		margin-bottom: 1em;
	}
	.sec1 .part2 li:nth-child(odd){
		float: none;
	}
	.sec1 .part2 li:nth-child(even){
		float: none;
	}
	.sec1 .part2 li:last-child{
		margin-bottom: 0;
	}



	.sec2{
		padding: 7.5% 0;
	}
	.sec2 h3{
		font-size: 1.25em;
		margin-bottom: 1em;
	}
	.sec2 .part1{
		margin-bottom: 10%;
		justify-content: flex-start;
		flex-wrap: nowrap;
		overflow-x: auto;
		overflow-y: hidden;
		margin-left: -5vw;
		margin-right: -5vw;
		padding: 0 5%;
	}
	.sec2 .part1 li{
		flex-grow: 0;
		flex-shrink: 0;
		overflow: hidden;
		padding: 0 10%;
	}
	.sec2 .part1 li:first-child{
		padding-left: 0;
	}
	.sec2 .part1 li:last-child{
		padding-right: 0;
	}
	.sec2 .part1 .cir::before{
		display: block;
	}
	.sec2 .part1 li:first-child .cir::before{
		display: none;
	}
	.sec2 .part2{
		padding: 0 1.5em;
		display: block;
	}
	.sec2 .part2 li{
		width: 100%;
		padding: 3em 1em;
	}
	.sec2 .part2 li:first-child{
		border-bottom: 1px solid #a7aeb8;
		border-right: 0 none;
	}






	.sec3{
		padding: 7.5% 0 15%;
	}
	.sec3 .box{
		display: block;
	}
	.sec3 .text-box{
		width: 100%;
		padding: 2.5em 1em;
	}
	.sec3 .text-box li{
		font-size: 1em;
		margin-bottom: 1.5em;
		line-height: 2;
	}
	.sec3 .text-box li .icon{
		margin-top: 0.3335em;
	}
	.sec3 .text-box li span{
		display: inline-block;
		vertical-align: top;
	}
	.sec3 .img-box{
		width: 100%;
	}

}