@charset "utf-8";
.section{
	height:auto;
	overflow:hidden;
	display:block;
	margin:auto;
	background-repeat: no-repeat;
	background-size: cover;
}
.tb{
	height:auto;
	overflow:hidden;
	display:block;
	margin:auto;
	max-width: var(--max_width);
	margin-top: 40px;
	margin-bottom: 40px;
}
@media (max-width:767px){
	.tb{
		margin-top: unset;
		margin-bottom: unset;
		padding:20px
	}
}
.thead{
	display: flex;
	display: -webkit-flex;
	column-gap: 10px;
	align-items: baseline;
	width: auto;
	height: auto;
	overflow: hidden;
}
@media (max-width:767px){
	.thead{display: block;}
}
.title{
	font-size: 1.5rem;
	height:auto;
	overflow:hidden;
	display:block;
	font-weight: 600;
}
.miaoshu{
	height:auto;
	overflow:hidden;
	display:block;
	color: #999;
	width: auto;
}
.tbody{
	overflow:hidden;
	display:block;
	width: auto;
	height: auto;
}
.plugins_list{
	display: grid;
	grid-template-columns: auto auto auto auto;
	width: auto;
	height: auto;
	overflow: hidden;
}
.youshi_list{
	display: grid;
	width: auto;
	height: auto;
	grid-template-columns: auto auto auto;
	overflow: hidden;
	column-gap: 30px;
	row-gap: 20px;
}
@media (max-width:767px){
	.youshi_list{
		grid-template-columns: auto;
	}
}
.youshi_tb{
	display: grid;
	grid-template-columns: auto 20%;
	column-gap: 20px;
	padding: 30px;
	width:auto;
	height:auto;
	background-color:#f93e3e;
	overflow: hidden;
}
.youshi_tb:nth-child(even){
	background-color:#4865a7;
}

.youshi_tb{
	width:auto;
	height:auto;
	margin:auto;
	display:grid;
	grid-template-columns:auto auto;
	column-gap:20px;
	justify-content:space-between;
	align-items:center;
	overflow:hidden;
	
	padding:20px;
	color:#fff;
}
@media (max-width:767px){.youshi_tb{margin:10px;}}
.youshi_name{
	display:block;
	overflow:hidden;
	margin:auto;
	width:auto;
	height:auto;
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	line-height:1.5;
}
.youshi_auth{
	display:block;
	overflow:hidden;
	margin:auto;
	width:auto;
	height:auto;
	font-size:14px;
	white-space:nowrap;
}
.youshi_pic{
	display:block;
	overflow:hidden;
	width:70px;
	height:auto;
}
.youshi_miaoshu{
	font-size:12px;
	width:auto;
	height:auto;
	margin:auto;
	display:block;
	overflow:hidden;
	line-height:1.5;
	margin-top:40px;
}

/*洗墙灯*/
#quandi_product{
	width:auto;
	height:auto;
	overflow:hidden;
	display:block;
	margin:auto;
	max-width:var(--max_width);
}
.product_thead{
	color:#fff;
	display: block;
}

