.flexA {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

.flexB {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.home-content {
	position: relative;
}

.flex-content {
	position: absolute;
	top: 40%;
	left: 20%;
	width: 30rem;
	height: 9.375rem;
	color: #fff;
}

.flex-content p {
	font-size: 18px;
	margin-top: 20px;
}

.solve-flex ul.nav-tabs li.active a,
.solve-flex ul.nav-tabs li.active a:hover {
	color: #fff;
	background: #0088cc;
}

.solve-flex .nav-tabs {
	border: none;
}

/* */
.displaySystem,
.music,
.lighting {
	padding: 40px 0;
}

.music {
	background: #F5F5F5;
}

.displaySystem .title,
.music .title,
.lighting .title {
	font-weight: bold;
	font-size: 30px;
	padding: 1.25rem;
	text-align: center;
}

.displaySystem .title-note {
	line-height: 1.875rem;
}

/* 显示系统 */
.displaySystem .show-img {
	position: relative;
	overflow: hidden;
	border-radius: 14px;
}

.displaySystem .show-img img {
	width: 100%;
}

.displaySystem .show-img span {
	width: 100%;
	position: absolute;
	bottom: 10%;
	left: 0;
	color: #fff;
	text-align: center;
}

.displaySystem .show-img span .showtitle {
	font-weight: bold;
	font-size: 30px;
}

.displaySystem .show-img span p:last-child {
	font-size: 18px;
}

.displaySystem .show-img .show-note {
	width: 100%;
	height: 100%;
	padding: 10%;
	color: #fff;
	position: absolute;
	background: linear-gradient(107deg, #6969ea 0%, #2633c7 113.32%);
	top: 0;
	left: -100%;

	border-radius: 12px;
	transition: all 0.5s ease;
}

/* .displaySystem .displaySystem-listOne .show-note{
	
} */
.displaySystem .show-img:hover .show-note {
	left: 0;
	transition: all 0.5s ease;
}

/* .displaySystem .show-img .show-note p:first-child{
	margin-top: 30%;
} */
/* 精品录播 */
.music-list {
	width: 46%;
}

/* .music-list:first-child{
	border-right: 2px solid #333;
} */

.music-list img {
	width: 20%;
	display: block;
	margin: 0 auto;
}

.music-list .music-title {
	text-align: center;
	padding: 6%;
	font-size: 20px;
	font-weight: bold;
}

.music .music-item {
	background: #fff;
	padding: 2%;
}

.xian {
	height: 100%;
	width: 2px;
	background: #333;
}

/* 平台 */
.lighting .lighting-row-list1 {
	font-size: 24px;
	font-weight: bold;
	margin-top: 6%;
	text-align: right;
	border-right: 10px solid #fff;
	padding-right: 20px;
}

.lighting-itemB .lighting-row-list1 {
	border: 0;
	padding: 0;
	border-left: 10px solid #fff;
	padding-left: 20px;
	text-align: left;
}

.lighting .lighting-row-list2 {
	font-size: 18px;
	font-weight: bold;
	margin-top: 2%;
}

.lighting .lighting-item {
	color: #fff;
}

.lighting .lighting-item .lighting-list1 {
	width: 40%;
	position: relative;
}

.lighting .lighting-item .lighting-list1 p {
	width: 90%;
	line-height: 30px;
	position: absolute;
	bottom: 10%;
	left: 50%;
	margin-left: -45%;
}

.lighting .lighting-item .lighting-list2 {
	padding: 0 3%;
	background: #232737;
	width: 60%;
}

.lighting-itemB {
	margin-top: 4%;
}

.pc-block {
	display: block;
}

.pc-none {
	display: none;
}

@media (max-width:750px) {

	.solve .solve-flex .nav-list {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
	}

	.solve .solve-flex>div {
		width: 100%;
	}

	.solve .solve-flex .nav-list li {
		width: 50%;
		margin: 4px 0;
	}

	.navbar {
		margin-left: 16px;
	}

	.music-list {
		width: 100%;
	}

	.music-list:first-child {
		margin-bottom: 4%;
	}

	.lighting .lighting-item .lighting-list1,
	.lighting .lighting-item .lighting-list2 {
		width: 100%;
	}

	.music-list img {
		width: 30%;
	}

	.displaySystem-list {
		margin-bottom: 4%;
	}

	.displaySystem .displaySystem-list .show-note {
		padding: 2%;
	}

	.displaySystem .displaySystem-listOne .show-note p {
		/* margin-bottom: 0; */
		font-size: 14px;
	}

	.pc-block {
		display: none;
	}

	.pc-none {
		display: block;
	}

}