.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 .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%;
	}
	.pc-block{
		display: none;
	}
	.pc-none{
		display: block;
	}

}