.sec1{
	padding: 10.4% 0;
}
.sec1 .inner{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-direction: row;
}
.sec1 .left-part{
	width: 29.5%;
	position: sticky;
	top: 8em;
	z-index: 1;
}
.sec1 .left-part a{
	border: 1px solid #eaebef;
	border-top: 0 none;
	font-size: 1.125em;
	color: #333;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: row;
	padding: 1.75em 1.33em 1.75em 2em;
	transition: background-color 0.5s,color 0.5s;
}
.sec1 .left-part a:first-child{
	border-top: 1px solid #eaebef;
}
.sec1 .left-part a::after{
    font-family:revicons;
    content: "\e823";
}
.sec1 .left-part a.active{
	color: #fff;
	background-color: var(--theme-color);
}
.sec1 .right-part{
	width: 66.8%;
	overflow: hidden;
	position: relative;
}
.sec1 .right-part .list{
    opacity: 0;
    position: absolute;
    top: 2em;
    left: 0;
    pointer-events: none;
    width: 100%;
}
.sec1 .right-part .list.active{
    transition: opacity 0.5s,top 0.5s;
    opacity: 1;
    top: 0;
    position: relative;
    pointer-events: auto;
}
.sec1 .right-part .img{
	margin-bottom: 2.5em;
}
.sec1 .right-part h5{
	font-size: 1.375em;
	color: var(--theme-color);
	line-height: 1.64;
	margin-bottom: 0.45em;
}
.sec1 .right-part h5 .icon{
	width: auto;
	height: 1em;
	margin-right: 0.5em;
	vertical-align: middle;
}
.sec1 .right-part h5 span{
	vertical-align: middle;
}
.sec1 .right-part p{
	font-size: 1.125em;
	color: #333;
	line-height: 1.78;
	margin-bottom: 0.5em;
}
.sec1 .right-part p:last-child{
	margin-bottom: 0;
}
@media only screen and (min-width:1025px){
	.sec1 .left-part a:hover{
		color: #fff;
		background-color: var(--theme-color);
	}
}
@media only screen and (max-width:1024px){
	.sec1{
		padding: 15% 0;
	}
	.sec1 .inner{
		display: block;
	}
	.sec1 .left-part{
		width: auto;
		background-color: #fff;
		display: flex;
		align-items: stretch;
		justify-content: flex-start;
		flex-direction: row;
		flex-wrap: nowrap;
		overflow-x: auto;
		margin-bottom: 10%;
		margin-left: -5vw;
		margin-right: -5vw;
		padding: 0 5%;
		top: 3.125em;
	}
	.sec1 .left-part a{
		flex-shrink: 0;
		border-top: 1px solid #eaebef;
		border-left: 0 none;
		font-size: 0.9375em;
		padding: 1em;
	}
	.sec1 .left-part a:first-child{
		border-left: 1px solid #eaebef;
	}
	.sec1 .left-part a::after{
		display: none;
	}
	.sec1 .right-part{
		width: 100%;
	}
	.sec1 .right-part .img{
		margin-bottom: 1.5em;
	}
	.sec1 .right-part h5{
		font-size: 1.125em;
	}
	.sec1 .right-part p{
		font-size: 0.9375em;
	}
}