.banner{
	padding:12% 0;
}
.sec1{
	position:relative;
}
.sec1::before{
	position:absolute;
	left:0;
	bottom:0.125em;
	width:100%;
	height:1px;
	background-color:rgba(0,0,0,0.1);
	content:"";
	display:block;
	z-index:-1;
}
.sec1 .inner{
	display:flex;
	align-items:stretch;
	justify-content:space-between;
	flex-direction:row;
}
.sec1 a{
	font-size:1.25em;
	color:#333;
	display:inline-block;
	padding:1.9em 1.6em;
	border-bottom:0.3em solid transparent;
}
.sec1 a.active{
	border-color:var(--theme-blue);
}
.sec1 svg{
	width:auto;
	height:1.6em;
	vertical-align:middle;
}
.sec1 span{
	margin-left:1.5em;
	vertical-align:middle;
}

.sec2{
	padding:4.2% 0 5.2%;
}
.sec2 .flex-box{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	flex-direction:row;
}
.sec2 h3{
	font-size:1.25em;
	line-height:1.8;
	font-weight:normal;
	margin-bottom:0.9em;
}
.sec2 .left-part{
	width:16.65%;
	border-top:1px solid #d9d9d9;
	padding:1.25em;
}
.sec2 .left-part li{
	line-height:2.25;
	color:#666;
	cursor:pointer;
}
.sec2 .left-part li.active{
	color:var(--theme-green);
}
.sec2 .left-part li span{
	font-weight:bold;
}
.sec2 .right-part{
	width:80%;
	margin-top:-4.75em;
}
.sec2 .right-part .content,.sec2 .right-part .product-tab{
	display:none;
}
.sec2 .right-part .content.active,.sec2 .right-part .product-tab.active{
	display:block;
}
.sec2 .btn-box{
	float:right;
	position:relative;
}
.sec2 .btn-box span{
	float:right;
	position:relative;
	background: #F9F9F9;
	border: 1px solid #EEEEEE;
	border-radius: 0.625em;
	padding:1em 1.5em 1em 2em;
	cursor:pointer;
}
.sec2 .btn-box span::after{
    font-family: 'FontAwesome';
    font-weight: 900;
    content:"\f0d7";
    margin-left:1.75em;
}
.sec2 .btn-box.active span::after{
    content:"\f0d8";
}
.sec2 .tab-box{
	background-color:#F9F9F9;
	border-radius:0.625em;
	padding:3.125em 3.125em 1.875em;
	display:flex;
	align-items:flex-start;
	justify-content:flex-start;
	flex-direction:row;
	position:absolute;
	right:0;
	top:100%;
	margin-top:0.625em;
	z-index:1;
	transform:scale(0);
	transition:transform 0.5s;
	pointer-events:none;
	transform-origin:right top;
}
.sec2 .tab-box.all{
	width:61.625em;
	flex-wrap:wrap;
}
.sec2 .btn-box.active .tab-box{
	transform:scale(1);
	pointer-events:auto;
}
.sec2 .tab-box a{
	display:inline-block;
	margin-right:1.5em;
	margin-bottom:1.25em;
	border-bottom:1px solid #999;
	color:#666;
	padding-bottom:1em;
	white-space:nowrap;
}
.sec2 .tab-box.all a{
	width:calc((100% - 3em) / 3 - 1px);
	white-space:normal;
}
.sec2 .tab-box a:last-child{
	margin-right:0;
}
.sec2 .tab-box a.active{
	color:var(--theme-green);
	border-color:var(--theme-green);
}
.sec2 .line{
	width:100%;
	height:1px;
	background-color:#d9d9d9;
	margin:1.25em 0 3.25%;
}
.sec2 .position-box{
	font-size:1.25em;
	color:#666;
	margin-bottom:5.62%;
}
.sec2 .position-box span{
	margin:0 1em;
	font-size:0.8em;
	vertical-align:middle;
}
.sec2 .title{
	font-size:4em;
	color:var(--theme-blue);
	font-weight:bold;
	margin-bottom:3.3%;
}
.sec2 .des{
	font-size:1.25em;
	line-height:1.9;
	margin-bottom:6.2%;
	white-space: pre-wrap;
}
.sec2 .right-part ul{
	display:flex;
	align-items:stretch;
	justify-content:space-between;
	flex-direction:row;
	flex-wrap:wrap;
}
.sec2 .right-part ul::after{
	width:28.8%;
	content:"";
	display:block;
}
.sec2 .right-part li{
	border-radius:0.5em;
	background-color:#eee;
	width:28.8%;
	margin-bottom:6%;
	padding:7.3% 3.5% 6.5%;
	text-align:center;
	position:relative;
}
.sec2 .right-part li.col2{
	width:64.4%;
}
.sec2 h5{
	font-size:1.125em;
	color:#fff;
	text-align:center;
	border:0.5em solid #fff;
	background-color:var(--theme-blue);
	border-radius:2.05em;
	line-height:1.5;
	padding:0.833em 1.5em;
	font-weight:normal;
	width:14em;
	position:absolute;
	left:50%;
	top:0;
	transform:translate(-50%,-50%);
}
.sec2 p{
	font-size:1.125em;
	line-height:2;
	margin-bottom:1.5em;
	color:#666;
	text-align:justify;
}
.sec2 p:last-child{
	margin-bottom:0;
}
.sec2 table{
	text-align:center;
	width:100%;
}
.sec2 table p{
	text-align:center;
}
.sec2 td,.sec2 th{
	border-bottom:1px solid #333;
}
.sec2 table td:first-child p{
	text-align:left;
}
.sec2 table tr:first-child p{
	text-align:center;
}



