.data-center {
	padding-bottom: 60px;
	background: #efeff0;
}

.data-center .sx-box {
	background: #0078be;
	color: #fff;
	padding: 25px 0 15px 0;
	margin-bottom: 55px;
}

.data-center .sx-box .sx-type-box {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}

.data-center .sx-box .sx-type-box .bt {
	font-size: 16px;
	line-height: 34px;
	font-weight: bold;
}

.data-center .sx-box .sx-type-box .bt:after {
	content: "|";
	padding: 0 15px;
	font-weight: normal;
	position: relative;
	top: -1px;
}

.data-center .sx-box .sx-type-box .bc {
	flex: 1;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	margin-bottom: 10px;
}

	.data-center .sx-box .sx-type-box .sx-item {
		display: inline-block;
		padding: 0 10px;
		font-size: 16px;
		line-height: 34px;
		border-radius: 17px;
		color: #fff;
		margin-right: 10px;
		cursor: pointer;
	}

	.data-center .sx-box .sx-type-box .sx-item .sx-item-input {
		display:none;
	}
.data-center .sx-box .sx-type-box .sx-item.on,
.data-center .sx-box .sx-type-box .sx-item:hover {
	color: #0078be;
	background: #fff;
}

.data-center .list-item{
	margin-bottom: 55px;
}

.data-center .list-item .bt{
	font-size: 24px;
	line-height: 1;
	font-weight: bold;
	margin-bottom: 30px;
}

.data-center .list-item .bc{
	
}

.data-center .list-item .info{
	color: #666;
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 40px;
}

.data-center .detail-list{
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
}

.data-center .detail-list .detail-item{
	display: block;
	width: 33%;
	max-width: 323px;
	margin-bottom: 15px;
}

.data-center .detail-list .detail-item .img-box{
	position: relative;
	width: 100%;
	height: 202px;
}

	.data-center .detail-list .detail-item .img-box img {
		position: relative;
		z-index: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		cursor: pointer;
	}

.data-center .detail-list .detail-item .fl{
	position: absolute;
	left: 15px;
	top:10px;
	z-index: 1;
	padding: 0 10px;
	color:#fff;
	font-size: 14px;
	line-height: 26px;
	background: #be0004;
	border-radius: 13px;
}

.data-center .detail-list .detail-item .text-box{
	height: calc(100% - 202px);
	padding: 25px 15px 35px 15px;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-direction: column;
}

.data-center .detail-list .detail-item .title{
	color: #fff;
	font-size: 18px;
	line-height: 1.4;
	font-weight: bold;
	margin-bottom: 10px;
}

.data-center .detail-list .detail-item .memo{
	color: #fff;
	font-size: 14px;
	line-height: 24px;
	min-height: 96px;
}

.data-center .detail-list .detail-item .download{
	display: flex;
	justify-items: flex-start;
	align-items: center;
}

.data-center .detail-list .detail-item .download .icon{
	position: relative;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 15px;
}

.data-center .detail-list .detail-item .download .icon img{
	margin-left: -30px;
	filter: drop-shadow(15px 0 0 #fff);
}

.data-center .detail-list .detail-item .download .wenzi{
	color: #fff;
	font-size: 14px;
	line-height: 1;
	padding-left: 10px;
}

.data-center .list-item.theme-blue .bt{
	color: #1982cb;
}

.data-center .list-item.theme-blue .text-box{
	background: #1982cb;
}

.data-center .list-item.theme-blue .detail-list .detail-item:hover .download .icon img{
	filter: drop-shadow(15px 0 0 #28dafa);
}

.data-center .list-item.theme-blue .detail-list .detail-item:hover .download .wenzi{
	color: #28dafa;
}

.data-center .list-item.theme-green .bt{
	color: #00a68e;
}

.data-center .list-item.theme-green .text-box{
	background: #00a68e;
}

.data-center .list-item.theme-green .detail-list .detail-item:hover .download .icon img{
	filter: drop-shadow(15px 0 0 #28fa77);
}

.data-center .list-item.theme-green .detail-list .detail-item:hover .download .wenzi{
	color: #28fa77;
}

.data-center .list-item.theme-yellow .bt{
	color: #be8b00;
}

.data-center .list-item.theme-yellow .text-box{
	background: #be8b00;
}

.data-center .list-item.theme-yellow .detail-list .detail-item:hover .download .icon img{
	filter: drop-shadow(15px 0 0 #fadf28);
}

.data-center .list-item.theme-yellow .detail-list .detail-item:hover .download .wenzi{
	color: #fadf28;
}

.data-center .list-item.theme-darkblue .bt{
	color: #1f6a9e;
}

.data-center .list-item.theme-darkblue .text-box{
	background: #1f6a9e;
}

.data-center .list-item.theme-darkblue .detail-list .detail-item:hover .download .icon img{
	filter: drop-shadow(15px 0 0 #28e9fa);
}

.data-center .list-item.theme-darkblue .detail-list .detail-item:hover .download .wenzi{
	color: #28e9fa;
}