.section h3{
	font-size: 3em;
	color: #333;
	font-weight: bold;
}
.section .title{
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: row;
}


.sec0{
	text-align: center;
	padding: 0.625% 0 4.48%;
}


.sec1{
	padding: 4.48% 0 5.625%;
}
.sec1 .inner{
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: row;
}
.sec1 .text-box{
	width: 50.34%;
}
.sec1 .text-box p{
	font-size: 1em;
	color: #3d3d3d;
	line-height: 2.125em;
	text-align: justify;
	margin: 3.125em 0;
}
.sec1 .btn-box{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: row;
}
.sec1 .btn-box a{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	border: 1px solid #00a4ff;
	border-radius: 0.5em;
	margin-right: 0.875em;
	width: 8.75em;
	height: 2.8125em;
	color: #00a4ff;
}
.sec1 .btn-box:last-child{
	margin-right: 0;
}
.sec1 .btn-box a.hover{
	color: #fff;
	width: 13.125em;
	background-color: #00a4ff;
}
.sec1 .btn-box a .icon{
	margin-right: 1em;
	width: auto;
	height: 1em;
}
.sec1 .img-box{
	width: 49.66%;
	text-align: center;
}
.sec1 .img-box img{
	display: inline-block;
	width: 73.38%;
}


.sec2{
	padding: 5.625% 0 5.2%;
}
.sec2 h3{
	margin-bottom: 5.48%;
}
.sec2 table{
	width: 100%;
	font-size: 1em;
	color: #333;
	text-align: center;
	table-layout: fixed;
}
.sec2 th{
	font-weight: bold;
	font-size: 1.25em;
	text-align: center;
}
.sec2 thead th{
	color: #fff;
	height: 2.8em;
	background-color: #56585d;
	border-right: 1px solid #e8e8e8;
	border-top-left-radius: 0.25em;
	border-top-right-radius: 0.25em;
	width: 22em;
}
.sec2 thead th:nth-child(odd){
	background-color: #6b6d72;
}
.sec2 thead th:nth-child(1){
	background-color: #2c2e35;
	width: 7em;
}
.sec2 thead th:last-child{
	border-right: 0 none;
}
.sec2 tfoot th{
	height: 3em;
}
.sec2 td{
	border: 1px solid #e8e8e8;
	height: 3.5em;
}
.sec2 tr:nth-child(even) td{
	background-color: #f6f6f7;
}



.sec3{
	padding: 5.2% 0;
}
.sec3 h3{
	margin-bottom: 5.34%;
}
.sec3 .flex-box{
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	flex-direction: row;
	text-align: center;
}
.sec3 ul.des{
	border-radius: 0.5em;
 	box-shadow: 0px 0px 1.125em rgba(77, 121, 139, 0.07);
 	padding: 0 2.375em;
 	width: 22.375em;
 	position: relative;
 	overflow: hidden;
}
.sec3 ul.des::before{
	width: 100%;
	height: 0.4375em;
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	background-repeat: no-repeat;
	background-image: url(../images/repairintro_sec1_bg1.jpg);
	background-size: 300% auto;
	background-position: right center;	
}
.sec3 li{
	display: flex;
	align-items: flex-start;
	justify-content: center;
}
.sec3 li:nth-child(1){
	min-height: 9.25em;
	padding-top: 4.125em;
}
.sec3 li:nth-child(2){
	min-height: 10.625em;
	padding-top: 4.625em;
}
.sec3 li:nth-child(3){
	min-height: 12.5em;
	padding-top: 4.5em;
}
.sec3 ul.des li{
	border-bottom: 1px solid #e7e7e7;
	padding-left: 0.75em;
	padding-right: 0.75em;
}
.sec3 ul.des li:nth-child(1){
	padding-top: 4em;
}
.sec3 ul.des li:nth-child(2){
	padding-top: 3.125em;
}
.sec3 ul.des li:nth-child(3){
	padding-top: 2.125em;
}
.sec3 ul.des li:last-child{
	border-bottom: 0 none
}
.sec3 h4{
	font-size: 1.5em;
	color: #00a4ff;
	font-weight: bold;
}
.sec3 h5{
	font-size: 1.25em;
	color: #333;
	font-weight: bold;
}
.sec3 h6{
	font-size: 1.125em;
	color: #333;
	line-height: 2;
	font-weight: bold;
}
.sec3 p{
	font-size: 1em;
	color: #333;
	line-height: 2;
}

.sec4{
	padding: 5.2% 0;
}
.sec4 .title{
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	flex-direction: row;
	margin-bottom: 6%;
}
.sec4 .tab-control{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: row;
}
.sec4 .tab-control a{
	font-size: 1.25em;
	color: #333;
}
.sec4 .tab-control a.on{
	font-weight: bold;
}
.sec4 .tab-control span{
	margin: 0 1em;
}
.sec4 .swiper{
	display: none;
}
.sec4 .swiper.on{
	display: block;
}
.sec4 .swiper-slide{
	border-radius: 0.625em;
	overflow: hidden;
}
.sec4 .scrollbar{
    width: 100%;
    position: static;
    margin-top: 4.3%;
    height: 28px;
    background-repeat: repeat-x;
    background-image: url(../images/index_sec2_scroll_bg2.png);
    background-size: auto 100%;
    background-position: left top;
}
.sec4 .scrollbar .swiper-scrollbar-drag{
    background-repeat: no-repeat;
    background-image: url(../images/index_sec2_scrollcursor.png);
    background-size: 100% auto;
    border-radius: 14px;
    cursor: pointer;
}
.sec4 .scrollbar .swiper-scrollbar-drag::after{
    content: "";
    width: 100vw;
    background-repeat: repeat-x;
    background-image: url(../images/index_sec2_scroll_bg1.png);
    background-size: auto 100%;
    background-position: left top;
    height: 100%;
    position: absolute;
    left: 100%;
    top: 0;
    background-color: rgba(255,255,255,0.7);
}