@media only screen and (min-width:1025px){
	.sec1 a:hover{
		border-color:var(--theme-blue);
	}
	.sec2 .left-part li span:hover{
		color:var(--theme-green);
	}
	.sec2 .left-part li .slide-box a:hover{
		color:var(--theme-green);
	}
	.sec2 .tab-box a:nth-child(3n){
		margin-right:0;
	}
	.sec2 .tab-box a:hover{
		color:var(--theme-green);
		border-color:var(--theme-green);
	}
	.sec2 .right-part li:nth-child(3n){
		margin-right:0;
	}
}
@media only screen and (max-width:1024px){
	.banner{
		padding:25% 0 20%;
	}
	.sec1 .inner{
		flex-wrap:nowrap;
		overflow:auto;
		max-width:100%;
		padding:0 5%;
	}
	.sec1 a{
		flex-shrink:0;
		padding:1.6em;
	}


	.sec2{
		padding:10% 0 1%;
	}
	.sec2 .inner{
		max-width:100%;
	}
	.sec2 .flex-box{
		display:block;
	}
	.sec2 h3{
		padding:0 5%;
		margin-bottom:2em;
	}
	.sec2 .left-part{
		width:100%;
		padding:1.25em 5%;
		display:flex;
		align-items:center;
		justify-content:flex-start;
		flex-direction:row;
		flex-wrap:nowrap;
		overflow:auto;
	}
	.sec2 .left-part li{
		flex-shrink:0;
		margin-right:5%;
	}
	.sec2 .left-part li:last-child{
		margin-right:0;
	}
	.sec2 .right-part{
		width:100%;
		padding:0 5%;
	}
	.sec2 .btn-box{
		top:-5.5em;
	}
	.sec2 .tab-box.all{
		width:90vw;
	}
	.sec2 .tab-box.all a{
		width:auto;
	}
	.sec2 .line{
		margin:5% 0;
	}
	.sec2 .des{
		margin-bottom:12%;
	}
	.sec2 .right-part li{
		width:100%;
		margin-bottom:15%;
		padding:15% 5% 10%;
	}
	.sec2 .right-part li.col2{
		width:100%;
	}
}