.product_list{
	width:auto;
	height:auto;
	overflow:hidden;
	display:flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	column-gap:20px;
	row-gap:20px;
	margin:auto;
	margin-top:40px;
}
@media (max-width:480px){#quandi_product_tbody{grid-template-columns:calc(50% - (20px/2)) calc(50% - (20px/2));}}
@media (max-width:280px){#quandi_product_tbody{grid-template-columns:auto;}}
.product_tb{
	width:80px;
	height:80px;
	padding:20px;
	margin-bottom:10px;
	overflow:hidden;
	display:flex;
	display:-webkit-flex;
	justify-content:center;
	align-items:center;
	text-align:center;
	position:relative;
	background-color:#363578;
	clip-path:polygon(45% 1.33975%, 46.5798% 0.60307%, 48.26352% 0.15192%, 50% 0%, 51.73648% 0.15192%, 53.4202% 0.60307%, 55% 1.33975%, 89.64102% 21.33975%, 91.06889% 22.33956%, 92.30146% 23.57212%, 93.30127% 25%, 94.03794% 26.5798%, 94.48909% 28.26352%, 94.64102% 30%, 94.64102% 70%, 94.48909% 71.73648%, 94.03794% 73.4202%, 93.30127% 75%, 92.30146% 76.42788%, 91.06889% 77.66044%, 89.64102% 78.66025%, 55% 98.66025%, 53.4202% 99.39693%, 51.73648% 99.84808%, 50% 100%, 48.26352% 99.84808%, 46.5798% 99.39693%, 45% 98.66025%, 10.35898% 78.66025%, 8.93111% 77.66044%, 7.69854% 76.42788%, 6.69873% 75%, 5.96206% 73.4202%, 5.51091% 71.73648%, 5.35898% 70%, 5.35898% 30%, 5.51091% 28.26352%, 5.96206% 26.5798%, 6.69873% 25%, 7.69854% 23.57212%, 8.93111% 22.33956%, 10.35898% 21.33975%);
}
.product_tb:hover{
	background-color:#f93e3e;
}
.product_name{
	width:auto;
	height:auto;
	overflow:hidden;
	margin:auto;
	display:block;
	text-align:center;
	font-size:1rem;
	padding:10px;
	color:#fff;
}

.product_pic{
	width:auto;
	height:auto;
	max-width:100%;
	max-height:100%;
	overflow:hidden;
	margin:auto;
}


.new_list{
	width:auto;
	height:auto;
	overflow:hidden;
	display:flex;
	display: -webkit-flex;
	column-gap:20px;
	row-gap:20px;
	margin:auto;
	margin-top:20px;
}

a.new_tb{
	width:calc(25% - 60px/4);
	height:auto;
	overflow:hidden;
	display:block;
	text-align:center;
}
.new_pic{
	width:auto;
	height:auto;
	overflow:hidden;
	margin:auto;
	display:block;
	position:relative;
	background-size:cover;
	padding-bottom:75%;
	background-color: #eee;
}
.new_name{
	width:auto;
	height:auto;
	overflow:hidden;
	margin:auto;
	display:block;
	font-size:1.2rem;
}
.new_miaoshu{
	width:auto;
	height:auto;
	overflow:hidden;
	margin:auto;
	display:block;
	color:#888;
}

/*投光灯*/
#quandi_case{
	width:auto;
	height:auto;
	overflow:hidden;
	display:block;
	margin:auto;
	padding-top:40px;
	padding-bottom:40px;	
	max-width:var(--max_width);	
}
#quandi_case *{
	width:auto;
	height:auto;
	overflow:hidden;
	margin:auto;
	display:block;
	max-width:100%;

}

.about{
	width:auto;
	max-width:var(--max_width);
	height:auto;
	overflow:hidden;
	margin:auto;
	display:grid;
	grid-template-columns:55% auto;
	margin:auto;
	margin-top:40px;
	margin-bottom:40px;
}
@media (max-width:767px){.about{grid-template-columns:auto;margin:auto;padding:10px;}}

.about_left{
	display:block;
	overflow:hidden;
	width:auto;
	height:auto;
	background-color:#f5f5f5;
	padding:30px;
	font-size: 1.1rem;
}
.about_pic{
	display:block;
	overflow:hidden;
	width:100%;
	height:100%;
	object-fit: cover;
}

.plugins_list{
	display:grid;
	grid-template-columns:calc(25% - (60px/4)) calc(25% - (60px/4)) calc(35% - (60px/4)) calc(15% - (60px/4));
	column-gap:20px;
	row-gap:20px;
	overflow:hidden;
	margin:auto;
	width:auto;
	height:auto;
	max-width:var(--max_width);
	margin-top:20px;
	margin-bottom:20px;
}
@media (max-width:767px){
	.plugins_list{
		grid-template-columns:calc(50% - (20px/2)) calc(50% - (20px/2));
		padding:10px;
	}
}
@media (max-width:480px){
	.plugins_list{
		grid-template-columns:auto;
	}
}
.plugins_list{

}
.plugins_tb{
	display:block;
	overflow:hidden;
	width:auto;
	height:auto;
	box-sizing:border-box;
	border:1px solid #ddd;
	padding:20px;
}
.plugins_name{
	display:block;
	overflow:hidden;
	margin:auto;
	width:auto;
	height:auto;
	font-size:14px;
	font-weight:bold;
	line-height:20px;
	padding-bottom:20px;
	border-bottom:1px solid #ddd;
}

.plugins_content{
	display:block;
	overflow:hidden;
	margin:auto;
	width:auto;
	height:auto;
	margin-top:20px;
}
a.bt,.bt{
	display:inline-block;
	overflow:hidden;
	margin:auto;
	width:82px;
	height:40px;
	line-height:40px;
	background-color:#222;
	color:#fff;
	text-align:center;
	vertical-align:middle;
	border:none;
}
a.bt:hover,.bt:hover{
	background-color:#f93e3e;
}
.area{
	display:block;
	overflow:hidden;
	margin:auto;
	width:100%;
	height:100px;
}
.txt{
	display:block;
	overflow:hidden;
	margin:auto;
	width:100%;
	height:40px;
}
.txta{
	display:inline-block;
	overflow:hidden;
	margin:auto;
	width:60px;
	height:40px;
	vertical-align:middle;
}
.grid{
	display:grid;
	grid-template-columns:60px auto;
	row-gap:10px;
	column-gap:10px;
	overflow:hidden;
	margin:auto;
	width:auto;
}
.notice{
	color:#f00;
	font-weight:normal;
	font-size:12px;
}