.sec5{
	padding: 5.2% 0 10.4%;
}
.sec5 h3{
	margin-bottom: 6.57%;
}
.sec5 ul{
	border-top: 1px solid #cbcbc9;
}
.sec5 li{
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: row;
	border-bottom: 1px solid #cbcbc9;
	padding: 2.75em 0;
}
.sec5 .flex-left{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: row;
	overflow: hidden;
}
.sec5 .line{
	width: 1px;
	height: 1.75em;
	margin: 0 1.75em;
	background-color: #cbcbc9;
	flex-shrink: 0;
}
.sec5 .flex-left a{
	font-size: 1.25em;
	color: #333;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: row;
	overflow: hidden;
}
.sec5 .flex-left a b{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	flex-grow: 1;
}
.sec5 .flex-left a span{
	color: #666;
	margin-left: 1.6em;
	flex-shrink: 0;
}
.sec5 .flex-right{
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: row;
	flex-wrap: nowrap;
}
.sec5 .flex-right a{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: row;
	color: #333;
}
.sec5 .icon{
	background-repeat: no-repeat;
	background-size: contain;
	flex-shrink: 0;
}
.sec5 .icon.pdf{
	width: 1.625em;
	background-image: url(../images/xcertif_sec5_icon_pdf.png);
	margin-left: 1.625em;
}
.sec5 .icon.down{
	width: 1.125em;
	background-image: url(../images/xcertif_sec5_icon_down.png);
	margin-right: 0.9375em;
}
.sec5 .icon img{
	opacity: 0;
}
.sec5 p{
	margin: 0 3.375em;
	color: #333;
}

@media only screen and (min-width:1024px){
	.sec4 .tab-control a:hover{
		font-weight: bold;
	}
	.sec5 li:hover{
		border-color: #00a4ff;
		color: #00a4ff;
	}
	.sec5 li:hover *{
		color: inherit !important;
	}
	.sec5 li:hover .icon.pdf{
		background-image: url(../images/xcertif_sec5_icon_pdf_blue.png);
	}
	.sec5 li:hover .icon.down{
		background-image: url(../images/xcertif_sec5_icon_down_blue.png);
	}
	.sec5 li:hover .line{
		background-color: #00a4ff;
	}
}

@media only screen and (max-width:1024px) {
	.section h3{
		font-size: 2em;
	}


	.sec0{
		padding: 10px 0 0;
	}


	.sec1{
		padding: 15% 0 7.5%;
	}
	.sec1 .inner{
		display: block;
	}
	.sec1 .text-box{
		width: 100%;
		margin-bottom: 10%;
	}
	.sec1 .text-box p{
		margin: 5% 0;
	}
	.sec1 .img-box{
		width: 100%;
	}


	.sec2{
		padding: 7.5% 0;
	}
	.sec2 h3{
		margin-bottom: 10%;
	}
	.sec2 .scroll-box{
		overflow-x: auto;
		overflow-y: hidden;
	}


	.sec3{
		padding: 7.5% 0;
	}
	.sec3 h3{
		margin-bottom: 10%;
	}
	.sec3 .flex-box{
		justify-content: flex-start;
		flex-wrap: nowrap;
		overflow-x: auto;
		overflow-y: hidden;
		margin-left: -5vw;
		margin-right: -5vw;
		padding: 1.125em 5%;
	}
	.sec3 ul{
		flex-shrink: 0;
		margin-right: 10%;
	}
	.sec3 ul:last-child{
		margin-right: 0;
	}

	.sec4{
		padding: 7.5% 0;
		overflow: hidden;
	}
	.sec4 .title{
		margin-bottom: 10%;
	}
	.sec4 .tab-control a{
		font-size: 1.125em;
	}
	.sec4 .swiper{
		overflow: visible;
	}
    .sec4 .scrollbar{
        margin-top: 8%;
    }

	.sec5{
		padding: 7.5% 0 15%;
	}
	.sec5 h3{
		margin-bottom: 10%;
	}
	.sec5 li{
		display: block;
		padding: 2em 1em;
	}
	.sec5 .flex-left{
		margin-bottom: 1.5em;
	}
	.sec5 .line{
		margin: 0 1em;
	}
	.sec5 .flex-left a{
		font-size: 1.125em;
	}
	.sec5 .flex-left a span{
		margin-left: 1em;
	}
	.sec5 .icon.pdf{
		margin-left: 0;
	}
	.sec5 p{
		margin: 0 2em;
		margin-left: 0;
	}
}


@media only screen and (max-width:1024px){
	.sec5 .flex-left a b{
		line-height: 1.5;
		overflow: visible;
		white-space: normal;
	}
}