.sec1{
	padding: 7.7% 0 10%;/*148 0 193*/
	font-size: 16px;
}

.sec1 .tab-controls{
	text-align: center;
	font-size: 1.5em;
	color: #333;
}
.sec1 .tab-controls a{
	font-size: inherit;
	color: inherit;
	vertical-align: middle;
}
.sec1 .tab-controls a.active{
	color: #0c67ba;
}
.sec1 .tab-controls .line{
	width: 1px;
	height: 0.5em;
	display: inline-block;
	vertical-align: middle;
	background-color: #e5e5e5;
	margin: 0 1.125em;
}
.sec1 .tab-content ul{
	margin: 7.1% 0 7.7%;/*102 0 111*/
}
.sec1 .tab-content .content{
	display: none;
}
.sec1 .tab-content .content.active{
	display: block;
}
.sec1 .tab-content li{
	border-bottom: 1px solid #eaeaea;
}
.sec1 .tab-content ul{
	border-top: 1px solid #eaeaea;
}
.sec1 .flex-box{
	-webkit-display: flex;
	-webkit-align-items: center;
	-webkit-justify-content: space-between;
	-webkit-flex-direction: row;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: row;
	font-size: 1.125em;
	height: 4em;
	padding-left: 1.5em;
	padding-right: 1.9em;
}
.sec1 .flex-box p{
	color: #333;
	font-size: inherit;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-right: 13em;
}
.sec1 .flex-box p br{
	display: none;
}
.sec1 .flex-box .relative-box{
	position: relative;
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
}
.sec1 .flex-box .time{
	color: #666;	
	font-size: inherit;
}
.sec1 .flex-box .btn-box{
	position: absolute;
	right: 10em;
	top: 50%;
	margin-top: -0.5em;
	display: none;
	white-space: nowrap;
}
.sec1 li:hover .flex-box .btn-box{
	display: block;
}
.sec1 .flex-box .btn-box a{
	font-size: inherit;
	color: #0c67ba;
	margin-right: 1.9em;
}
.sec1 .flex-box .btn-box a:last-child{
	margin-right: 0;
}
.sec1 .flex-box .btn-box a span{
	vertical-align: middle;
}
.sec1 .flex-box .btn-box a img{
	vertical-align: middle;
	width: auto;
	height: 1em;
	margin-right: 0.5em;
}

@media only screen and (min-width:1024px){

	.sec1 .tab-controls a:hover{
		color: #0c67ba;
	}
}
@media only screen and (max-width:1366px){
	.sec1{
		font-size: 14px;
	}

}
@media only screen and (max-width:1024px){
	.sec1{
		padding: 8% 0 12%;/*148 0 193*/
		font-size: 0.625rem;
	}
	.sec1 .flex-box{
		padding-left: 1em;
		padding-right: 1em;
	}
	.sec1 li:hover .flex-box{
		height: 6em;
	}
	.sec1 .flex-box p{
		margin-right: 2em;
	}
	.sec1 li:hover .flex-box p{
		line-height: 2;
	}
	.sec1 li:hover .flex-box p br{
		display: inline-block;
	}
	.sec1 .flex-box .time{
		text-align: right;
	}
	.sec1 .flex-box .btn-box{
		position: static;
		margin-top: 1em;
	}
	.sec1 .flex-box .btn-box a{
		margin-right: 1em;
	}
}