@charset "utf-8";
@import url(/q/temp/cn/css/quandi.css);
@media screen and (min-width:480px)
{
	/*选择我们的理由*/
	#quandi_youshi{
		width:1200px;
		height:auto;
		overflow:hidden;
		display:block;
		margin:auto;
		background-position:center;
		background-repeat:no-repeat;
		background-size:100% 100%;
	}
	.quandi_youshi_thead{
		width:auto;
		height:auto;
		overflow:hidden;
		display:block;
		margin:auto;
		font-size:20px;
		text-align:center;
		padding-top:40px;
		
	}
	.quandi_youshi_tbody{
		width:auto;
		height:auto;
		overflow:hidden;
		display:block;
		margin:auto;
		text-align:center;
	}
	.quandi_youshi_thead>span{
		width:auto;
		height:auto;
		overflow:hidden;
		display:block;
		margin:auto;
		font-size:14px;
		text-align:center;
		padding:40px;
	}
	.youshi_item{
		display:block;
		float:left;
		width:20%;
		float:left;
		overflow:visible;
		margin:auto;
		text-align:center;
		position:relative;
		cursor:pointer;
		padding-bottom:20px;
	}
	.youshi_tb{
		font-size:14px;
		background-color:#2f3188;
		text-align:center;
		width:auto;
		height:240px;
		margin:auto;
		display:block;
		overflow:hidden;
		margin:20px;
		position:relative;
		box-shadow:0px 10px 10px 0px #aaa;
	}
	.youshi_name{
		display:block;
		overflow:hidden;
		margin:auto;
		width:auto;
		height:auto;
		padding:10px;
		font-weight:bold;
		text-align:center;
		color:#fff;
		border-bottom:1px dotted #eee;
	}
	.youshi_pic{
		display:block;
		overflow:hidden;
		margin:auto;
		width:100px;
		height:100px;
		margin-top:10px;
		margin-bottom:10px;
		border-radius:50%;
	}
	.youshi_miaoshu{
		font-size:12px;
		text-align:center;
		color:#fff;
		width:auto;
		height:60px;
		padding:10px;
		margin:auto;
		display:block;
		overflow:hidden;
		position:absolute;
		bottom:0px;
		transition:all 0.4s;
		left:0px;
		right:0px;
	}
	.youshi_item:hover .youshi_miaoshu{
		overflow:hidden;
		transition:all 0.4s;
		background-color:#4a88cd;
	}
	/*洗墙灯*/
	#quandi_product{
		width:auto;
		height:auto;
		overflow:hidden;
		display:block;
		margin:auto;
		background-color:#333;
		background-position:center;
		background-repeat:no-repeat;
		background-size:100% 100%;
		margin-top:20px;
		box-shadow:0px 5px 10px 0px #ccc;
	}
	#quandi_product_thead{
		width:1200px;
		height:auto;
		overflow:hidden;
		display:block;
		margin:auto;
		font-size:20px;
		color:#eee;
		text-align:center;
		padding-top:20px;
		
	}
	#quandi_product_thead>span{
		width:auto;
		height:auto;
		overflow:hidden;
		display:block;
		margin:auto;
		font-size:14px;
		text-align:center;
		padding:20px;
		color:#ddd;
		
	}
	#quandi_product_tbody{
		width:1200px;
		height:auto;
		overflow:hidden;
		display:block;
		margin:auto;
		
	}
	
	.product_item{
		width:25%;
		height:auto;
		overflow:hidden;
		margin:auto;
		display:block;
		margin:auto;
		float:left;
		
	}
	.product_tb{
		width:auto;
		height:auto;
		overflow:hidden;
		margin:auto;
		display:block;
		margin:auto;
		margin:10px;
		background-color:#fff;
		text-align:center;
	}
	.product_pic{
		width:auto;
		height:280px;
		overflow:hidden;
		margin:auto;
		display:block;
		margin:auto;
		background-size:100% auto;
		background-repeat:no-repeat;
		background-position:center;
		background-color:#fff;
		transition:all 0.4s;
	}
	.product_pic:hover{
		transition:all 0.4s;
		background-size:120% auto;
	}
	a.product_more{
		width:auto;
		height:auto;
		overflow:hidden;
		margin:auto;
		display:block;
		margin:auto;
		text-align:center;
		font-size:14px;
		width:100px;
		height:40px;
		line-height:40px;
		border:1px solid #ccc;
		margin-top:20px;
		margin-bottom:20px;
		transition:all 0.4s;
	}
	a.product_more:hover{
		transition:all 0.4s;
		background-color:#333;
		color:#fff;
		border:1px solid transparent;
		width:120px;
	}
	
	/*泛光灯*/
	#quandi_new{
		width:auto;
		height:auto;
		overflow:hidden;
		display:block;
		margin:auto;
		background-position:center;
		background-repeat:no-repeat;
		background-size:100% 100%;
		background-color:#fff;
		
	}
	#quandi_new_thead{
		width:1200px;
		height:auto;
		overflow:hidden;
		display:block;
		margin:auto;
		font-size:20px;
		text-align:center;
		padding-top:20px;
	}
	#quandi_new_tbody{
		width:1200px;
		height:auto;
		overflow:hidden;
		display:block;
		margin:auto;
		
	}
	#quandi_new_thead>span{
		width:auto;
		height:auto;
		overflow:hidden;
		display:block;
		margin:auto;
		font-size:14px;
		text-align:center;
		padding:20px;
	}
	.new_item{
		width:25%;
		height:auto;
		overflow:hidden;
		margin:auto;
		display:block;
		margin:auto;
		float:left;
		text-align:center;
		
	}
	.new_tb{
		width:auto;
		height:auto;
		overflow:hidden;
		margin:10px;
		display:block;
		background-color:#fff;
		box-shadow:0px 0px 8px 0px #ccc;
		padding-bottom:20px;
		transition:all 0.4s;
		position:relative;
	}
	.new_tb:hover{
		transition:all 0.4s;
		box-shadow:0px 0px 20px 0px #ccc;
	}
	.new_tb:hover .new_pic{
		transition:all 0.4s;
		background-size:120% auto;
	}
	.new_tb:hover a.new_more{
		width:100%;
		height:100%;
		transition:all 0.4s;
	}
	.new_tb:hover .new_more_div{
		transition:all 0.4s;
		transform:scale(1,1);
	}
	
	.new_pic{
		width:auto;
		height:250px;
		overflow:hidden;
		margin:auto;
		display:block;
		margin:10px;
		background-position:center;
		background-repeat:no-repeat;
		background-size:100% auto;
		transition:all 0.4s;
	}
	.new_name{
		width:auto;
		height:auto;
		overflow:hidden;
		margin:auto;
		display:block;
		margin:auto;
		text-align:center;
		font-size:14px;
		padding:10px;
	}
	a.new_more{
		width:0px;
		height:0px;
		overflow:hidden;
		vertical-align:middle;
		display:block;
		transition:all 0.4s;
		background-color:rgba(0,0,0,0.5);
		position:absolute;
		left:0px;
		right:0px;
		top:0px;
		bottom:0px;
		margin:auto;
		text-align:center;
		line-height:350px;
		color:#fff;
	}
	.new_more_div{
		display:block;
		overflow:hidden;
		margin:auto;
		position:absolute;
		left:0px;
		right:0px;
		bottom:0px;
		top:0px;
		border:1px solid #fff;
		text-align:center;
		padding:5px;
		width:100px;
		height:30px;
		line-height:30px;
		color:#fff;
		transform:scale(0,0);
		transition:all 0.4s;
	}
	/*投光灯*/
	#quandi_case{
		width:auto;
		height:auto;
		overflow:hidden;
		display:block;
		margin:auto;
		background-position:center;
		background-repeat:no-repeat;
		background-size:100% 100%;
	}
	#quandi_case_thead{
		width:1200px;
		height:auto;
		overflow:hidden;
		display:block;
		margin:auto;
		font-size:30px;
		text-align:center;
		padding-top:40px;
	}
	#quandi_case_tbody{
		width:1200px;
		height:auto;
		overflow:hidden;
		display:block;
		margin:auto;
		
	}
	#quandi_case_thead>span{
		width:auto;
		height:auto;
		overflow:hidden;
		display:block;
		margin:auto;
		font-size:14px;
		text-align:center;
		padding:40px;
	}
	#case_left{
		width:400px;
		height:500px;
		overflow:hidden;
		float:left;
		display:block;
		margin:auto;
	}
	#case_right{
		width:800px;
		height:500px;
		overflow:hidden;
		float:right;
		display:block;
		margin:auto;
	}
	.case_item{
		width:50%;
		height:50%;
		overflow:hidden;
		float:left;
		display:block;
		margin:auto;
	}
	a.case_pic{
		width:100%;
		height:100%;
		overflow:hidden;
		margin:auto;
		display:block;
		margin:auto;
		background-position:center;
		background-repeat:no-repeat;
		background-size:100% 100%;
		transition:all 0.4s;
	}
	
	
	.quandi_about_news{
		width:1200px;
		height:auto;
		overflow:hidden;
		margin:auto;
		display:block;
		margin:auto;
		padding-top:20px;
		padding-bottom:20px;
	}
	/*关于我们*/
	#quandi_about{
		display:block;
		overflow:hidden;
		margin:auto;
		width:auto;
		height:auto;
		display:block;
		overflow:hidden;
		margin:auto;
		width:500px;
		height:auto;
		float:left;
	}
	#quandi_about_thead{
		display:block;
		overflow:hidden;
		margin:auto;
		width:auto;
		height:auto;
		padding-bottom:20px;
		font-size:22px;
		font-weight:bold;
		line-height:40px;
	}
	#quandi_about_tbody{
		display:block;
		overflow:hidden;
		margin:auto;
		width:auto;
		height:auto;
		
	}
	
	/*新闻*/
	#quandi_news{
		display:block;
		overflow:hidden;
		margin:auto;
		width:680px;
		height:auto;
		float:right;
	}
	#quandi_news_thead{
		display:block;
		overflow:hidden;
		margin:auto;
		width:auto;
		height:auto;
		padding-bottom:20px;
		font-size:22px;
		font-weight:bold;
		line-height:40px;
	}
	#quandi_news_tbody{
		display:block;
		overflow:hidden;
		margin:auto;
		width:auto;
		height:auto;
	}
	.news_item{
		width:auto;
		height:auto;
		overflow:hidden;
		margin:auto;
		border-bottom:1px dashed #ddd;
	}
	.news_date{
		width:60px;
		height:50px;
		background-color:;
		display:block;
		overflow:hidden;
		background-color:#2f3188;
		font-family:Arial, Helvetica, sans-serif;
		color:#fff;
		text-align:center;
		font-size:12px;
		margin:10px;
		margin-top:0px;
		margin-left:0px;
		padding-top:10px;
	}
	.news_date_span{
		font-size:20px;
		text-align:center;
		margin:auto;
		display:block;
		overflow:hidden;
	}
	a.news_a{
		display:block;
		overflow:hidden;
		width:auto;
		height:auto;
		margin:auto;
		text-align:left;
		font-size:14px;
		line-height:22px;
		font-weight:bold;
	}
	.news_miaoshu{
		display:block;
		overflow:hidden;
		width:auto;
		height:auto;
		margin:auto;
		font-size:12px;
		color:#666;
		text-align:left;
	}
	
	#quandi_tel{
		display:block;
		overflow:hidden;
		width:auto;
		height:auto;
		margin:auto;
	}
	#quandi_tel_tbody{
		display:block;
		overflow:hidden;
		width:1200px;
		height:auto;
		margin:auto;
		font-size:22px;
		font-weight:bold;
		text-align:center;
		padding-top:20px;
		padding-bottom:20px;
	}
}
@media screen and (max-width:480px)
{
	/*选择我们的理由*/
	#quandi_youshi{
		width:auto;
		height:auto;
		overflow:hidden;
		display:block;
		margin:auto;
		background-position:center;
		background-repeat:no-repeat;
		background-size:100% 100%;
	}
	#quandi_youshi_thead{
		width:auto;
		height:auto;
		overflow:hidden;
		display:block;
		margin:auto;
		font-size:20px;
		text-align:center;
		padding-top:20px;
		max-height:100%;
	}
	#quandi_youshi_tbody{
		width:auto;
		height:auto;
		overflow:hidden;
		display:block;
		margin:auto;
		text-align:center;
	}
	#quandi_youshi_thead>span{
		width:auto;
		height:auto;
		overflow:hidden;
		display:block;
		margin:auto;
		text-align:center;
		padding:20px;
		font-size:14px;
	}
	.youshi_item{
		display:block;
		width:20%;
		float:left;
		overflow:hidden;
		margin:auto;
		text-align:center;
		position:relative;
		cursor:pointer;
		padding-bottom:20px;
	}
	.youshi_tb{
		font-size:14px;
		background-color:#2f3188;
		text-align:center;
		width:auto;
		height:120px;
		margin:auto;
		display:block;
		overflow:hidden;
		margin:2px;
		position:relative;
	}
	.youshi_name{
		display:block;
		overflow:hidden;
		margin:auto;
		width:auto;
		height:auto;
		padding:2px;
		font-weight:bold;
		text-align:center;
		color:#fff;
		white-space:nowrap;
	}
	.youshi_pic{
		display:block;
		overflow:hidden;
		margin:auto;
		width:60px;
		height:60px;
		margin-top:10px;
		margin-bottom:10px;
		border-radius:50%;
	}
	.youshi_miaoshu{
		font-size:12px;
		text-align:center;
		color:#fff;
		width:auto;
		height:60px;
		padding:10px;
		margin:auto;
		display:none;
		overflow:hidden;
		position:absolute;
		bottom:0px;
		transition:all 0.4s;
		left:0px;
		right:0px;
	}
	.youshi_item:hover .youshi_miaoshu{
		overflow:hidden;
		transition:all 0.4s;
		background-color:#4a88cd;
	}
	/*洗墙灯*/
	#quandi_product{
		width:auto;
		height:auto;
		overflow:hidden;
		display:block;
		margin:auto;
		background-color:#333;
		background-position:center;
		background-repeat:no-repeat;
		background-size:100% 100%;
		margin-top:20px;
		
	}
	#quandi_product_thead{
		width:auto;
		height:auto;
		overflow:hidden;
		display:block;
		margin:auto;
		font-size:20px;
		color:#eee;
		text-align:center;
		padding-top:40px;
		max-height:100%;
	}
	#quandi_product_thead>span{
		width:auto;
		height:auto;
		overflow:hidden;
		display:block;
		margin:auto;
		text-align:center;
		padding:20px;
		font-size:12px;
		line-height:18px;
		max-height:100%;
	}
	#quandi_product_tbody{
		width:auto;
		height:auto;
		overflow:hidden;
		display:block;
		margin:auto;
		
	}
	
	.product_item{
		width:50%;
		height:auto;
		overflow:hidden;
		margin:auto;
		display:block;
		margin:auto;
		float:left;
		
	}
	.product_tb{
		width:auto;
		height:auto;
		overflow:hidden;
		margin:auto;
		display:block;
		margin:auto;
		margin:10px;
		background-color:#fff;
		text-align:center;
	}
	.product_pic{
		width:auto;
		height:180px;
		overflow:hidden;
		margin:auto;
		display:block;
		margin:auto;
		background-size:100% auto;
		background-repeat:no-repeat;
		background-position:center;
		background-color:#fff;
		transition:all 0.4s;
	}
	.product_pic:hover{
		transition:all 0.4s;
		background-size:120% auto;
	}
	a.product_more{
		width:auto;
		height:auto;
		overflow:hidden;
		margin:auto;
		display:block;
		margin:auto;
		text-align:center;
		font-size:14px;
		width:100px;
		height:40px;
		line-height:40px;
		border:1px solid #ccc;
		margin-top:20px;
		margin-bottom:20px;
		transition:all 0.4s;
	}
	a.product_more:hover{
		transition:all 0.4s;
		background-color:#333;
		color:#fff;
		border:1px solid transparent;
		width:120px;
	}
	
	/*泛光灯*/
	#quandi_new{
		width:auto;
		height:auto;
		overflow:hidden;
		display:block;
		margin:auto;
		background-position:center;
		background-repeat:no-repeat;
		background-size:100% 100%;
		background-color:#fff;
		
	}
	#quandi_new_thead{
		width:auto;
		height:auto;
		overflow:hidden;
		display:block;
		margin:auto;
		font-size:20px;
		text-align:center;
		padding-top:20px;
		padding-bottom:20px;
		max-height:100%;
	}
	#quandi_new_tbody{
		width:auto;
		height:auto;
		overflow:hidden;
		display:block;
		margin:auto;
		
	}
	#quandi_new_thead>span{
		width:auto;
		height:auto;
		overflow:hidden;
		display:block;
		margin:auto;
		text-align:center;
		padding:20px;
		font-size:12px;
		line-height:18px;
		max-height:100%
	}
	.new_item{
		width:50%;
		height:auto;
		overflow:hidden;
		margin:auto;
		display:block;
		margin:auto;
		float:left;
		text-align:center;
		
	}
	.new_tb{
		width:auto;
		height:220px;
		overflow:hidden;
		margin:10px;
		display:block;
		background-color:#fff;
		box-shadow:0px 0px 8px 0px #ccc;
		padding-bottom:20px;
		transition:all 0.4s;
		position:relative;
	}
	.new_tb:hover{
		transition:all 0.4s;
		box-shadow:0px 0px 20px 0px #ccc;
	}
	.new_tb:hover .new_pic{
		transition:all 0.4s;
		background-size:120% auto;
	}
	.new_tb:hover a.new_more{
		width:100%;
		height:100%;
		transition:all 0.4s;
	}
	.new_pic{
		width:auto;
		height:200px;
		overflow:hidden;
		margin:auto;
		display:block;
		margin:auto;
		margin-bottom:10px;
		background-position:center;
		background-repeat:no-repeat;
		background-size:100% auto ;
		transition:all 0.4s;
	}
	.new_pic:hover{
		background-size:120% auto ;
		transition:all 0.4s;
	}
	.new_name{
		width:auto;
		height:auto;
		overflow:hidden;
		margin:auto;
		display:block;
		margin:auto;
		text-align:center;
		font-size:14px;
		padding:10px;
	}
	a.new_more{
		width:0px;
		height:0px;
		overflow:hidden;
		vertical-align:middle;
		display:block;
		transition:all 0.4s;
		background-color:rgba(0,0,0,0.5);
		position:absolute;
		left:0px;
		right:0px;
		top:0px;
		bottom:0px;
		margin:auto;
		text-align:center;
		line-height:350px;
		color:#fff;
	}
	.new_more_div{
		display:block;
		overflow:hidden;
		margin:auto;
		position:absolute;
		left:0px;
		right:0px;
		bottom:0px;
		top:0px;
		border:1px solid #fff;
		text-align:center;
		padding:5px;
		width:100px;
		height:30px;
		line-height:30px;
		color:#fff;
	}
	
	/*投光灯*/
	#quandi_case{
		width:auto;
		height:auto;
		overflow:hidden;
		display:block;
		margin:auto;
		background-position:center;
		background-repeat:no-repeat;
		background-size:100% 100%;
		
	}
	#quandi_case_thead{
		width:auto;
		height:auto;
		overflow:hidden;
		display:block;
		margin:auto;
		font-size:20px;
		text-align:center;
		padding-top:40px;
		max-height:100%;
	}
	#quandi_case_tbody{
		width:480px;
		height:auto;
		overflow:hidden;
		display:block;
		margin:auto;
		
	}
	#quandi_case_thead>span{
		width:auto;
		height:auto;
		overflow:hidden;
		display:block;
		margin:auto;
		text-align:center;
		padding:20px;
		font-size:12px;
		line-height:18px;
		max-height:100%
	}
	#case_left{
		width:160px;
		height:200px;
		overflow:hidden;
		float:left;
		display:block;
		margin:auto;
	}
	#case_right{
		width:320px;
		height:200px;
		overflow:hidden;
		float:right;
		display:block;
		margin:auto;
	}
	.case_item{
		width:50%;
		height:50%;
		overflow:hidden;
		float:left;
		display:block;
		margin:auto;
	}
	a.case_pic{
		width:100%;
		height:100%;
		overflow:hidden;
		margin:auto;
		display:block;
		margin:auto;
		background-position:center;
		background-repeat:no-repeat;
		background-size:100% 100%;
		transition:all 0.4s;
	}
	
	/*关于我们*/
	#quandi_about{
		display:block;
		overflow:hidden;
		margin:auto;
		width:auto;
		height:auto;
	}
	#quandi_about_thead{
		width:auto;
		height:auto;
		overflow:hidden;
		display:block;
		margin:auto;
		font-size:20px;
		text-align:center;
		padding-top:20px;
		padding-bottom:20px;
	}
	#quandi_about_tbody{
		display:block;
		overflow:hidden;
		margin:auto;
		width:auto;
		height:auto;
		margin:10px;
		max-height:100%;
		font-size:12px;
	}
	
	/*新闻*/
	#quandi_news{
		display:block;
		overflow:hidden;
		margin:auto;
		width:auto;
		height:auto;
	}
	#quandi_news_thead{
		width:auto;
		height:auto;
		overflow:hidden;
		display:block;
		margin:auto;
		font-size:20px;
		text-align:center;
		padding-top:20px;
		padding-bottom:20px;
		max-height:100%;
	}
	#quandi_news_tbody{
		display:block;
		overflow:hidden;
		margin:auto;
		width:auto;
		height:auto;
		margin:10px;
	}
	.news_item{
		width:auto;
		height:auto;
		overflow:hidden;
		margin:auto;
		border-bottom:1px dashed #ddd;
	}
	.news_date{
		width:60px;
		height:50px;
		background-color:;
		display:block;
		overflow:hidden;
		background-color:#2f3188;
		font-family:Arial, Helvetica, sans-serif;
		color:#fff;
		text-align:center;
		font-size:12px;
		margin:10px;
		margin-top:0px;
		margin-left:0px;
		padding-top:10px;
	}
	.news_date_span{
		font-size:20px;
		text-align:center;
		margin:auto;
		display:block;
		overflow:hidden;
	}
	a.news_a{
		display:block;
		overflow:hidden;
		width:auto;
		height:auto;
		margin:auto;
		text-align:left;
		font-weight:bold;
		font-size:14px;
		line-height:22px;
	}
	.news_miaoshu{
		display:block;
		overflow:hidden;
		width:auto;
		height:auto;
		margin:auto;
		font-size:12px;
		color:#666;
		text-align:left;
	}
}